{"animation":{"performanceNotes":["Hover and pressed affordances use scale transforms and opacity.","Backdrop-filter is isolated to the small icon surface."],"properties":["transform","opacity","background-color","backdrop-filter"],"reducedMotion":true,"types":["transition","backdrop-filter"]},"artifactKind":"react-component","category":"component","codeHref":"/components/shop-floating-icons/code","dependencies":{"notes":["React wrapper with CSS-module styles; preview renders through the compiled React route."],"runtime":"react"},"description":"Small floating action buttons with transform-only hover motion.","downloadHref":"/components/shop-floating-icons/download","exports":[{"description":"Copy every source file listed in this artifact bundle.","href":"/components/shop-floating-icons/code","id":"source-bundle","label":"Source bundle"},{"description":"Open the build-time React preview route used by the iframe.","href":"/components/shop-floating-icons/react-preview","id":"compiled-preview","label":"Compiled preview"},{"description":"Inspect artifact metadata, dependencies, files, and preview fidelity.","href":"/components/shop-floating-icons/manifest","id":"manifest","label":"Manifest JSON"},{"description":"Copy framework/runtime notes, required files, and integration steps.","href":"/components/shop-floating-icons/usage","id":"integration-guide","label":"Integration guide"},{"description":"Download source files, manifest JSON, and a README as a zip.","href":"/components/shop-floating-icons/download","id":"download-zip","label":"Download zip"}],"files":[{"language":"tsx","path":"examples/floating-icon-preview.tsx","sha256":"8f96ff7e996e61fba63c1a85a3f406443aea4639062664253fbadc557e22482a","sizeBytes":1809},{"language":"tsx","path":"components/shop-floating-icon-button.tsx","sha256":"bf8fd455db4a6503338e5ebf871e63c0bb2c9cf247d68770415ac5b103ca3579","sizeBytes":760},{"language":"css","path":"components/shop-floating-icon-button.module.css","sha256":"83a7eadb718df066907513c7c560d73eea99a99b04083b4e330532d6b555472f","sizeBytes":4226}],"id":"shop-floating-icons","initialHeight":400,"manifestHref":"/components/shop-floating-icons/manifest","minViewportWidth":300,"name":"shop-floating-icons","previewHref":"/components/shop-floating-icons/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":["icon-button","floating-ui","css-modules","react","zero-extra-packages","reduced-motion"],"title":"Floating Icon Buttons","usageHref":"/components/shop-floating-icons/usage"}