@cdx-ui/components 0.0.1-beta.8 → 0.0.1-beta.80

package/lib/module/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+export * from './Alert';
 export * from './AlertDialog';
 export * from './Avatar';
 export * from './BottomSheet';
@@ -8,7 +9,9 @@ export * from './Button';
 export * from './Card';
 export * from './Checkbox';
 export * from './Chip';
+export * from './CurrencyInput';
 export * from './Dialog';
+export * from './Divider';
 export * from './Field';
 export * from './Form';
 export * from './Image';
@@ -17,13 +20,19 @@ export * from './OtpInput';
 export * from './Link';
 export * from './ListItem';
 export * from './ProgressBar';
+export * from './Skeleton';
 export * from './ProgressSegmented';
+export * from './Radio';
+export * from './ScopedTheme';
 export * from './Select';
 export * from './VirtualizedList';
 export * from './Switch';
+export * from './Tile';
+export * from './Toast';
 export { HStack, VStack } from './Stack';
 export * from './Heading';
 export * from './Text';
 export * from './Icon';
 export * from './IconButton';
+export * from './QuickActionButton';
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}
+{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=6665-19528
+// source=packages/components/src/components/Alert/index.tsx
+// component=Alert.Button
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const buttonInstance = instance.findInstance('Button');
+const buttonSnippet = buttonInstance?.type === 'INSTANCE' ? buttonInstance.executeTemplate().example : null;
+const labelHandle = instance.findText('Button.Label', {
+  traverseInstances: true
+});
+const label = labelHandle?.textContent;
+export default {
+  id: 'alert-button',
+  imports: ["import { Button } from '@cdx-ui/components'"],
+  metadata: {
+    nestable: true
+  },
+  example: buttonSnippet ?? (label ? figma.code`
+<Button variant="ghost" size="small">
+  <Button.Label>${label}</Button.Label>
+</Button>` : null)
+};
+//# sourceMappingURL=Alert.Button.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","buttonInstance","findInstance","buttonSnippet","type","executeTemplate","example","labelHandle","findText","traverseInstances","label","textContent","id","imports","metadata","nestable","code"],"sourceRoot":"../../../src","sources":["figma/Alert.Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,cAAc,GAAGF,QAAQ,CAACG,YAAY,CAAC,QAAQ,CAAC;AACtD,MAAMC,aAAa,GACjBF,cAAc,EAAEG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEvF,MAAMC,WAAW,GAAGR,QAAQ,CAACS,QAAQ,CAAC,cAAc,EAAE;EACpDC,iBAAiB,EAAE;AACrB,CAAC,CAAsC;AACvC,MAAMC,KAAK,GAAGH,WAAW,EAAEI,WAAW;AAEtC,eAAe;EACbC,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK,CAAC;EAC5BT,OAAO,EACLH,aAAa,KACZO,KAAK,GACFZ,KAAK,CAACkB,IAAI;AAClB;AACA,kBAAkBN,KAAK;AACvB,UAAU,GACF,IAAI;AACZ,CAAC","ignoreList":[]}

package/lib/module/figma/Alert.Close.figma.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=6665-19498
+// source=packages/components/src/components/Alert/index.tsx
+// component=Alert.Close
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const iconButtonInstance = instance.findInstance('IconButton');
+const iconButtonSnippet = iconButtonInstance?.type === 'INSTANCE' ? iconButtonInstance.executeTemplate().example : null;
+export default {
+  id: 'alert-close',
+  imports: ["import { IconButton } from '@cdx-ui/components'", "import { Close } from '@cdx-ui/icons'"],
+  metadata: {
+    nestable: true
+  },
+  example: iconButtonSnippet ?? figma.code`<IconButton variant="ghost" size="small" as={Close} accessibilityLabel="Dismiss" />`
+};
+//# sourceMappingURL=Alert.Close.figma.js.map

package/lib/module/figma/Alert.Close.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","iconButtonInstance","findInstance","iconButtonSnippet","type","executeTemplate","example","id","imports","metadata","nestable","code"],"sourceRoot":"../../../src","sources":["figma/Alert.Close.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,kBAAkB,GAAGF,QAAQ,CAACG,YAAY,CAAC,YAAY,CAAC;AAC9D,MAAMC,iBAAiB,GACrBF,kBAAkB,EAAEG,IAAI,KAAK,UAAU,GAAGH,kBAAkB,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,eAAe;EACbC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CACP,iDAAiD,EACjD,uCAAuC,CACxC;EACDC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK,CAAC;EAC5BJ,OAAO,EACLH,iBAAiB,IACjBL,KAAK,CAACa,IAAI;AACd,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","description","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Alert.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,mBAAmB;EACvBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAER,KAAK,CAACS,IAAI,sBAAsBN,WAAW;AACtD,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","title","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Alert.Title.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,eAAe;EACbC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAER,KAAK,CAACS,IAAI,gBAAgBN,KAAK;AAC1C,CAAC","ignoreList":[]}

package/lib/module/figma/Alert.figma.js

@@ -0,0 +1,36 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=6665-19536
+// source=packages/components/src/components/Alert/index.tsx
+// component=Alert
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const severity = instance.getEnum('severity', {
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success',
+  info: 'info'
+});
+const showHeadline = instance.getBoolean('Show Headline?');
+const headlineInstance = instance.findInstance('Alert.Headline');
+const headlineSnippet = showHeadline && headlineInstance?.type === 'INSTANCE' ? headlineInstance.executeTemplate().example : null;
+const messageInstance = instance.findInstance('Alert.Message');
+const messageSnippet = messageInstance?.type === 'INSTANCE' ? messageInstance.executeTemplate().example : null;
+const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
+const trailingSlot = instance.getSlot('Alert.TrailingSlot');
+const trailingChildren = showTrailingSlot && trailingSlot ? figma.helpers.react.renderChildren(trailingSlot) : null;
+export default {
+  id: 'alert',
+  imports: ["import { Alert } from '@cdx-ui/components'"],
+  example: figma.code`
+<Alert severity="${severity}">
+  <Alert.Icon />
+  ${headlineSnippet}
+  ${messageSnippet}
+  ${trailingChildren ? figma.code`
+  <Alert.Actions>
+    ${trailingChildren}
+  </Alert.Actions>` : null}
+</Alert>`
+};
+//# sourceMappingURL=Alert.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","severity","getEnum","danger","warning","success","info","showHeadline","getBoolean","headlineInstance","findInstance","headlineSnippet","type","executeTemplate","example","messageInstance","messageSnippet","showTrailingSlot","trailingSlot","getSlot","trailingChildren","helpers","react","renderChildren","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Alert.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,UAAU,EAAE;EAC5CC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGR,QAAQ,CAACS,UAAU,CAAC,gBAAgB,CAAC;AAE1D,MAAMC,gBAAgB,GAAGV,QAAQ,CAACW,YAAY,CAAC,gBAAgB,CAAC;AAChE,MAAMC,eAAe,GACnBJ,YAAY,IAAIE,gBAAgB,EAAEG,IAAI,KAAK,UAAU,GACjDH,gBAAgB,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAC1C,IAAI;AAEV,MAAMC,eAAe,GAAGhB,QAAQ,CAACW,YAAY,CAAC,eAAe,CAAC;AAC9D,MAAMM,cAAc,GAClBD,eAAe,EAAEH,IAAI,KAAK,UAAU,GAAGG,eAAe,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEzF,MAAMG,gBAAgB,GAAGlB,QAAQ,CAACS,UAAU,CAAC,oBAAoB,CAAC;AAClE,MAAMU,YAAY,GAAGnB,QAAQ,CAACoB,OAAO,CAAC,oBAAoB,CAAC;AAC3D,MAAMC,gBAAgB,GACpBH,gBAAgB,IAAIC,YAAY,GAAGpB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAE5F,eAAe;EACbM,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDX,OAAO,EAAEhB,KAAK,CAAC4B,IAAI;AACrB,mBAAmBzB,QAAQ;AAC3B;AACA,IAAIU,eAAe;AACnB,IAAIK,cAAc;AAClB,IACII,gBAAgB,GACZtB,KAAK,CAAC4B,IAAI;AAClB;AACA,MAAMN,gBAAgB;AACtB,mBAAmB,GACX,IAAI;AACZ;AAEA,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","description","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.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,0BAA0B;EAC9BC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAER,KAAK,CAACS,IAAI,4BAA4BN,WAAW;AAC5D,CAAC","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4821-964
+// source=packages/components/src/components/AlertDialog/index.tsx
+// component=AlertDialog.Footer
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Viewport is excluded (Figma-only framing).
+const buttons = instance.getEnum('Buttons', {
+  '1': '1',
+  '2': '2',
+  '3': '3'
+});
+const cancelLabel = buttons !== '1' ? instance.findText('Button.Label', {
+  traverseInstances: true,
+  path: ['AlertDialog.Cancel']
+}).textContent : null;
+const secondaryInstance = buttons === '3' ? instance.findInstance('Button (Secondary)') : null;
+const secondarySnippet = secondaryInstance?.type === 'INSTANCE' ? secondaryInstance.executeTemplate().example : null;
+const actionLabel = instance.findText('Button.Label', {
+  traverseInstances: true,
+  path: ['AlertDialog.Action']
+}).textContent;
+export default {
+  id: 'alert-dialog-footer',
+  imports: ["import { AlertDialog } from '@cdx-ui/components'"],
+  example: figma.code`
+<AlertDialog.Footer>
+  ${buttons !== '1' ? figma.code`<AlertDialog.Cancel>${cancelLabel}</AlertDialog.Cancel>` : null}
+  ${secondarySnippet}
+  <AlertDialog.Action>${actionLabel}</AlertDialog.Action>
+</AlertDialog.Footer>`
+};
+//# sourceMappingURL=AlertDialog.Footer.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","buttons","getEnum","cancelLabel","findText","traverseInstances","path","textContent","secondaryInstance","findInstance","secondarySnippet","type","executeTemplate","example","actionLabel","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Footer.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,OAAO,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1C,GAAG,EAAE,GAAG;EACR,GAAG,EAAE,GAAG;EACR,GAAG,EAAE;AACP,CAAC,CAAC;AAEF,MAAMC,WAAW,GACfF,OAAO,KAAK,GAAG,GAETF,QAAQ,CAACK,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE,IAAI;EACvBC,IAAI,EAAE,CAAC,oBAAoB;AAC7B,CAAC,CAAC,CACFC,WAAW,GACb,IAAI;AAEV,MAAMC,iBAAiB,GAAGP,OAAO,KAAK,GAAG,GAAGF,QAAQ,CAACU,YAAY,CAAC,oBAAoB,CAAC,GAAG,IAAI;AAC9F,MAAMC,gBAAgB,GACpBF,iBAAiB,EAAEG,IAAI,KAAK,UAAU,GAAGH,iBAAiB,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE7F,MAAMC,WAAW,GACff,QAAQ,CAACK,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE,IAAI;EACvBC,IAAI,EAAE,CAAC,oBAAoB;AAC7B,CAAC,CAAC,CACFC,WAAW;AAEb,eAAe;EACbQ,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DH,OAAO,EAAEf,KAAK,CAACmB,IAAI;AACrB;AACA,IAAIhB,OAAO,KAAK,GAAG,GAAGH,KAAK,CAACmB,IAAI,uBAAuBd,WAAW,uBAAuB,GAAG,IAAI;AAChG,IAAIO,gBAAgB;AACpB,wBAAwBI,WAAW;AACnC;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4821-893
+// source=packages/components/src/components/AlertDialog/index.tsx
+// component=AlertDialog.Header
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const showDescription = instance.getBoolean('Show Description?');
+const titleInstance = instance.findInstance('AlertDialog.Title');
+const titleSnippet = titleInstance.type === 'INSTANCE' ? titleInstance.executeTemplate().example : null;
+const descriptionInstance = instance.findInstance('AlertDialog.Description');
+const descriptionSnippet = showDescription && descriptionInstance?.type === 'INSTANCE' ? descriptionInstance.executeTemplate().example : null;
+export default {
+  id: 'alert-dialog-header',
+  imports: ["import { AlertDialog } from '@cdx-ui/components'"],
+  example: figma.code`
+<AlertDialog.Header>
+  ${titleSnippet}
+  ${descriptionSnippet}
+</AlertDialog.Header>`
+};
+//# sourceMappingURL=AlertDialog.Header.figma.js.map

package/lib/module/figma/AlertDialog.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/AlertDialog.Header.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,eAAe,GAAGF,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,YAAY,CAAC,mBAAmB,CAAC;AAChE,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,yBAAyB,CAAC;AAC5E,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,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DJ,OAAO,EAAEV,KAAK,CAACe,IAAI;AACrB;AACA,IAAIR,YAAY;AAChB,IAAIK,kBAAkB;AACtB;AACA,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","text","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.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,mBAAmB;EACvBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAER,KAAK,CAACS,IAAI,qBAAqBN,IAAI;AAC9C,CAAC","ignoreList":[]}

package/lib/module/figma/AlertDialog.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-551
+// source=packages/components/src/components/AlertDialog/index.tsx
+// component=AlertDialog.Title
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const appearance = instance.getEnum('appearance', {
+  default: undefined,
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success'
+});
+const appearanceProp = figma.helpers.react.renderProp('appearance', appearance);
+const title = instance.findText('{title}').textContent;
+export default {
+  id: 'alert-dialog-title',
+  imports: ["import { AlertDialog } from '@cdx-ui/components'"],
+  example: figma.code`<AlertDialog.Title${appearanceProp}>${title}</AlertDialog.Title>`
+};
+//# sourceMappingURL=AlertDialog.Title.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","appearance","getEnum","default","undefined","danger","warning","success","appearanceProp","helpers","react","renderProp","title","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Title.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,OAAO,EAAEC,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEV,UAAU,CAAC;AAE/E,MAAMW,KAAK,GAAIb,QAAQ,CAACc,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,eAAe;EACbC,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAEnB,KAAK,CAACoB,IAAI,qBAAqBV,cAAc,IAAII,KAAK;AACjE,CAAC","ignoreList":[]}

package/lib/module/figma/AlertDialog.figma.js

@@ -0,0 +1,37 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4428-496
+// source=packages/components/src/components/AlertDialog/index.tsx
+// component=AlertDialog
+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'
+});
+
+// Delegate to nested Code Connect templates — each sub-component manages its own snippet.
+const headerInstance = instance.findInstance('AlertDialog.Header');
+const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
+const contentSlot = instance.getSlot('AlertDialog.Content');
+const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
+const footerInstance = instance.findInstance('AlertDialog.Footer');
+const footerSnippet = footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
+export default {
+  id: 'alert-dialog',
+  imports: ["import { AlertDialog } from '@cdx-ui/components'"],
+  example: figma.code`
+<AlertDialog size="${size}">
+  <AlertDialog.Trigger>{/* Trigger */}</AlertDialog.Trigger>
+  <AlertDialog.Popup>
+    ${headerSnippet}
+    <AlertDialog.Content>${contentChildren}</AlertDialog.Content>
+    ${footerSnippet}
+  </AlertDialog.Popup>
+</AlertDialog>`
+};
+//# sourceMappingURL=AlertDialog.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xs","sm","md","lg","xl","full","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","helpers","react","renderChildren","footerInstance","footerSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.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,MAAMC,cAAc,GAAGV,QAAQ,CAACW,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,WAAW,GAAGhB,QAAQ,CAACiB,OAAO,CAAC,qBAAqB,CAAC;AAC3D,MAAMC,eAAe,GAAGF,WAAW,GAAGjB,KAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMM,cAAc,GAAGtB,QAAQ,CAACW,YAAY,CAAC,oBAAoB,CAAC;AAClE,MAAMY,aAAa,GACjBD,cAAc,CAACT,IAAI,KAAK,UAAU,GAAGS,cAAc,CAACR,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbS,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DV,OAAO,EAAEhB,KAAK,CAAC2B,IAAI;AACrB,qBAAqBxB,IAAI;AACzB;AACA;AACA,MAAMU,aAAa;AACnB,2BAA2BM,eAAe;AAC1C,MAAMK,aAAa;AACnB;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Avatar.figma.js

@@ -0,0 +1,51 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=449-377
+// source=packages/components/src/components/Avatar/index.tsx
+// component=Avatar
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// size: 1:1 mapping between Figma and code values
+const size = instance.getEnum('size', {
+  '2xs': '2xs',
+  xs: 'xs',
+  sm: 'sm',
+  md: 'md',
+  lg: 'lg',
+  xl: 'xl',
+  '2xl': '2xl'
+});
+
+// type: VARIANT — determines which Avatar sub-component to render.
+// Not a code prop; used only to choose Avatar.Image, Avatar.Text, or Avatar.Icon.
+const type = instance.getEnum('type', {
+  image: 'image',
+  text: 'text',
+  icon: 'icon'
+});
+
+// icon: INSTANCE_SWAP → Avatar.Icon `as` prop (ForgeIcon identifier).
+// Prefer metadata.props.componentName exposed by icon Code Connect templates.
+// Falls back to executeTemplate().example (placeholder pill) when the icon lacks Code Connect.
+const iconResult = instance.getInstanceSwap('icon')?.executeTemplate();
+const iconName = iconResult?.metadata?.props?.componentName;
+const iconSnippet = iconName ?? iconResult?.example;
+const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
+
+// text: TEXT property — the initials or label rendered inside Avatar.Text
+const textContent = instance.getString('text');
+export default {
+  id: 'avatar',
+  imports: ["import { Avatar } from '@cdx-ui/components'", ...iconImports],
+  example: figma.code`
+<Avatar size="${size}">
+  ${type === 'image' ? figma.code`<Avatar.Image src="..." />` : null}
+  ${type === 'text' ? figma.code`<Avatar.Text>${textContent}</Avatar.Text>` : null}
+  ${type === 'icon' ? figma.code`<Avatar.Icon as={${iconSnippet}} />` : null}
+</Avatar>`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Avatar.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xs","sm","md","lg","xl","type","image","text","icon","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","textContent","getString","id","imports","code","nestable"],"sourceRoot":"../../../src","sources":["figma/Avatar.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpC,KAAK,EAAE,KAAK;EACZC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACRC,EAAE,EAAE,IAAI;EACR,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA,MAAMC,IAAI,GAAGT,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCO,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACc,eAAe,CAAC,MAAM,CAAC,EAAEC,eAAe,CAAC,CAAC;AACtE,MAAMC,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AAEnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;;AAEnF;AACA,MAAMO,WAAW,GAAGvB,QAAQ,CAACwB,SAAS,CAAC,MAAM,CAAC;AAE9C,eAAe;EACbC,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGJ,WAAW,CAAC;EACxED,OAAO,EAAEtB,KAAK,CAAC4B,IAAI;AACrB,gBAAgBzB,IAAI;AACpB,IAAIO,IAAI,KAAK,OAAO,GAAGV,KAAK,CAAC4B,IAAI,4BAA4B,GAAG,IAAI;AACpE,IAAIlB,IAAI,KAAK,MAAM,GAAGV,KAAK,CAAC4B,IAAI,gBAAgBJ,WAAW,gBAAgB,GAAG,IAAI;AAClF,IAAId,IAAI,KAAK,MAAM,GAAGV,KAAK,CAAC4B,IAAI,oBAAoBP,WAAW,MAAM,GAAG,IAAI;AAC5E,UAAU;EACRH,QAAQ,EAAE;IAAEW,QAAQ,EAAE;EAAK;AAC7B,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--React-Native-Components?node-id=455-178
+// source=packages/components/src/components/Card/index.tsx
+// component=Card.Header
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const showActions = instance.getBoolean('Show Actions?');
+const actionsSlot = instance.getSlot('Actions');
+const title = instance.findText('{Title}').textContent;
+const actions = showActions && actionsSlot ? figma.helpers.react.renderChildren(actionsSlot) : 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>
+  ${actions}
+</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","showActions","getBoolean","actionsSlot","getSlot","title","findText","textContent","actions","helpers","react","renderChildren","id","imports","example","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,WAAW,GAAGF,QAAQ,CAACG,UAAU,CAAC,eAAe,CAAC;AACxD,MAAMC,WAAW,GAAGJ,QAAQ,CAACK,OAAO,CAAC,SAAS,CAAC;AAC/C,MAAMC,KAAK,GAAIN,QAAQ,CAACO,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,OAAO,GAAGP,WAAW,IAAIE,WAAW,GAAGL,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,cAAc,CAACR,WAAW,CAAC,GAAG,IAAI;AAEnG,eAAe;EACbS,EAAE,EAAE,aAAa;EACjB;EACAC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEhB,KAAK,CAACiB,IAAI;AACrB;AACA,uBAAuBV,KAAK;AAC5B,IAAIG,OAAO;AACX;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+"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 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}}>
+  ${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","headerLayer","findInstance","headerSnippet","type","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,aAAa,GACjBL,UAAU,IAAIG,WAAW,EAAEG,IAAI,KAAK,UAAU,GAAGH,WAAW,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,WAAW,GAAGhB,QAAQ,CAACiB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGlB,QAAQ,CAACiB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGjB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,cAAc,GAAGL,UAAU,GAAGnB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACJ,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMM,eAAe,GAAGjB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAE/C,eAAe;EACbkB,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACF,eAAe,CAAC;EAC1BT,OAAO,EAAEhB,KAAK,CAAC4B,IAAI;AACrB,mBAAmBzB,SAAS;AAC5B,IAAIU,aAAa;AACjB,kBAAkBO,eAAe;AACjC,IAAIV,UAAU,GAAGV,KAAK,CAAC4B,IAAI,gBAAgBJ,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}