@cdx-ui/components 0.0.1-beta.14 → 0.0.1-beta.140

package/lib/module/figma/BottomSheet.figma.js

@@ -0,0 +1,48 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3187-706
+// source=packages/components/src/components/BottomSheet/index.tsx
+// component=BottomSheet
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const showFooter = instance.getBoolean('Show Footer?');
+
+// VARIANT property with "False"/"True" string values — map to a real boolean so it can drive
+// which body wrapper (BottomSheet.View vs BottomSheet.ScrollView) appears in the snippet.
+const useScrollView = instance.getEnum('Use ScrollView?', {
+  True: true,
+  False: false
+});
+
+// `fullBleed` is a Figma-only organizational variant (toggles side padding on the content
+// preview) with no corresponding prop on BottomSheet.Content — intentionally not mapped.
+// See story DEVEX-6203 token-gap notes.
+
+// Delegate to nested Code Connect templates — each sub-component manages its own snippet.
+const headerInstance = instance.findInstance('BottomSheet.Header');
+const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
+const footerInstance = instance.findInstance('BottomSheet.Footer');
+const footerSnippet = showFooter && footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
+// `footer` is passed as a prop on BottomSheet.Modal (not a child) for correct animated
+// positioning — see docs/components/bottom-sheet.md constraints.
+const footerProp = figma.helpers.react.renderProp('footer', footerSnippet ?? undefined);
+const contentSlot = instance.getSlot('BottomSheet.Content');
+const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
+export default {
+  id: 'bottom-sheet',
+  imports: ["import { BottomSheet, useBottomSheet } from '@cdx-ui/components'"],
+  example: useScrollView ? figma.code`
+<BottomSheet.Modal ref={ref}${footerProp}>
+  ${headerSnippet}
+  <BottomSheet.ScrollView>
+    <BottomSheet.Content>${contentChildren}</BottomSheet.Content>
+  </BottomSheet.ScrollView>
+</BottomSheet.Modal>` : figma.code`
+<BottomSheet.Modal ref={ref}${footerProp}>
+  ${headerSnippet}
+  <BottomSheet.View>
+    <BottomSheet.Content>${contentChildren}</BottomSheet.Content>
+  </BottomSheet.View>
+</BottomSheet.Modal>`
+};
+//# sourceMappingURL=BottomSheet.figma.js.map

package/lib/module/figma/BottomSheet.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showFooter","getBoolean","useScrollView","getEnum","True","False","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","footerInstance","footerSnippet","footerProp","helpers","react","renderProp","undefined","contentSlot","getSlot","contentChildren","renderChildren","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,UAAU,GAAGF,QAAQ,CAACG,UAAU,CAAC,cAAc,CAAC;;AAEtD;AACA;AACA,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,OAAO,CAAC,iBAAiB,EAAE;EACxDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA;;AAEA;AACA,MAAMC,cAAc,GAAGR,QAAQ,CAACS,YAAY,CAAC,oBAAoB,CAAC;AAClE,MAAMC,aAAa,GACjBF,cAAc,CAACG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,MAAMC,cAAc,GAAGd,QAAQ,CAACS,YAAY,CAAC,oBAAoB,CAAC;AAClE,MAAMM,aAAa,GACjBb,UAAU,IAAIY,cAAc,CAACH,IAAI,KAAK,UAAU,GAC5CG,cAAc,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GACxC,IAAI;AACV;AACA;AACA,MAAMG,UAAU,GAAGjB,KAAK,CAACkB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAEJ,aAAa,IAAIK,SAAS,CAAC;AAEvF,MAAMC,WAAW,GAAGrB,QAAQ,CAACsB,OAAO,CAAC,qBAAqB,CAAC;AAC3D,MAAMC,eAAe,GAAGF,WAAW,GAAGtB,KAAK,CAACkB,OAAO,CAACC,KAAK,CAACM,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,eAAe;EACbI,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kEAAkE,CAAC;EAC7Eb,OAAO,EAAET,aAAa,GAClBL,KAAK,CAAC4B,IAAI;AAChB,8BAA8BX,UAAU;AACxC,IAAIN,aAAa;AACjB;AACA,2BAA2Ba,eAAe;AAC1C;AACA,qBAAqB,GACfxB,KAAK,CAAC4B,IAAI;AAChB,8BAA8BX,UAAU;AACxC,IAAIN,aAAa;AACjB;AACA,2BAA2Ba,eAAe;AAC1C;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Button.figma.js

@@ -1,16 +1,12 @@
 "use strict";
 
-// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/branch/LkwnLe2gHRg0vLdfg9Frjs/%E2%AD%90-CDS-V2--React-Native?node-id=119-72
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=119-72
 // source=packages/components/src/components/Button/index.tsx
 // component=Button
 import figma from 'figma';
 const instance = figma.selectedInstance;
-
-// Variant rename: Figma uses "solid" but code uses "strong" for the filled/primary style.
-// This divergence exists because "strong" better communicates visual weight in the code API
-// while "solid" is the conventional Figma naming.
 const variant = instance.getEnum('variant', {
-  solid: 'strong',
+  solid: 'solid',
   outline: 'outline',
   ghost: 'ghost'
 });
@@ -28,6 +24,7 @@ const isDisabled = instance.getEnum('isDisabled', {
   true: true,
   false: undefined
 });
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
 const showLeadingIcon = instance.getBoolean('Show Leading Icon?');
 const showTrailingIcon = instance.getBoolean('Show Trailing Icon?');
 
@@ -54,7 +51,7 @@ export default {
   id: 'button',
   imports: ["import { Button } from '@cdx-ui/components'", ...iconImports],
   example: figma.code`
-<Button variant="${variant}" color="${color}" size="${size}" isDisabled={${isDisabled}}>
+<Button variant="${variant}" color="${color}" size="${size}"${isDisabledProp}>
   ${showLeadingIcon ? figma.code`<Button.Icon as={${leadingIconSnippet}} />` : null}
   <Button.Label>${label}</Button.Label>
   ${showTrailingIcon ? figma.code`<Button.Icon as={${trailingIconSnippet}} />` : null}

package/lib/module/figma/Button.figma.js.map

@@ -1 +1 @@
-{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","default","small","isDisabled","true","false","undefined","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGV,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCQ,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDW,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,eAAe,GAAGjB,QAAQ,CAACkB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,gBAAgB,GAAGnB,QAAQ,CAACkB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA;AACA;AACA,MAAME,iBAAiB,GAAGpB,QAAQ,CAACqB,eAAe,CAAC,cAAc,CAAC,EAAEC,eAAe,CAAC,CAAC;AACrF,MAAMC,kBAAkB,GAAGvB,QAAQ,CAACqB,eAAe,CAAC,eAAe,CAAC,EAAEC,eAAe,CAAC,CAAC;AAEvF,MAAME,eAAe,GAAGJ,iBAAiB,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AAC/F,MAAMC,gBAAgB,GAAGL,kBAAkB,EAAEE,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjG,MAAME,kBAAkB,GAAGL,eAAe,IAAIJ,iBAAiB,EAAEU,OAAO;AACxE,MAAMC,mBAAmB,GAAGH,gBAAgB,IAAIL,kBAAkB,EAAEO,OAAO;AAE3E,MAAME,KAAK,GAAIhC,QAAQ,CAACiC,QAAQ,CAAC,cAAc,CAAC,CAAgCC,WAAW;;AAE3F;AACA,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAIlB,eAAe,IAAIO,eAAe,EAAE;EACtCW,WAAW,CAACC,IAAI,CAAC,YAAYZ,eAAe,yBAAyB,CAAC;AACxE;AACA,IAAIL,gBAAgB,IAAIS,gBAAgB,EAAE;EACxCO,WAAW,CAACC,IAAI,CAAC,YAAYR,gBAAgB,yBAAyB,CAAC;AACzE;AAEA,eAAe;EACbS,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGH,WAAW,CAAC;EACxEL,OAAO,EAAE/B,KAAK,CAACwC,IAAI;AACrB,mBAAmBrC,OAAO,YAAYK,KAAK,WAAWG,IAAI,iBAAiBG,UAAU;AACrF,IAAII,eAAe,GAAGlB,KAAK,CAACwC,IAAI,oBAAoBV,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGpB,KAAK,CAACwC,IAAI,oBAAoBR,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","default","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGV,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCQ,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDW,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGlB,KAAK,CAACmB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;AAE/E,MAAMQ,eAAe,GAAGrB,QAAQ,CAACsB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,gBAAgB,GAAGvB,QAAQ,CAACsB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA;AACA;AACA,MAAME,iBAAiB,GAAGxB,QAAQ,CAACyB,eAAe,CAAC,cAAc,CAAC,EAAEC,eAAe,CAAC,CAAC;AACrF,MAAMC,kBAAkB,GAAG3B,QAAQ,CAACyB,eAAe,CAAC,eAAe,CAAC,EAAEC,eAAe,CAAC,CAAC;AAEvF,MAAME,eAAe,GAAGJ,iBAAiB,EAAEK,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AAC/F,MAAMC,gBAAgB,GAAGL,kBAAkB,EAAEE,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjG,MAAME,kBAAkB,GAAGL,eAAe,IAAIJ,iBAAiB,EAAEU,OAAO;AACxE,MAAMC,mBAAmB,GAAGH,gBAAgB,IAAIL,kBAAkB,EAAEO,OAAO;AAE3E,MAAME,KAAK,GAAIpC,QAAQ,CAACqC,QAAQ,CAAC,cAAc,CAAC,CAAgCC,WAAW;;AAE3F;AACA,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAIlB,eAAe,IAAIO,eAAe,EAAE;EACtCW,WAAW,CAACC,IAAI,CAAC,YAAYZ,eAAe,yBAAyB,CAAC;AACxE;AACA,IAAIL,gBAAgB,IAAIS,gBAAgB,EAAE;EACxCO,WAAW,CAACC,IAAI,CAAC,YAAYR,gBAAgB,yBAAyB,CAAC;AACzE;AAEA,eAAe;EACbS,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGH,WAAW,CAAC;EACxEL,OAAO,EAAEnC,KAAK,CAAC4C,IAAI;AACrB,mBAAmBzC,OAAO,YAAYK,KAAK,WAAWG,IAAI,IAAIO,cAAc;AAC5E,IAAII,eAAe,GAAGtB,KAAK,CAAC4C,IAAI,oBAAoBV,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGxB,KAAK,CAAC4C,IAAI,oBAAoBR,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/CLAUDE.md

@@ -0,0 +1,30 @@
+# Code Connect
+
+Auto-loaded when working in `packages/components/src/figma/**` (`*.figma.ts`, `*.figma.batch.ts`, `*.figma.batch.json`).
+
+Template files connect Forge UI components to Figma Dev Mode snippets. Read the full guide before making changes:
+
+- `docs/internal/practices/code-connect.md` — complete workflow, mapping patterns, publishing, troubleshooting
+
+## Pattern summary
+
+Each `.figma.ts` file follows this structure (see `Button.figma.ts` as the canonical example):
+
+1. **Metadata comments** — `// url=`, `// source=`, `// component=` at the top (required)
+2. **`figma` import** — `import figma from 'figma'` (template API, not a runtime import)
+3. **Instance handle** — `const instance = figma.selectedInstance`
+4. **Property mappings** — `getEnum`, `getBoolean`, `getInstanceSwap`, `findText`, `findInstance`
+5. **Default export** — `{ id, imports, example }` with optional `metadata`
+
+## Key rules
+
+- **Enum renaming** — pass a mapping object to `getEnum` when Figma and code names differ; list all values explicitly
+- **Boolean-as-variant** — Figma VARIANT properties with `"true"`/`"false"` string values use `getEnum`, not `getBoolean`; map `"false"` to `undefined`; **always** render via `figma.helpers.react.renderProp` — never `isDisabled={${isDisabled}}` (produces `isDisabled={}` when undefined)
+- **Instance swap** — use `getInstanceSwap` (not `findInstance`) for designer-swappable slots; call `.executeTemplate()` before interpolating; prefer `metadata.props.componentName` over raw `.example` for icon slots
+- **Runtime states excluded** — `isHovered`, `isFocused`, `isPressed`, `isLoading` are runtime-managed; never map them
+- **Falsy → `undefined`** — default or falsy values map to `undefined` so they don't clutter the snippet
+- **Compound dot notation** — render sub-components as `Button.Label`, `Button.Icon`, not bare `Label`/`Icon`
+- **`imports` array** — use `@cdx-ui/components` import path; Figma deduplicates identical strings
+- **Nestable metadata** — leaf components (icons, badges) set `metadata: { nestable: true, props: { componentName } }`
+- **Batch pattern** — for large sets with identical code shapes (icons), use `.figma.batch.ts` + `.figma.batch.json` with `figma.batch.name`/`figma.batch.id`
+- **Publish** — `pnpm figma:publish` locally; CI publishes on merge to `main`

package/lib/module/figma/Card.Header.figma.js

@@ -0,0 +1,22 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9091-6784
+// source=packages/components/src/components/Card/index.tsx
+// component=Card.Header
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const title = instance.findText('{Title}').textContent;
+const showActions = instance.getBoolean('Show Actions?');
+const actionsInstance = showActions ? instance.getInstanceSwap('Actions') : null;
+const actionsSnippet = actionsInstance?.type === 'INSTANCE' ? actionsInstance.executeTemplate().example : null;
+export default {
+  id: 'card-header',
+  // Must match Card.figma.ts when the card nests this template (identical strings → deduped imports).
+  imports: ["import { Card, Heading } from '@cdx-ui/components'"],
+  example: figma.code`
+<Card.Header>
+  <Heading size="sm">${title}</Heading>
+  ${actionsSnippet}
+</Card.Header>`
+};
+//# sourceMappingURL=Card.Header.figma.js.map

package/lib/module/figma/Card.Header.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","title","findText","textContent","showActions","getBoolean","actionsInstance","getInstanceSwap","actionsSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.Header.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,KAAK,GAAIF,QAAQ,CAACG,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,WAAW,GAAGL,QAAQ,CAACM,UAAU,CAAC,eAAe,CAAC;AACxD,MAAMC,eAAe,GAAGF,WAAW,GAAGL,QAAQ,CAACQ,eAAe,CAAC,SAAS,CAAC,GAAG,IAAI;AAChF,MAAMC,cAAc,GAClBF,eAAe,EAAEG,IAAI,KAAK,UAAU,GAAGH,eAAe,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEzF,eAAe;EACbC,EAAE,EAAE,aAAa;EACjB;EACAC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DF,OAAO,EAAEb,KAAK,CAACgB,IAAI;AACrB;AACA,uBAAuBb,KAAK;AAC5B,IAAIO,cAAc;AAClB;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Card.Stripe.figma.js

@@ -0,0 +1,15 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9184-14219
+// source=packages/components/src/components/Card/index.tsx
+// component=Card.Stripe
+import figma from 'figma';
+export default {
+  id: 'card-stripe',
+  imports: ["import { Card } from '@cdx-ui/components'"],
+  example: figma.code`<Card.Stripe />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Card.Stripe.figma.js.map

package/lib/module/figma/Card.Stripe.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Card.Stripe.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,eAAe;EACbC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEH,KAAK,CAACI,IAAI,iBAAiB;EACpCC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/Card.figma.js

@@ -0,0 +1,39 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=456-14
+// source=packages/components/src/components/Card/index.tsx
+// component=Card
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// VARIANT property uses "true" / "false" strings — omit prop when not full bleed.
+const fullBleed = instance.getEnum('fullBleed', {
+  true: true,
+  false: undefined
+});
+const showHeader = instance.getBoolean('Show Header?');
+const showFooter = instance.getBoolean('Show Footer?');
+const stripeLayer = instance.findInstance('Card.Stripe');
+const showStripe = stripeLayer?.type === 'INSTANCE';
+const headerLayer = instance.findInstance('Card.Header');
+const headerSnippet = showHeader && headerLayer?.type === 'INSTANCE' ? headerLayer.executeTemplate().example : null;
+const contentSlot = instance.getSlot('Card.Content');
+const footerSlot = instance.getSlot('Card.Footer');
+const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
+const footerChildren = footerSlot ? figma.helpers.react.renderChildren(footerSlot) : null;
+
+// When the header shows: use the exact same import string as Card.Header.figma.ts (Code Connect
+// allows only `import … from 'figma'` in template files; duplicate literals are required for dedupe).
+const componentImport = showHeader ? "import { Card, Heading } from '@cdx-ui/components'" : `import { Card } from '@cdx-ui/components'`;
+export default {
+  id: 'card',
+  imports: [componentImport],
+  example: figma.code`
+<Card fullBleed={${fullBleed}}>
+  ${showStripe ? figma.code`<Card.Stripe />` : null}
+  ${headerSnippet}
+  <Card.Content>${contentChildren}</Card.Content>
+  ${showFooter ? figma.code`<Card.Footer>${footerChildren}</Card.Footer>` : null}
+</Card>`
+};
+//# sourceMappingURL=Card.figma.js.map

package/lib/module/figma/Card.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","fullBleed","getEnum","true","false","undefined","showHeader","getBoolean","showFooter","stripeLayer","findInstance","showStripe","type","headerLayer","headerSnippet","executeTemplate","example","contentSlot","getSlot","footerSlot","contentChildren","helpers","react","renderChildren","footerChildren","componentImport","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGP,QAAQ,CAACQ,UAAU,CAAC,cAAc,CAAC;AACtD,MAAMC,UAAU,GAAGT,QAAQ,CAACQ,UAAU,CAAC,cAAc,CAAC;AAEtD,MAAME,WAAW,GAAGV,QAAQ,CAACW,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMC,UAAU,GAAGF,WAAW,EAAEG,IAAI,KAAK,UAAU;AAEnD,MAAMC,WAAW,GAAGd,QAAQ,CAACW,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMI,aAAa,GACjBR,UAAU,IAAIO,WAAW,EAAED,IAAI,KAAK,UAAU,GAAGC,WAAW,CAACE,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,WAAW,GAAGlB,QAAQ,CAACmB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGpB,QAAQ,CAACmB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGnB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,cAAc,GAAGL,UAAU,GAAGrB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACJ,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMM,eAAe,GAAGnB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAE/C,eAAe;EACboB,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACF,eAAe,CAAC;EAC1BT,OAAO,EAAElB,KAAK,CAAC8B,IAAI;AACrB,mBAAmB3B,SAAS;AAC5B,IAAIU,UAAU,GAAGb,KAAK,CAAC8B,IAAI,iBAAiB,GAAG,IAAI;AACnD,IAAId,aAAa;AACjB,kBAAkBM,eAAe;AACjC,IAAIZ,UAAU,GAAGV,KAAK,CAAC8B,IAAI,gBAAgBJ,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Checkbox.figma.js

@@ -0,0 +1,49 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=366-383
+// source=packages/components/src/components/Checkbox/index.tsx
+// component=Checkbox
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+/**
+ * Enum-as-boolean VARIANT props use string values "true"/"false" in Figma.
+ * Props are emitted via `figma.helpers.react.renderProp` so JSX formatting matches Code Connect conventions.
+ *
+ * `isHovered` and `isFocused` are interaction-only variants (fixed "false") and are intentionally omitted.
+ */
+const isChecked = instance.getEnum('isChecked', {
+  true: true,
+  false: false
+});
+const isIndeterminate = instance.getEnum('isIndeterminate', {
+  true: true,
+  false: false
+});
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: false
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: false
+});
+const valueProp = figma.helpers.react.renderProp('value', 'terms');
+const isCheckedProp = figma.helpers.react.renderProp('isChecked', isChecked);
+const isIndeterminateProp = figma.helpers.react.renderProp('isIndeterminate', isIndeterminate);
+const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+const showLabel = instance.getEnum('Show Label?', {
+  true: true,
+  false: false
+});
+const labelText = instance.findText('Label').textContent;
+export default {
+  id: 'checkbox',
+  imports: ["import { Checkbox } from '@cdx-ui/components'"],
+  example: figma.code`
+<Checkbox${valueProp}${isCheckedProp}${isIndeterminateProp}${isInvalidProp}${isDisabledProp}>
+  ${showLabel ? figma.code`<Checkbox.Label>${labelText}</Checkbox.Label>` : null}
+</Checkbox>`
+};
+//# sourceMappingURL=Checkbox.figma.js.map

package/lib/module/figma/Checkbox.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","isChecked","getEnum","true","false","isIndeterminate","isInvalid","isDisabled","valueProp","helpers","react","renderProp","isCheckedProp","isIndeterminateProp","isInvalidProp","isDisabledProp","showLabel","labelText","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Checkbox.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,eAAe,GAAGN,QAAQ,CAACG,OAAO,CAAC,iBAAiB,EAAE;EAC1DC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAME,SAAS,GAAGP,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMG,UAAU,GAAGR,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMI,SAAS,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC;AAClE,MAAMC,aAAa,GAAGd,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMY,mBAAmB,GAAGf,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,iBAAiB,EAAEN,eAAe,CAAC;AAC9F,MAAMS,aAAa,GAAGhB,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEL,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGjB,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMS,SAAS,GAAGjB,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMa,SAAS,GAAIlB,QAAQ,CAACmB,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAExF,eAAe;EACbC,EAAE,EAAE,UAAU;EACdC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAExB,KAAK,CAACyB,IAAI;AACrB,WAAWf,SAAS,GAAGI,aAAa,GAAGC,mBAAmB,GAAGC,aAAa,GAAGC,cAAc;AAC3F,IAAIC,SAAS,GAAGlB,KAAK,CAACyB,IAAI,mBAAmBN,SAAS,mBAAmB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Chip.figma.js

@@ -0,0 +1,62 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=444-13403
+// source=packages/components/src/components/Chip/index.tsx
+// component=Chip
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const variant = instance.getEnum('variant', {
+  tint: 'subtle',
+  outline: 'outline'
+});
+const size = instance.getEnum('size', {
+  default: 'default',
+  small: 'small',
+  xsmall: 'xsmall'
+});
+const color = instance.getEnum('color', {
+  default: 'neutral',
+  action: 'action',
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success',
+  info: 'info'
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const disabledProp = figma.helpers.react.renderProp('disabled', isDisabled);
+const showLeadingIcon = instance.getBoolean('Show Leading Icon?');
+const showAvatar = instance.getBoolean('Show Avatar?');
+const showTrailingIcon = instance.getBoolean('Show Trailing Icon?');
+
+// INSTANCE_SWAP property names from Figma (Chip.LeadingIcon / Chip.TrailingIcon).
+const leadingIconResult = showLeadingIcon && !showAvatar ? instance.getInstanceSwap('Chip.LeadingIcon')?.executeTemplate() : undefined;
+const trailingIconResult = showTrailingIcon ? instance.getInstanceSwap('Chip.TrailingIcon')?.executeTemplate() : undefined;
+const leadingIconName = leadingIconResult?.metadata?.props?.componentName;
+const trailingIconName = trailingIconResult?.metadata?.props?.componentName;
+const leadingIconSnippet = leadingIconName ?? leadingIconResult?.example;
+const trailingIconSnippet = trailingIconName ?? trailingIconResult?.example;
+const label = instance.findText('Chip.Label').textContent;
+const iconImports = [];
+if (showLeadingIcon && !showAvatar && leadingIconName) {
+  iconImports.push(`import { ${leadingIconName} } from '@cdx-ui/icons'`);
+}
+if (showTrailingIcon && trailingIconName) {
+  iconImports.push(`import { ${trailingIconName} } from '@cdx-ui/icons'`);
+}
+const avatarImport = showAvatar ? ["import { Avatar } from '@cdx-ui/components'"] : [];
+export default {
+  id: 'chip',
+  imports: ["import { Chip } from '@cdx-ui/components'", ...avatarImport, ...iconImports],
+  example: figma.code`
+<Chip variant="${variant}" size="${size}" color="${color}"${disabledProp}>
+  ${showAvatar ? figma.code`<Chip.Avatar>
+    <Avatar.Image source={{ uri: '...' }} />
+  </Chip.Avatar>` : showLeadingIcon ? figma.code`<Chip.Icon as={${leadingIconSnippet}} position="leading" />` : null}
+  <Chip.Label>${label}</Chip.Label>
+  ${showTrailingIcon ? figma.code`<Chip.Icon as={${trailingIconSnippet}} position="trailing" />` : null}
+</Chip>`
+};
+//# sourceMappingURL=Chip.figma.js.map

package/lib/module/figma/Chip.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","tint","outline","size","default","small","xsmall","color","action","danger","warning","success","info","isDisabled","true","false","undefined","disabledProp","helpers","react","renderProp","showLeadingIcon","getBoolean","showAvatar","showTrailingIcon","leadingIconResult","getInstanceSwap","executeTemplate","trailingIconResult","leadingIconName","metadata","props","componentName","trailingIconName","leadingIconSnippet","example","trailingIconSnippet","label","findText","textContent","iconImports","push","avatarImport","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Chip.figma.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/figma/Dialog.Description.figma.js

@@ -0,0 +1,14 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4784-2588
+// source=packages/components/src/components/Dialog/index.tsx
+// component=Dialog.Description
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const description = instance.findText('{description}').textContent;
+export default {
+  id: 'dialog-description',
+  imports: ["import { Dialog } from '@cdx-ui/components'"],
+  example: figma.code`<Dialog.Description>${description}</Dialog.Description>`
+};
+//# sourceMappingURL=Dialog.Description.figma.js.map

package/lib/module/figma/Dialog.Description.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","description","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Description.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAIF,QAAQ,CAACG,QAAQ,CAAC,eAAe,CAAC,CAAgCC,WAAW;AAElG,eAAe;EACbC,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAER,KAAK,CAACS,IAAI,uBAAuBN,WAAW;AACvD,CAAC","ignoreList":[]}

package/lib/module/figma/Dialog.Footer.figma.js

@@ -0,0 +1,24 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4784-2946
+// source=packages/components/src/components/Dialog/index.tsx
+// component=Dialog.Footer
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const primaryButton = instance.findInstance('Button (Primary)');
+const primarySnippet = primaryButton.type === 'INSTANCE' ? primaryButton.executeTemplate().example : null;
+const secondaryButton = instance.findInstance('Button (Secondary)');
+const secondarySnippet = secondaryButton.type === 'INSTANCE' ? secondaryButton.executeTemplate().example : null;
+const tertiaryButton = instance.findInstance('Button (Tertiary)');
+const tertiarySnippet = tertiaryButton.type === 'INSTANCE' ? tertiaryButton.executeTemplate().example : null;
+export default {
+  id: 'dialog-footer',
+  imports: ["import { Dialog } from '@cdx-ui/components'"],
+  example: figma.code`
+<Dialog.Footer>
+  ${tertiarySnippet}
+  ${secondarySnippet}
+  ${primarySnippet}
+</Dialog.Footer>`
+};
+//# sourceMappingURL=Dialog.Footer.figma.js.map

package/lib/module/figma/Dialog.Footer.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","primaryButton","findInstance","primarySnippet","type","executeTemplate","example","secondaryButton","secondarySnippet","tertiaryButton","tertiarySnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Footer.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,aAAa,GAAGF,QAAQ,CAACG,YAAY,CAAC,kBAAkB,CAAC;AAC/D,MAAMC,cAAc,GAClBF,aAAa,CAACG,IAAI,KAAK,UAAU,GAAGH,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEpF,MAAMC,eAAe,GAAGR,QAAQ,CAACG,YAAY,CAAC,oBAAoB,CAAC;AACnE,MAAMM,gBAAgB,GACpBD,eAAe,CAACH,IAAI,KAAK,UAAU,GAAGG,eAAe,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAExF,MAAMG,cAAc,GAAGV,QAAQ,CAACG,YAAY,CAAC,mBAAmB,CAAC;AACjE,MAAMQ,eAAe,GACnBD,cAAc,CAACL,IAAI,KAAK,UAAU,GAAGK,cAAc,CAACJ,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbK,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDN,OAAO,EAAER,KAAK,CAACe,IAAI;AACrB;AACA,IAAIH,eAAe;AACnB,IAAIF,gBAAgB;AACpB,IAAIL,cAAc;AAClB;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Dialog.Header.figma.js

@@ -0,0 +1,28 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9810-3837
+// source=packages/components/src/components/Dialog/index.tsx
+// component=Dialog.Header
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Figma COMPONENT_SET props (node 9810:3837):
+// - Show Description? (BOOLEAN) → conditionally nest Dialog.Description
+// - Viewport / fullscreen (VARIANT) → Figma-only layout preview; no Dialog.Header code props
+
+const showDescription = instance.getBoolean('Show Description?');
+const titleInstance = instance.findInstance('Dialog.Title');
+const titleSnippet = titleInstance.type === 'INSTANCE' ? titleInstance.executeTemplate().example : null;
+const descriptionInstance = instance.findInstance('Dialog.Description');
+const descriptionSnippet = showDescription && descriptionInstance?.type === 'INSTANCE' ? descriptionInstance.executeTemplate().example : null;
+export default {
+  id: 'dialog-header',
+  imports: ["import { Dialog } from '@cdx-ui/components'"],
+  example: figma.code`
+<Dialog.Header>
+  ${titleSnippet}
+  ${descriptionSnippet}
+  <Dialog.Close />
+</Dialog.Header>`
+};
+//# sourceMappingURL=Dialog.Header.figma.js.map

package/lib/module/figma/Dialog.Header.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showDescription","getBoolean","titleInstance","findInstance","titleSnippet","type","executeTemplate","example","descriptionInstance","descriptionSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Header.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;;AAEA,MAAMC,eAAe,GAAGF,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,YAAY,CAAC,cAAc,CAAC;AAC3D,MAAMC,YAAY,GAChBF,aAAa,CAACG,IAAI,KAAK,UAAU,GAAGH,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEpF,MAAMC,mBAAmB,GAAGV,QAAQ,CAACK,YAAY,CAAC,oBAAoB,CAAC;AACvE,MAAMM,kBAAkB,GACtBT,eAAe,IAAIQ,mBAAmB,EAAEH,IAAI,KAAK,UAAU,GACvDG,mBAAmB,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAC7C,IAAI;AAEV,eAAe;EACbG,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDJ,OAAO,EAAEV,KAAK,CAACe,IAAI;AACrB;AACA,IAAIR,YAAY;AAChB,IAAIK,kBAAkB;AACtB;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Dialog.Text.figma.js

@@ -0,0 +1,14 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4583-426
+// source=packages/components/src/components/Dialog/index.tsx
+// component=Dialog.Text
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const text = instance.findText('{text}').textContent;
+export default {
+  id: 'dialog-text',
+  imports: ["import { Dialog } from '@cdx-ui/components'"],
+  example: figma.code`<Dialog.Text>${text}</Dialog.Text>`
+};
+//# sourceMappingURL=Dialog.Text.figma.js.map

package/lib/module/figma/Dialog.Text.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","text","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Text.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAIF,QAAQ,CAACG,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAEpF,eAAe;EACbC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAER,KAAK,CAACS,IAAI,gBAAgBN,IAAI;AACzC,CAAC","ignoreList":[]}

package/lib/module/figma/Dialog.Title.figma.js

@@ -0,0 +1,21 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4428-440
+// source=packages/components/src/components/Dialog/index.tsx
+// component=Dialog.Title
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const severity = instance.getEnum('appearance', {
+  default: undefined,
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success'
+});
+const severityProp = figma.helpers.react.renderProp('severity', severity);
+const title = instance.findText('{title}').textContent;
+export default {
+  id: 'dialog-title',
+  imports: ["import { Dialog } from '@cdx-ui/components'"],
+  example: figma.code`<Dialog.Title${severityProp}>${title}</Dialog.Title>`
+};
+//# sourceMappingURL=Dialog.Title.figma.js.map

package/lib/module/figma/Dialog.Title.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","severity","getEnum","default","undefined","danger","warning","success","severityProp","helpers","react","renderProp","title","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.Title.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAC9CC,OAAO,EAAEC,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEV,QAAQ,CAAC;AAEzE,MAAMW,KAAK,GAAIb,QAAQ,CAACc,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,eAAe;EACbC,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEnB,KAAK,CAACoB,IAAI,gBAAgBV,YAAY,IAAII,KAAK;AAC1D,CAAC","ignoreList":[]}

package/lib/module/figma/Dialog.figma.js

@@ -0,0 +1,45 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4331-429
+// source=packages/components/src/components/Dialog/index.tsx
+// component=Dialog
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const size = instance.getEnum('size', {
+  xs: 'xs',
+  sm: 'sm',
+  md: 'md',
+  lg: 'lg',
+  xl: 'xl',
+  full: 'full'
+});
+
+// Boolean-as-variant: fullBleed is a VARIANT property with "true"/"false" string values.
+// Map "false" to undefined so the prop is omitted at the default value.
+const fullBleed = instance.getEnum('fullBleed', {
+  true: true,
+  false: undefined
+});
+const fullBleedProp = figma.helpers.react.renderProp('fullBleed', fullBleed);
+
+// Delegate to nested Code Connect templates — each sub-component manages its own snippet.
+const headerInstance = instance.findInstance('Dialog.Header');
+const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
+const contentSlot = instance.getSlot('Dialog.Content');
+const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
+const footerInstance = instance.findInstance('Dialog.Footer');
+const footerSnippet = footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
+export default {
+  id: 'dialog',
+  imports: ["import { Dialog } from '@cdx-ui/components'"],
+  example: figma.code`
+<Dialog size="${size}"${fullBleedProp}>
+  <Dialog.Trigger>{/* Trigger */}</Dialog.Trigger>
+  <Dialog.Popup>
+    ${headerSnippet}
+    <Dialog.Content>${contentChildren}</Dialog.Content>
+    ${footerSnippet}
+  </Dialog.Popup>
+</Dialog>`
+};
+//# sourceMappingURL=Dialog.figma.js.map

package/lib/module/figma/Dialog.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xs","sm","md","lg","xl","full","fullBleed","true","false","undefined","fullBleedProp","helpers","react","renderProp","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","renderChildren","footerInstance","footerSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Dialog.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA,MAAMC,SAAS,GAAGV,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CQ,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGf,KAAK,CAACgB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEP,SAAS,CAAC;;AAE5E;AACA,MAAMQ,cAAc,GAAGlB,QAAQ,CAACmB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMC,aAAa,GACjBF,cAAc,CAACG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,MAAMC,WAAW,GAAGxB,QAAQ,CAACyB,OAAO,CAAC,gBAAgB,CAAC;AACtD,MAAMC,eAAe,GAAGF,WAAW,GAAGzB,KAAK,CAACgB,OAAO,CAACC,KAAK,CAACW,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMI,cAAc,GAAG5B,QAAQ,CAACmB,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMU,aAAa,GACjBD,cAAc,CAACP,IAAI,KAAK,UAAU,GAAGO,cAAc,CAACN,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbO,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDR,OAAO,EAAExB,KAAK,CAACiC,IAAI;AACrB,gBAAgB9B,IAAI,IAAIY,aAAa;AACrC;AACA;AACA,MAAMM,aAAa;AACnB,sBAAsBM,eAAe;AACrC,MAAMG,aAAa;AACnB;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Divider.figma.js

@@ -0,0 +1,26 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=6771-8895
+// source=packages/components/src/components/Divider/index.tsx
+// component=Divider
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const orientation = instance.getEnum('orientation', {
+  horizontal: 'horizontal',
+  vertical: 'vertical'
+});
+const hasChild = instance.getEnum('hasChild', {
+  true: 'true',
+  false: 'false'
+});
+const verticalProp = figma.helpers.react.renderProp('vertical', orientation === 'vertical' ? true : undefined);
+const label = instance.findText('{label}').textContent;
+const labelBlock = hasChild === 'true' ? figma.code`
+  <Divider.Label>${label}</Divider.Label>` : figma.code``;
+export default {
+  id: 'divider',
+  imports: ["import { Divider } from '@cdx-ui/components'"],
+  example: figma.code`<Divider${verticalProp}>${labelBlock}
+</Divider>`
+};
+//# sourceMappingURL=Divider.figma.js.map

package/lib/module/figma/Divider.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","orientation","getEnum","horizontal","vertical","hasChild","true","false","verticalProp","helpers","react","renderProp","undefined","label","findText","textContent","labelBlock","code","id","imports","example"],"sourceRoot":"../../../src","sources":["figma/Divider.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAGF,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAClDC,UAAU,EAAE,YAAY;EACxBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGN,QAAQ,CAACG,OAAO,CAAC,UAAU,EAAE;EAC5CI,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CACjD,UAAU,EACVV,WAAW,KAAK,UAAU,GAAG,IAAI,GAAGW,SACtC,CAAC;AAED,MAAMC,KAAK,GAAId,QAAQ,CAACe,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,UAAU,GACdX,QAAQ,KAAK,MAAM,GACfP,KAAK,CAACmB,IAAI;AAChB,mBAAmBJ,KAAK,kBAAkB,GACpCf,KAAK,CAACmB,IAAI,EAAE;AAElB,eAAe;EACbC,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE,CAAC,8CAA8C,CAAC;EACzDC,OAAO,EAAEtB,KAAK,CAACmB,IAAI,WAAWT,YAAY,IAAIQ,UAAU;AAC1D;AACA,CAAC","ignoreList":[]}