{"animation":{"performanceNotes":["Pressed affordances use transform, filter, and opacity without layout work.","The preview script only toggles data/ARIA state for interaction."],"properties":["transform","opacity","filter","background-color"],"reducedMotion":true,"types":["transition"]},"artifactKind":"react-component","category":"component","codeHref":"/components/shop-glassy-buttons/code","dependencies":{"notes":["React wrapper with CSS-module styles; preview renders through the compiled React route."],"runtime":"react"},"description":"Checkout button variants with glassy surfaces and lightweight press states.","downloadHref":"/components/shop-glassy-buttons/download","exports":[{"description":"Copy every source file listed in this artifact bundle.","href":"/components/shop-glassy-buttons/code","id":"source-bundle","label":"Source bundle"},{"description":"Open the build-time React preview route used by the iframe.","href":"/components/shop-glassy-buttons/react-preview","id":"compiled-preview","label":"Compiled preview"},{"description":"Inspect artifact metadata, dependencies, files, and preview fidelity.","href":"/components/shop-glassy-buttons/manifest","id":"manifest","label":"Manifest JSON"},{"description":"Copy framework/runtime notes, required files, and integration steps.","href":"/components/shop-glassy-buttons/usage","id":"integration-guide","label":"Integration guide"},{"description":"Download source files, manifest JSON, and a README as a zip.","href":"/components/shop-glassy-buttons/download","id":"download-zip","label":"Download zip"}],"files":[{"language":"tsx","path":"examples/glassy-button-preview.tsx","sha256":"714469b6574c2975e93c03702671a6936e164ab8392c68eeb42daf05e9eed54d","sizeBytes":612},{"language":"tsx","path":"components/shop-glassy-button.tsx","sha256":"fafcfb04d0482667e7e0fe9168f12cab4dc50e6243a6ae24225007a419cb150c","sizeBytes":859},{"language":"css","path":"components/shop-glassy-button.module.css","sha256":"92903c0a33a30be27fa5a7a72d71f4ded5813e79ba7d2b528c9b0743e3899a47","sizeBytes":3833}],"id":"shop-glassy-buttons","initialHeight":430,"manifestHref":"/components/shop-glassy-buttons/manifest","minViewportWidth":300,"mobileHeight":540,"name":"shop-glassy-buttons","previewHref":"/components/shop-glassy-buttons/react-preview","previewMode":"compiled-react","presets":[{"id":"desktop","label":"Desktop","width":"100%"},{"id":"tablet","label":"Tablet","width":"62%"},{"id":"mobile","label":"Mobile","width":"34%"}],"schemaVersion":1,"tags":["button","checkout","css-modules","react","zero-extra-packages","reduced-motion"],"title":"Glassy Checkout Buttons","usageHref":"/components/shop-glassy-buttons/usage"}