@cdx-ui/components 0.0.1-beta.13 → 0.0.1-beta.131

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+
+const instance = _figma.default.selectedInstance;
+const text = instance.findText('{text}').textContent;
+var _default = exports.default = {
+  id: 'alert-dialog-text',
+  imports: ["import { AlertDialog } from '@cdx-ui/components'"],
+  example: _figma.default.code`<AlertDialog.Text>${text}</AlertDialog.Text>`
+};
+//# sourceMappingURL=AlertDialog.Text.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","text","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Text.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,IAAI,GAAIH,QAAQ,CAACI,QAAQ,CAAC,QAAQ,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEtE;EACbS,EAAE,EAAE,mBAAmB;EACvBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAET,cAAK,CAACU,IAAI,qBAAqBR,IAAI;AAC9C,CAAC","ignoreList":[]}

package/lib/commonjs/figma/AlertDialog.Title.figma.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+
+const instance = _figma.default.selectedInstance;
+const severity = instance.getEnum('appearance', {
+  default: undefined,
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success'
+});
+const severityProp = _figma.default.helpers.react.renderProp('severity', severity);
+const title = instance.findText('{title}').textContent;
+var _default = exports.default = {
+  id: 'alert-dialog-title',
+  imports: ["import { AlertDialog } from '@cdx-ui/components'"],
+  example: _figma.default.code`<AlertDialog.Title${severityProp}>${title}</AlertDialog.Title>`
+};
+//# sourceMappingURL=AlertDialog.Title.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","severity","getEnum","undefined","danger","warning","success","severityProp","helpers","react","renderProp","title","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.Title.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,QAAQ,GAAGH,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAC9CL,OAAO,EAAEM,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGR,cAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAET,QAAQ,CAAC;AAEzE,MAAMU,KAAK,GAAIb,QAAQ,CAACc,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAExE;EACbmB,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAEnB,cAAK,CAACoB,IAAI,qBAAqBZ,YAAY,IAAII,KAAK;AAC/D,CAAC","ignoreList":[]}

package/lib/commonjs/figma/AlertDialog.figma.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+
+const instance = _figma.default.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.default.helpers.react.renderChildren(contentSlot) : null;
+const footerInstance = instance.findInstance('AlertDialog.Footer');
+const footerSnippet = footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
+var _default = exports.default = {
+  id: 'alert-dialog',
+  imports: ["import { AlertDialog } from '@cdx-ui/components'"],
+  example: _figma.default.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/commonjs/figma/AlertDialog.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","size","getEnum","xs","sm","md","lg","xl","full","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","helpers","react","renderChildren","footerInstance","footerSnippet","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/AlertDialog.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,IAAI,GAAGH,QAAQ,CAACI,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,GAAGX,QAAQ,CAACY,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,GAAGjB,QAAQ,CAACkB,OAAO,CAAC,qBAAqB,CAAC;AAC3D,MAAMC,eAAe,GAAGF,WAAW,GAAGhB,cAAK,CAACmB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMM,cAAc,GAAGvB,QAAQ,CAACY,YAAY,CAAC,oBAAoB,CAAC;AAClE,MAAMY,aAAa,GACjBD,cAAc,CAACT,IAAI,KAAK,UAAU,GAAGS,cAAc,CAACR,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAExE;EACb4B,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DZ,OAAO,EAAEf,cAAK,CAAC4B,IAAI;AACrB,qBAAqB1B,IAAI;AACzB;AACA;AACA,MAAMU,aAAa;AACnB,2BAA2BM,eAAe;AAC1C,MAAMK,aAAa;AACnB;AACA;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Avatar.figma.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+
+const instance = _figma.default.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');
+var _default = exports.default = {
+  id: 'avatar',
+  imports: ["import { Avatar } from '@cdx-ui/components'", ...iconImports],
+  example: _figma.default.code`
+<Avatar size="${size}">
+  ${type === 'image' ? _figma.default.code`<Avatar.Image src="..." />` : null}
+  ${type === 'text' ? _figma.default.code`<Avatar.Text>${textContent}</Avatar.Text>` : null}
+  ${type === 'icon' ? _figma.default.code`<Avatar.Icon as={${iconSnippet}} />` : null}
+</Avatar>`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Avatar.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","size","getEnum","xs","sm","md","lg","xl","type","image","text","icon","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","textContent","getString","_default","exports","id","imports","code","nestable"],"sourceRoot":"../../../src","sources":["figma/Avatar.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,IAAI,GAAGH,QAAQ,CAACI,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,GAAGV,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCO,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE;AACR,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,UAAU,GAAGd,QAAQ,CAACe,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,GAAGxB,QAAQ,CAACyB,SAAS,CAAC,MAAM,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEhC;EACb6B,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGN,WAAW,CAAC;EACxED,OAAO,EAAErB,cAAK,CAAC6B,IAAI;AACrB,gBAAgB3B,IAAI;AACpB,IAAIO,IAAI,KAAK,OAAO,GAAGT,cAAK,CAAC6B,IAAI,4BAA4B,GAAG,IAAI;AACpE,IAAIpB,IAAI,KAAK,MAAM,GAAGT,cAAK,CAAC6B,IAAI,gBAAgBN,WAAW,gBAAgB,GAAG,IAAI;AAClF,IAAId,IAAI,KAAK,MAAM,GAAGT,cAAK,CAAC6B,IAAI,oBAAoBT,WAAW,MAAM,GAAG,IAAI;AAC5E,UAAU;EACRH,QAAQ,EAAE;IAAEa,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Badge.Indicator.figma.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=6866-4851
+// source=packages/components/src/components/Badge/index.tsx
+// component=Badge
+
+const instance = _figma.default.selectedInstance;
+
+// Figma variant → code: dot → "dot"; number/icon → "default" (omitted, content prop differentiates).
+const figmaVariant = instance.getEnum('variant', {
+  number: 'number',
+  dot: 'dot',
+  icon: 'icon'
+});
+const color = instance.getEnum('color', {
+  action: 'action',
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success',
+  info: 'info'
+});
+const labelText = figmaVariant === 'number' ? instance.getString('Badge.Content') : undefined;
+const iconResult = figmaVariant === 'icon' ? instance.getInstanceSwap('Badge.Icon')?.executeTemplate() : undefined;
+const iconName = iconResult?.metadata?.props?.componentName;
+const iconSnippet = iconName ?? iconResult?.example;
+const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
+
+// Emit variant only for dot (default is the code default and needs no prop).
+const variantProp = figmaVariant === 'dot' ? _figma.default.code` variant="dot"` : '';
+const labelProp = labelText ? _figma.default.code` label="${labelText}"` : '';
+const iconProp = figmaVariant === 'icon' ? _figma.default.code` icon={${iconSnippet}}` : '';
+var _default = exports.default = {
+  id: 'badge-indicator',
+  imports: ["import { Badge } from '@cdx-ui/components'", ...iconImports],
+  metadata: {
+    nestable: true
+  },
+  example: _figma.default.code`
+<Badge${variantProp} color="${color}"${labelProp}${iconProp} />`
+};
+//# sourceMappingURL=Badge.Indicator.figma.js.map

package/lib/commonjs/figma/Badge.Indicator.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","figmaVariant","getEnum","number","dot","icon","color","action","danger","warning","success","info","labelText","getString","undefined","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","variantProp","code","labelProp","iconProp","_default","exports","id","imports","nestable"],"sourceRoot":"../../../src","sources":["figma/Badge.Indicator.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,YAAY,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAAEC,MAAM,EAAE,QAAQ;EAAEC,GAAG,EAAE,KAAK;EAAEC,IAAI,EAAE;AAAO,CAAC,CAAC;AAChG,MAAMC,KAAK,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGX,YAAY,KAAK,QAAQ,GAAGH,QAAQ,CAACe,SAAS,CAAC,eAAe,CAAC,GAAGC,SAAS;AAE7F,MAAMC,UAAU,GACdd,YAAY,KAAK,MAAM,GAAGH,QAAQ,CAACkB,eAAe,CAAC,YAAY,CAAC,EAAEC,eAAe,CAAC,CAAC,GAAGH,SAAS;AACjG,MAAMI,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AACnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;;AAEnF;AACA,MAAMO,WAAW,GAAGxB,YAAY,KAAK,KAAK,GAAGF,cAAK,CAAC2B,IAAI,gBAAgB,GAAG,EAAE;AAC5E,MAAMC,SAAS,GAAGf,SAAS,GAAGb,cAAK,CAAC2B,IAAI,WAAWd,SAAS,GAAG,GAAG,EAAE;AACpE,MAAMgB,QAAQ,GAAG3B,YAAY,KAAK,MAAM,GAAGF,cAAK,CAAC2B,IAAI,UAAUJ,WAAW,GAAG,GAAG,EAAE;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEpE;EACbkC,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,4CAA4C,EAAE,GAAGR,WAAW,CAAC;EACvEL,QAAQ,EAAE;IAAEc,QAAQ,EAAE;EAAK,CAAC;EAC5BV,OAAO,EAAExB,cAAK,CAAC2B,IAAI;AACrB,QAAQD,WAAW,WAAWnB,KAAK,IAAIqB,SAAS,GAAGC,QAAQ;AAC3D,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Badge.figma.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=6894-409
+// source=packages/components/src/components/Badge/index.tsx
+// component=Badge
+
+const instance = _figma.default.selectedInstance;
+
+// Figma `position` (camelCase, physical) → code `placement` prop (kebab-case, logical).
+// `end` = right in LTR, `start` = left in LTR.
+const placement = instance.getEnum('position', {
+  topRight: 'top-end',
+  topLeft: 'top-start',
+  bottomRight: 'bottom-end',
+  bottomLeft: 'bottom-start'
+});
+
+// overlap: 1:1.
+const overlap = instance.getEnum('overlap', {
+  rectangular: 'rectangular',
+  circular: 'circular'
+});
+
+// variant/color/content/icon come from the nested Badge.Indicator.
+// Accessed via exposed nested props (confirmed via get_context_for_code_connect).
+// Figma variant → code: dot → "dot"; number/icon → "default" (omitted, content prop differentiates).
+const figmaVariant = instance.getEnum('variant', {
+  number: 'number',
+  dot: 'dot',
+  icon: 'icon'
+});
+const color = instance.getEnum('color', {
+  action: 'action',
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success',
+  info: 'info'
+});
+const labelText = figmaVariant === 'number' ? instance.getString('Badge.Content') : undefined;
+const iconResult = figmaVariant === 'icon' ? instance.getInstanceSwap('Badge.Icon')?.executeTemplate() : undefined;
+const iconName = iconResult?.metadata?.props?.componentName;
+const iconSnippet = iconName ?? iconResult?.example;
+const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
+
+// Emit variant only for dot (default is the code default and needs no prop).
+const variantProp = figmaVariant === 'dot' ? _figma.default.code` variant="dot"` : '';
+const labelProp = labelText ? _figma.default.code` label="${labelText}"` : '';
+const iconProp = figmaVariant === 'icon' ? _figma.default.code` icon={${iconSnippet}}` : '';
+const childrenSlot = instance.getSlot('children');
+const children = childrenSlot ? _figma.default.helpers.react.renderChildren(childrenSlot) : null;
+var _default = exports.default = {
+  id: 'badge',
+  imports: ["import { Badge } from '@cdx-ui/components'", ...iconImports],
+  example: _figma.default.code`
+<Badge${variantProp} color="${color}" placement="${placement}" overlap="${overlap}"${labelProp}${iconProp}>
+  ${children}
+</Badge>`
+};
+//# sourceMappingURL=Badge.figma.js.map

package/lib/commonjs/figma/Badge.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","placement","getEnum","topRight","topLeft","bottomRight","bottomLeft","overlap","rectangular","circular","figmaVariant","number","dot","icon","color","action","danger","warning","success","info","labelText","getString","undefined","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","variantProp","code","labelProp","iconProp","childrenSlot","getSlot","children","helpers","react","renderChildren","_default","exports","id","imports"],"sourceRoot":"../../../src","sources":["figma/Badge.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,UAAU,EAAE;EAC7CC,QAAQ,EAAE,SAAS;EACnBC,OAAO,EAAE,WAAW;EACpBC,WAAW,EAAE,YAAY;EACzBC,UAAU,EAAE;AACd,CAAC,CAAC;;AAEF;AACA,MAAMC,OAAO,GAAGT,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CM,WAAW,EAAE,aAAa;EAC1BC,QAAQ,EAAE;AACZ,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAMC,YAAY,GAAGZ,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAAES,MAAM,EAAE,QAAQ;EAAEC,GAAG,EAAE,KAAK;EAAEC,IAAI,EAAE;AAAO,CAAC,CAAC;AAChG,MAAMC,KAAK,GAAGhB,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCa,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGV,YAAY,KAAK,QAAQ,GAAGZ,QAAQ,CAACuB,SAAS,CAAC,eAAe,CAAC,GAAGC,SAAS;AAE7F,MAAMC,UAAU,GACdb,YAAY,KAAK,MAAM,GAAGZ,QAAQ,CAAC0B,eAAe,CAAC,YAAY,CAAC,EAAEC,eAAe,CAAC,CAAC,GAAGH,SAAS;AACjG,MAAMI,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AACnD,MAAMC,WAAW,GAAGN,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;;AAEnF;AACA,MAAMO,WAAW,GAAGvB,YAAY,KAAK,KAAK,GAAGX,cAAK,CAACmC,IAAI,gBAAgB,GAAG,EAAE;AAC5E,MAAMC,SAAS,GAAGf,SAAS,GAAGrB,cAAK,CAACmC,IAAI,WAAWd,SAAS,GAAG,GAAG,EAAE;AACpE,MAAMgB,QAAQ,GAAG1B,YAAY,KAAK,MAAM,GAAGX,cAAK,CAACmC,IAAI,UAAUJ,WAAW,GAAG,GAAG,EAAE;AAElF,MAAMO,YAAY,GAAGvC,QAAQ,CAACwC,OAAO,CAAC,UAAU,CAAC;AACjD,MAAMC,QAAQ,GAAGF,YAAY,GAAGtC,cAAK,CAACyC,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAA/C,OAAA,GAEzE;EACbgD,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,EAAE,GAAGd,WAAW,CAAC;EACvED,OAAO,EAAEhC,cAAK,CAACmC,IAAI;AACrB,QAAQD,WAAW,WAAWnB,KAAK,gBAAgBb,SAAS,cAAcM,OAAO,IAAI4B,SAAS,GAAGC,QAAQ;AACzG,IAAIG,QAAQ;AACZ;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/BottomSheet.Footer.figma.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3187-993
+// source=packages/components/src/components/BottomSheet/index.tsx
+// component=BottomSheet.Footer
+
+const instance = _figma.default.selectedInstance;
+
+// Footer actions are Button instances inside the `actions` slot (layer name: "Button").
+// Use findInstance + executeTemplate — not getSlot/renderChildren — so nested Button Code
+// Connect templates inline as <Button>…</Button> instead of an opaque <Actions /> wrapper.
+const primaryButton = instance.findInstance('Button');
+const primarySnippet = primaryButton.type === 'INSTANCE' ? primaryButton.executeTemplate().example : null;
+const secondaryButton = instance.findInstance('Button (Secondary)');
+const secondarySnippet = secondaryButton.type === 'INSTANCE' ? secondaryButton.executeTemplate().example : null;
+var _default = exports.default = {
+  id: 'bottom-sheet-footer',
+  imports: ["import { BottomSheet } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<BottomSheet.Footer>
+  ${secondarySnippet}
+  ${primarySnippet}
+</BottomSheet.Footer>`
+};
+//# sourceMappingURL=BottomSheet.Footer.figma.js.map

package/lib/commonjs/figma/BottomSheet.Footer.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","primaryButton","findInstance","primarySnippet","type","executeTemplate","example","secondaryButton","secondarySnippet","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.Footer.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,aAAa,GAAGH,QAAQ,CAACI,YAAY,CAAC,QAAQ,CAAC;AACrD,MAAMC,cAAc,GAClBF,aAAa,CAACG,IAAI,KAAK,UAAU,GAAGH,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEpF,MAAMC,eAAe,GAAGT,QAAQ,CAACI,YAAY,CAAC,oBAAoB,CAAC;AACnE,MAAMM,gBAAgB,GACpBD,eAAe,CAACH,IAAI,KAAK,UAAU,GAAGG,eAAe,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAE1E;EACbc,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DN,OAAO,EAAEP,cAAK,CAACc,IAAI;AACrB;AACA,IAAIL,gBAAgB;AACpB,IAAIL,cAAc;AAClB;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/BottomSheet.Header.figma.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3179-505
+// source=packages/components/src/components/BottomSheet/index.tsx
+// component=BottomSheet.Header
+
+const instance = _figma.default.selectedInstance;
+const showLeadingButton = instance.getBoolean('Show Leading Button?');
+const showTrailingButton = instance.getBoolean('Show Trailing Button?');
+const showTitle = instance.getBoolean('Show Title?');
+const title = showTitle ? instance.findText('Title').textContent : undefined;
+const titleProp = _figma.default.helpers.react.renderProp('title', title);
+
+// Trailing button = close (×), leading button = back (←). Figma has no `subtitle` text layer
+// on this component, so the code's `subtitle` prop cannot be mapped here — token/design gap,
+// see story DEVEX-6203.
+const onCloseProp = _figma.default.helpers.react.renderProp('onClose', showTrailingButton ? _figma.default.helpers.react.identifier('dismiss') : undefined);
+const onBackProp = _figma.default.helpers.react.renderProp('onBack', showLeadingButton ? _figma.default.helpers.react.function('() => {}') : undefined);
+var _default = exports.default = {
+  id: 'bottom-sheet-header',
+  imports: ["import { BottomSheet } from '@cdx-ui/components'"],
+  example: _figma.default.code`<BottomSheet.Header${titleProp}${onCloseProp}${onBackProp} />`
+};
+//# sourceMappingURL=BottomSheet.Header.figma.js.map

package/lib/commonjs/figma/BottomSheet.Header.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","showLeadingButton","getBoolean","showTrailingButton","showTitle","title","findText","textContent","undefined","titleProp","helpers","react","renderProp","onCloseProp","identifier","onBackProp","function","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.Header.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,iBAAiB,GAAGH,QAAQ,CAACI,UAAU,CAAC,sBAAsB,CAAC;AACrE,MAAMC,kBAAkB,GAAGL,QAAQ,CAACI,UAAU,CAAC,uBAAuB,CAAC;AACvE,MAAME,SAAS,GAAGN,QAAQ,CAACI,UAAU,CAAC,aAAa,CAAC;AAEpD,MAAMG,KAAK,GAAGD,SAAS,GAClBN,QAAQ,CAACQ,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW,GACtEC,SAAS;AACb,MAAMC,SAAS,GAAGV,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEP,KAAK,CAAC;;AAEhE;AACA;AACA;AACA,MAAMQ,WAAW,GAAGd,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAChD,SAAS,EACTT,kBAAkB,GAAGJ,cAAK,CAACW,OAAO,CAACC,KAAK,CAACG,UAAU,CAAC,SAAS,CAAC,GAAGN,SACnE,CAAC;AACD,MAAMO,UAAU,GAAGhB,cAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAC/C,QAAQ,EACRX,iBAAiB,GAAGF,cAAK,CAACW,OAAO,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,GAAGR,SACjE,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEa;EACbsB,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,kDAAkD,CAAC;EAC7DC,OAAO,EAAEtB,cAAK,CAACuB,IAAI,sBAAsBb,SAAS,GAAGI,WAAW,GAAGE,UAAU;AAC/E,CAAC","ignoreList":[]}

package/lib/commonjs/figma/BottomSheet.figma.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+
+const instance = _figma.default.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.default.helpers.react.renderProp('footer', footerSnippet ?? undefined);
+const contentSlot = instance.getSlot('BottomSheet.Content');
+const contentChildren = contentSlot ? _figma.default.helpers.react.renderChildren(contentSlot) : null;
+var _default = exports.default = {
+  id: 'bottom-sheet',
+  imports: ["import { BottomSheet, useBottomSheet } from '@cdx-ui/components'"],
+  example: useScrollView ? _figma.default.code`
+<BottomSheet.Modal ref={ref}${footerProp}>
+  ${headerSnippet}
+  <BottomSheet.ScrollView>
+    <BottomSheet.Content>${contentChildren}</BottomSheet.Content>
+  </BottomSheet.ScrollView>
+</BottomSheet.Modal>` : _figma.default.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/commonjs/figma/BottomSheet.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","showFooter","getBoolean","useScrollView","getEnum","True","False","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","footerInstance","footerSnippet","footerProp","helpers","react","renderProp","undefined","contentSlot","getSlot","contentChildren","renderChildren","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/BottomSheet.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,UAAU,GAAGH,QAAQ,CAACI,UAAU,CAAC,cAAc,CAAC;;AAEtD;AACA;AACA,MAAMC,aAAa,GAAGL,QAAQ,CAACM,OAAO,CAAC,iBAAiB,EAAE;EACxDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA;AACA;;AAEA;AACA,MAAMC,cAAc,GAAGT,QAAQ,CAACU,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,GAAGf,QAAQ,CAACU,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,GAAGhB,cAAK,CAACiB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAEJ,aAAa,IAAIK,SAAS,CAAC;AAEvF,MAAMC,WAAW,GAAGtB,QAAQ,CAACuB,OAAO,CAAC,qBAAqB,CAAC;AAC3D,MAAMC,eAAe,GAAGF,WAAW,GAAGrB,cAAK,CAACiB,OAAO,CAACC,KAAK,CAACM,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAE9E;EACb6B,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,kEAAkE,CAAC;EAC7Ef,OAAO,EAAET,aAAa,GAClBJ,cAAK,CAAC6B,IAAI;AAChB,8BAA8Bb,UAAU;AACxC,IAAIN,aAAa;AACjB;AACA,2BAA2Ba,eAAe;AAC1C;AACA,qBAAqB,GACfvB,cAAK,CAAC6B,IAAI;AAChB,8BAA8Bb,UAAU;AACxC,IAAIN,aAAa;AACjB;AACA,2BAA2Ba,eAAe;AAC1C;AACA;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Button.figma.js

@@ -6,17 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _figma = _interopRequireDefault(require("figma"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// 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
 
 const instance = _figma.default.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'
 });
@@ -34,6 +30,7 @@ const isDisabled = instance.getEnum('isDisabled', {
   true: true,
   false: undefined
 });
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
 const showLeadingIcon = instance.getBoolean('Show Leading Icon?');
 const showTrailingIcon = instance.getBoolean('Show Trailing Icon?');
 
@@ -60,7 +57,7 @@ var _default = exports.default = {
   id: 'button',
   imports: ["import { Button } from '@cdx-ui/components'", ...iconImports],
   example: _figma.default.code`
-<Button variant="${variant}" color="${color}" size="${size}" isDisabled={${isDisabled}}>
+<Button variant="${variant}" color="${color}" size="${size}"${isDisabledProp}>
   ${showLeadingIcon ? _figma.default.code`<Button.Icon as={${leadingIconSnippet}} />` : null}
   <Button.Label>${label}</Button.Label>
   ${showTrailingIcon ? _figma.default.code`<Button.Icon as={${trailingIconSnippet}} />` : null}

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

@@ -1 +1 @@
-{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","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","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGX,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBa,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDU,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;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEc;EACbwC,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGL,WAAW,CAAC;EACxEL,OAAO,EAAE7B,cAAK,CAACwC,IAAI;AACrB,mBAAmBtC,OAAO,YAAYK,KAAK,WAAWG,IAAI,iBAAiBE,UAAU;AACrF,IAAII,eAAe,GAAGhB,cAAK,CAACwC,IAAI,oBAAoBZ,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGlB,cAAK,CAACwC,IAAI,oBAAoBV,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","outline","ghost","color","action","danger","size","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","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Button.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,OAAO,GAAGH,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCK,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGX,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBa,KAAK,EAAE;AACT,CAAC,CAAC;AACF;AACA;AACA,MAAMC,UAAU,GAAGb,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDU,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGhB,cAAK,CAACiB,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;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAA3C,OAAA,GAEc;EACb4C,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,EAAE,GAAGL,WAAW,CAAC;EACxEL,OAAO,EAAEjC,cAAK,CAAC4C,IAAI;AACrB,mBAAmB1C,OAAO,YAAYK,KAAK,WAAWG,IAAI,IAAIM,cAAc;AAC5E,IAAII,eAAe,GAAGpB,cAAK,CAAC4C,IAAI,oBAAoBZ,kBAAkB,MAAM,GAAG,IAAI;AACnF,kBAAkBG,KAAK;AACvB,IAAIb,gBAAgB,GAAGtB,cAAK,CAAC4C,IAAI,oBAAoBV,mBAAmB,MAAM,GAAG,IAAI;AACrF;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/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/commonjs/figma/Card.Header.figma.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+
+const instance = _figma.default.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;
+var _default = exports.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.default.code`
+<Card.Header>
+  <Heading size="sm">${title}</Heading>
+  ${actionsSnippet}
+</Card.Header>`
+};
+//# sourceMappingURL=Card.Header.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","title","findText","textContent","showActions","getBoolean","actionsInstance","getInstanceSwap","actionsSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.Header.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,KAAK,GAAIH,QAAQ,CAACI,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,WAAW,GAAGN,QAAQ,CAACO,UAAU,CAAC,eAAe,CAAC;AACxD,MAAMC,eAAe,GAAGF,WAAW,GAAGN,QAAQ,CAACS,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAE3E;EACbiB,EAAE,EAAE,aAAa;EACjB;EACAC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DJ,OAAO,EAAEZ,cAAK,CAACiB,IAAI;AACrB;AACA,uBAAuBf,KAAK;AAC5B,IAAIO,cAAc;AAClB;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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
+var _default = exports.default = {
+  id: 'card-stripe',
+  imports: ["import { Card } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Card.Stripe />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Card.Stripe.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","_default","exports","id","imports","example","figma","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Card.Stripe.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAGe;EACbG,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEC,cAAK,CAACC,IAAI,iBAAiB;EACpCC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}