{"animation":{"performanceNotes":["Action button feedback stays on transform and opacity.","Radio selection is represented in CSS with data-selected state."],"properties":["transform","opacity","background-color"],"reducedMotion":true,"types":["transition"]},"artifactKind":"react-component","category":"component","codeHref":"/components/shop-purchase-plan/code","dependencies":{"notes":["React wrapper with CSS-module styles; preview renders through the compiled React route."],"runtime":"react"},"description":"Pricing card with radio-plan state and reusable checkout actions.","downloadHref":"/components/shop-purchase-plan/download","exports":[{"description":"Copy every source file listed in this artifact bundle.","href":"/components/shop-purchase-plan/code","id":"source-bundle","label":"Source bundle"},{"description":"Open the build-time React preview route used by the iframe.","href":"/components/shop-purchase-plan/react-preview","id":"compiled-preview","label":"Compiled preview"},{"description":"Inspect artifact metadata, dependencies, files, and preview fidelity.","href":"/components/shop-purchase-plan/manifest","id":"manifest","label":"Manifest JSON"},{"description":"Copy framework/runtime notes, required files, and integration steps.","href":"/components/shop-purchase-plan/usage","id":"integration-guide","label":"Integration guide"},{"description":"Download source files, manifest JSON, and a README as a zip.","href":"/components/shop-purchase-plan/download","id":"download-zip","label":"Download zip"}],"files":[{"language":"tsx","path":"components/shop-purchase-plan-card.tsx","sha256":"5412e53a623dd3307f1f7a6cb922dede0b0848830dcf670888d5cfb09f63dd9f","sizeBytes":2248},{"language":"css","path":"components/shop-purchase-plan-card.module.css","sha256":"f6080e21ed4ef5ec2b58d8809270869695a54352f6e1a0c16bd0d384504547ef","sizeBytes":1852},{"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-purchase-plan","initialHeight":430,"manifestHref":"/components/shop-purchase-plan/manifest","minViewportWidth":300,"name":"shop-purchase-plan","previewHref":"/components/shop-purchase-plan/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":["pricing-card","checkout","css-modules","react","zero-extra-packages","reduced-motion"],"title":"Purchase Plan Card","usageHref":"/components/shop-purchase-plan/usage"}