[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-webflow-webflow-code-componentcomponent-scaffold":3,"mdc-3i01o2-key":37,"related-org-webflow-webflow-code-componentcomponent-scaffold":4863,"related-repo-webflow-webflow-code-componentcomponent-scaffold":5041},{"slug":4,"name":5,"fn":6,"description":7,"org":8,"tags":12,"stars":24,"repoUrl":25,"updatedAt":26,"license":27,"forks":28,"topics":29,"repo":32,"sourceUrl":35,"mdContent":36},"webflow-code-componentcomponent-scaffold","webflow-code-component:component-scaffold","scaffold Webflow Code Component boilerplate","Generate new Webflow Code Component boilerplate with React component, definition file, and optional styling. Automatically checks prerequisites and can set up missing config\u002Fdependencies.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},"webflow","Webflow","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fwebflow.png",[13,17,20,21],{"name":14,"slug":15,"type":16},"React","react","tag",{"name":18,"slug":19,"type":16},"Templates","templates",{"name":10,"slug":9,"type":16},{"name":22,"slug":23,"type":16},"Frontend","frontend",107,"https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills","2026-05-18T06:47:42.638042",null,17,[30,31],"agent","skills",{"repoUrl":25,"stars":24,"forks":28,"topics":33,"description":34},[30,31],"Official Webflow Agent Skills","https:\u002F\u002Fgithub.com\u002Fwebflow\u002Fwebflow-skills\u002Ftree\u002FHEAD\u002Fplugins\u002Fwebflow-skills\u002Fskills\u002Fcomponent-scaffold","---\nname: webflow-code-component:component-scaffold\ndescription: Generate new Webflow Code Component boilerplate with React component, definition file, and optional styling. Automatically checks prerequisites and can set up missing config\u002Fdependencies.\ncompatibility: Node.js 18+, React 18+, TypeScript, @webflow\u002Fwebflow-cli\nmetadata:\n author: webflow\n version: \"1.0\"\n---\n\n# Component Scaffold\n\nGenerate a new Webflow Code Component with proper file structure, React component, and `.webflow.tsx` definition file.\n\n## When to Use This Skill\n\n**Use when:**\n- Creating a new code component from scratch\n- User asks to scaffold, generate, or create a component\n- Starting a new component with proper Webflow file structure\n\n**Do NOT use when:**\n- Converting an existing React component (use convert-component skill)\n- Modifying existing components (answer directly or use component-audit)\n- Just asking questions about components (answer directly)\n- Setting up a complex project with custom bundler config (use local-dev-setup instead)\n\n**Note:** This skill can handle basic setup (webflow.json + dependencies) automatically. Use local-dev-setup only for complex setups requiring Tailwind, custom webpack config, or monorepo configurations.\n\n## Instructions\n\n### Phase 0: Prerequisites Check (Run First)\n\nBefore gathering any requirements, verify the project is set up for Webflow Code Components:\n\n1. **Check for webflow.json**:\n ```bash\n # Look for webflow.json in project root\n ```\n - If missing: Offer to create it or invoke local-dev-setup skill\n\n2. **Check for required dependencies** in package.json:\n ```json\n {\n \"devDependencies\": {\n \"@webflow\u002Fwebflow-cli\": \"...\",\n \"@webflow\u002Fdata-types\": \"...\",\n \"@webflow\u002Freact\": \"...\"\n }\n }\n ```\n - If missing: Offer to install them:\n ```bash\n npm i --save-dev @webflow\u002Fwebflow-cli @webflow\u002Fdata-types @webflow\u002Freact\n ```\n\n3. **Check for components directory**:\n - Look for existing pattern (e.g., `src\u002Fcomponents\u002F`)\n - If no components exist, determine where to create them based on webflow.json config\n\n4. **Report setup status**:\n\n **If all prerequisites met:**\n ```\n ✅ Project ready for code components\n - webflow.json: Found\n - Dependencies: Installed\n - Components path: src\u002Fcomponents\u002F\n\n Let's create your component...\n ```\n\n **If prerequisites missing:**\n ```\n ⚠️ Project Setup Required\n\n Missing:\n - [ ] webflow.json configuration file\n - [ ] @webflow\u002Fwebflow-cli dependency\n - [ ] @webflow\u002Fdata-types dependency\n - [ ] @webflow\u002Freact dependency\n\n Would you like me to:\n 1. Set up the missing items now (quick setup)\n 2. Run full project initialization (local-dev-setup skill)\n\n Choose an option:\n ```\n\n **Quick setup** creates minimal config:\n ```json\n \u002F\u002F webflow.json\n {\n \"library\": {\n \"name\": \"My Component Library\",\n \"components\": [\".\u002Fsrc\u002Fcomponents\u002F**\u002F*.webflow.tsx\"]\n }\n }\n ```\n And installs dependencies.\n\n **Optional:** `webflow.json` also supports a `\"globals\"` field pointing to a globals file (e.g., `\"globals\": \".\u002Fsrc\u002Fglobals.webflow.ts\"`). The globals file is used for global CSS imports (e.g., Tailwind) and exporting decorator arrays. Add this when using styled-components, Emotion, or Tailwind.\n\n**Only proceed to Phase 1 after prerequisites are confirmed.**\n\n---\n\n### Phase 1: Gather Requirements\n\n1. **Get component name**: Ask user for the component name\n - Must be PascalCase (e.g., \"Accordion\", \"ProductCard\")\n - Suggest name if user provides description instead\n\n2. **Determine component type**: Ask what kind of component\n - Interactive (buttons, forms, accordions)\n - Display (cards, banners, testimonials)\n - Layout (grids, containers, sections)\n - Data-driven (lists, tables, charts)\n\n3. **Identify props needed**: Based on component type, suggest props\n - Text content → `props.Text()` or `props.RichText()`\n - Canvas-editable text → `props.TextNode()`\n - Images → `props.Image()`\n - Links → `props.Link()`\n - Numeric values → `props.Number()`\n - Variants\u002Fstyles → `props.Variant()`\n - Nested content → `props.Slot()`\n - Toggles → `props.Boolean()`\n - Show\u002Fhide sections → `props.Visibility()`\n - HTML element IDs → `props.Id()`\n\n4. **Styling approach**: Ask preferred styling method\n - CSS Modules (default, recommended)\n - Tailwind CSS\n - styled-components\n - Emotion\n - Sass \u002F Less\n - Plain CSS\n - Other supported: MUI (uses Emotion), Shadcn\u002FUI (uses Tailwind)\n\n5. **SSR requirements**: Determine if component needs client-only features\n - Uses browser APIs? → `ssr: false`\n - Pure presentation? → `ssr: true` (default)\n\n### Phase 2: Validate Project Setup\n\n6. **Check project structure**:\n - Verify `webflow.json` exists\n - Check for required dependencies\n - Identify components directory pattern\n\n7. **Check for conflicts**:\n - Ensure component name doesn't already exist\n - Verify no `.webflow.tsx` file with same name\n\n### Phase 3: Generate Files\n\n8. **Create directory structure**:\n```\nsrc\u002Fcomponents\u002F[ComponentName]\u002F\n├── [ComponentName].tsx\n├── [ComponentName].webflow.tsx\n└── [ComponentName].module.css (if CSS Modules)\n```\n\n9. **Generate React component** (`[ComponentName].tsx`):\n```typescript\nimport React from \"react\";\nimport styles from \".\u002F[ComponentName].module.css\";\n\nexport interface [ComponentName]Props {\n \u002F\u002F Props interface based on user requirements\n}\n\nexport const [ComponentName]: React.FC\u003C[ComponentName]Props> = ({\n \u002F\u002F Destructured props with defaults\n}) => {\n return (\n \u003Cdiv className={styles.container}>\n {\u002F* Component JSX *\u002F}\n \u003C\u002Fdiv>\n );\n};\n```\n\n10. **Generate definition file** (`[ComponentName].webflow.tsx`):\n```typescript\nimport { declareComponent } from \"@webflow\u002Freact\";\nimport { props } from \"@webflow\u002Fdata-types\";\nimport { [ComponentName] } from \".\u002F[ComponentName]\";\nimport \".\u002F[ComponentName].module.css\";\n\nexport default declareComponent([ComponentName], {\n name: \"[ComponentName]\",\n description: \"[User-provided or generated description]\",\n group: \"[Category]\",\n props: {\n \u002F\u002F Props configuration based on requirements\n },\n options: {\n applyTagSelectors: true,\n ssr: true \u002F\u002F or false based on requirements\n }\n});\n```\n\n**Note on decorators:** `declareComponent` also accepts an optional `decorators` array for wrapping components with providers. Built-in decorators include `styledComponentsShadowDomDecorator` (for styled-components) and `emotionShadowDomDecorator` (for Emotion). Global decorators can be exported from a globals file referenced in `webflow.json` — see the globals file note below.\n\n11. **Generate styles** (if CSS Modules):\n```css\n.container {\n \u002F* Base styles *\u002F\n}\n```\n\n### Phase 4: Provide Guidance\n\n12. **Show created files**: List all files created with paths\n\n13. **Explain next steps**:\n - Implement component logic\n - Add styling\n - Test locally by running the React project (e.g., `npm run dev`)\n - Deploy to Webflow with `npx webflow library share`\n\n14. **Shadow DOM awareness**:\n```\nNote: Code components run inside Shadow DOM. Site-level CSS classes won't work\ninside your component. Use component-scoped styles (CSS Modules, etc.).\nSite CSS variables DO work — use var(--variable-name, fallback).\n```\n\n15. **Warn about naming**:\n```\n⚠️ Important: Do not rename the .webflow.tsx file after deployment.\nRenaming creates a new component and breaks existing instances.\n```\n\n## Examples\n\n**User prompt:**\n```\nCreate an accordion component\n```\n\n**Step 1: Requirements Gathering**\n```\n📦 New Component: Accordion\n\nI'll create an accordion component. Let me confirm the requirements:\n\n**Props to include:**\n1. `title` (Text) - The accordion header text\n2. `content` (Rich Text) - The expandable content\n3. `defaultOpen` (Boolean) - Whether to start expanded\n4. `icon` (Variant) - Chevron style: \"arrow\" | \"plus\" | \"none\"\n\n**Styling:** CSS Modules (recommended for Shadow DOM)\n\n**SSR:** Enabled (no browser-only APIs needed)\n\nDoes this look right? Any props to add or remove?\n```\n\n**Step 2: After User Confirms**\n```\n📁 Creating Component Files...\n\nCreated:\n├── src\u002Fcomponents\u002FAccordion\u002FAccordion.tsx\n├── src\u002Fcomponents\u002FAccordion\u002FAccordion.webflow.tsx\n└── src\u002Fcomponents\u002FAccordion\u002FAccordion.module.css\n\n✅ Component scaffold complete!\n\n---\n\n**Accordion.tsx** - React component with:\n- Props: title, content, defaultOpen, icon\n- State management for open\u002Fclosed\n- Accessible keyboard navigation\n- CSS Module classes\n\n**Accordion.webflow.tsx** - Webflow definition with:\n- All props configured for Designer editing\n- Default values set\n- SSR enabled\n\n---\n\n💡 Next Steps:\n1. Review and customize the generated code\n2. Test locally by running your React project (e.g., `npm run dev`)\n3. Deploy to Webflow: `npx webflow library share`\n\n⚠️ Remember: Don't rename .webflow.tsx files after deployment!\n```\n\n**Generated Accordion.tsx:**\n```typescript\nimport React, { useState } from \"react\";\nimport styles from \".\u002FAccordion.module.css\";\n\nexport interface AccordionProps {\n title: string;\n content: string;\n defaultOpen?: boolean;\n icon?: \"arrow\" | \"plus\" | \"none\";\n}\n\nexport const Accordion: React.FC\u003CAccordionProps> = ({\n title,\n content,\n defaultOpen = false,\n icon = \"arrow\"\n}) => {\n const [isOpen, setIsOpen] = useState(defaultOpen);\n\n return (\n \u003Cdiv className={styles.accordion}>\n \u003Cbutton\n className={styles.header}\n onClick={() => setIsOpen(!isOpen)}\n aria-expanded={isOpen}\n >\n \u003Cspan className={styles.title}>{title}\u003C\u002Fspan>\n {icon !== \"none\" && (\n \u003Cspan className={`${styles.icon} ${isOpen ? styles.open : \"\"}`}>\n {icon === \"arrow\" ? \"▼\" : \"+\"}\n \u003C\u002Fspan>\n )}\n \u003C\u002Fbutton>\n {isOpen && (\n \u003Cdiv\n className={styles.content}\n dangerouslySetInnerHTML={{ __html: content }}\n \u002F>\n )}\n \u003C\u002Fdiv>\n );\n};\n```\n\n**Generated Accordion.webflow.tsx:**\n```typescript\nimport { declareComponent } from \"@webflow\u002Freact\";\nimport { props } from \"@webflow\u002Fdata-types\";\nimport { Accordion } from \".\u002FAccordion\";\nimport \".\u002FAccordion.module.css\";\n\nexport default declareComponent(Accordion, {\n name: \"Accordion\",\n description: \"Expandable content section with customizable header and icon\",\n group: \"Interactive\",\n props: {\n title: props.Text({\n name: \"Title\",\n defaultValue: \"Accordion Title\"\n }),\n content: props.RichText({\n name: \"Content\",\n defaultValue: \"\u003Cp>Accordion content goes here.\u003C\u002Fp>\"\n }),\n defaultOpen: props.Boolean({\n name: \"Start Expanded\",\n defaultValue: false\n }),\n icon: props.Variant({\n name: \"Icon Style\",\n options: [\"arrow\", \"plus\", \"none\"],\n defaultValue: \"arrow\"\n })\n },\n options: {\n applyTagSelectors: true,\n ssr: true\n }\n});\n```\n\n## Guidelines\n\n### Prop Type Selection\n\n| User Wants | Prop Type | Notes |\n|------------|-----------|-------|\n| Editable text | `props.Text()` | Single line, max 256 chars |\n| Long formatted text | `props.RichText()` | HTML content |\n| Canvas-editable text | `props.TextNode()` | Double-click to edit |\n| Image upload | `props.Image()` | Returns image object |\n| URL\u002Flink | `props.Link()` | Returns { href, target, preload } |\n| Number input | `props.Number()` | Numeric values |\n| Toggle\u002Fflag | `props.Boolean()` | true\u002Ffalse |\n| Style options | `props.Variant()` | Dropdown selection |\n| Nested content | `props.Slot()` | Other components inside |\n| HTML ID | `props.Id()` | For accessibility |\n\n### Component Categories (Groups)\n\n- **Interactive**: Buttons, forms, accordions, tabs, modals\n- **Display**: Cards, banners, testimonials, badges\n- **Layout**: Grids, containers, sections, dividers\n- **Navigation**: Menus, breadcrumbs, pagination\n- **Media**: Galleries, video players, carousels\n- **Data**: Tables, lists, charts, counters\n\n### SSR Decision Tree\n\n```\nSet ssr: false if ANY of these apply:\n\n1. Browser APIs — Uses window, document, localStorage, or similar\n2. Dynamic\u002Fpersonalized content — User-specific dashboards, authenticated views, client data\n3. Heavy\u002Finteractive UI — Charts, 3D scenes, maps, animation-driven elements\n4. Non-deterministic output — Random numbers, time-based values, anything that renders differently server vs client\n\nOtherwise → Keep ssr: true (default)\n```\n\n### File Naming Rules\n\n- Component name: PascalCase (`ProductCard`)\n- Files use same name: `ProductCard.tsx`, `ProductCard.webflow.tsx`\n- CSS modules: `ProductCard.module.css`\n- Directory: `src\u002Fcomponents\u002FProductCard\u002F`\n\n### Default Values Best Practice\n\nAlways provide meaningful defaults:\n```typescript\nprops: {\n title: props.Text({\n name: \"Title\",\n defaultValue: \"Card Title\" \u002F\u002F ✅ Good\n }),\n count: props.Number({\n name: \"Count\",\n defaultValue: 0 \u002F\u002F ✅ Good\n })\n}\n```\n\nNot:\n```typescript\nprops: {\n title: props.Text({\n name: \"Title\"\n \u002F\u002F ❌ Missing defaultValue\n })\n}\n```\n\n## Error Handling\n\n**Component name already exists:**\n```\n⚠️ Component \"Button\" already exists at src\u002Fcomponents\u002FButton\u002F\n\nOptions:\n1. Choose a different name\n2. Update existing component (use component-audit skill)\n3. Delete existing and create new\n\nWhich would you like to do?\n```\n\n**Missing webflow.json:**\n```\n❌ No webflow.json found in project root\n\nThis file is required for code components. Would you like me to:\n1. Create a basic webflow.json\n2. Run local-dev-setup skill for full project initialization\n\nChoose an option (1\u002F2):\n```\n\n**Invalid component name:**\n```\n⚠️ Invalid component name: \"my-button\"\n\nComponent names must be:\n- PascalCase (e.g., \"MyButton\")\n- Start with a letter\n- Contain only letters and numbers\n\nSuggested name: \"MyButton\"\n\nUse this name? (yes\u002Fno)\n```\n",{"data":38,"body":42},{"name":5,"description":7,"compatibility":39,"metadata":40},"Node.js 18+, React 18+, TypeScript, @webflow\u002Fwebflow-cli",{"author":9,"version":41},"1.0",{"type":43,"children":44},"root",[45,54,69,76,85,105,113,136,146,152,159,164,709,717,721,727,1002,1008,1073,1079,1092,1101,1123,1492,1511,1911,1959,1972,2011,2017,2084,2093,2105,2114,2120,2128,2137,2145,2154,2162,2171,2179,3226,3234,4054,4060,4066,4309,4315,4377,4383,4392,4398,4454,4460,4465,4693,4698,4800,4806,4814,4823,4831,4840,4848,4857],{"type":46,"tag":47,"props":48,"children":50},"element","h1",{"id":49},"component-scaffold",[51],{"type":52,"value":53},"text","Component Scaffold",{"type":46,"tag":55,"props":56,"children":57},"p",{},[58,60,67],{"type":52,"value":59},"Generate a new Webflow Code Component with proper file structure, React component, and ",{"type":46,"tag":61,"props":62,"children":64},"code",{"className":63},[],[65],{"type":52,"value":66},".webflow.tsx",{"type":52,"value":68}," definition file.",{"type":46,"tag":70,"props":71,"children":73},"h2",{"id":72},"when-to-use-this-skill",[74],{"type":52,"value":75},"When to Use This Skill",{"type":46,"tag":55,"props":77,"children":78},{},[79],{"type":46,"tag":80,"props":81,"children":82},"strong",{},[83],{"type":52,"value":84},"Use when:",{"type":46,"tag":86,"props":87,"children":88},"ul",{},[89,95,100],{"type":46,"tag":90,"props":91,"children":92},"li",{},[93],{"type":52,"value":94},"Creating a new code component from scratch",{"type":46,"tag":90,"props":96,"children":97},{},[98],{"type":52,"value":99},"User asks to scaffold, generate, or create a component",{"type":46,"tag":90,"props":101,"children":102},{},[103],{"type":52,"value":104},"Starting a new component with proper Webflow file structure",{"type":46,"tag":55,"props":106,"children":107},{},[108],{"type":46,"tag":80,"props":109,"children":110},{},[111],{"type":52,"value":112},"Do NOT use when:",{"type":46,"tag":86,"props":114,"children":115},{},[116,121,126,131],{"type":46,"tag":90,"props":117,"children":118},{},[119],{"type":52,"value":120},"Converting an existing React component (use convert-component skill)",{"type":46,"tag":90,"props":122,"children":123},{},[124],{"type":52,"value":125},"Modifying existing components (answer directly or use component-audit)",{"type":46,"tag":90,"props":127,"children":128},{},[129],{"type":52,"value":130},"Just asking questions about components (answer directly)",{"type":46,"tag":90,"props":132,"children":133},{},[134],{"type":52,"value":135},"Setting up a complex project with custom bundler config (use local-dev-setup instead)",{"type":46,"tag":55,"props":137,"children":138},{},[139,144],{"type":46,"tag":80,"props":140,"children":141},{},[142],{"type":52,"value":143},"Note:",{"type":52,"value":145}," This skill can handle basic setup (webflow.json + dependencies) automatically. Use local-dev-setup only for complex setups requiring Tailwind, custom webpack config, or monorepo configurations.",{"type":46,"tag":70,"props":147,"children":149},{"id":148},"instructions",[150],{"type":52,"value":151},"Instructions",{"type":46,"tag":153,"props":154,"children":156},"h3",{"id":155},"phase-0-prerequisites-check-run-first",[157],{"type":52,"value":158},"Phase 0: Prerequisites Check (Run First)",{"type":46,"tag":55,"props":160,"children":161},{},[162],{"type":52,"value":163},"Before gathering any requirements, verify the project is set up for Webflow Code Components:",{"type":46,"tag":165,"props":166,"children":167},"ol",{},[168,208,445,475],{"type":46,"tag":90,"props":169,"children":170},{},[171,176,178,200],{"type":46,"tag":80,"props":172,"children":173},{},[174],{"type":52,"value":175},"Check for webflow.json",{"type":52,"value":177},":",{"type":46,"tag":179,"props":180,"children":185},"pre",{"className":181,"code":182,"language":183,"meta":184,"style":184},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# Look for webflow.json in project root\n","bash","",[186],{"type":46,"tag":61,"props":187,"children":188},{"__ignoreMap":184},[189],{"type":46,"tag":190,"props":191,"children":194},"span",{"class":192,"line":193},"line",1,[195],{"type":46,"tag":190,"props":196,"children":198},{"style":197},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[199],{"type":52,"value":182},{"type":46,"tag":86,"props":201,"children":202},{},[203],{"type":46,"tag":90,"props":204,"children":205},{},[206],{"type":52,"value":207},"If missing: Offer to create it or invoke local-dev-setup skill",{"type":46,"tag":90,"props":209,"children":210},{},[211,216,218,397],{"type":46,"tag":80,"props":212,"children":213},{},[214],{"type":52,"value":215},"Check for required dependencies",{"type":52,"value":217}," in package.json:",{"type":46,"tag":179,"props":219,"children":223},{"className":220,"code":221,"language":222,"meta":184,"style":184},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n \"devDependencies\": {\n \"@webflow\u002Fwebflow-cli\": \"...\",\n \"@webflow\u002Fdata-types\": \"...\",\n \"@webflow\u002Freact\": \"...\"\n }\n}\n","json",[224],{"type":46,"tag":61,"props":225,"children":226},{"__ignoreMap":184},[227,236,265,308,345,379,388],{"type":46,"tag":190,"props":228,"children":229},{"class":192,"line":193},[230],{"type":46,"tag":190,"props":231,"children":233},{"style":232},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[234],{"type":52,"value":235},"{\n",{"type":46,"tag":190,"props":237,"children":239},{"class":192,"line":238},2,[240,245,251,256,260],{"type":46,"tag":190,"props":241,"children":242},{"style":232},[243],{"type":52,"value":244}," \"",{"type":46,"tag":190,"props":246,"children":248},{"style":247},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[249],{"type":52,"value":250},"devDependencies",{"type":46,"tag":190,"props":252,"children":253},{"style":232},[254],{"type":52,"value":255},"\"",{"type":46,"tag":190,"props":257,"children":258},{"style":232},[259],{"type":52,"value":177},{"type":46,"tag":190,"props":261,"children":262},{"style":232},[263],{"type":52,"value":264}," {\n",{"type":46,"tag":190,"props":266,"children":268},{"class":192,"line":267},3,[269,274,280,284,288,293,299,303],{"type":46,"tag":190,"props":270,"children":271},{"style":232},[272],{"type":52,"value":273}," \"",{"type":46,"tag":190,"props":275,"children":277},{"style":276},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[278],{"type":52,"value":279},"@webflow\u002Fwebflow-cli",{"type":46,"tag":190,"props":281,"children":282},{"style":232},[283],{"type":52,"value":255},{"type":46,"tag":190,"props":285,"children":286},{"style":232},[287],{"type":52,"value":177},{"type":46,"tag":190,"props":289,"children":290},{"style":232},[291],{"type":52,"value":292}," \"",{"type":46,"tag":190,"props":294,"children":296},{"style":295},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[297],{"type":52,"value":298},"...",{"type":46,"tag":190,"props":300,"children":301},{"style":232},[302],{"type":52,"value":255},{"type":46,"tag":190,"props":304,"children":305},{"style":232},[306],{"type":52,"value":307},",\n",{"type":46,"tag":190,"props":309,"children":311},{"class":192,"line":310},4,[312,316,321,325,329,333,337,341],{"type":46,"tag":190,"props":313,"children":314},{"style":232},[315],{"type":52,"value":273},{"type":46,"tag":190,"props":317,"children":318},{"style":276},[319],{"type":52,"value":320},"@webflow\u002Fdata-types",{"type":46,"tag":190,"props":322,"children":323},{"style":232},[324],{"type":52,"value":255},{"type":46,"tag":190,"props":326,"children":327},{"style":232},[328],{"type":52,"value":177},{"type":46,"tag":190,"props":330,"children":331},{"style":232},[332],{"type":52,"value":292},{"type":46,"tag":190,"props":334,"children":335},{"style":295},[336],{"type":52,"value":298},{"type":46,"tag":190,"props":338,"children":339},{"style":232},[340],{"type":52,"value":255},{"type":46,"tag":190,"props":342,"children":343},{"style":232},[344],{"type":52,"value":307},{"type":46,"tag":190,"props":346,"children":348},{"class":192,"line":347},5,[349,353,358,362,366,370,374],{"type":46,"tag":190,"props":350,"children":351},{"style":232},[352],{"type":52,"value":273},{"type":46,"tag":190,"props":354,"children":355},{"style":276},[356],{"type":52,"value":357},"@webflow\u002Freact",{"type":46,"tag":190,"props":359,"children":360},{"style":232},[361],{"type":52,"value":255},{"type":46,"tag":190,"props":363,"children":364},{"style":232},[365],{"type":52,"value":177},{"type":46,"tag":190,"props":367,"children":368},{"style":232},[369],{"type":52,"value":292},{"type":46,"tag":190,"props":371,"children":372},{"style":295},[373],{"type":52,"value":298},{"type":46,"tag":190,"props":375,"children":376},{"style":232},[377],{"type":52,"value":378},"\"\n",{"type":46,"tag":190,"props":380,"children":382},{"class":192,"line":381},6,[383],{"type":46,"tag":190,"props":384,"children":385},{"style":232},[386],{"type":52,"value":387}," }\n",{"type":46,"tag":190,"props":389,"children":391},{"class":192,"line":390},7,[392],{"type":46,"tag":190,"props":393,"children":394},{"style":232},[395],{"type":52,"value":396},"}\n",{"type":46,"tag":86,"props":398,"children":399},{},[400],{"type":46,"tag":90,"props":401,"children":402},{},[403,405],{"type":52,"value":404},"If missing: Offer to install them:\n",{"type":46,"tag":179,"props":406,"children":408},{"className":181,"code":407,"language":183,"meta":184,"style":184},"npm i --save-dev @webflow\u002Fwebflow-cli @webflow\u002Fdata-types @webflow\u002Freact\n",[409],{"type":46,"tag":61,"props":410,"children":411},{"__ignoreMap":184},[412],{"type":46,"tag":190,"props":413,"children":414},{"class":192,"line":193},[415,420,425,430,435,440],{"type":46,"tag":190,"props":416,"children":417},{"style":276},[418],{"type":52,"value":419},"npm",{"type":46,"tag":190,"props":421,"children":422},{"style":295},[423],{"type":52,"value":424}," i",{"type":46,"tag":190,"props":426,"children":427},{"style":295},[428],{"type":52,"value":429}," --save-dev",{"type":46,"tag":190,"props":431,"children":432},{"style":295},[433],{"type":52,"value":434}," @webflow\u002Fwebflow-cli",{"type":46,"tag":190,"props":436,"children":437},{"style":295},[438],{"type":52,"value":439}," @webflow\u002Fdata-types",{"type":46,"tag":190,"props":441,"children":442},{"style":295},[443],{"type":52,"value":444}," @webflow\u002Freact\n",{"type":46,"tag":90,"props":446,"children":447},{},[448,453,454],{"type":46,"tag":80,"props":449,"children":450},{},[451],{"type":52,"value":452},"Check for components directory",{"type":52,"value":177},{"type":46,"tag":86,"props":455,"children":456},{},[457,470],{"type":46,"tag":90,"props":458,"children":459},{},[460,462,468],{"type":52,"value":461},"Look for existing pattern (e.g., ",{"type":46,"tag":61,"props":463,"children":465},{"className":464},[],[466],{"type":52,"value":467},"src\u002Fcomponents\u002F",{"type":52,"value":469},")",{"type":46,"tag":90,"props":471,"children":472},{},[473],{"type":52,"value":474},"If no components exist, determine where to create them based on webflow.json config",{"type":46,"tag":90,"props":476,"children":477},{},[478,483,484,488,493,503,506,511,520,523,528,530,670,673,675,678,683,685,691,693,699,701,707],{"type":46,"tag":80,"props":479,"children":480},{},[481],{"type":52,"value":482},"Report setup status",{"type":52,"value":177},{"type":46,"tag":485,"props":486,"children":487},"br",{},[],{"type":46,"tag":80,"props":489,"children":490},{},[491],{"type":52,"value":492},"If all prerequisites met:",{"type":46,"tag":179,"props":494,"children":498},{"className":495,"code":497,"language":52},[496],"language-text","✅ Project ready for code components\n- webflow.json: Found\n- Dependencies: Installed\n- Components path: src\u002Fcomponents\u002F\n\nLet's create your component...\n",[499],{"type":46,"tag":61,"props":500,"children":501},{"__ignoreMap":184},[502],{"type":52,"value":497},{"type":46,"tag":485,"props":504,"children":505},{},[],{"type":46,"tag":80,"props":507,"children":508},{},[509],{"type":52,"value":510},"If prerequisites missing:",{"type":46,"tag":179,"props":512,"children":515},{"className":513,"code":514,"language":52},[496],"⚠️ Project Setup Required\n\nMissing:\n- [ ] webflow.json configuration file\n- [ ] @webflow\u002Fwebflow-cli dependency\n- [ ] @webflow\u002Fdata-types dependency\n- [ ] @webflow\u002Freact dependency\n\nWould you like me to:\n1. Set up the missing items now (quick setup)\n2. Run full project initialization (local-dev-setup skill)\n\nChoose an option:\n",[516],{"type":46,"tag":61,"props":517,"children":518},{"__ignoreMap":184},[519],{"type":52,"value":514},{"type":46,"tag":485,"props":521,"children":522},{},[],{"type":46,"tag":80,"props":524,"children":525},{},[526],{"type":52,"value":527},"Quick setup",{"type":52,"value":529}," creates minimal config:",{"type":46,"tag":179,"props":531,"children":533},{"className":220,"code":532,"language":222,"meta":184,"style":184},"\u002F\u002F webflow.json\n{\n \"library\": {\n \"name\": \"My Component Library\",\n \"components\": [\".\u002Fsrc\u002Fcomponents\u002F**\u002F*.webflow.tsx\"]\n }\n}\n",[534],{"type":46,"tag":61,"props":535,"children":536},{"__ignoreMap":184},[537,545,552,576,613,656,663],{"type":46,"tag":190,"props":538,"children":539},{"class":192,"line":193},[540],{"type":46,"tag":190,"props":541,"children":542},{"style":197},[543],{"type":52,"value":544},"\u002F\u002F webflow.json\n",{"type":46,"tag":190,"props":546,"children":547},{"class":192,"line":238},[548],{"type":46,"tag":190,"props":549,"children":550},{"style":232},[551],{"type":52,"value":235},{"type":46,"tag":190,"props":553,"children":554},{"class":192,"line":267},[555,559,564,568,572],{"type":46,"tag":190,"props":556,"children":557},{"style":232},[558],{"type":52,"value":244},{"type":46,"tag":190,"props":560,"children":561},{"style":247},[562],{"type":52,"value":563},"library",{"type":46,"tag":190,"props":565,"children":566},{"style":232},[567],{"type":52,"value":255},{"type":46,"tag":190,"props":569,"children":570},{"style":232},[571],{"type":52,"value":177},{"type":46,"tag":190,"props":573,"children":574},{"style":232},[575],{"type":52,"value":264},{"type":46,"tag":190,"props":577,"children":578},{"class":192,"line":310},[579,583,588,592,596,600,605,609],{"type":46,"tag":190,"props":580,"children":581},{"style":232},[582],{"type":52,"value":273},{"type":46,"tag":190,"props":584,"children":585},{"style":276},[586],{"type":52,"value":587},"name",{"type":46,"tag":190,"props":589,"children":590},{"style":232},[591],{"type":52,"value":255},{"type":46,"tag":190,"props":593,"children":594},{"style":232},[595],{"type":52,"value":177},{"type":46,"tag":190,"props":597,"children":598},{"style":232},[599],{"type":52,"value":292},{"type":46,"tag":190,"props":601,"children":602},{"style":295},[603],{"type":52,"value":604},"My Component Library",{"type":46,"tag":190,"props":606,"children":607},{"style":232},[608],{"type":52,"value":255},{"type":46,"tag":190,"props":610,"children":611},{"style":232},[612],{"type":52,"value":307},{"type":46,"tag":190,"props":614,"children":615},{"class":192,"line":347},[616,620,625,629,633,638,642,647,651],{"type":46,"tag":190,"props":617,"children":618},{"style":232},[619],{"type":52,"value":273},{"type":46,"tag":190,"props":621,"children":622},{"style":276},[623],{"type":52,"value":624},"components",{"type":46,"tag":190,"props":626,"children":627},{"style":232},[628],{"type":52,"value":255},{"type":46,"tag":190,"props":630,"children":631},{"style":232},[632],{"type":52,"value":177},{"type":46,"tag":190,"props":634,"children":635},{"style":232},[636],{"type":52,"value":637}," [",{"type":46,"tag":190,"props":639,"children":640},{"style":232},[641],{"type":52,"value":255},{"type":46,"tag":190,"props":643,"children":644},{"style":295},[645],{"type":52,"value":646},".\u002Fsrc\u002Fcomponents\u002F**\u002F*.webflow.tsx",{"type":46,"tag":190,"props":648,"children":649},{"style":232},[650],{"type":52,"value":255},{"type":46,"tag":190,"props":652,"children":653},{"style":232},[654],{"type":52,"value":655},"]\n",{"type":46,"tag":190,"props":657,"children":658},{"class":192,"line":381},[659],{"type":46,"tag":190,"props":660,"children":661},{"style":232},[662],{"type":52,"value":387},{"type":46,"tag":190,"props":664,"children":665},{"class":192,"line":390},[666],{"type":46,"tag":190,"props":667,"children":668},{"style":232},[669],{"type":52,"value":396},{"type":46,"tag":485,"props":671,"children":672},{},[],{"type":52,"value":674},"And installs dependencies.",{"type":46,"tag":485,"props":676,"children":677},{},[],{"type":46,"tag":80,"props":679,"children":680},{},[681],{"type":52,"value":682},"Optional:",{"type":52,"value":684}," ",{"type":46,"tag":61,"props":686,"children":688},{"className":687},[],[689],{"type":52,"value":690},"webflow.json",{"type":52,"value":692}," also supports a ",{"type":46,"tag":61,"props":694,"children":696},{"className":695},[],[697],{"type":52,"value":698},"\"globals\"",{"type":52,"value":700}," field pointing to a globals file (e.g., ",{"type":46,"tag":61,"props":702,"children":704},{"className":703},[],[705],{"type":52,"value":706},"\"globals\": \".\u002Fsrc\u002Fglobals.webflow.ts\"",{"type":52,"value":708},"). The globals file is used for global CSS imports (e.g., Tailwind) and exporting decorator arrays. Add this when using styled-components, Emotion, or Tailwind.",{"type":46,"tag":55,"props":710,"children":711},{},[712],{"type":46,"tag":80,"props":713,"children":714},{},[715],{"type":52,"value":716},"Only proceed to Phase 1 after prerequisites are confirmed.",{"type":46,"tag":718,"props":719,"children":720},"hr",{},[],{"type":46,"tag":153,"props":722,"children":724},{"id":723},"phase-1-gather-requirements",[725],{"type":52,"value":726},"Phase 1: Gather Requirements",{"type":46,"tag":165,"props":728,"children":729},{},[730,753,786,917,965],{"type":46,"tag":90,"props":731,"children":732},{},[733,738,740],{"type":46,"tag":80,"props":734,"children":735},{},[736],{"type":52,"value":737},"Get component name",{"type":52,"value":739},": Ask user for the component name",{"type":46,"tag":86,"props":741,"children":742},{},[743,748],{"type":46,"tag":90,"props":744,"children":745},{},[746],{"type":52,"value":747},"Must be PascalCase (e.g., \"Accordion\", \"ProductCard\")",{"type":46,"tag":90,"props":749,"children":750},{},[751],{"type":52,"value":752},"Suggest name if user provides description instead",{"type":46,"tag":90,"props":754,"children":755},{},[756,761,763],{"type":46,"tag":80,"props":757,"children":758},{},[759],{"type":52,"value":760},"Determine component type",{"type":52,"value":762},": Ask what kind of component",{"type":46,"tag":86,"props":764,"children":765},{},[766,771,776,781],{"type":46,"tag":90,"props":767,"children":768},{},[769],{"type":52,"value":770},"Interactive (buttons, forms, accordions)",{"type":46,"tag":90,"props":772,"children":773},{},[774],{"type":52,"value":775},"Display (cards, banners, testimonials)",{"type":46,"tag":90,"props":777,"children":778},{},[779],{"type":52,"value":780},"Layout (grids, containers, sections)",{"type":46,"tag":90,"props":782,"children":783},{},[784],{"type":52,"value":785},"Data-driven (lists, tables, charts)",{"type":46,"tag":90,"props":787,"children":788},{},[789,794,796],{"type":46,"tag":80,"props":790,"children":791},{},[792],{"type":52,"value":793},"Identify props needed",{"type":52,"value":795},": Based on component type, suggest props",{"type":46,"tag":86,"props":797,"children":798},{},[799,818,829,840,851,862,873,884,895,906],{"type":46,"tag":90,"props":800,"children":801},{},[802,804,810,812],{"type":52,"value":803},"Text content → ",{"type":46,"tag":61,"props":805,"children":807},{"className":806},[],[808],{"type":52,"value":809},"props.Text()",{"type":52,"value":811}," or ",{"type":46,"tag":61,"props":813,"children":815},{"className":814},[],[816],{"type":52,"value":817},"props.RichText()",{"type":46,"tag":90,"props":819,"children":820},{},[821,823],{"type":52,"value":822},"Canvas-editable text → ",{"type":46,"tag":61,"props":824,"children":826},{"className":825},[],[827],{"type":52,"value":828},"props.TextNode()",{"type":46,"tag":90,"props":830,"children":831},{},[832,834],{"type":52,"value":833},"Images → ",{"type":46,"tag":61,"props":835,"children":837},{"className":836},[],[838],{"type":52,"value":839},"props.Image()",{"type":46,"tag":90,"props":841,"children":842},{},[843,845],{"type":52,"value":844},"Links → ",{"type":46,"tag":61,"props":846,"children":848},{"className":847},[],[849],{"type":52,"value":850},"props.Link()",{"type":46,"tag":90,"props":852,"children":853},{},[854,856],{"type":52,"value":855},"Numeric values → ",{"type":46,"tag":61,"props":857,"children":859},{"className":858},[],[860],{"type":52,"value":861},"props.Number()",{"type":46,"tag":90,"props":863,"children":864},{},[865,867],{"type":52,"value":866},"Variants\u002Fstyles → ",{"type":46,"tag":61,"props":868,"children":870},{"className":869},[],[871],{"type":52,"value":872},"props.Variant()",{"type":46,"tag":90,"props":874,"children":875},{},[876,878],{"type":52,"value":877},"Nested content → ",{"type":46,"tag":61,"props":879,"children":881},{"className":880},[],[882],{"type":52,"value":883},"props.Slot()",{"type":46,"tag":90,"props":885,"children":886},{},[887,889],{"type":52,"value":888},"Toggles → ",{"type":46,"tag":61,"props":890,"children":892},{"className":891},[],[893],{"type":52,"value":894},"props.Boolean()",{"type":46,"tag":90,"props":896,"children":897},{},[898,900],{"type":52,"value":899},"Show\u002Fhide sections → ",{"type":46,"tag":61,"props":901,"children":903},{"className":902},[],[904],{"type":52,"value":905},"props.Visibility()",{"type":46,"tag":90,"props":907,"children":908},{},[909,911],{"type":52,"value":910},"HTML element IDs → ",{"type":46,"tag":61,"props":912,"children":914},{"className":913},[],[915],{"type":52,"value":916},"props.Id()",{"type":46,"tag":90,"props":918,"children":919},{},[920,925,927],{"type":46,"tag":80,"props":921,"children":922},{},[923],{"type":52,"value":924},"Styling approach",{"type":52,"value":926},": Ask preferred styling method",{"type":46,"tag":86,"props":928,"children":929},{},[930,935,940,945,950,955,960],{"type":46,"tag":90,"props":931,"children":932},{},[933],{"type":52,"value":934},"CSS Modules (default, recommended)",{"type":46,"tag":90,"props":936,"children":937},{},[938],{"type":52,"value":939},"Tailwind CSS",{"type":46,"tag":90,"props":941,"children":942},{},[943],{"type":52,"value":944},"styled-components",{"type":46,"tag":90,"props":946,"children":947},{},[948],{"type":52,"value":949},"Emotion",{"type":46,"tag":90,"props":951,"children":952},{},[953],{"type":52,"value":954},"Sass \u002F Less",{"type":46,"tag":90,"props":956,"children":957},{},[958],{"type":52,"value":959},"Plain CSS",{"type":46,"tag":90,"props":961,"children":962},{},[963],{"type":52,"value":964},"Other supported: MUI (uses Emotion), Shadcn\u002FUI (uses Tailwind)",{"type":46,"tag":90,"props":966,"children":967},{},[968,973,975],{"type":46,"tag":80,"props":969,"children":970},{},[971],{"type":52,"value":972},"SSR requirements",{"type":52,"value":974},": Determine if component needs client-only features",{"type":46,"tag":86,"props":976,"children":977},{},[978,989],{"type":46,"tag":90,"props":979,"children":980},{},[981,983],{"type":52,"value":982},"Uses browser APIs? → ",{"type":46,"tag":61,"props":984,"children":986},{"className":985},[],[987],{"type":52,"value":988},"ssr: false",{"type":46,"tag":90,"props":990,"children":991},{},[992,994,1000],{"type":52,"value":993},"Pure presentation? → ",{"type":46,"tag":61,"props":995,"children":997},{"className":996},[],[998],{"type":52,"value":999},"ssr: true",{"type":52,"value":1001}," (default)",{"type":46,"tag":153,"props":1003,"children":1005},{"id":1004},"phase-2-validate-project-setup",[1006],{"type":52,"value":1007},"Phase 2: Validate Project Setup",{"type":46,"tag":165,"props":1009,"children":1010},{"start":381},[1011,1044],{"type":46,"tag":90,"props":1012,"children":1013},{},[1014,1019,1020],{"type":46,"tag":80,"props":1015,"children":1016},{},[1017],{"type":52,"value":1018},"Check project structure",{"type":52,"value":177},{"type":46,"tag":86,"props":1021,"children":1022},{},[1023,1035,1039],{"type":46,"tag":90,"props":1024,"children":1025},{},[1026,1028,1033],{"type":52,"value":1027},"Verify ",{"type":46,"tag":61,"props":1029,"children":1031},{"className":1030},[],[1032],{"type":52,"value":690},{"type":52,"value":1034}," exists",{"type":46,"tag":90,"props":1036,"children":1037},{},[1038],{"type":52,"value":215},{"type":46,"tag":90,"props":1040,"children":1041},{},[1042],{"type":52,"value":1043},"Identify components directory pattern",{"type":46,"tag":90,"props":1045,"children":1046},{},[1047,1052,1053],{"type":46,"tag":80,"props":1048,"children":1049},{},[1050],{"type":52,"value":1051},"Check for conflicts",{"type":52,"value":177},{"type":46,"tag":86,"props":1054,"children":1055},{},[1056,1061],{"type":46,"tag":90,"props":1057,"children":1058},{},[1059],{"type":52,"value":1060},"Ensure component name doesn't already exist",{"type":46,"tag":90,"props":1062,"children":1063},{},[1064,1066,1071],{"type":52,"value":1065},"Verify no ",{"type":46,"tag":61,"props":1067,"children":1069},{"className":1068},[],[1070],{"type":52,"value":66},{"type":52,"value":1072}," file with same name",{"type":46,"tag":153,"props":1074,"children":1076},{"id":1075},"phase-3-generate-files",[1077],{"type":52,"value":1078},"Phase 3: Generate Files",{"type":46,"tag":165,"props":1080,"children":1082},{"start":1081},8,[1083],{"type":46,"tag":90,"props":1084,"children":1085},{},[1086,1091],{"type":46,"tag":80,"props":1087,"children":1088},{},[1089],{"type":52,"value":1090},"Create directory structure",{"type":52,"value":177},{"type":46,"tag":179,"props":1093,"children":1096},{"className":1094,"code":1095,"language":52},[496],"src\u002Fcomponents\u002F[ComponentName]\u002F\n├── [ComponentName].tsx\n├── [ComponentName].webflow.tsx\n└── [ComponentName].module.css (if CSS Modules)\n",[1097],{"type":46,"tag":61,"props":1098,"children":1099},{"__ignoreMap":184},[1100],{"type":52,"value":1095},{"type":46,"tag":165,"props":1102,"children":1104},{"start":1103},9,[1105],{"type":46,"tag":90,"props":1106,"children":1107},{},[1108,1113,1115,1121],{"type":46,"tag":80,"props":1109,"children":1110},{},[1111],{"type":52,"value":1112},"Generate React component",{"type":52,"value":1114}," (",{"type":46,"tag":61,"props":1116,"children":1118},{"className":1117},[],[1119],{"type":52,"value":1120},"[ComponentName].tsx",{"type":52,"value":1122},"):",{"type":46,"tag":179,"props":1124,"children":1128},{"className":1125,"code":1126,"language":1127,"meta":184,"style":184},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import React from \"react\";\nimport styles from \".\u002F[ComponentName].module.css\";\n\nexport interface [ComponentName]Props {\n \u002F\u002F Props interface based on user requirements\n}\n\nexport const [ComponentName]: React.FC\u003C[ComponentName]Props> = ({\n \u002F\u002F Destructured props with defaults\n}) => {\n return (\n \u003Cdiv className={styles.container}>\n {\u002F* Component JSX *\u002F}\n \u003C\u002Fdiv>\n );\n};\n","typescript",[1129],{"type":46,"tag":61,"props":1130,"children":1131},{"__ignoreMap":184},[1132,1169,1202,1211,1247,1255,1262,1269,1349,1357,1380,1395,1434,1452,1470,1483],{"type":46,"tag":190,"props":1133,"children":1134},{"class":192,"line":193},[1135,1141,1147,1152,1156,1160,1164],{"type":46,"tag":190,"props":1136,"children":1138},{"style":1137},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[1139],{"type":52,"value":1140},"import",{"type":46,"tag":190,"props":1142,"children":1144},{"style":1143},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1145],{"type":52,"value":1146}," React ",{"type":46,"tag":190,"props":1148,"children":1149},{"style":1137},[1150],{"type":52,"value":1151},"from",{"type":46,"tag":190,"props":1153,"children":1154},{"style":232},[1155],{"type":52,"value":292},{"type":46,"tag":190,"props":1157,"children":1158},{"style":295},[1159],{"type":52,"value":15},{"type":46,"tag":190,"props":1161,"children":1162},{"style":232},[1163],{"type":52,"value":255},{"type":46,"tag":190,"props":1165,"children":1166},{"style":232},[1167],{"type":52,"value":1168},";\n",{"type":46,"tag":190,"props":1170,"children":1171},{"class":192,"line":238},[1172,1176,1181,1185,1189,1194,1198],{"type":46,"tag":190,"props":1173,"children":1174},{"style":1137},[1175],{"type":52,"value":1140},{"type":46,"tag":190,"props":1177,"children":1178},{"style":1143},[1179],{"type":52,"value":1180}," styles ",{"type":46,"tag":190,"props":1182,"children":1183},{"style":1137},[1184],{"type":52,"value":1151},{"type":46,"tag":190,"props":1186,"children":1187},{"style":232},[1188],{"type":52,"value":292},{"type":46,"tag":190,"props":1190,"children":1191},{"style":295},[1192],{"type":52,"value":1193},".\u002F[ComponentName].module.css",{"type":46,"tag":190,"props":1195,"children":1196},{"style":232},[1197],{"type":52,"value":255},{"type":46,"tag":190,"props":1199,"children":1200},{"style":232},[1201],{"type":52,"value":1168},{"type":46,"tag":190,"props":1203,"children":1204},{"class":192,"line":267},[1205],{"type":46,"tag":190,"props":1206,"children":1208},{"emptyLinePlaceholder":1207},true,[1209],{"type":52,"value":1210},"\n",{"type":46,"tag":190,"props":1212,"children":1213},{"class":192,"line":310},[1214,1219,1224,1228,1233,1238,1243],{"type":46,"tag":190,"props":1215,"children":1216},{"style":1137},[1217],{"type":52,"value":1218},"export",{"type":46,"tag":190,"props":1220,"children":1221},{"style":247},[1222],{"type":52,"value":1223}," interface",{"type":46,"tag":190,"props":1225,"children":1226},{"style":1143},[1227],{"type":52,"value":637},{"type":46,"tag":190,"props":1229,"children":1230},{"style":276},[1231],{"type":52,"value":1232},"ComponentName",{"type":46,"tag":190,"props":1234,"children":1235},{"style":1143},[1236],{"type":52,"value":1237},"]",{"type":46,"tag":190,"props":1239,"children":1240},{"style":276},[1241],{"type":52,"value":1242},"Props",{"type":46,"tag":190,"props":1244,"children":1245},{"style":232},[1246],{"type":52,"value":264},{"type":46,"tag":190,"props":1248,"children":1249},{"class":192,"line":347},[1250],{"type":46,"tag":190,"props":1251,"children":1252},{"style":197},[1253],{"type":52,"value":1254}," \u002F\u002F Props interface based on user requirements\n",{"type":46,"tag":190,"props":1256,"children":1257},{"class":192,"line":381},[1258],{"type":46,"tag":190,"props":1259,"children":1260},{"style":232},[1261],{"type":52,"value":396},{"type":46,"tag":190,"props":1263,"children":1264},{"class":192,"line":390},[1265],{"type":46,"tag":190,"props":1266,"children":1267},{"emptyLinePlaceholder":1207},[1268],{"type":52,"value":1210},{"type":46,"tag":190,"props":1270,"children":1271},{"class":192,"line":1081},[1272,1276,1281,1285,1289,1294,1299,1304,1309,1314,1319,1323,1327,1331,1336,1341,1345],{"type":46,"tag":190,"props":1273,"children":1274},{"style":1137},[1275],{"type":52,"value":1218},{"type":46,"tag":190,"props":1277,"children":1278},{"style":247},[1279],{"type":52,"value":1280}," const",{"type":46,"tag":190,"props":1282,"children":1283},{"style":232},[1284],{"type":52,"value":637},{"type":46,"tag":190,"props":1286,"children":1287},{"style":1143},[1288],{"type":52,"value":1232},{"type":46,"tag":190,"props":1290,"children":1291},{"style":232},[1292],{"type":52,"value":1293},"]:",{"type":46,"tag":190,"props":1295,"children":1296},{"style":276},[1297],{"type":52,"value":1298}," React",{"type":46,"tag":190,"props":1300,"children":1301},{"style":232},[1302],{"type":52,"value":1303},".",{"type":46,"tag":190,"props":1305,"children":1306},{"style":276},[1307],{"type":52,"value":1308},"FC",{"type":46,"tag":190,"props":1310,"children":1311},{"style":232},[1312],{"type":52,"value":1313},"\u003C",{"type":46,"tag":190,"props":1315,"children":1316},{"style":1143},[1317],{"type":52,"value":1318},"[",{"type":46,"tag":190,"props":1320,"children":1321},{"style":276},[1322],{"type":52,"value":1232},{"type":46,"tag":190,"props":1324,"children":1325},{"style":1143},[1326],{"type":52,"value":1237},{"type":46,"tag":190,"props":1328,"children":1329},{"style":276},[1330],{"type":52,"value":1242},{"type":46,"tag":190,"props":1332,"children":1333},{"style":232},[1334],{"type":52,"value":1335},">",{"type":46,"tag":190,"props":1337,"children":1338},{"style":232},[1339],{"type":52,"value":1340}," =",{"type":46,"tag":190,"props":1342,"children":1343},{"style":1143},[1344],{"type":52,"value":1114},{"type":46,"tag":190,"props":1346,"children":1347},{"style":232},[1348],{"type":52,"value":235},{"type":46,"tag":190,"props":1350,"children":1351},{"class":192,"line":1103},[1352],{"type":46,"tag":190,"props":1353,"children":1354},{"style":197},[1355],{"type":52,"value":1356}," \u002F\u002F Destructured props with defaults\n",{"type":46,"tag":190,"props":1358,"children":1360},{"class":192,"line":1359},10,[1361,1366,1371,1376],{"type":46,"tag":190,"props":1362,"children":1363},{"style":232},[1364],{"type":52,"value":1365},"}",{"type":46,"tag":190,"props":1367,"children":1368},{"style":1143},[1369],{"type":52,"value":1370},") ",{"type":46,"tag":190,"props":1372,"children":1373},{"style":247},[1374],{"type":52,"value":1375},"=>",{"type":46,"tag":190,"props":1377,"children":1378},{"style":232},[1379],{"type":52,"value":264},{"type":46,"tag":190,"props":1381,"children":1383},{"class":192,"line":1382},11,[1384,1389],{"type":46,"tag":190,"props":1385,"children":1386},{"style":1137},[1387],{"type":52,"value":1388}," return",{"type":46,"tag":190,"props":1390,"children":1392},{"style":1391},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[1393],{"type":52,"value":1394}," (\n",{"type":46,"tag":190,"props":1396,"children":1398},{"class":192,"line":1397},12,[1399,1404,1409,1414,1419,1424,1429],{"type":46,"tag":190,"props":1400,"children":1401},{"style":232},[1402],{"type":52,"value":1403}," \u003C",{"type":46,"tag":190,"props":1405,"children":1406},{"style":1143},[1407],{"type":52,"value":1408},"div",{"type":46,"tag":190,"props":1410,"children":1411},{"style":1143},[1412],{"type":52,"value":1413}," className",{"type":46,"tag":190,"props":1415,"children":1416},{"style":232},[1417],{"type":52,"value":1418},"={",{"type":46,"tag":190,"props":1420,"children":1421},{"style":1391},[1422],{"type":52,"value":1423},"styles.",{"type":46,"tag":190,"props":1425,"children":1426},{"style":1143},[1427],{"type":52,"value":1428},"container",{"type":46,"tag":190,"props":1430,"children":1431},{"style":232},[1432],{"type":52,"value":1433},"}>\n",{"type":46,"tag":190,"props":1435,"children":1437},{"class":192,"line":1436},13,[1438,1443,1448],{"type":46,"tag":190,"props":1439,"children":1440},{"style":232},[1441],{"type":52,"value":1442}," {",{"type":46,"tag":190,"props":1444,"children":1445},{"style":197},[1446],{"type":52,"value":1447},"\u002F* Component JSX *\u002F",{"type":46,"tag":190,"props":1449,"children":1450},{"style":232},[1451],{"type":52,"value":396},{"type":46,"tag":190,"props":1453,"children":1455},{"class":192,"line":1454},14,[1456,1461,1465],{"type":46,"tag":190,"props":1457,"children":1458},{"style":232},[1459],{"type":52,"value":1460}," \u003C\u002F",{"type":46,"tag":190,"props":1462,"children":1463},{"style":1143},[1464],{"type":52,"value":1408},{"type":46,"tag":190,"props":1466,"children":1467},{"style":232},[1468],{"type":52,"value":1469},">\n",{"type":46,"tag":190,"props":1471,"children":1473},{"class":192,"line":1472},15,[1474,1479],{"type":46,"tag":190,"props":1475,"children":1476},{"style":1391},[1477],{"type":52,"value":1478}," )",{"type":46,"tag":190,"props":1480,"children":1481},{"style":232},[1482],{"type":52,"value":1168},{"type":46,"tag":190,"props":1484,"children":1486},{"class":192,"line":1485},16,[1487],{"type":46,"tag":190,"props":1488,"children":1489},{"style":232},[1490],{"type":52,"value":1491},"};\n",{"type":46,"tag":165,"props":1493,"children":1494},{"start":1359},[1495],{"type":46,"tag":90,"props":1496,"children":1497},{},[1498,1503,1504,1510],{"type":46,"tag":80,"props":1499,"children":1500},{},[1501],{"type":52,"value":1502},"Generate definition file",{"type":52,"value":1114},{"type":46,"tag":61,"props":1505,"children":1507},{"className":1506},[],[1508],{"type":52,"value":1509},"[ComponentName].webflow.tsx",{"type":52,"value":1122},{"type":46,"tag":179,"props":1512,"children":1514},{"className":1125,"code":1513,"language":1127,"meta":184,"style":184},"import { declareComponent } from \"@webflow\u002Freact\";\nimport { props } from \"@webflow\u002Fdata-types\";\nimport { [ComponentName] } from \".\u002F[ComponentName]\";\nimport \".\u002F[ComponentName].module.css\";\n\nexport default declareComponent([ComponentName], {\n name: \"[ComponentName]\",\n description: \"[User-provided or generated description]\",\n group: \"[Category]\",\n props: {\n \u002F\u002F Props configuration based on requirements\n },\n options: {\n applyTagSelectors: true,\n ssr: true \u002F\u002F or false based on requirements\n }\n});\n",[1515],{"type":46,"tag":61,"props":1516,"children":1517},{"__ignoreMap":184},[1518,1561,1601,1650,1673,1680,1711,1740,1769,1798,1814,1822,1830,1846,1868,1889,1896],{"type":46,"tag":190,"props":1519,"children":1520},{"class":192,"line":193},[1521,1525,1530,1535,1540,1545,1549,1553,1557],{"type":46,"tag":190,"props":1522,"children":1523},{"style":1137},[1524],{"type":52,"value":1140},{"type":46,"tag":190,"props":1526,"children":1527},{"style":232},[1528],{"type":52,"value":1529}," {",{"type":46,"tag":190,"props":1531,"children":1532},{"style":1143},[1533],{"type":52,"value":1534}," declareComponent",{"type":46,"tag":190,"props":1536,"children":1537},{"style":232},[1538],{"type":52,"value":1539}," }",{"type":46,"tag":190,"props":1541,"children":1542},{"style":1137},[1543],{"type":52,"value":1544}," from",{"type":46,"tag":190,"props":1546,"children":1547},{"style":232},[1548],{"type":52,"value":292},{"type":46,"tag":190,"props":1550,"children":1551},{"style":295},[1552],{"type":52,"value":357},{"type":46,"tag":190,"props":1554,"children":1555},{"style":232},[1556],{"type":52,"value":255},{"type":46,"tag":190,"props":1558,"children":1559},{"style":232},[1560],{"type":52,"value":1168},{"type":46,"tag":190,"props":1562,"children":1563},{"class":192,"line":238},[1564,1568,1572,1577,1581,1585,1589,1593,1597],{"type":46,"tag":190,"props":1565,"children":1566},{"style":1137},[1567],{"type":52,"value":1140},{"type":46,"tag":190,"props":1569,"children":1570},{"style":232},[1571],{"type":52,"value":1529},{"type":46,"tag":190,"props":1573,"children":1574},{"style":1143},[1575],{"type":52,"value":1576}," props",{"type":46,"tag":190,"props":1578,"children":1579},{"style":232},[1580],{"type":52,"value":1539},{"type":46,"tag":190,"props":1582,"children":1583},{"style":1137},[1584],{"type":52,"value":1544},{"type":46,"tag":190,"props":1586,"children":1587},{"style":232},[1588],{"type":52,"value":292},{"type":46,"tag":190,"props":1590,"children":1591},{"style":295},[1592],{"type":52,"value":320},{"type":46,"tag":190,"props":1594,"children":1595},{"style":232},[1596],{"type":52,"value":255},{"type":46,"tag":190,"props":1598,"children":1599},{"style":232},[1600],{"type":52,"value":1168},{"type":46,"tag":190,"props":1602,"children":1603},{"class":192,"line":267},[1604,1608,1612,1616,1620,1625,1629,1633,1637,1642,1646],{"type":46,"tag":190,"props":1605,"children":1606},{"style":1137},[1607],{"type":52,"value":1140},{"type":46,"tag":190,"props":1609,"children":1610},{"style":232},[1611],{"type":52,"value":1529},{"type":46,"tag":190,"props":1613,"children":1614},{"style":1391},[1615],{"type":52,"value":637},{"type":46,"tag":190,"props":1617,"children":1618},{"style":1143},[1619],{"type":52,"value":1232},{"type":46,"tag":190,"props":1621,"children":1622},{"style":1391},[1623],{"type":52,"value":1624},"] ",{"type":46,"tag":190,"props":1626,"children":1627},{"style":232},[1628],{"type":52,"value":1365},{"type":46,"tag":190,"props":1630,"children":1631},{"style":1137},[1632],{"type":52,"value":1544},{"type":46,"tag":190,"props":1634,"children":1635},{"style":232},[1636],{"type":52,"value":292},{"type":46,"tag":190,"props":1638,"children":1639},{"style":295},[1640],{"type":52,"value":1641},".\u002F[ComponentName]",{"type":46,"tag":190,"props":1643,"children":1644},{"style":232},[1645],{"type":52,"value":255},{"type":46,"tag":190,"props":1647,"children":1648},{"style":232},[1649],{"type":52,"value":1168},{"type":46,"tag":190,"props":1651,"children":1652},{"class":192,"line":310},[1653,1657,1661,1665,1669],{"type":46,"tag":190,"props":1654,"children":1655},{"style":1137},[1656],{"type":52,"value":1140},{"type":46,"tag":190,"props":1658,"children":1659},{"style":232},[1660],{"type":52,"value":292},{"type":46,"tag":190,"props":1662,"children":1663},{"style":295},[1664],{"type":52,"value":1193},{"type":46,"tag":190,"props":1666,"children":1667},{"style":232},[1668],{"type":52,"value":255},{"type":46,"tag":190,"props":1670,"children":1671},{"style":232},[1672],{"type":52,"value":1168},{"type":46,"tag":190,"props":1674,"children":1675},{"class":192,"line":347},[1676],{"type":46,"tag":190,"props":1677,"children":1678},{"emptyLinePlaceholder":1207},[1679],{"type":52,"value":1210},{"type":46,"tag":190,"props":1681,"children":1682},{"class":192,"line":381},[1683,1687,1692,1697,1702,1707],{"type":46,"tag":190,"props":1684,"children":1685},{"style":1137},[1686],{"type":52,"value":1218},{"type":46,"tag":190,"props":1688,"children":1689},{"style":1137},[1690],{"type":52,"value":1691}," default",{"type":46,"tag":190,"props":1693,"children":1695},{"style":1694},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1696],{"type":52,"value":1534},{"type":46,"tag":190,"props":1698,"children":1699},{"style":1143},[1700],{"type":52,"value":1701},"([ComponentName]",{"type":46,"tag":190,"props":1703,"children":1704},{"style":232},[1705],{"type":52,"value":1706},",",{"type":46,"tag":190,"props":1708,"children":1709},{"style":232},[1710],{"type":52,"value":264},{"type":46,"tag":190,"props":1712,"children":1713},{"class":192,"line":390},[1714,1719,1723,1727,1732,1736],{"type":46,"tag":190,"props":1715,"children":1716},{"style":1391},[1717],{"type":52,"value":1718}," name",{"type":46,"tag":190,"props":1720,"children":1721},{"style":232},[1722],{"type":52,"value":177},{"type":46,"tag":190,"props":1724,"children":1725},{"style":232},[1726],{"type":52,"value":292},{"type":46,"tag":190,"props":1728,"children":1729},{"style":295},[1730],{"type":52,"value":1731},"[ComponentName]",{"type":46,"tag":190,"props":1733,"children":1734},{"style":232},[1735],{"type":52,"value":255},{"type":46,"tag":190,"props":1737,"children":1738},{"style":232},[1739],{"type":52,"value":307},{"type":46,"tag":190,"props":1741,"children":1742},{"class":192,"line":1081},[1743,1748,1752,1756,1761,1765],{"type":46,"tag":190,"props":1744,"children":1745},{"style":1391},[1746],{"type":52,"value":1747}," description",{"type":46,"tag":190,"props":1749,"children":1750},{"style":232},[1751],{"type":52,"value":177},{"type":46,"tag":190,"props":1753,"children":1754},{"style":232},[1755],{"type":52,"value":292},{"type":46,"tag":190,"props":1757,"children":1758},{"style":295},[1759],{"type":52,"value":1760},"[User-provided or generated description]",{"type":46,"tag":190,"props":1762,"children":1763},{"style":232},[1764],{"type":52,"value":255},{"type":46,"tag":190,"props":1766,"children":1767},{"style":232},[1768],{"type":52,"value":307},{"type":46,"tag":190,"props":1770,"children":1771},{"class":192,"line":1103},[1772,1777,1781,1785,1790,1794],{"type":46,"tag":190,"props":1773,"children":1774},{"style":1391},[1775],{"type":52,"value":1776}," group",{"type":46,"tag":190,"props":1778,"children":1779},{"style":232},[1780],{"type":52,"value":177},{"type":46,"tag":190,"props":1782,"children":1783},{"style":232},[1784],{"type":52,"value":292},{"type":46,"tag":190,"props":1786,"children":1787},{"style":295},[1788],{"type":52,"value":1789},"[Category]",{"type":46,"tag":190,"props":1791,"children":1792},{"style":232},[1793],{"type":52,"value":255},{"type":46,"tag":190,"props":1795,"children":1796},{"style":232},[1797],{"type":52,"value":307},{"type":46,"tag":190,"props":1799,"children":1800},{"class":192,"line":1359},[1801,1806,1810],{"type":46,"tag":190,"props":1802,"children":1803},{"style":1391},[1804],{"type":52,"value":1805}," props",{"type":46,"tag":190,"props":1807,"children":1808},{"style":232},[1809],{"type":52,"value":177},{"type":46,"tag":190,"props":1811,"children":1812},{"style":232},[1813],{"type":52,"value":264},{"type":46,"tag":190,"props":1815,"children":1816},{"class":192,"line":1382},[1817],{"type":46,"tag":190,"props":1818,"children":1819},{"style":197},[1820],{"type":52,"value":1821}," \u002F\u002F Props configuration based on requirements\n",{"type":46,"tag":190,"props":1823,"children":1824},{"class":192,"line":1397},[1825],{"type":46,"tag":190,"props":1826,"children":1827},{"style":232},[1828],{"type":52,"value":1829}," },\n",{"type":46,"tag":190,"props":1831,"children":1832},{"class":192,"line":1436},[1833,1838,1842],{"type":46,"tag":190,"props":1834,"children":1835},{"style":1391},[1836],{"type":52,"value":1837}," options",{"type":46,"tag":190,"props":1839,"children":1840},{"style":232},[1841],{"type":52,"value":177},{"type":46,"tag":190,"props":1843,"children":1844},{"style":232},[1845],{"type":52,"value":264},{"type":46,"tag":190,"props":1847,"children":1848},{"class":192,"line":1454},[1849,1854,1858,1864],{"type":46,"tag":190,"props":1850,"children":1851},{"style":1391},[1852],{"type":52,"value":1853}," applyTagSelectors",{"type":46,"tag":190,"props":1855,"children":1856},{"style":232},[1857],{"type":52,"value":177},{"type":46,"tag":190,"props":1859,"children":1861},{"style":1860},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[1862],{"type":52,"value":1863}," true",{"type":46,"tag":190,"props":1865,"children":1866},{"style":232},[1867],{"type":52,"value":307},{"type":46,"tag":190,"props":1869,"children":1870},{"class":192,"line":1472},[1871,1876,1880,1884],{"type":46,"tag":190,"props":1872,"children":1873},{"style":1391},[1874],{"type":52,"value":1875}," ssr",{"type":46,"tag":190,"props":1877,"children":1878},{"style":232},[1879],{"type":52,"value":177},{"type":46,"tag":190,"props":1881,"children":1882},{"style":1860},[1883],{"type":52,"value":1863},{"type":46,"tag":190,"props":1885,"children":1886},{"style":197},[1887],{"type":52,"value":1888}," \u002F\u002F or false based on requirements\n",{"type":46,"tag":190,"props":1890,"children":1891},{"class":192,"line":1485},[1892],{"type":46,"tag":190,"props":1893,"children":1894},{"style":232},[1895],{"type":52,"value":387},{"type":46,"tag":190,"props":1897,"children":1898},{"class":192,"line":28},[1899,1903,1907],{"type":46,"tag":190,"props":1900,"children":1901},{"style":232},[1902],{"type":52,"value":1365},{"type":46,"tag":190,"props":1904,"children":1905},{"style":1143},[1906],{"type":52,"value":469},{"type":46,"tag":190,"props":1908,"children":1909},{"style":232},[1910],{"type":52,"value":1168},{"type":46,"tag":55,"props":1912,"children":1913},{},[1914,1919,1920,1926,1928,1934,1936,1942,1944,1950,1952,1957],{"type":46,"tag":80,"props":1915,"children":1916},{},[1917],{"type":52,"value":1918},"Note on decorators:",{"type":52,"value":684},{"type":46,"tag":61,"props":1921,"children":1923},{"className":1922},[],[1924],{"type":52,"value":1925},"declareComponent",{"type":52,"value":1927}," also accepts an optional ",{"type":46,"tag":61,"props":1929,"children":1931},{"className":1930},[],[1932],{"type":52,"value":1933},"decorators",{"type":52,"value":1935}," array for wrapping components with providers. Built-in decorators include ",{"type":46,"tag":61,"props":1937,"children":1939},{"className":1938},[],[1940],{"type":52,"value":1941},"styledComponentsShadowDomDecorator",{"type":52,"value":1943}," (for styled-components) and ",{"type":46,"tag":61,"props":1945,"children":1947},{"className":1946},[],[1948],{"type":52,"value":1949},"emotionShadowDomDecorator",{"type":52,"value":1951}," (for Emotion). Global decorators can be exported from a globals file referenced in ",{"type":46,"tag":61,"props":1953,"children":1955},{"className":1954},[],[1956],{"type":52,"value":690},{"type":52,"value":1958}," — see the globals file note below.",{"type":46,"tag":165,"props":1960,"children":1961},{"start":1382},[1962],{"type":46,"tag":90,"props":1963,"children":1964},{},[1965,1970],{"type":46,"tag":80,"props":1966,"children":1967},{},[1968],{"type":52,"value":1969},"Generate styles",{"type":52,"value":1971}," (if CSS Modules):",{"type":46,"tag":179,"props":1973,"children":1977},{"className":1974,"code":1975,"language":1976,"meta":184,"style":184},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".container {\n \u002F* Base styles *\u002F\n}\n","css",[1978],{"type":46,"tag":61,"props":1979,"children":1980},{"__ignoreMap":184},[1981,1996,2004],{"type":46,"tag":190,"props":1982,"children":1983},{"class":192,"line":193},[1984,1988,1992],{"type":46,"tag":190,"props":1985,"children":1986},{"style":232},[1987],{"type":52,"value":1303},{"type":46,"tag":190,"props":1989,"children":1990},{"style":276},[1991],{"type":52,"value":1428},{"type":46,"tag":190,"props":1993,"children":1994},{"style":232},[1995],{"type":52,"value":264},{"type":46,"tag":190,"props":1997,"children":1998},{"class":192,"line":238},[1999],{"type":46,"tag":190,"props":2000,"children":2001},{"style":197},[2002],{"type":52,"value":2003}," \u002F* Base styles *\u002F\n",{"type":46,"tag":190,"props":2005,"children":2006},{"class":192,"line":267},[2007],{"type":46,"tag":190,"props":2008,"children":2009},{"style":232},[2010],{"type":52,"value":396},{"type":46,"tag":153,"props":2012,"children":2014},{"id":2013},"phase-4-provide-guidance",[2015],{"type":52,"value":2016},"Phase 4: Provide Guidance",{"type":46,"tag":165,"props":2018,"children":2019},{"start":1397},[2020,2030,2075],{"type":46,"tag":90,"props":2021,"children":2022},{},[2023,2028],{"type":46,"tag":80,"props":2024,"children":2025},{},[2026],{"type":52,"value":2027},"Show created files",{"type":52,"value":2029},": List all files created with paths",{"type":46,"tag":90,"props":2031,"children":2032},{},[2033,2038,2039],{"type":46,"tag":80,"props":2034,"children":2035},{},[2036],{"type":52,"value":2037},"Explain next steps",{"type":52,"value":177},{"type":46,"tag":86,"props":2040,"children":2041},{},[2042,2047,2052,2064],{"type":46,"tag":90,"props":2043,"children":2044},{},[2045],{"type":52,"value":2046},"Implement component logic",{"type":46,"tag":90,"props":2048,"children":2049},{},[2050],{"type":52,"value":2051},"Add styling",{"type":46,"tag":90,"props":2053,"children":2054},{},[2055,2057,2063],{"type":52,"value":2056},"Test locally by running the React project (e.g., ",{"type":46,"tag":61,"props":2058,"children":2060},{"className":2059},[],[2061],{"type":52,"value":2062},"npm run dev",{"type":52,"value":469},{"type":46,"tag":90,"props":2065,"children":2066},{},[2067,2069],{"type":52,"value":2068},"Deploy to Webflow with ",{"type":46,"tag":61,"props":2070,"children":2072},{"className":2071},[],[2073],{"type":52,"value":2074},"npx webflow library share",{"type":46,"tag":90,"props":2076,"children":2077},{},[2078,2083],{"type":46,"tag":80,"props":2079,"children":2080},{},[2081],{"type":52,"value":2082},"Shadow DOM awareness",{"type":52,"value":177},{"type":46,"tag":179,"props":2085,"children":2088},{"className":2086,"code":2087,"language":52},[496],"Note: Code components run inside Shadow DOM. Site-level CSS classes won't work\ninside your component. Use component-scoped styles (CSS Modules, etc.).\nSite CSS variables DO work — use var(--variable-name, fallback).\n",[2089],{"type":46,"tag":61,"props":2090,"children":2091},{"__ignoreMap":184},[2092],{"type":52,"value":2087},{"type":46,"tag":165,"props":2094,"children":2095},{"start":1472},[2096],{"type":46,"tag":90,"props":2097,"children":2098},{},[2099,2104],{"type":46,"tag":80,"props":2100,"children":2101},{},[2102],{"type":52,"value":2103},"Warn about naming",{"type":52,"value":177},{"type":46,"tag":179,"props":2106,"children":2109},{"className":2107,"code":2108,"language":52},[496],"⚠️ Important: Do not rename the .webflow.tsx file after deployment.\nRenaming creates a new component and breaks existing instances.\n",[2110],{"type":46,"tag":61,"props":2111,"children":2112},{"__ignoreMap":184},[2113],{"type":52,"value":2108},{"type":46,"tag":70,"props":2115,"children":2117},{"id":2116},"examples",[2118],{"type":52,"value":2119},"Examples",{"type":46,"tag":55,"props":2121,"children":2122},{},[2123],{"type":46,"tag":80,"props":2124,"children":2125},{},[2126],{"type":52,"value":2127},"User prompt:",{"type":46,"tag":179,"props":2129,"children":2132},{"className":2130,"code":2131,"language":52},[496],"Create an accordion component\n",[2133],{"type":46,"tag":61,"props":2134,"children":2135},{"__ignoreMap":184},[2136],{"type":52,"value":2131},{"type":46,"tag":55,"props":2138,"children":2139},{},[2140],{"type":46,"tag":80,"props":2141,"children":2142},{},[2143],{"type":52,"value":2144},"Step 1: Requirements Gathering",{"type":46,"tag":179,"props":2146,"children":2149},{"className":2147,"code":2148,"language":52},[496],"📦 New Component: Accordion\n\nI'll create an accordion component. Let me confirm the requirements:\n\n**Props to include:**\n1. `title` (Text) - The accordion header text\n2. `content` (Rich Text) - The expandable content\n3. `defaultOpen` (Boolean) - Whether to start expanded\n4. `icon` (Variant) - Chevron style: \"arrow\" | \"plus\" | \"none\"\n\n**Styling:** CSS Modules (recommended for Shadow DOM)\n\n**SSR:** Enabled (no browser-only APIs needed)\n\nDoes this look right? Any props to add or remove?\n",[2150],{"type":46,"tag":61,"props":2151,"children":2152},{"__ignoreMap":184},[2153],{"type":52,"value":2148},{"type":46,"tag":55,"props":2155,"children":2156},{},[2157],{"type":46,"tag":80,"props":2158,"children":2159},{},[2160],{"type":52,"value":2161},"Step 2: After User Confirms",{"type":46,"tag":179,"props":2163,"children":2166},{"className":2164,"code":2165,"language":52},[496],"📁 Creating Component Files...\n\nCreated:\n├── src\u002Fcomponents\u002FAccordion\u002FAccordion.tsx\n├── src\u002Fcomponents\u002FAccordion\u002FAccordion.webflow.tsx\n└── src\u002Fcomponents\u002FAccordion\u002FAccordion.module.css\n\n✅ Component scaffold complete!\n\n---\n\n**Accordion.tsx** - React component with:\n- Props: title, content, defaultOpen, icon\n- State management for open\u002Fclosed\n- Accessible keyboard navigation\n- CSS Module classes\n\n**Accordion.webflow.tsx** - Webflow definition with:\n- All props configured for Designer editing\n- Default values set\n- SSR enabled\n\n---\n\n💡 Next Steps:\n1. Review and customize the generated code\n2. Test locally by running your React project (e.g., `npm run dev`)\n3. Deploy to Webflow: `npx webflow library share`\n\n⚠️ Remember: Don't rename .webflow.tsx files after deployment!\n",[2167],{"type":46,"tag":61,"props":2168,"children":2169},{"__ignoreMap":184},[2170],{"type":52,"value":2165},{"type":46,"tag":55,"props":2172,"children":2173},{},[2174],{"type":46,"tag":80,"props":2175,"children":2176},{},[2177],{"type":52,"value":2178},"Generated Accordion.tsx:",{"type":46,"tag":179,"props":2180,"children":2182},{"className":1125,"code":2181,"language":1127,"meta":184,"style":184},"import React, { useState } from \"react\";\nimport styles from \".\u002FAccordion.module.css\";\n\nexport interface AccordionProps {\n title: string;\n content: string;\n defaultOpen?: boolean;\n icon?: \"arrow\" | \"plus\" | \"none\";\n}\n\nexport const Accordion: React.FC\u003CAccordionProps> = ({\n title,\n content,\n defaultOpen = false,\n icon = \"arrow\"\n}) => {\n const [isOpen, setIsOpen] = useState(defaultOpen);\n\n return (\n \u003Cdiv className={styles.accordion}>\n \u003Cbutton\n className={styles.header}\n onClick={() => setIsOpen(!isOpen)}\n aria-expanded={isOpen}\n >\n \u003Cspan className={styles.title}>{title}\u003C\u002Fspan>\n {icon !== \"none\" && (\n \u003Cspan className={`${styles.icon} ${isOpen ? styles.open : \"\"}`}>\n {icon === \"arrow\" ? \"▼\" : \"+\"}\n \u003C\u002Fspan>\n )}\n \u003C\u002Fbutton>\n {isOpen && (\n \u003Cdiv\n className={styles.content}\n dangerouslySetInnerHTML={{ __html: content }}\n \u002F>\n )}\n \u003C\u002Fdiv>\n );\n};\n",[2183],{"type":46,"tag":61,"props":2184,"children":2185},{"__ignoreMap":184},[2186,2234,2266,2273,2293,2314,2334,2356,2420,2427,2434,2491,2502,2513,2535,2559,2578,2634,2642,2654,2687,2702,2728,2764,2795,2804,2856,2884,2969,3031,3048,3061,3079,3096,3109,3135,3168,3177,3190,3206,3218],{"type":46,"tag":190,"props":2187,"children":2188},{"class":192,"line":193},[2189,2193,2197,2201,2205,2210,2214,2218,2222,2226,2230],{"type":46,"tag":190,"props":2190,"children":2191},{"style":1137},[2192],{"type":52,"value":1140},{"type":46,"tag":190,"props":2194,"children":2195},{"style":1143},[2196],{"type":52,"value":1298},{"type":46,"tag":190,"props":2198,"children":2199},{"style":232},[2200],{"type":52,"value":1706},{"type":46,"tag":190,"props":2202,"children":2203},{"style":232},[2204],{"type":52,"value":1529},{"type":46,"tag":190,"props":2206,"children":2207},{"style":1143},[2208],{"type":52,"value":2209}," useState",{"type":46,"tag":190,"props":2211,"children":2212},{"style":232},[2213],{"type":52,"value":1539},{"type":46,"tag":190,"props":2215,"children":2216},{"style":1137},[2217],{"type":52,"value":1544},{"type":46,"tag":190,"props":2219,"children":2220},{"style":232},[2221],{"type":52,"value":292},{"type":46,"tag":190,"props":2223,"children":2224},{"style":295},[2225],{"type":52,"value":15},{"type":46,"tag":190,"props":2227,"children":2228},{"style":232},[2229],{"type":52,"value":255},{"type":46,"tag":190,"props":2231,"children":2232},{"style":232},[2233],{"type":52,"value":1168},{"type":46,"tag":190,"props":2235,"children":2236},{"class":192,"line":238},[2237,2241,2245,2249,2253,2258,2262],{"type":46,"tag":190,"props":2238,"children":2239},{"style":1137},[2240],{"type":52,"value":1140},{"type":46,"tag":190,"props":2242,"children":2243},{"style":1143},[2244],{"type":52,"value":1180},{"type":46,"tag":190,"props":2246,"children":2247},{"style":1137},[2248],{"type":52,"value":1151},{"type":46,"tag":190,"props":2250,"children":2251},{"style":232},[2252],{"type":52,"value":292},{"type":46,"tag":190,"props":2254,"children":2255},{"style":295},[2256],{"type":52,"value":2257},".\u002FAccordion.module.css",{"type":46,"tag":190,"props":2259,"children":2260},{"style":232},[2261],{"type":52,"value":255},{"type":46,"tag":190,"props":2263,"children":2264},{"style":232},[2265],{"type":52,"value":1168},{"type":46,"tag":190,"props":2267,"children":2268},{"class":192,"line":267},[2269],{"type":46,"tag":190,"props":2270,"children":2271},{"emptyLinePlaceholder":1207},[2272],{"type":52,"value":1210},{"type":46,"tag":190,"props":2274,"children":2275},{"class":192,"line":310},[2276,2280,2284,2289],{"type":46,"tag":190,"props":2277,"children":2278},{"style":1137},[2279],{"type":52,"value":1218},{"type":46,"tag":190,"props":2281,"children":2282},{"style":247},[2283],{"type":52,"value":1223},{"type":46,"tag":190,"props":2285,"children":2286},{"style":276},[2287],{"type":52,"value":2288}," AccordionProps",{"type":46,"tag":190,"props":2290,"children":2291},{"style":232},[2292],{"type":52,"value":264},{"type":46,"tag":190,"props":2294,"children":2295},{"class":192,"line":347},[2296,2301,2305,2310],{"type":46,"tag":190,"props":2297,"children":2298},{"style":1391},[2299],{"type":52,"value":2300}," title",{"type":46,"tag":190,"props":2302,"children":2303},{"style":232},[2304],{"type":52,"value":177},{"type":46,"tag":190,"props":2306,"children":2307},{"style":276},[2308],{"type":52,"value":2309}," string",{"type":46,"tag":190,"props":2311,"children":2312},{"style":232},[2313],{"type":52,"value":1168},{"type":46,"tag":190,"props":2315,"children":2316},{"class":192,"line":381},[2317,2322,2326,2330],{"type":46,"tag":190,"props":2318,"children":2319},{"style":1391},[2320],{"type":52,"value":2321}," content",{"type":46,"tag":190,"props":2323,"children":2324},{"style":232},[2325],{"type":52,"value":177},{"type":46,"tag":190,"props":2327,"children":2328},{"style":276},[2329],{"type":52,"value":2309},{"type":46,"tag":190,"props":2331,"children":2332},{"style":232},[2333],{"type":52,"value":1168},{"type":46,"tag":190,"props":2335,"children":2336},{"class":192,"line":390},[2337,2342,2347,2352],{"type":46,"tag":190,"props":2338,"children":2339},{"style":1391},[2340],{"type":52,"value":2341}," defaultOpen",{"type":46,"tag":190,"props":2343,"children":2344},{"style":232},[2345],{"type":52,"value":2346},"?:",{"type":46,"tag":190,"props":2348,"children":2349},{"style":276},[2350],{"type":52,"value":2351}," boolean",{"type":46,"tag":190,"props":2353,"children":2354},{"style":232},[2355],{"type":52,"value":1168},{"type":46,"tag":190,"props":2357,"children":2358},{"class":192,"line":1081},[2359,2364,2368,2372,2377,2381,2386,2390,2395,2399,2403,2407,2412,2416],{"type":46,"tag":190,"props":2360,"children":2361},{"style":1391},[2362],{"type":52,"value":2363}," icon",{"type":46,"tag":190,"props":2365,"children":2366},{"style":232},[2367],{"type":52,"value":2346},{"type":46,"tag":190,"props":2369,"children":2370},{"style":232},[2371],{"type":52,"value":292},{"type":46,"tag":190,"props":2373,"children":2374},{"style":295},[2375],{"type":52,"value":2376},"arrow",{"type":46,"tag":190,"props":2378,"children":2379},{"style":232},[2380],{"type":52,"value":255},{"type":46,"tag":190,"props":2382,"children":2383},{"style":232},[2384],{"type":52,"value":2385}," |",{"type":46,"tag":190,"props":2387,"children":2388},{"style":232},[2389],{"type":52,"value":292},{"type":46,"tag":190,"props":2391,"children":2392},{"style":295},[2393],{"type":52,"value":2394},"plus",{"type":46,"tag":190,"props":2396,"children":2397},{"style":232},[2398],{"type":52,"value":255},{"type":46,"tag":190,"props":2400,"children":2401},{"style":232},[2402],{"type":52,"value":2385},{"type":46,"tag":190,"props":2404,"children":2405},{"style":232},[2406],{"type":52,"value":292},{"type":46,"tag":190,"props":2408,"children":2409},{"style":295},[2410],{"type":52,"value":2411},"none",{"type":46,"tag":190,"props":2413,"children":2414},{"style":232},[2415],{"type":52,"value":255},{"type":46,"tag":190,"props":2417,"children":2418},{"style":232},[2419],{"type":52,"value":1168},{"type":46,"tag":190,"props":2421,"children":2422},{"class":192,"line":1103},[2423],{"type":46,"tag":190,"props":2424,"children":2425},{"style":232},[2426],{"type":52,"value":396},{"type":46,"tag":190,"props":2428,"children":2429},{"class":192,"line":1359},[2430],{"type":46,"tag":190,"props":2431,"children":2432},{"emptyLinePlaceholder":1207},[2433],{"type":52,"value":1210},{"type":46,"tag":190,"props":2435,"children":2436},{"class":192,"line":1382},[2437,2441,2445,2450,2454,2458,2462,2466,2470,2475,2479,2483,2487],{"type":46,"tag":190,"props":2438,"children":2439},{"style":1137},[2440],{"type":52,"value":1218},{"type":46,"tag":190,"props":2442,"children":2443},{"style":247},[2444],{"type":52,"value":1280},{"type":46,"tag":190,"props":2446,"children":2447},{"style":1143},[2448],{"type":52,"value":2449}," Accordion",{"type":46,"tag":190,"props":2451,"children":2452},{"style":232},[2453],{"type":52,"value":177},{"type":46,"tag":190,"props":2455,"children":2456},{"style":276},[2457],{"type":52,"value":1298},{"type":46,"tag":190,"props":2459,"children":2460},{"style":232},[2461],{"type":52,"value":1303},{"type":46,"tag":190,"props":2463,"children":2464},{"style":276},[2465],{"type":52,"value":1308},{"type":46,"tag":190,"props":2467,"children":2468},{"style":232},[2469],{"type":52,"value":1313},{"type":46,"tag":190,"props":2471,"children":2472},{"style":276},[2473],{"type":52,"value":2474},"AccordionProps",{"type":46,"tag":190,"props":2476,"children":2477},{"style":232},[2478],{"type":52,"value":1335},{"type":46,"tag":190,"props":2480,"children":2481},{"style":232},[2482],{"type":52,"value":1340},{"type":46,"tag":190,"props":2484,"children":2485},{"style":1143},[2486],{"type":52,"value":1114},{"type":46,"tag":190,"props":2488,"children":2489},{"style":232},[2490],{"type":52,"value":235},{"type":46,"tag":190,"props":2492,"children":2493},{"class":192,"line":1397},[2494,2498],{"type":46,"tag":190,"props":2495,"children":2496},{"style":1143},[2497],{"type":52,"value":2300},{"type":46,"tag":190,"props":2499,"children":2500},{"style":232},[2501],{"type":52,"value":307},{"type":46,"tag":190,"props":2503,"children":2504},{"class":192,"line":1436},[2505,2509],{"type":46,"tag":190,"props":2506,"children":2507},{"style":1143},[2508],{"type":52,"value":2321},{"type":46,"tag":190,"props":2510,"children":2511},{"style":232},[2512],{"type":52,"value":307},{"type":46,"tag":190,"props":2514,"children":2515},{"class":192,"line":1454},[2516,2521,2526,2531],{"type":46,"tag":190,"props":2517,"children":2518},{"style":1143},[2519],{"type":52,"value":2520}," defaultOpen ",{"type":46,"tag":190,"props":2522,"children":2523},{"style":232},[2524],{"type":52,"value":2525},"=",{"type":46,"tag":190,"props":2527,"children":2528},{"style":1860},[2529],{"type":52,"value":2530}," false",{"type":46,"tag":190,"props":2532,"children":2533},{"style":232},[2534],{"type":52,"value":307},{"type":46,"tag":190,"props":2536,"children":2537},{"class":192,"line":1472},[2538,2543,2547,2551,2555],{"type":46,"tag":190,"props":2539,"children":2540},{"style":1143},[2541],{"type":52,"value":2542}," icon ",{"type":46,"tag":190,"props":2544,"children":2545},{"style":232},[2546],{"type":52,"value":2525},{"type":46,"tag":190,"props":2548,"children":2549},{"style":232},[2550],{"type":52,"value":292},{"type":46,"tag":190,"props":2552,"children":2553},{"style":295},[2554],{"type":52,"value":2376},{"type":46,"tag":190,"props":2556,"children":2557},{"style":232},[2558],{"type":52,"value":378},{"type":46,"tag":190,"props":2560,"children":2561},{"class":192,"line":1485},[2562,2566,2570,2574],{"type":46,"tag":190,"props":2563,"children":2564},{"style":232},[2565],{"type":52,"value":1365},{"type":46,"tag":190,"props":2567,"children":2568},{"style":1143},[2569],{"type":52,"value":1370},{"type":46,"tag":190,"props":2571,"children":2572},{"style":247},[2573],{"type":52,"value":1375},{"type":46,"tag":190,"props":2575,"children":2576},{"style":232},[2577],{"type":52,"value":264},{"type":46,"tag":190,"props":2579,"children":2580},{"class":192,"line":28},[2581,2586,2590,2595,2599,2604,2608,2612,2616,2621,2626,2630],{"type":46,"tag":190,"props":2582,"children":2583},{"style":247},[2584],{"type":52,"value":2585}," const",{"type":46,"tag":190,"props":2587,"children":2588},{"style":232},[2589],{"type":52,"value":637},{"type":46,"tag":190,"props":2591,"children":2592},{"style":1143},[2593],{"type":52,"value":2594},"isOpen",{"type":46,"tag":190,"props":2596,"children":2597},{"style":232},[2598],{"type":52,"value":1706},{"type":46,"tag":190,"props":2600,"children":2601},{"style":1143},[2602],{"type":52,"value":2603}," setIsOpen",{"type":46,"tag":190,"props":2605,"children":2606},{"style":232},[2607],{"type":52,"value":1237},{"type":46,"tag":190,"props":2609,"children":2610},{"style":232},[2611],{"type":52,"value":1340},{"type":46,"tag":190,"props":2613,"children":2614},{"style":1694},[2615],{"type":52,"value":2209},{"type":46,"tag":190,"props":2617,"children":2618},{"style":1391},[2619],{"type":52,"value":2620},"(",{"type":46,"tag":190,"props":2622,"children":2623},{"style":1143},[2624],{"type":52,"value":2625},"defaultOpen",{"type":46,"tag":190,"props":2627,"children":2628},{"style":1391},[2629],{"type":52,"value":469},{"type":46,"tag":190,"props":2631,"children":2632},{"style":232},[2633],{"type":52,"value":1168},{"type":46,"tag":190,"props":2635,"children":2637},{"class":192,"line":2636},18,[2638],{"type":46,"tag":190,"props":2639,"children":2640},{"emptyLinePlaceholder":1207},[2641],{"type":52,"value":1210},{"type":46,"tag":190,"props":2643,"children":2645},{"class":192,"line":2644},19,[2646,2650],{"type":46,"tag":190,"props":2647,"children":2648},{"style":1137},[2649],{"type":52,"value":1388},{"type":46,"tag":190,"props":2651,"children":2652},{"style":1391},[2653],{"type":52,"value":1394},{"type":46,"tag":190,"props":2655,"children":2657},{"class":192,"line":2656},20,[2658,2662,2666,2670,2674,2678,2683],{"type":46,"tag":190,"props":2659,"children":2660},{"style":232},[2661],{"type":52,"value":1403},{"type":46,"tag":190,"props":2663,"children":2664},{"style":1143},[2665],{"type":52,"value":1408},{"type":46,"tag":190,"props":2667,"children":2668},{"style":1143},[2669],{"type":52,"value":1413},{"type":46,"tag":190,"props":2671,"children":2672},{"style":232},[2673],{"type":52,"value":1418},{"type":46,"tag":190,"props":2675,"children":2676},{"style":1391},[2677],{"type":52,"value":1423},{"type":46,"tag":190,"props":2679,"children":2680},{"style":1143},[2681],{"type":52,"value":2682},"accordion",{"type":46,"tag":190,"props":2684,"children":2685},{"style":232},[2686],{"type":52,"value":1433},{"type":46,"tag":190,"props":2688,"children":2690},{"class":192,"line":2689},21,[2691,2696],{"type":46,"tag":190,"props":2692,"children":2693},{"style":232},[2694],{"type":52,"value":2695}," \u003C",{"type":46,"tag":190,"props":2697,"children":2699},{"style":2698},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[2700],{"type":52,"value":2701},"button\n",{"type":46,"tag":190,"props":2703,"children":2705},{"class":192,"line":2704},22,[2706,2711,2715,2719,2724],{"type":46,"tag":190,"props":2707,"children":2708},{"style":1143},[2709],{"type":52,"value":2710}," className",{"type":46,"tag":190,"props":2712,"children":2713},{"style":232},[2714],{"type":52,"value":1418},{"type":46,"tag":190,"props":2716,"children":2717},{"style":1391},[2718],{"type":52,"value":1423},{"type":46,"tag":190,"props":2720,"children":2721},{"style":1143},[2722],{"type":52,"value":2723},"header",{"type":46,"tag":190,"props":2725,"children":2726},{"style":232},[2727],{"type":52,"value":396},{"type":46,"tag":190,"props":2729,"children":2731},{"class":192,"line":2730},23,[2732,2737,2741,2746,2750,2755,2759],{"type":46,"tag":190,"props":2733,"children":2734},{"style":1143},[2735],{"type":52,"value":2736}," onClick",{"type":46,"tag":190,"props":2738,"children":2739},{"style":232},[2740],{"type":52,"value":1418},{"type":46,"tag":190,"props":2742,"children":2743},{"style":1391},[2744],{"type":52,"value":2745},"() => setIsOpen",{"type":46,"tag":190,"props":2747,"children":2748},{"style":232},[2749],{"type":52,"value":2620},{"type":46,"tag":190,"props":2751,"children":2752},{"style":1391},[2753],{"type":52,"value":2754},"!",{"type":46,"tag":190,"props":2756,"children":2757},{"style":2698},[2758],{"type":52,"value":2594},{"type":46,"tag":190,"props":2760,"children":2761},{"style":232},[2762],{"type":52,"value":2763},")}\n",{"type":46,"tag":190,"props":2765,"children":2767},{"class":192,"line":2766},24,[2768,2773,2778,2783,2787,2791],{"type":46,"tag":190,"props":2769,"children":2770},{"style":1143},[2771],{"type":52,"value":2772}," aria",{"type":46,"tag":190,"props":2774,"children":2775},{"style":232},[2776],{"type":52,"value":2777},"-",{"type":46,"tag":190,"props":2779,"children":2780},{"style":1143},[2781],{"type":52,"value":2782},"expanded",{"type":46,"tag":190,"props":2784,"children":2785},{"style":232},[2786],{"type":52,"value":1418},{"type":46,"tag":190,"props":2788,"children":2789},{"style":1143},[2790],{"type":52,"value":2594},{"type":46,"tag":190,"props":2792,"children":2793},{"style":232},[2794],{"type":52,"value":396},{"type":46,"tag":190,"props":2796,"children":2798},{"class":192,"line":2797},25,[2799],{"type":46,"tag":190,"props":2800,"children":2801},{"style":232},[2802],{"type":52,"value":2803}," >\n",{"type":46,"tag":190,"props":2805,"children":2807},{"class":192,"line":2806},26,[2808,2813,2817,2821,2825,2829,2834,2839,2843,2848,2852],{"type":46,"tag":190,"props":2809,"children":2810},{"style":232},[2811],{"type":52,"value":2812}," \u003C",{"type":46,"tag":190,"props":2814,"children":2815},{"style":1143},[2816],{"type":52,"value":190},{"type":46,"tag":190,"props":2818,"children":2819},{"style":1143},[2820],{"type":52,"value":1413},{"type":46,"tag":190,"props":2822,"children":2823},{"style":232},[2824],{"type":52,"value":1418},{"type":46,"tag":190,"props":2826,"children":2827},{"style":1391},[2828],{"type":52,"value":1423},{"type":46,"tag":190,"props":2830,"children":2831},{"style":1143},[2832],{"type":52,"value":2833},"title",{"type":46,"tag":190,"props":2835,"children":2836},{"style":232},[2837],{"type":52,"value":2838},"}>{",{"type":46,"tag":190,"props":2840,"children":2841},{"style":1143},[2842],{"type":52,"value":2833},{"type":46,"tag":190,"props":2844,"children":2845},{"style":232},[2846],{"type":52,"value":2847},"}\u003C\u002F",{"type":46,"tag":190,"props":2849,"children":2850},{"style":1143},[2851],{"type":52,"value":190},{"type":46,"tag":190,"props":2853,"children":2854},{"style":232},[2855],{"type":52,"value":1469},{"type":46,"tag":190,"props":2857,"children":2859},{"class":192,"line":2858},27,[2860,2865,2870,2875,2879],{"type":46,"tag":190,"props":2861,"children":2862},{"style":232},[2863],{"type":52,"value":2864}," {",{"type":46,"tag":190,"props":2866,"children":2867},{"style":2698},[2868],{"type":52,"value":2869},"icon",{"type":46,"tag":190,"props":2871,"children":2872},{"style":1391},[2873],{"type":52,"value":2874}," !== \"",{"type":46,"tag":190,"props":2876,"children":2877},{"style":2698},[2878],{"type":52,"value":2411},{"type":46,"tag":190,"props":2880,"children":2881},{"style":1391},[2882],{"type":52,"value":2883},"\" && (\n",{"type":46,"tag":190,"props":2885,"children":2887},{"class":192,"line":2886},28,[2888,2893,2897,2901,2905,2910,2915,2919,2923,2927,2932,2937,2942,2947,2951,2956,2960,2965],{"type":46,"tag":190,"props":2889,"children":2890},{"style":1391},[2891],{"type":52,"value":2892}," \u003C",{"type":46,"tag":190,"props":2894,"children":2895},{"style":2698},[2896],{"type":52,"value":190},{"type":46,"tag":190,"props":2898,"children":2899},{"style":2698},[2900],{"type":52,"value":1413},{"type":46,"tag":190,"props":2902,"children":2903},{"style":232},[2904],{"type":52,"value":1418},{"type":46,"tag":190,"props":2906,"children":2907},{"style":232},[2908],{"type":52,"value":2909},"`${",{"type":46,"tag":190,"props":2911,"children":2912},{"style":1143},[2913],{"type":52,"value":2914},"styles",{"type":46,"tag":190,"props":2916,"children":2917},{"style":232},[2918],{"type":52,"value":1303},{"type":46,"tag":190,"props":2920,"children":2921},{"style":1143},[2922],{"type":52,"value":2869},{"type":46,"tag":190,"props":2924,"children":2925},{"style":232},[2926],{"type":52,"value":1365},{"type":46,"tag":190,"props":2928,"children":2929},{"style":232},[2930],{"type":52,"value":2931}," ${",{"type":46,"tag":190,"props":2933,"children":2934},{"style":1143},[2935],{"type":52,"value":2936},"isOpen ",{"type":46,"tag":190,"props":2938,"children":2939},{"style":232},[2940],{"type":52,"value":2941},"?",{"type":46,"tag":190,"props":2943,"children":2944},{"style":1143},[2945],{"type":52,"value":2946}," styles",{"type":46,"tag":190,"props":2948,"children":2949},{"style":232},[2950],{"type":52,"value":1303},{"type":46,"tag":190,"props":2952,"children":2953},{"style":1143},[2954],{"type":52,"value":2955},"open ",{"type":46,"tag":190,"props":2957,"children":2958},{"style":232},[2959],{"type":52,"value":177},{"type":46,"tag":190,"props":2961,"children":2962},{"style":232},[2963],{"type":52,"value":2964}," \"\"}`",{"type":46,"tag":190,"props":2966,"children":2967},{"style":232},[2968],{"type":52,"value":1433},{"type":46,"tag":190,"props":2970,"children":2972},{"class":192,"line":2971},29,[2973,2978,2982,2987,2991,2996,3000,3005,3009,3014,3018,3023,3027],{"type":46,"tag":190,"props":2974,"children":2975},{"style":232},[2976],{"type":52,"value":2977}," {",{"type":46,"tag":190,"props":2979,"children":2980},{"style":2698},[2981],{"type":52,"value":2869},{"type":46,"tag":190,"props":2983,"children":2984},{"style":1391},[2985],{"type":52,"value":2986}," === \"",{"type":46,"tag":190,"props":2988,"children":2989},{"style":2698},[2990],{"type":52,"value":2376},{"type":46,"tag":190,"props":2992,"children":2993},{"style":1391},[2994],{"type":52,"value":2995},"\" ? ",{"type":46,"tag":190,"props":2997,"children":2998},{"style":232},[2999],{"type":52,"value":255},{"type":46,"tag":190,"props":3001,"children":3002},{"style":295},[3003],{"type":52,"value":3004},"▼",{"type":46,"tag":190,"props":3006,"children":3007},{"style":232},[3008],{"type":52,"value":255},{"type":46,"tag":190,"props":3010,"children":3011},{"style":232},[3012],{"type":52,"value":3013}," :",{"type":46,"tag":190,"props":3015,"children":3016},{"style":232},[3017],{"type":52,"value":292},{"type":46,"tag":190,"props":3019,"children":3020},{"style":295},[3021],{"type":52,"value":3022},"+",{"type":46,"tag":190,"props":3024,"children":3025},{"style":232},[3026],{"type":52,"value":255},{"type":46,"tag":190,"props":3028,"children":3029},{"style":232},[3030],{"type":52,"value":396},{"type":46,"tag":190,"props":3032,"children":3034},{"class":192,"line":3033},30,[3035,3040,3044],{"type":46,"tag":190,"props":3036,"children":3037},{"style":1391},[3038],{"type":52,"value":3039}," \u003C\u002F",{"type":46,"tag":190,"props":3041,"children":3042},{"style":2698},[3043],{"type":52,"value":190},{"type":46,"tag":190,"props":3045,"children":3046},{"style":1391},[3047],{"type":52,"value":1469},{"type":46,"tag":190,"props":3049,"children":3051},{"class":192,"line":3050},31,[3052,3057],{"type":46,"tag":190,"props":3053,"children":3054},{"style":1391},[3055],{"type":52,"value":3056}," )",{"type":46,"tag":190,"props":3058,"children":3059},{"style":232},[3060],{"type":52,"value":396},{"type":46,"tag":190,"props":3062,"children":3064},{"class":192,"line":3063},32,[3065,3070,3075],{"type":46,"tag":190,"props":3066,"children":3067},{"style":232},[3068],{"type":52,"value":3069}," \u003C\u002F",{"type":46,"tag":190,"props":3071,"children":3072},{"style":1143},[3073],{"type":52,"value":3074},"button",{"type":46,"tag":190,"props":3076,"children":3077},{"style":232},[3078],{"type":52,"value":1469},{"type":46,"tag":190,"props":3080,"children":3082},{"class":192,"line":3081},33,[3083,3087,3091],{"type":46,"tag":190,"props":3084,"children":3085},{"style":232},[3086],{"type":52,"value":1442},{"type":46,"tag":190,"props":3088,"children":3089},{"style":2698},[3090],{"type":52,"value":2594},{"type":46,"tag":190,"props":3092,"children":3093},{"style":1391},[3094],{"type":52,"value":3095}," && (\n",{"type":46,"tag":190,"props":3097,"children":3099},{"class":192,"line":3098},34,[3100,3104],{"type":46,"tag":190,"props":3101,"children":3102},{"style":1391},[3103],{"type":52,"value":2812},{"type":46,"tag":190,"props":3105,"children":3106},{"style":2698},[3107],{"type":52,"value":3108},"div\n",{"type":46,"tag":190,"props":3110,"children":3112},{"class":192,"line":3111},35,[3113,3118,3122,3126,3131],{"type":46,"tag":190,"props":3114,"children":3115},{"style":2698},[3116],{"type":52,"value":3117}," className",{"type":46,"tag":190,"props":3119,"children":3120},{"style":232},[3121],{"type":52,"value":1418},{"type":46,"tag":190,"props":3123,"children":3124},{"style":1391},[3125],{"type":52,"value":1423},{"type":46,"tag":190,"props":3127,"children":3128},{"style":1143},[3129],{"type":52,"value":3130},"content",{"type":46,"tag":190,"props":3132,"children":3133},{"style":232},[3134],{"type":52,"value":396},{"type":46,"tag":190,"props":3136,"children":3138},{"class":192,"line":3137},36,[3139,3144,3149,3154,3158,3163],{"type":46,"tag":190,"props":3140,"children":3141},{"style":2698},[3142],{"type":52,"value":3143}," dangerouslySetInnerHTML",{"type":46,"tag":190,"props":3145,"children":3146},{"style":232},[3147],{"type":52,"value":3148},"={{",{"type":46,"tag":190,"props":3150,"children":3151},{"style":276},[3152],{"type":52,"value":3153}," __html",{"type":46,"tag":190,"props":3155,"children":3156},{"style":232},[3157],{"type":52,"value":177},{"type":46,"tag":190,"props":3159,"children":3160},{"style":1143},[3161],{"type":52,"value":3162}," content",{"type":46,"tag":190,"props":3164,"children":3165},{"style":232},[3166],{"type":52,"value":3167}," }}\n",{"type":46,"tag":190,"props":3169,"children":3171},{"class":192,"line":3170},37,[3172],{"type":46,"tag":190,"props":3173,"children":3174},{"style":1391},[3175],{"type":52,"value":3176}," \u002F>\n",{"type":46,"tag":190,"props":3178,"children":3180},{"class":192,"line":3179},38,[3181,3186],{"type":46,"tag":190,"props":3182,"children":3183},{"style":1391},[3184],{"type":52,"value":3185}," )",{"type":46,"tag":190,"props":3187,"children":3188},{"style":232},[3189],{"type":52,"value":396},{"type":46,"tag":190,"props":3191,"children":3193},{"class":192,"line":3192},39,[3194,3198,3202],{"type":46,"tag":190,"props":3195,"children":3196},{"style":232},[3197],{"type":52,"value":1460},{"type":46,"tag":190,"props":3199,"children":3200},{"style":1143},[3201],{"type":52,"value":1408},{"type":46,"tag":190,"props":3203,"children":3204},{"style":232},[3205],{"type":52,"value":1469},{"type":46,"tag":190,"props":3207,"children":3209},{"class":192,"line":3208},40,[3210,3214],{"type":46,"tag":190,"props":3211,"children":3212},{"style":1391},[3213],{"type":52,"value":1478},{"type":46,"tag":190,"props":3215,"children":3216},{"style":232},[3217],{"type":52,"value":1168},{"type":46,"tag":190,"props":3219,"children":3221},{"class":192,"line":3220},41,[3222],{"type":46,"tag":190,"props":3223,"children":3224},{"style":232},[3225],{"type":52,"value":1491},{"type":46,"tag":55,"props":3227,"children":3228},{},[3229],{"type":46,"tag":80,"props":3230,"children":3231},{},[3232],{"type":52,"value":3233},"Generated Accordion.webflow.tsx:",{"type":46,"tag":179,"props":3235,"children":3237},{"className":1125,"code":3236,"language":1127,"meta":184,"style":184},"import { declareComponent } from \"@webflow\u002Freact\";\nimport { props } from \"@webflow\u002Fdata-types\";\nimport { Accordion } from \".\u002FAccordion\";\nimport \".\u002FAccordion.module.css\";\n\nexport default declareComponent(Accordion, {\n name: \"Accordion\",\n description: \"Expandable content section with customizable header and icon\",\n group: \"Interactive\",\n props: {\n title: props.Text({\n name: \"Title\",\n defaultValue: \"Accordion Title\"\n }),\n content: props.RichText({\n name: \"Content\",\n defaultValue: \"\u003Cp>Accordion content goes here.\u003C\u002Fp>\"\n }),\n defaultOpen: props.Boolean({\n name: \"Start Expanded\",\n defaultValue: false\n }),\n icon: props.Variant({\n name: \"Icon Style\",\n options: [\"arrow\", \"plus\", \"none\"],\n defaultValue: \"arrow\"\n })\n },\n options: {\n applyTagSelectors: true,\n ssr: true\n }\n});\n",[3238],{"type":46,"tag":61,"props":3239,"children":3240},{"__ignoreMap":184},[3241,3280,3319,3359,3382,3389,3417,3445,3473,3501,3516,3549,3578,3603,3619,3652,3680,3704,3719,3752,3780,3796,3811,3844,3872,3940,3963,3975,3982,3997,4016,4032,4039],{"type":46,"tag":190,"props":3242,"children":3243},{"class":192,"line":193},[3244,3248,3252,3256,3260,3264,3268,3272,3276],{"type":46,"tag":190,"props":3245,"children":3246},{"style":1137},[3247],{"type":52,"value":1140},{"type":46,"tag":190,"props":3249,"children":3250},{"style":232},[3251],{"type":52,"value":1529},{"type":46,"tag":190,"props":3253,"children":3254},{"style":1143},[3255],{"type":52,"value":1534},{"type":46,"tag":190,"props":3257,"children":3258},{"style":232},[3259],{"type":52,"value":1539},{"type":46,"tag":190,"props":3261,"children":3262},{"style":1137},[3263],{"type":52,"value":1544},{"type":46,"tag":190,"props":3265,"children":3266},{"style":232},[3267],{"type":52,"value":292},{"type":46,"tag":190,"props":3269,"children":3270},{"style":295},[3271],{"type":52,"value":357},{"type":46,"tag":190,"props":3273,"children":3274},{"style":232},[3275],{"type":52,"value":255},{"type":46,"tag":190,"props":3277,"children":3278},{"style":232},[3279],{"type":52,"value":1168},{"type":46,"tag":190,"props":3281,"children":3282},{"class":192,"line":238},[3283,3287,3291,3295,3299,3303,3307,3311,3315],{"type":46,"tag":190,"props":3284,"children":3285},{"style":1137},[3286],{"type":52,"value":1140},{"type":46,"tag":190,"props":3288,"children":3289},{"style":232},[3290],{"type":52,"value":1529},{"type":46,"tag":190,"props":3292,"children":3293},{"style":1143},[3294],{"type":52,"value":1576},{"type":46,"tag":190,"props":3296,"children":3297},{"style":232},[3298],{"type":52,"value":1539},{"type":46,"tag":190,"props":3300,"children":3301},{"style":1137},[3302],{"type":52,"value":1544},{"type":46,"tag":190,"props":3304,"children":3305},{"style":232},[3306],{"type":52,"value":292},{"type":46,"tag":190,"props":3308,"children":3309},{"style":295},[3310],{"type":52,"value":320},{"type":46,"tag":190,"props":3312,"children":3313},{"style":232},[3314],{"type":52,"value":255},{"type":46,"tag":190,"props":3316,"children":3317},{"style":232},[3318],{"type":52,"value":1168},{"type":46,"tag":190,"props":3320,"children":3321},{"class":192,"line":267},[3322,3326,3330,3334,3338,3342,3346,3351,3355],{"type":46,"tag":190,"props":3323,"children":3324},{"style":1137},[3325],{"type":52,"value":1140},{"type":46,"tag":190,"props":3327,"children":3328},{"style":232},[3329],{"type":52,"value":1529},{"type":46,"tag":190,"props":3331,"children":3332},{"style":1143},[3333],{"type":52,"value":2449},{"type":46,"tag":190,"props":3335,"children":3336},{"style":232},[3337],{"type":52,"value":1539},{"type":46,"tag":190,"props":3339,"children":3340},{"style":1137},[3341],{"type":52,"value":1544},{"type":46,"tag":190,"props":3343,"children":3344},{"style":232},[3345],{"type":52,"value":292},{"type":46,"tag":190,"props":3347,"children":3348},{"style":295},[3349],{"type":52,"value":3350},".\u002FAccordion",{"type":46,"tag":190,"props":3352,"children":3353},{"style":232},[3354],{"type":52,"value":255},{"type":46,"tag":190,"props":3356,"children":3357},{"style":232},[3358],{"type":52,"value":1168},{"type":46,"tag":190,"props":3360,"children":3361},{"class":192,"line":310},[3362,3366,3370,3374,3378],{"type":46,"tag":190,"props":3363,"children":3364},{"style":1137},[3365],{"type":52,"value":1140},{"type":46,"tag":190,"props":3367,"children":3368},{"style":232},[3369],{"type":52,"value":292},{"type":46,"tag":190,"props":3371,"children":3372},{"style":295},[3373],{"type":52,"value":2257},{"type":46,"tag":190,"props":3375,"children":3376},{"style":232},[3377],{"type":52,"value":255},{"type":46,"tag":190,"props":3379,"children":3380},{"style":232},[3381],{"type":52,"value":1168},{"type":46,"tag":190,"props":3383,"children":3384},{"class":192,"line":347},[3385],{"type":46,"tag":190,"props":3386,"children":3387},{"emptyLinePlaceholder":1207},[3388],{"type":52,"value":1210},{"type":46,"tag":190,"props":3390,"children":3391},{"class":192,"line":381},[3392,3396,3400,3404,3409,3413],{"type":46,"tag":190,"props":3393,"children":3394},{"style":1137},[3395],{"type":52,"value":1218},{"type":46,"tag":190,"props":3397,"children":3398},{"style":1137},[3399],{"type":52,"value":1691},{"type":46,"tag":190,"props":3401,"children":3402},{"style":1694},[3403],{"type":52,"value":1534},{"type":46,"tag":190,"props":3405,"children":3406},{"style":1143},[3407],{"type":52,"value":3408},"(Accordion",{"type":46,"tag":190,"props":3410,"children":3411},{"style":232},[3412],{"type":52,"value":1706},{"type":46,"tag":190,"props":3414,"children":3415},{"style":232},[3416],{"type":52,"value":264},{"type":46,"tag":190,"props":3418,"children":3419},{"class":192,"line":390},[3420,3424,3428,3432,3437,3441],{"type":46,"tag":190,"props":3421,"children":3422},{"style":1391},[3423],{"type":52,"value":1718},{"type":46,"tag":190,"props":3425,"children":3426},{"style":232},[3427],{"type":52,"value":177},{"type":46,"tag":190,"props":3429,"children":3430},{"style":232},[3431],{"type":52,"value":292},{"type":46,"tag":190,"props":3433,"children":3434},{"style":295},[3435],{"type":52,"value":3436},"Accordion",{"type":46,"tag":190,"props":3438,"children":3439},{"style":232},[3440],{"type":52,"value":255},{"type":46,"tag":190,"props":3442,"children":3443},{"style":232},[3444],{"type":52,"value":307},{"type":46,"tag":190,"props":3446,"children":3447},{"class":192,"line":1081},[3448,3452,3456,3460,3465,3469],{"type":46,"tag":190,"props":3449,"children":3450},{"style":1391},[3451],{"type":52,"value":1747},{"type":46,"tag":190,"props":3453,"children":3454},{"style":232},[3455],{"type":52,"value":177},{"type":46,"tag":190,"props":3457,"children":3458},{"style":232},[3459],{"type":52,"value":292},{"type":46,"tag":190,"props":3461,"children":3462},{"style":295},[3463],{"type":52,"value":3464},"Expandable content section with customizable header and icon",{"type":46,"tag":190,"props":3466,"children":3467},{"style":232},[3468],{"type":52,"value":255},{"type":46,"tag":190,"props":3470,"children":3471},{"style":232},[3472],{"type":52,"value":307},{"type":46,"tag":190,"props":3474,"children":3475},{"class":192,"line":1103},[3476,3480,3484,3488,3493,3497],{"type":46,"tag":190,"props":3477,"children":3478},{"style":1391},[3479],{"type":52,"value":1776},{"type":46,"tag":190,"props":3481,"children":3482},{"style":232},[3483],{"type":52,"value":177},{"type":46,"tag":190,"props":3485,"children":3486},{"style":232},[3487],{"type":52,"value":292},{"type":46,"tag":190,"props":3489,"children":3490},{"style":295},[3491],{"type":52,"value":3492},"Interactive",{"type":46,"tag":190,"props":3494,"children":3495},{"style":232},[3496],{"type":52,"value":255},{"type":46,"tag":190,"props":3498,"children":3499},{"style":232},[3500],{"type":52,"value":307},{"type":46,"tag":190,"props":3502,"children":3503},{"class":192,"line":1359},[3504,3508,3512],{"type":46,"tag":190,"props":3505,"children":3506},{"style":1391},[3507],{"type":52,"value":1805},{"type":46,"tag":190,"props":3509,"children":3510},{"style":232},[3511],{"type":52,"value":177},{"type":46,"tag":190,"props":3513,"children":3514},{"style":232},[3515],{"type":52,"value":264},{"type":46,"tag":190,"props":3517,"children":3518},{"class":192,"line":1382},[3519,3524,3528,3532,3536,3541,3545],{"type":46,"tag":190,"props":3520,"children":3521},{"style":1391},[3522],{"type":52,"value":3523}," title",{"type":46,"tag":190,"props":3525,"children":3526},{"style":232},[3527],{"type":52,"value":177},{"type":46,"tag":190,"props":3529,"children":3530},{"style":1143},[3531],{"type":52,"value":1576},{"type":46,"tag":190,"props":3533,"children":3534},{"style":232},[3535],{"type":52,"value":1303},{"type":46,"tag":190,"props":3537,"children":3538},{"style":1694},[3539],{"type":52,"value":3540},"Text",{"type":46,"tag":190,"props":3542,"children":3543},{"style":1143},[3544],{"type":52,"value":2620},{"type":46,"tag":190,"props":3546,"children":3547},{"style":232},[3548],{"type":52,"value":235},{"type":46,"tag":190,"props":3550,"children":3551},{"class":192,"line":1397},[3552,3557,3561,3565,3570,3574],{"type":46,"tag":190,"props":3553,"children":3554},{"style":1391},[3555],{"type":52,"value":3556}," name",{"type":46,"tag":190,"props":3558,"children":3559},{"style":232},[3560],{"type":52,"value":177},{"type":46,"tag":190,"props":3562,"children":3563},{"style":232},[3564],{"type":52,"value":292},{"type":46,"tag":190,"props":3566,"children":3567},{"style":295},[3568],{"type":52,"value":3569},"Title",{"type":46,"tag":190,"props":3571,"children":3572},{"style":232},[3573],{"type":52,"value":255},{"type":46,"tag":190,"props":3575,"children":3576},{"style":232},[3577],{"type":52,"value":307},{"type":46,"tag":190,"props":3579,"children":3580},{"class":192,"line":1436},[3581,3586,3590,3594,3599],{"type":46,"tag":190,"props":3582,"children":3583},{"style":1391},[3584],{"type":52,"value":3585}," defaultValue",{"type":46,"tag":190,"props":3587,"children":3588},{"style":232},[3589],{"type":52,"value":177},{"type":46,"tag":190,"props":3591,"children":3592},{"style":232},[3593],{"type":52,"value":292},{"type":46,"tag":190,"props":3595,"children":3596},{"style":295},[3597],{"type":52,"value":3598},"Accordion Title",{"type":46,"tag":190,"props":3600,"children":3601},{"style":232},[3602],{"type":52,"value":378},{"type":46,"tag":190,"props":3604,"children":3605},{"class":192,"line":1454},[3606,3611,3615],{"type":46,"tag":190,"props":3607,"children":3608},{"style":232},[3609],{"type":52,"value":3610}," }",{"type":46,"tag":190,"props":3612,"children":3613},{"style":1143},[3614],{"type":52,"value":469},{"type":46,"tag":190,"props":3616,"children":3617},{"style":232},[3618],{"type":52,"value":307},{"type":46,"tag":190,"props":3620,"children":3621},{"class":192,"line":1472},[3622,3627,3631,3635,3639,3644,3648],{"type":46,"tag":190,"props":3623,"children":3624},{"style":1391},[3625],{"type":52,"value":3626}," content",{"type":46,"tag":190,"props":3628,"children":3629},{"style":232},[3630],{"type":52,"value":177},{"type":46,"tag":190,"props":3632,"children":3633},{"style":1143},[3634],{"type":52,"value":1576},{"type":46,"tag":190,"props":3636,"children":3637},{"style":232},[3638],{"type":52,"value":1303},{"type":46,"tag":190,"props":3640,"children":3641},{"style":1694},[3642],{"type":52,"value":3643},"RichText",{"type":46,"tag":190,"props":3645,"children":3646},{"style":1143},[3647],{"type":52,"value":2620},{"type":46,"tag":190,"props":3649,"children":3650},{"style":232},[3651],{"type":52,"value":235},{"type":46,"tag":190,"props":3653,"children":3654},{"class":192,"line":1485},[3655,3659,3663,3667,3672,3676],{"type":46,"tag":190,"props":3656,"children":3657},{"style":1391},[3658],{"type":52,"value":3556},{"type":46,"tag":190,"props":3660,"children":3661},{"style":232},[3662],{"type":52,"value":177},{"type":46,"tag":190,"props":3664,"children":3665},{"style":232},[3666],{"type":52,"value":292},{"type":46,"tag":190,"props":3668,"children":3669},{"style":295},[3670],{"type":52,"value":3671},"Content",{"type":46,"tag":190,"props":3673,"children":3674},{"style":232},[3675],{"type":52,"value":255},{"type":46,"tag":190,"props":3677,"children":3678},{"style":232},[3679],{"type":52,"value":307},{"type":46,"tag":190,"props":3681,"children":3682},{"class":192,"line":28},[3683,3687,3691,3695,3700],{"type":46,"tag":190,"props":3684,"children":3685},{"style":1391},[3686],{"type":52,"value":3585},{"type":46,"tag":190,"props":3688,"children":3689},{"style":232},[3690],{"type":52,"value":177},{"type":46,"tag":190,"props":3692,"children":3693},{"style":232},[3694],{"type":52,"value":292},{"type":46,"tag":190,"props":3696,"children":3697},{"style":295},[3698],{"type":52,"value":3699},"\u003Cp>Accordion content goes here.\u003C\u002Fp>",{"type":46,"tag":190,"props":3701,"children":3702},{"style":232},[3703],{"type":52,"value":378},{"type":46,"tag":190,"props":3705,"children":3706},{"class":192,"line":2636},[3707,3711,3715],{"type":46,"tag":190,"props":3708,"children":3709},{"style":232},[3710],{"type":52,"value":3610},{"type":46,"tag":190,"props":3712,"children":3713},{"style":1143},[3714],{"type":52,"value":469},{"type":46,"tag":190,"props":3716,"children":3717},{"style":232},[3718],{"type":52,"value":307},{"type":46,"tag":190,"props":3720,"children":3721},{"class":192,"line":2644},[3722,3727,3731,3735,3739,3744,3748],{"type":46,"tag":190,"props":3723,"children":3724},{"style":1391},[3725],{"type":52,"value":3726}," defaultOpen",{"type":46,"tag":190,"props":3728,"children":3729},{"style":232},[3730],{"type":52,"value":177},{"type":46,"tag":190,"props":3732,"children":3733},{"style":1143},[3734],{"type":52,"value":1576},{"type":46,"tag":190,"props":3736,"children":3737},{"style":232},[3738],{"type":52,"value":1303},{"type":46,"tag":190,"props":3740,"children":3741},{"style":1694},[3742],{"type":52,"value":3743},"Boolean",{"type":46,"tag":190,"props":3745,"children":3746},{"style":1143},[3747],{"type":52,"value":2620},{"type":46,"tag":190,"props":3749,"children":3750},{"style":232},[3751],{"type":52,"value":235},{"type":46,"tag":190,"props":3753,"children":3754},{"class":192,"line":2656},[3755,3759,3763,3767,3772,3776],{"type":46,"tag":190,"props":3756,"children":3757},{"style":1391},[3758],{"type":52,"value":3556},{"type":46,"tag":190,"props":3760,"children":3761},{"style":232},[3762],{"type":52,"value":177},{"type":46,"tag":190,"props":3764,"children":3765},{"style":232},[3766],{"type":52,"value":292},{"type":46,"tag":190,"props":3768,"children":3769},{"style":295},[3770],{"type":52,"value":3771},"Start Expanded",{"type":46,"tag":190,"props":3773,"children":3774},{"style":232},[3775],{"type":52,"value":255},{"type":46,"tag":190,"props":3777,"children":3778},{"style":232},[3779],{"type":52,"value":307},{"type":46,"tag":190,"props":3781,"children":3782},{"class":192,"line":2689},[3783,3787,3791],{"type":46,"tag":190,"props":3784,"children":3785},{"style":1391},[3786],{"type":52,"value":3585},{"type":46,"tag":190,"props":3788,"children":3789},{"style":232},[3790],{"type":52,"value":177},{"type":46,"tag":190,"props":3792,"children":3793},{"style":1860},[3794],{"type":52,"value":3795}," false\n",{"type":46,"tag":190,"props":3797,"children":3798},{"class":192,"line":2704},[3799,3803,3807],{"type":46,"tag":190,"props":3800,"children":3801},{"style":232},[3802],{"type":52,"value":3610},{"type":46,"tag":190,"props":3804,"children":3805},{"style":1143},[3806],{"type":52,"value":469},{"type":46,"tag":190,"props":3808,"children":3809},{"style":232},[3810],{"type":52,"value":307},{"type":46,"tag":190,"props":3812,"children":3813},{"class":192,"line":2730},[3814,3819,3823,3827,3831,3836,3840],{"type":46,"tag":190,"props":3815,"children":3816},{"style":1391},[3817],{"type":52,"value":3818}," icon",{"type":46,"tag":190,"props":3820,"children":3821},{"style":232},[3822],{"type":52,"value":177},{"type":46,"tag":190,"props":3824,"children":3825},{"style":1143},[3826],{"type":52,"value":1576},{"type":46,"tag":190,"props":3828,"children":3829},{"style":232},[3830],{"type":52,"value":1303},{"type":46,"tag":190,"props":3832,"children":3833},{"style":1694},[3834],{"type":52,"value":3835},"Variant",{"type":46,"tag":190,"props":3837,"children":3838},{"style":1143},[3839],{"type":52,"value":2620},{"type":46,"tag":190,"props":3841,"children":3842},{"style":232},[3843],{"type":52,"value":235},{"type":46,"tag":190,"props":3845,"children":3846},{"class":192,"line":2766},[3847,3851,3855,3859,3864,3868],{"type":46,"tag":190,"props":3848,"children":3849},{"style":1391},[3850],{"type":52,"value":3556},{"type":46,"tag":190,"props":3852,"children":3853},{"style":232},[3854],{"type":52,"value":177},{"type":46,"tag":190,"props":3856,"children":3857},{"style":232},[3858],{"type":52,"value":292},{"type":46,"tag":190,"props":3860,"children":3861},{"style":295},[3862],{"type":52,"value":3863},"Icon Style",{"type":46,"tag":190,"props":3865,"children":3866},{"style":232},[3867],{"type":52,"value":255},{"type":46,"tag":190,"props":3869,"children":3870},{"style":232},[3871],{"type":52,"value":307},{"type":46,"tag":190,"props":3873,"children":3874},{"class":192,"line":2797},[3875,3880,3884,3888,3892,3896,3900,3904,3908,3912,3916,3920,3924,3928,3932,3936],{"type":46,"tag":190,"props":3876,"children":3877},{"style":1391},[3878],{"type":52,"value":3879}," options",{"type":46,"tag":190,"props":3881,"children":3882},{"style":232},[3883],{"type":52,"value":177},{"type":46,"tag":190,"props":3885,"children":3886},{"style":1143},[3887],{"type":52,"value":637},{"type":46,"tag":190,"props":3889,"children":3890},{"style":232},[3891],{"type":52,"value":255},{"type":46,"tag":190,"props":3893,"children":3894},{"style":295},[3895],{"type":52,"value":2376},{"type":46,"tag":190,"props":3897,"children":3898},{"style":232},[3899],{"type":52,"value":255},{"type":46,"tag":190,"props":3901,"children":3902},{"style":232},[3903],{"type":52,"value":1706},{"type":46,"tag":190,"props":3905,"children":3906},{"style":232},[3907],{"type":52,"value":292},{"type":46,"tag":190,"props":3909,"children":3910},{"style":295},[3911],{"type":52,"value":2394},{"type":46,"tag":190,"props":3913,"children":3914},{"style":232},[3915],{"type":52,"value":255},{"type":46,"tag":190,"props":3917,"children":3918},{"style":232},[3919],{"type":52,"value":1706},{"type":46,"tag":190,"props":3921,"children":3922},{"style":232},[3923],{"type":52,"value":292},{"type":46,"tag":190,"props":3925,"children":3926},{"style":295},[3927],{"type":52,"value":2411},{"type":46,"tag":190,"props":3929,"children":3930},{"style":232},[3931],{"type":52,"value":255},{"type":46,"tag":190,"props":3933,"children":3934},{"style":1143},[3935],{"type":52,"value":1237},{"type":46,"tag":190,"props":3937,"children":3938},{"style":232},[3939],{"type":52,"value":307},{"type":46,"tag":190,"props":3941,"children":3942},{"class":192,"line":2806},[3943,3947,3951,3955,3959],{"type":46,"tag":190,"props":3944,"children":3945},{"style":1391},[3946],{"type":52,"value":3585},{"type":46,"tag":190,"props":3948,"children":3949},{"style":232},[3950],{"type":52,"value":177},{"type":46,"tag":190,"props":3952,"children":3953},{"style":232},[3954],{"type":52,"value":292},{"type":46,"tag":190,"props":3956,"children":3957},{"style":295},[3958],{"type":52,"value":2376},{"type":46,"tag":190,"props":3960,"children":3961},{"style":232},[3962],{"type":52,"value":378},{"type":46,"tag":190,"props":3964,"children":3965},{"class":192,"line":2858},[3966,3970],{"type":46,"tag":190,"props":3967,"children":3968},{"style":232},[3969],{"type":52,"value":3610},{"type":46,"tag":190,"props":3971,"children":3972},{"style":1143},[3973],{"type":52,"value":3974},")\n",{"type":46,"tag":190,"props":3976,"children":3977},{"class":192,"line":2886},[3978],{"type":46,"tag":190,"props":3979,"children":3980},{"style":232},[3981],{"type":52,"value":1829},{"type":46,"tag":190,"props":3983,"children":3984},{"class":192,"line":2971},[3985,3989,3993],{"type":46,"tag":190,"props":3986,"children":3987},{"style":1391},[3988],{"type":52,"value":1837},{"type":46,"tag":190,"props":3990,"children":3991},{"style":232},[3992],{"type":52,"value":177},{"type":46,"tag":190,"props":3994,"children":3995},{"style":232},[3996],{"type":52,"value":264},{"type":46,"tag":190,"props":3998,"children":3999},{"class":192,"line":3033},[4000,4004,4008,4012],{"type":46,"tag":190,"props":4001,"children":4002},{"style":1391},[4003],{"type":52,"value":1853},{"type":46,"tag":190,"props":4005,"children":4006},{"style":232},[4007],{"type":52,"value":177},{"type":46,"tag":190,"props":4009,"children":4010},{"style":1860},[4011],{"type":52,"value":1863},{"type":46,"tag":190,"props":4013,"children":4014},{"style":232},[4015],{"type":52,"value":307},{"type":46,"tag":190,"props":4017,"children":4018},{"class":192,"line":3050},[4019,4023,4027],{"type":46,"tag":190,"props":4020,"children":4021},{"style":1391},[4022],{"type":52,"value":1875},{"type":46,"tag":190,"props":4024,"children":4025},{"style":232},[4026],{"type":52,"value":177},{"type":46,"tag":190,"props":4028,"children":4029},{"style":1860},[4030],{"type":52,"value":4031}," true\n",{"type":46,"tag":190,"props":4033,"children":4034},{"class":192,"line":3063},[4035],{"type":46,"tag":190,"props":4036,"children":4037},{"style":232},[4038],{"type":52,"value":387},{"type":46,"tag":190,"props":4040,"children":4041},{"class":192,"line":3081},[4042,4046,4050],{"type":46,"tag":190,"props":4043,"children":4044},{"style":232},[4045],{"type":52,"value":1365},{"type":46,"tag":190,"props":4047,"children":4048},{"style":1143},[4049],{"type":52,"value":469},{"type":46,"tag":190,"props":4051,"children":4052},{"style":232},[4053],{"type":52,"value":1168},{"type":46,"tag":70,"props":4055,"children":4057},{"id":4056},"guidelines",[4058],{"type":52,"value":4059},"Guidelines",{"type":46,"tag":153,"props":4061,"children":4063},{"id":4062},"prop-type-selection",[4064],{"type":52,"value":4065},"Prop Type Selection",{"type":46,"tag":4067,"props":4068,"children":4069},"table",{},[4070,4094],{"type":46,"tag":4071,"props":4072,"children":4073},"thead",{},[4074],{"type":46,"tag":4075,"props":4076,"children":4077},"tr",{},[4078,4084,4089],{"type":46,"tag":4079,"props":4080,"children":4081},"th",{},[4082],{"type":52,"value":4083},"User Wants",{"type":46,"tag":4079,"props":4085,"children":4086},{},[4087],{"type":52,"value":4088},"Prop Type",{"type":46,"tag":4079,"props":4090,"children":4091},{},[4092],{"type":52,"value":4093},"Notes",{"type":46,"tag":4095,"props":4096,"children":4097},"tbody",{},[4098,4120,4141,4162,4183,4204,4225,4246,4267,4288],{"type":46,"tag":4075,"props":4099,"children":4100},{},[4101,4107,4115],{"type":46,"tag":4102,"props":4103,"children":4104},"td",{},[4105],{"type":52,"value":4106},"Editable text",{"type":46,"tag":4102,"props":4108,"children":4109},{},[4110],{"type":46,"tag":61,"props":4111,"children":4113},{"className":4112},[],[4114],{"type":52,"value":809},{"type":46,"tag":4102,"props":4116,"children":4117},{},[4118],{"type":52,"value":4119},"Single line, max 256 chars",{"type":46,"tag":4075,"props":4121,"children":4122},{},[4123,4128,4136],{"type":46,"tag":4102,"props":4124,"children":4125},{},[4126],{"type":52,"value":4127},"Long formatted text",{"type":46,"tag":4102,"props":4129,"children":4130},{},[4131],{"type":46,"tag":61,"props":4132,"children":4134},{"className":4133},[],[4135],{"type":52,"value":817},{"type":46,"tag":4102,"props":4137,"children":4138},{},[4139],{"type":52,"value":4140},"HTML content",{"type":46,"tag":4075,"props":4142,"children":4143},{},[4144,4149,4157],{"type":46,"tag":4102,"props":4145,"children":4146},{},[4147],{"type":52,"value":4148},"Canvas-editable text",{"type":46,"tag":4102,"props":4150,"children":4151},{},[4152],{"type":46,"tag":61,"props":4153,"children":4155},{"className":4154},[],[4156],{"type":52,"value":828},{"type":46,"tag":4102,"props":4158,"children":4159},{},[4160],{"type":52,"value":4161},"Double-click to edit",{"type":46,"tag":4075,"props":4163,"children":4164},{},[4165,4170,4178],{"type":46,"tag":4102,"props":4166,"children":4167},{},[4168],{"type":52,"value":4169},"Image upload",{"type":46,"tag":4102,"props":4171,"children":4172},{},[4173],{"type":46,"tag":61,"props":4174,"children":4176},{"className":4175},[],[4177],{"type":52,"value":839},{"type":46,"tag":4102,"props":4179,"children":4180},{},[4181],{"type":52,"value":4182},"Returns image object",{"type":46,"tag":4075,"props":4184,"children":4185},{},[4186,4191,4199],{"type":46,"tag":4102,"props":4187,"children":4188},{},[4189],{"type":52,"value":4190},"URL\u002Flink",{"type":46,"tag":4102,"props":4192,"children":4193},{},[4194],{"type":46,"tag":61,"props":4195,"children":4197},{"className":4196},[],[4198],{"type":52,"value":850},{"type":46,"tag":4102,"props":4200,"children":4201},{},[4202],{"type":52,"value":4203},"Returns { href, target, preload }",{"type":46,"tag":4075,"props":4205,"children":4206},{},[4207,4212,4220],{"type":46,"tag":4102,"props":4208,"children":4209},{},[4210],{"type":52,"value":4211},"Number input",{"type":46,"tag":4102,"props":4213,"children":4214},{},[4215],{"type":46,"tag":61,"props":4216,"children":4218},{"className":4217},[],[4219],{"type":52,"value":861},{"type":46,"tag":4102,"props":4221,"children":4222},{},[4223],{"type":52,"value":4224},"Numeric values",{"type":46,"tag":4075,"props":4226,"children":4227},{},[4228,4233,4241],{"type":46,"tag":4102,"props":4229,"children":4230},{},[4231],{"type":52,"value":4232},"Toggle\u002Fflag",{"type":46,"tag":4102,"props":4234,"children":4235},{},[4236],{"type":46,"tag":61,"props":4237,"children":4239},{"className":4238},[],[4240],{"type":52,"value":894},{"type":46,"tag":4102,"props":4242,"children":4243},{},[4244],{"type":52,"value":4245},"true\u002Ffalse",{"type":46,"tag":4075,"props":4247,"children":4248},{},[4249,4254,4262],{"type":46,"tag":4102,"props":4250,"children":4251},{},[4252],{"type":52,"value":4253},"Style options",{"type":46,"tag":4102,"props":4255,"children":4256},{},[4257],{"type":46,"tag":61,"props":4258,"children":4260},{"className":4259},[],[4261],{"type":52,"value":872},{"type":46,"tag":4102,"props":4263,"children":4264},{},[4265],{"type":52,"value":4266},"Dropdown selection",{"type":46,"tag":4075,"props":4268,"children":4269},{},[4270,4275,4283],{"type":46,"tag":4102,"props":4271,"children":4272},{},[4273],{"type":52,"value":4274},"Nested content",{"type":46,"tag":4102,"props":4276,"children":4277},{},[4278],{"type":46,"tag":61,"props":4279,"children":4281},{"className":4280},[],[4282],{"type":52,"value":883},{"type":46,"tag":4102,"props":4284,"children":4285},{},[4286],{"type":52,"value":4287},"Other components inside",{"type":46,"tag":4075,"props":4289,"children":4290},{},[4291,4296,4304],{"type":46,"tag":4102,"props":4292,"children":4293},{},[4294],{"type":52,"value":4295},"HTML ID",{"type":46,"tag":4102,"props":4297,"children":4298},{},[4299],{"type":46,"tag":61,"props":4300,"children":4302},{"className":4301},[],[4303],{"type":52,"value":916},{"type":46,"tag":4102,"props":4305,"children":4306},{},[4307],{"type":52,"value":4308},"For accessibility",{"type":46,"tag":153,"props":4310,"children":4312},{"id":4311},"component-categories-groups",[4313],{"type":52,"value":4314},"Component Categories (Groups)",{"type":46,"tag":86,"props":4316,"children":4317},{},[4318,4327,4337,4347,4357,4367],{"type":46,"tag":90,"props":4319,"children":4320},{},[4321,4325],{"type":46,"tag":80,"props":4322,"children":4323},{},[4324],{"type":52,"value":3492},{"type":52,"value":4326},": Buttons, forms, accordions, tabs, modals",{"type":46,"tag":90,"props":4328,"children":4329},{},[4330,4335],{"type":46,"tag":80,"props":4331,"children":4332},{},[4333],{"type":52,"value":4334},"Display",{"type":52,"value":4336},": Cards, banners, testimonials, badges",{"type":46,"tag":90,"props":4338,"children":4339},{},[4340,4345],{"type":46,"tag":80,"props":4341,"children":4342},{},[4343],{"type":52,"value":4344},"Layout",{"type":52,"value":4346},": Grids, containers, sections, dividers",{"type":46,"tag":90,"props":4348,"children":4349},{},[4350,4355],{"type":46,"tag":80,"props":4351,"children":4352},{},[4353],{"type":52,"value":4354},"Navigation",{"type":52,"value":4356},": Menus, breadcrumbs, pagination",{"type":46,"tag":90,"props":4358,"children":4359},{},[4360,4365],{"type":46,"tag":80,"props":4361,"children":4362},{},[4363],{"type":52,"value":4364},"Media",{"type":52,"value":4366},": Galleries, video players, carousels",{"type":46,"tag":90,"props":4368,"children":4369},{},[4370,4375],{"type":46,"tag":80,"props":4371,"children":4372},{},[4373],{"type":52,"value":4374},"Data",{"type":52,"value":4376},": Tables, lists, charts, counters",{"type":46,"tag":153,"props":4378,"children":4380},{"id":4379},"ssr-decision-tree",[4381],{"type":52,"value":4382},"SSR Decision Tree",{"type":46,"tag":179,"props":4384,"children":4387},{"className":4385,"code":4386,"language":52},[496],"Set ssr: false if ANY of these apply:\n\n1. Browser APIs — Uses window, document, localStorage, or similar\n2. Dynamic\u002Fpersonalized content — User-specific dashboards, authenticated views, client data\n3. Heavy\u002Finteractive UI — Charts, 3D scenes, maps, animation-driven elements\n4. Non-deterministic output — Random numbers, time-based values, anything that renders differently server vs client\n\nOtherwise → Keep ssr: true (default)\n",[4388],{"type":46,"tag":61,"props":4389,"children":4390},{"__ignoreMap":184},[4391],{"type":52,"value":4386},{"type":46,"tag":153,"props":4393,"children":4395},{"id":4394},"file-naming-rules",[4396],{"type":52,"value":4397},"File Naming Rules",{"type":46,"tag":86,"props":4399,"children":4400},{},[4401,4413,4432,4443],{"type":46,"tag":90,"props":4402,"children":4403},{},[4404,4406,4412],{"type":52,"value":4405},"Component name: PascalCase (",{"type":46,"tag":61,"props":4407,"children":4409},{"className":4408},[],[4410],{"type":52,"value":4411},"ProductCard",{"type":52,"value":469},{"type":46,"tag":90,"props":4414,"children":4415},{},[4416,4418,4424,4426],{"type":52,"value":4417},"Files use same name: ",{"type":46,"tag":61,"props":4419,"children":4421},{"className":4420},[],[4422],{"type":52,"value":4423},"ProductCard.tsx",{"type":52,"value":4425},", ",{"type":46,"tag":61,"props":4427,"children":4429},{"className":4428},[],[4430],{"type":52,"value":4431},"ProductCard.webflow.tsx",{"type":46,"tag":90,"props":4433,"children":4434},{},[4435,4437],{"type":52,"value":4436},"CSS modules: ",{"type":46,"tag":61,"props":4438,"children":4440},{"className":4439},[],[4441],{"type":52,"value":4442},"ProductCard.module.css",{"type":46,"tag":90,"props":4444,"children":4445},{},[4446,4448],{"type":52,"value":4447},"Directory: ",{"type":46,"tag":61,"props":4449,"children":4451},{"className":4450},[],[4452],{"type":52,"value":4453},"src\u002Fcomponents\u002FProductCard\u002F",{"type":46,"tag":153,"props":4455,"children":4457},{"id":4456},"default-values-best-practice",[4458],{"type":52,"value":4459},"Default Values Best Practice",{"type":46,"tag":55,"props":4461,"children":4462},{},[4463],{"type":52,"value":4464},"Always provide meaningful defaults:",{"type":46,"tag":179,"props":4466,"children":4468},{"className":1125,"code":4467,"language":1127,"meta":184,"style":184},"props: {\n title: props.Text({\n name: \"Title\",\n defaultValue: \"Card Title\" \u002F\u002F ✅ Good\n }),\n count: props.Number({\n name: \"Count\",\n defaultValue: 0 \u002F\u002F ✅ Good\n })\n}\n",[4469],{"type":46,"tag":61,"props":4470,"children":4471},{"__ignoreMap":184},[4472,4488,4519,4547,4577,4593,4626,4654,4675,4686],{"type":46,"tag":190,"props":4473,"children":4474},{"class":192,"line":193},[4475,4480,4484],{"type":46,"tag":190,"props":4476,"children":4477},{"style":276},[4478],{"type":52,"value":4479},"props",{"type":46,"tag":190,"props":4481,"children":4482},{"style":232},[4483],{"type":52,"value":177},{"type":46,"tag":190,"props":4485,"children":4486},{"style":232},[4487],{"type":52,"value":264},{"type":46,"tag":190,"props":4489,"children":4490},{"class":192,"line":238},[4491,4495,4499,4503,4507,4511,4515],{"type":46,"tag":190,"props":4492,"children":4493},{"style":276},[4494],{"type":52,"value":2300},{"type":46,"tag":190,"props":4496,"children":4497},{"style":232},[4498],{"type":52,"value":177},{"type":46,"tag":190,"props":4500,"children":4501},{"style":1143},[4502],{"type":52,"value":1576},{"type":46,"tag":190,"props":4504,"children":4505},{"style":232},[4506],{"type":52,"value":1303},{"type":46,"tag":190,"props":4508,"children":4509},{"style":1694},[4510],{"type":52,"value":3540},{"type":46,"tag":190,"props":4512,"children":4513},{"style":1391},[4514],{"type":52,"value":2620},{"type":46,"tag":190,"props":4516,"children":4517},{"style":232},[4518],{"type":52,"value":235},{"type":46,"tag":190,"props":4520,"children":4521},{"class":192,"line":267},[4522,4527,4531,4535,4539,4543],{"type":46,"tag":190,"props":4523,"children":4524},{"style":1391},[4525],{"type":52,"value":4526}," name",{"type":46,"tag":190,"props":4528,"children":4529},{"style":232},[4530],{"type":52,"value":177},{"type":46,"tag":190,"props":4532,"children":4533},{"style":232},[4534],{"type":52,"value":292},{"type":46,"tag":190,"props":4536,"children":4537},{"style":295},[4538],{"type":52,"value":3569},{"type":46,"tag":190,"props":4540,"children":4541},{"style":232},[4542],{"type":52,"value":255},{"type":46,"tag":190,"props":4544,"children":4545},{"style":232},[4546],{"type":52,"value":307},{"type":46,"tag":190,"props":4548,"children":4549},{"class":192,"line":310},[4550,4555,4559,4563,4568,4572],{"type":46,"tag":190,"props":4551,"children":4552},{"style":1391},[4553],{"type":52,"value":4554}," defaultValue",{"type":46,"tag":190,"props":4556,"children":4557},{"style":232},[4558],{"type":52,"value":177},{"type":46,"tag":190,"props":4560,"children":4561},{"style":232},[4562],{"type":52,"value":292},{"type":46,"tag":190,"props":4564,"children":4565},{"style":295},[4566],{"type":52,"value":4567},"Card Title",{"type":46,"tag":190,"props":4569,"children":4570},{"style":232},[4571],{"type":52,"value":255},{"type":46,"tag":190,"props":4573,"children":4574},{"style":197},[4575],{"type":52,"value":4576}," \u002F\u002F ✅ Good\n",{"type":46,"tag":190,"props":4578,"children":4579},{"class":192,"line":347},[4580,4585,4589],{"type":46,"tag":190,"props":4581,"children":4582},{"style":232},[4583],{"type":52,"value":4584}," }",{"type":46,"tag":190,"props":4586,"children":4587},{"style":1391},[4588],{"type":52,"value":469},{"type":46,"tag":190,"props":4590,"children":4591},{"style":232},[4592],{"type":52,"value":307},{"type":46,"tag":190,"props":4594,"children":4595},{"class":192,"line":381},[4596,4601,4605,4609,4613,4618,4622],{"type":46,"tag":190,"props":4597,"children":4598},{"style":276},[4599],{"type":52,"value":4600}," count",{"type":46,"tag":190,"props":4602,"children":4603},{"style":232},[4604],{"type":52,"value":177},{"type":46,"tag":190,"props":4606,"children":4607},{"style":1143},[4608],{"type":52,"value":1576},{"type":46,"tag":190,"props":4610,"children":4611},{"style":232},[4612],{"type":52,"value":1303},{"type":46,"tag":190,"props":4614,"children":4615},{"style":1694},[4616],{"type":52,"value":4617},"Number",{"type":46,"tag":190,"props":4619,"children":4620},{"style":1391},[4621],{"type":52,"value":2620},{"type":46,"tag":190,"props":4623,"children":4624},{"style":232},[4625],{"type":52,"value":235},{"type":46,"tag":190,"props":4627,"children":4628},{"class":192,"line":390},[4629,4633,4637,4641,4646,4650],{"type":46,"tag":190,"props":4630,"children":4631},{"style":1391},[4632],{"type":52,"value":4526},{"type":46,"tag":190,"props":4634,"children":4635},{"style":232},[4636],{"type":52,"value":177},{"type":46,"tag":190,"props":4638,"children":4639},{"style":232},[4640],{"type":52,"value":292},{"type":46,"tag":190,"props":4642,"children":4643},{"style":295},[4644],{"type":52,"value":4645},"Count",{"type":46,"tag":190,"props":4647,"children":4648},{"style":232},[4649],{"type":52,"value":255},{"type":46,"tag":190,"props":4651,"children":4652},{"style":232},[4653],{"type":52,"value":307},{"type":46,"tag":190,"props":4655,"children":4656},{"class":192,"line":1081},[4657,4661,4665,4671],{"type":46,"tag":190,"props":4658,"children":4659},{"style":1391},[4660],{"type":52,"value":4554},{"type":46,"tag":190,"props":4662,"children":4663},{"style":232},[4664],{"type":52,"value":177},{"type":46,"tag":190,"props":4666,"children":4668},{"style":4667},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[4669],{"type":52,"value":4670}," 0",{"type":46,"tag":190,"props":4672,"children":4673},{"style":197},[4674],{"type":52,"value":4576},{"type":46,"tag":190,"props":4676,"children":4677},{"class":192,"line":1103},[4678,4682],{"type":46,"tag":190,"props":4679,"children":4680},{"style":232},[4681],{"type":52,"value":4584},{"type":46,"tag":190,"props":4683,"children":4684},{"style":1391},[4685],{"type":52,"value":3974},{"type":46,"tag":190,"props":4687,"children":4688},{"class":192,"line":1359},[4689],{"type":46,"tag":190,"props":4690,"children":4691},{"style":232},[4692],{"type":52,"value":396},{"type":46,"tag":55,"props":4694,"children":4695},{},[4696],{"type":52,"value":4697},"Not:",{"type":46,"tag":179,"props":4699,"children":4701},{"className":1125,"code":4700,"language":1127,"meta":184,"style":184},"props: {\n title: props.Text({\n name: \"Title\"\n \u002F\u002F ❌ Missing defaultValue\n })\n}\n",[4702],{"type":46,"tag":61,"props":4703,"children":4704},{"__ignoreMap":184},[4705,4720,4751,4774,4782,4793],{"type":46,"tag":190,"props":4706,"children":4707},{"class":192,"line":193},[4708,4712,4716],{"type":46,"tag":190,"props":4709,"children":4710},{"style":276},[4711],{"type":52,"value":4479},{"type":46,"tag":190,"props":4713,"children":4714},{"style":232},[4715],{"type":52,"value":177},{"type":46,"tag":190,"props":4717,"children":4718},{"style":232},[4719],{"type":52,"value":264},{"type":46,"tag":190,"props":4721,"children":4722},{"class":192,"line":238},[4723,4727,4731,4735,4739,4743,4747],{"type":46,"tag":190,"props":4724,"children":4725},{"style":276},[4726],{"type":52,"value":2300},{"type":46,"tag":190,"props":4728,"children":4729},{"style":232},[4730],{"type":52,"value":177},{"type":46,"tag":190,"props":4732,"children":4733},{"style":1143},[4734],{"type":52,"value":1576},{"type":46,"tag":190,"props":4736,"children":4737},{"style":232},[4738],{"type":52,"value":1303},{"type":46,"tag":190,"props":4740,"children":4741},{"style":1694},[4742],{"type":52,"value":3540},{"type":46,"tag":190,"props":4744,"children":4745},{"style":1391},[4746],{"type":52,"value":2620},{"type":46,"tag":190,"props":4748,"children":4749},{"style":232},[4750],{"type":52,"value":235},{"type":46,"tag":190,"props":4752,"children":4753},{"class":192,"line":267},[4754,4758,4762,4766,4770],{"type":46,"tag":190,"props":4755,"children":4756},{"style":1391},[4757],{"type":52,"value":4526},{"type":46,"tag":190,"props":4759,"children":4760},{"style":232},[4761],{"type":52,"value":177},{"type":46,"tag":190,"props":4763,"children":4764},{"style":232},[4765],{"type":52,"value":292},{"type":46,"tag":190,"props":4767,"children":4768},{"style":295},[4769],{"type":52,"value":3569},{"type":46,"tag":190,"props":4771,"children":4772},{"style":232},[4773],{"type":52,"value":378},{"type":46,"tag":190,"props":4775,"children":4776},{"class":192,"line":310},[4777],{"type":46,"tag":190,"props":4778,"children":4779},{"style":197},[4780],{"type":52,"value":4781}," \u002F\u002F ❌ Missing defaultValue\n",{"type":46,"tag":190,"props":4783,"children":4784},{"class":192,"line":347},[4785,4789],{"type":46,"tag":190,"props":4786,"children":4787},{"style":232},[4788],{"type":52,"value":4584},{"type":46,"tag":190,"props":4790,"children":4791},{"style":1391},[4792],{"type":52,"value":3974},{"type":46,"tag":190,"props":4794,"children":4795},{"class":192,"line":381},[4796],{"type":46,"tag":190,"props":4797,"children":4798},{"style":232},[4799],{"type":52,"value":396},{"type":46,"tag":70,"props":4801,"children":4803},{"id":4802},"error-handling",[4804],{"type":52,"value":4805},"Error Handling",{"type":46,"tag":55,"props":4807,"children":4808},{},[4809],{"type":46,"tag":80,"props":4810,"children":4811},{},[4812],{"type":52,"value":4813},"Component name already exists:",{"type":46,"tag":179,"props":4815,"children":4818},{"className":4816,"code":4817,"language":52},[496],"⚠️ Component \"Button\" already exists at src\u002Fcomponents\u002FButton\u002F\n\nOptions:\n1. Choose a different name\n2. Update existing component (use component-audit skill)\n3. Delete existing and create new\n\nWhich would you like to do?\n",[4819],{"type":46,"tag":61,"props":4820,"children":4821},{"__ignoreMap":184},[4822],{"type":52,"value":4817},{"type":46,"tag":55,"props":4824,"children":4825},{},[4826],{"type":46,"tag":80,"props":4827,"children":4828},{},[4829],{"type":52,"value":4830},"Missing webflow.json:",{"type":46,"tag":179,"props":4832,"children":4835},{"className":4833,"code":4834,"language":52},[496],"❌ No webflow.json found in project root\n\nThis file is required for code components. Would you like me to:\n1. Create a basic webflow.json\n2. Run local-dev-setup skill for full project initialization\n\nChoose an option (1\u002F2):\n",[4836],{"type":46,"tag":61,"props":4837,"children":4838},{"__ignoreMap":184},[4839],{"type":52,"value":4834},{"type":46,"tag":55,"props":4841,"children":4842},{},[4843],{"type":46,"tag":80,"props":4844,"children":4845},{},[4846],{"type":52,"value":4847},"Invalid component name:",{"type":46,"tag":179,"props":4849,"children":4852},{"className":4850,"code":4851,"language":52},[496],"⚠️ Invalid component name: \"my-button\"\n\nComponent names must be:\n- PascalCase (e.g., \"MyButton\")\n- Start with a letter\n- Contain only letters and numbers\n\nSuggested name: \"MyButton\"\n\nUse this name? (yes\u002Fno)\n",[4853],{"type":46,"tag":61,"props":4854,"children":4855},{"__ignoreMap":184},[4856],{"type":52,"value":4851},{"type":46,"tag":4858,"props":4859,"children":4860},"style",{},[4861],{"type":52,"value":4862},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":4864,"total":2886},[4865,4886,4901,4917,4932,4948,4964,4971,4985,4997,5011,5027],{"slug":4866,"name":4867,"fn":4868,"description":4869,"org":4870,"tags":4871,"stars":24,"repoUrl":25,"updatedAt":4885},"webflow-clicloud","webflow-cli:cloud","deploy applications to Webflow Cloud","Initialize, build, and deploy full-stack Webflow applications to Webflow Cloud hosting. Supports site-attached deploys (linked to an existing Webflow site) and project app deploys (independent project, no existing site required). Use when creating new projects, deploying existing ones, or setting up CI\u002FCD pipelines for Webflow Cloud.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4872,4875,4878,4881,4884],{"name":4873,"slug":4874,"type":16},"CLI","cli",{"name":4876,"slug":4877,"type":16},"Cloud","cloud",{"name":4879,"slug":4880,"type":16},"Deployment","deployment",{"name":4882,"slug":4883,"type":16},"Full-stack","full-stack",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:47.514609",{"slug":4887,"name":4888,"fn":4889,"description":4890,"org":4891,"tags":4892,"stars":24,"repoUrl":25,"updatedAt":4900},"webflow-clicode-component","webflow-cli:code-component","create and deploy Webflow Code Components","Create and deploy reusable React components for Webflow Designer. Configure existing React projects with webflow.json, build and bundle code, validate output, and deploy to workspace using library share. Use when building custom components for designers.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4893,4894,4895,4896,4899],{"name":4873,"slug":4874,"type":16},{"name":4879,"slug":4880,"type":16},{"name":14,"slug":15,"type":16},{"name":4897,"slug":4898,"type":16},"UI Components","ui-components",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:41.421071",{"slug":4902,"name":4903,"fn":4904,"description":4905,"org":4906,"tags":4907,"stars":24,"repoUrl":25,"updatedAt":4916},"webflow-clidesigner-extension","webflow-cli:designer-extension","build Webflow Designer Extensions","Build Designer Extensions for custom Webflow Designer functionality. Lists available templates, initializes extension projects from templates (default\u002Freact\u002Ftypescript-alt), bundles extensions for upload, and serves locally for development.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4908,4909,4912,4913,4915],{"name":4873,"slug":4874,"type":16},{"name":4910,"slug":4911,"type":16},"Plugin Development","plugin-development",{"name":14,"slug":15,"type":16},{"name":4914,"slug":1127,"type":16},"TypeScript",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:43.853573",{"slug":4918,"name":4919,"fn":4920,"description":4921,"org":4922,"tags":4923,"stars":24,"repoUrl":25,"updatedAt":4931},"webflow-clidevlink","webflow-cli:devlink","export Webflow components to React and Next.js","Export Webflow Designer components to React\u002FNext.js code for external projects. Configure devlink settings in webflow.json, sync design updates with devlink sync, validate generated code, show diffs, and provide integration examples. Use when building with Webflow designs in React\u002FNext.js.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4924,4925,4926,4929,4930],{"name":4873,"slug":4874,"type":16},{"name":22,"slug":23,"type":16},{"name":4927,"slug":4928,"type":16},"Next.js","next-js",{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:40.182468",{"slug":4933,"name":4934,"fn":4935,"description":4936,"org":4937,"tags":4938,"stars":24,"repoUrl":25,"updatedAt":4947},"webflow-clitroubleshooter","webflow-cli:troubleshooter","troubleshoot Webflow CLI issues","Diagnose and fix Webflow CLI issues including installation problems, authentication failures, build errors, and bundle problems. Uses CLI diagnostic flags (--version, --help, --verbose, --debug-bundler) for troubleshooting.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4939,4940,4943,4946],{"name":4873,"slug":4874,"type":16},{"name":4941,"slug":4942,"type":16},"Configuration","configuration",{"name":4944,"slug":4945,"type":16},"Debugging","debugging",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:48.831648",{"slug":4949,"name":4950,"fn":4951,"description":4952,"org":4953,"tags":4954,"stars":24,"repoUrl":25,"updatedAt":4963},"webflow-code-componentcomponent-audit","webflow-code-component:component-audit","audit Webflow Code Component architecture","Audit Webflow Code Components for architecture decisions - prop exposure, state management, slot opportunities, and Shadow DOM compatibility. Focused on Webflow-specific patterns, not generic React best practices.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4955,4958,4961,4962],{"name":4956,"slug":4957,"type":16},"Architecture","architecture",{"name":4959,"slug":4960,"type":16},"Code Analysis","code-analysis",{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:46.277768",{"slug":4,"name":5,"fn":6,"description":7,"org":4965,"tags":4966,"stars":24,"repoUrl":25,"updatedAt":26},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4967,4968,4969,4970],{"name":22,"slug":23,"type":16},{"name":14,"slug":15,"type":16},{"name":18,"slug":19,"type":16},{"name":10,"slug":9,"type":16},{"slug":4972,"name":4973,"fn":4974,"description":4975,"org":4976,"tags":4977,"stars":24,"repoUrl":25,"updatedAt":4984},"webflow-code-componentconvert-component","webflow-code-component:convert-component","convert React components to Webflow Code Components","Convert an existing React component into a Webflow Code Component. Analyzes TypeScript props, maps to Webflow prop types, generates the .webflow.tsx definition file, and identifies required modifications.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4978,4981,4982,4983],{"name":4979,"slug":4980,"type":16},"Migration","migration",{"name":14,"slug":15,"type":16},{"name":4914,"slug":1127,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:52.523608",{"slug":4986,"name":4987,"fn":4988,"description":4989,"org":4990,"tags":4991,"stars":24,"repoUrl":25,"updatedAt":4996},"webflow-code-componentdeploy-guide","webflow-code-component:deploy-guide","deploy Webflow Code Components","Step-by-step guide for deploying Webflow Code Components to a workspace. Covers authentication, pre-flight checks, deployment execution, and verification.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[4992,4993,4994,4995],{"name":4879,"slug":4880,"type":16},{"name":22,"slug":23,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:38.947875",{"slug":4998,"name":4999,"fn":5000,"description":5001,"org":5002,"tags":5003,"stars":24,"repoUrl":25,"updatedAt":5010},"webflow-code-componentlocal-dev-setup","webflow-code-component:local-dev-setup","set up local Webflow Code Component projects","Initialize a new Webflow Code Components project from scratch. Creates project structure, installs dependencies, configures webflow.json, and sets up development environment.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5004,5005,5008,5009],{"name":4941,"slug":4942,"type":16},{"name":5006,"slug":5007,"type":16},"Local Development","local-development",{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},"2026-05-18T06:47:50.062783",{"slug":5012,"name":5013,"fn":5014,"description":5015,"org":5016,"tags":5017,"stars":24,"repoUrl":25,"updatedAt":5026},"webflow-code-componentpre-deploy-check","webflow-code-component:pre-deploy-check","validate Webflow Code Components before deployment","Pre-deployment validation for Webflow Code Components. Checks bundle size, dependencies, prop configurations, SSR compatibility, styling setup, and common issues before running webflow library share.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5018,5019,5022,5025],{"name":4879,"slug":4880,"type":16},{"name":5020,"slug":5021,"type":16},"QA","qa",{"name":5023,"slug":5024,"type":16},"Validation","validation",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:51.300653",{"slug":5028,"name":5029,"fn":5030,"description":5031,"org":5032,"tags":5033,"stars":24,"repoUrl":25,"updatedAt":5040},"webflow-code-componenttroubleshoot-deploy","webflow-code-component:troubleshoot-deploy","troubleshoot Webflow Code Component deployments","Debug deployment failures for Webflow Code Components. Analyzes error messages, identifies root causes, and provides specific fixes for common issues.",{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5034,5035,5036,5039],{"name":4944,"slug":4945,"type":16},{"name":4879,"slug":4880,"type":16},{"name":5037,"slug":5038,"type":16},"Observability","observability",{"name":10,"slug":9,"type":16},"2026-05-18T06:47:45.057571",{"items":5042,"total":2886},[5043,5051,5059,5067,5075,5082,5089],{"slug":4866,"name":4867,"fn":4868,"description":4869,"org":5044,"tags":5045,"stars":24,"repoUrl":25,"updatedAt":4885},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5046,5047,5048,5049,5050],{"name":4873,"slug":4874,"type":16},{"name":4876,"slug":4877,"type":16},{"name":4879,"slug":4880,"type":16},{"name":4882,"slug":4883,"type":16},{"name":10,"slug":9,"type":16},{"slug":4887,"name":4888,"fn":4889,"description":4890,"org":5052,"tags":5053,"stars":24,"repoUrl":25,"updatedAt":4900},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5054,5055,5056,5057,5058],{"name":4873,"slug":4874,"type":16},{"name":4879,"slug":4880,"type":16},{"name":14,"slug":15,"type":16},{"name":4897,"slug":4898,"type":16},{"name":10,"slug":9,"type":16},{"slug":4902,"name":4903,"fn":4904,"description":4905,"org":5060,"tags":5061,"stars":24,"repoUrl":25,"updatedAt":4916},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5062,5063,5064,5065,5066],{"name":4873,"slug":4874,"type":16},{"name":4910,"slug":4911,"type":16},{"name":14,"slug":15,"type":16},{"name":4914,"slug":1127,"type":16},{"name":10,"slug":9,"type":16},{"slug":4918,"name":4919,"fn":4920,"description":4921,"org":5068,"tags":5069,"stars":24,"repoUrl":25,"updatedAt":4931},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5070,5071,5072,5073,5074],{"name":4873,"slug":4874,"type":16},{"name":22,"slug":23,"type":16},{"name":4927,"slug":4928,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},{"slug":4933,"name":4934,"fn":4935,"description":4936,"org":5076,"tags":5077,"stars":24,"repoUrl":25,"updatedAt":4947},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5078,5079,5080,5081],{"name":4873,"slug":4874,"type":16},{"name":4941,"slug":4942,"type":16},{"name":4944,"slug":4945,"type":16},{"name":10,"slug":9,"type":16},{"slug":4949,"name":4950,"fn":4951,"description":4952,"org":5083,"tags":5084,"stars":24,"repoUrl":25,"updatedAt":4963},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5085,5086,5087,5088],{"name":4956,"slug":4957,"type":16},{"name":4959,"slug":4960,"type":16},{"name":14,"slug":15,"type":16},{"name":10,"slug":9,"type":16},{"slug":4,"name":5,"fn":6,"description":7,"org":5090,"tags":5091,"stars":24,"repoUrl":25,"updatedAt":26},{"slug":9,"name":10,"logoUrl":11,"githubOrg":9},[5092,5093,5094,5095],{"name":22,"slug":23,"type":16},{"name":14,"slug":15,"type":16},{"name":18,"slug":19,"type":16},{"name":10,"slug":9,"type":16}]