@cdx-ui/components 0.0.1-beta.4 → 0.0.1-beta.40

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","showActions","getBoolean","actionsSlot","getSlot","title","findText","textContent","actions","helpers","react","renderChildren","_default","exports","id","imports","example","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,WAAW,GAAGH,QAAQ,CAACI,UAAU,CAAC,eAAe,CAAC;AACxD,MAAMC,WAAW,GAAGL,QAAQ,CAACM,OAAO,CAAC,SAAS,CAAC;AAC/C,MAAMC,KAAK,GAAIP,QAAQ,CAACQ,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,MAAMC,OAAO,GAAGP,WAAW,IAAIE,WAAW,GAAGJ,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,cAAc,CAACR,WAAW,CAAC,GAAG,IAAI;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAErF;EACbiB,EAAE,EAAE,aAAa;EACjB;EACAC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEjB,cAAK,CAACkB,IAAI;AACrB;AACA,uBAAuBZ,KAAK;AAC5B,IAAIG,OAAO;AACX;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+"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=456-14
+// source=packages/components/src/components/Card/index.tsx
+// component=Card
+
+const instance = _figma.default.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.default.helpers.react.renderChildren(contentSlot) : null;
+const footerChildren = footerSlot ? _figma.default.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'`;
+var _default = exports.default = {
+  id: 'card',
+  imports: [componentImport],
+  example: _figma.default.code`
+<Card fullBleed={${fullBleed}}>
+  ${headerSnippet}
+  <Card.Content>${contentChildren}</Card.Content>
+  ${showFooter ? _figma.default.code`<Card.Footer>${footerChildren}</Card.Footer>` : null}
+</Card>`
+};
+//# sourceMappingURL=Card.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","fullBleed","getEnum","true","false","undefined","showHeader","getBoolean","showFooter","headerLayer","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","footerSlot","contentChildren","helpers","react","renderChildren","footerChildren","componentImport","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.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,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGR,QAAQ,CAACS,UAAU,CAAC,cAAc,CAAC;AACtD,MAAMC,UAAU,GAAGV,QAAQ,CAACS,UAAU,CAAC,cAAc,CAAC;AAEtD,MAAME,WAAW,GAAGX,QAAQ,CAACY,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,GAAGjB,QAAQ,CAACkB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGnB,QAAQ,CAACkB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGhB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,cAAc,GAAGL,UAAU,GAAGlB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACJ,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMM,eAAe,GAAGjB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEjC;EACb6B,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACJ,eAAe,CAAC;EAC1BT,OAAO,EAAEf,cAAK,CAAC6B,IAAI;AACrB,mBAAmB3B,SAAS;AAC5B,IAAIU,aAAa;AACjB,kBAAkBO,eAAe;AACjC,IAAIV,UAAU,GAAGT,cAAK,CAAC6B,IAAI,gBAAgBN,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Checkbox.figma.js

@@ -0,0 +1,55 @@
+"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=366-383
+// source=packages/components/src/components/Checkbox/index.tsx
+// component=Checkbox
+
+const instance = _figma.default.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.default.helpers.react.renderProp('value', 'terms');
+const isCheckedProp = _figma.default.helpers.react.renderProp('isChecked', isChecked);
+const isIndeterminateProp = _figma.default.helpers.react.renderProp('isIndeterminate', isIndeterminate);
+const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+const showLabel = instance.getEnum('Show Label?', {
+  true: true,
+  false: false
+});
+const labelText = instance.findText('Label').textContent;
+var _default = exports.default = {
+  id: 'checkbox',
+  imports: ["import { Checkbox } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Checkbox${valueProp}${isCheckedProp}${isIndeterminateProp}${isInvalidProp}${isDisabledProp}>
+  ${showLabel ? _figma.default.code`<Checkbox.Label>${labelText}</Checkbox.Label>` : null}
+</Checkbox>`
+};
+//# sourceMappingURL=Checkbox.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isChecked","getEnum","true","false","isIndeterminate","isInvalid","isDisabled","valueProp","helpers","react","renderProp","isCheckedProp","isIndeterminateProp","isInvalidProp","isDisabledProp","showLabel","labelText","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Checkbox.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;AACA;AACA;AACA,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,eAAe,GAAGP,QAAQ,CAACI,OAAO,CAAC,iBAAiB,EAAE;EAC1DC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAME,SAAS,GAAGR,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMG,UAAU,GAAGT,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMI,SAAS,GAAGT,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC;AAClE,MAAMC,aAAa,GAAGb,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMY,mBAAmB,GAAGd,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,iBAAiB,EAAEN,eAAe,CAAC;AAC9F,MAAMS,aAAa,GAAGf,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEL,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGhB,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMS,SAAS,GAAGlB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMa,SAAS,GAAInB,QAAQ,CAACoB,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAE1E;EACbyB,EAAE,EAAE,UAAU;EACdC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEzB,cAAK,CAAC0B,IAAI;AACrB,WAAWjB,SAAS,GAAGI,aAAa,GAAGC,mBAAmB,GAAGC,aAAa,GAAGC,cAAc;AAC3F,IAAIC,SAAS,GAAGjB,cAAK,CAAC0B,IAAI,mBAAmBR,SAAS,mBAAmB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Chip.figma.js

@@ -0,0 +1,68 @@
+"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=444-13403
+// source=packages/components/src/components/Chip/index.tsx
+// component=Chip
+
+const instance = _figma.default.selectedInstance;
+const variant = instance.getEnum('variant', {
+  tint: 'tint',
+  outline: 'outline'
+});
+const size = instance.getEnum('size', {
+  default: 'default',
+  small: 'small',
+  xsmall: 'xsmall'
+});
+const color = instance.getEnum('color', {
+  default: 'default',
+  action: 'action',
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success',
+  info: 'info'
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const disabledProp = _figma.default.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'"] : [];
+var _default = exports.default = {
+  id: 'chip',
+  imports: ["import { Chip } from '@cdx-ui/components'", ...avatarImport, ...iconImports],
+  example: _figma.default.code`
+<Chip variant="${variant}" size="${size}" color="${color}"${disabledProp}>
+  ${showAvatar ? _figma.default.code`<Chip.Avatar>
+    <Avatar.Image source={{ uri: '...' }} />
+  </Chip.Avatar>` : showLeadingIcon ? _figma.default.code`<Chip.Icon as={${leadingIconSnippet}} slot="leading" />` : null}
+  <Chip.Label>${label}</Chip.Label>
+  ${showTrailingIcon ? _figma.default.code`<Chip.Icon as={${trailingIconSnippet}} slot="trailing" />` : null}
+</Chip>`
+};
+//# sourceMappingURL=Chip.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","tint","outline","size","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","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Chip.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,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;AACX,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGP,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBS,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGV,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCL,OAAO,EAAE,SAAS;EAClBY,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGhB,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDa,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,YAAY,GAAGnB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEP,UAAU,CAAC;AAE3E,MAAMQ,eAAe,GAAGxB,QAAQ,CAACyB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,UAAU,GAAG1B,QAAQ,CAACyB,UAAU,CAAC,cAAc,CAAC;AACtD,MAAME,gBAAgB,GAAG3B,QAAQ,CAACyB,UAAU,CAAC,qBAAqB,CAAC;;AAEnE;AACA,MAAMG,iBAAiB,GACrBJ,eAAe,IAAI,CAACE,UAAU,GAC1B1B,QAAQ,CAAC6B,eAAe,CAAC,kBAAkB,CAAC,EAAEC,eAAe,CAAC,CAAC,GAC/DX,SAAS;AACf,MAAMY,kBAAkB,GAAGJ,gBAAgB,GACvC3B,QAAQ,CAAC6B,eAAe,CAAC,mBAAmB,CAAC,EAAEC,eAAe,CAAC,CAAC,GAChEX,SAAS;AAEb,MAAMa,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,GAAIxC,QAAQ,CAACyC,QAAQ,CAAC,YAAY,CAAC,CAAgCC,WAAW;AAEzF,MAAMC,WAAqB,GAAG,EAAE;AAChC,IAAInB,eAAe,IAAI,CAACE,UAAU,IAAIM,eAAe,EAAE;EACrDW,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;AACA,MAAMS,YAAY,GAAGnB,UAAU,GAAG,CAAC,6CAA6C,CAAC,GAAG,EAAE;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAhD,OAAA,GAExE;EACbiD,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAAC,2CAA2C,EAAE,GAAGJ,YAAY,EAAE,GAAGF,WAAW,CAAC;EACvFL,OAAO,EAAErC,cAAK,CAACiD,IAAI;AACrB,iBAAiB/C,OAAO,WAAWI,IAAI,YAAYG,KAAK,IAAIU,YAAY;AACxE,IACIM,UAAU,GACNzB,cAAK,CAACiD,IAAI;AAClB;AACA,iBAAiB,GACT1B,eAAe,GACbvB,cAAK,CAACiD,IAAI,kBAAkBb,kBAAkB,qBAAqB,GACnE,IAAI;AACd,gBACgBG,KAAK;AACrB,IAAIb,gBAAgB,GAAG1B,cAAK,CAACiD,IAAI,kBAAkBX,mBAAmB,sBAAsB,GAAG,IAAI;AACnG;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Field.Input.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-CDS-V2--React-Native?node-id=409-3015
+// source=packages/components/src/components/Field/index.tsx
+// component=Field
+
+const instance = _figma.default.selectedInstance;
+const showLabel = instance.getBoolean('Show Label?');
+const showHelperText = instance.getBoolean('Show Helper Text?');
+const showErrorText = instance.getBoolean('Show Error Text?');
+
+// Enum-as-boolean: isInvalid / isDisabled are VARIANT properties in Figma (string values "true"/"false").
+// Map "false" to undefined so renderProp omits them from the snippet.
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+const labelText = instance.findText('{Label}', {
+  traverseInstances: true
+}).textContent;
+const helperText = instance.findText('{HelperText}', {
+  traverseInstances: true
+}).textContent;
+const errorText = instance.findText('{ErrorText}', {
+  traverseInstances: true
+}).textContent;
+const input = instance.findInstance('Input');
+let inputSnippet;
+if (input?.type === 'INSTANCE') {
+  inputSnippet = input.executeTemplate().example;
+}
+var _default = exports.default = {
+  id: 'field-input',
+  // Only import Field here; the nested Input template provides its own "import { Input } …" line.
+  // Code Connect merges the two separate import statements from the same package automatically.
+  imports: ["import { Field } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Field${isInvalidProp}${isDisabledProp}>
+  ${showLabel ? _figma.default.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${inputSnippet}
+  ${!isInvalid && showHelperText ? _figma.default.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? _figma.default.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.Input.figma.js.map

package/lib/commonjs/figma/Field.Input.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","showLabel","getBoolean","showHelperText","showErrorText","isInvalid","getEnum","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","input","findInstance","inputSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Input.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,SAAS,GAAGH,QAAQ,CAACI,UAAU,CAAC,aAAa,CAAC;AACpD,MAAMC,cAAc,GAAGL,QAAQ,CAACI,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAME,aAAa,GAAGN,QAAQ,CAACI,UAAU,CAAC,kBAAkB,CAAC;;AAE7D;AACA;AACA,MAAMG,SAAS,GAAGP,QAAQ,CAACQ,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGZ,QAAQ,CAACQ,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGZ,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAET,SAAS,CAAC;AAC5E,MAAMU,cAAc,GAAGhB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GACblB,QAAQ,CAACmB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdtB,QAAQ,CAACmB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbvB,QAAQ,CAACmB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,KAAK,GAAGxB,QAAQ,CAACyB,YAAY,CAAC,OAAO,CAAC;AAC5C,IAAIC,YAAyD;AAC7D,IAAIF,KAAK,EAAEG,IAAI,KAAK,UAAU,EAAE;EAC9BD,YAAY,GAAGF,KAAK,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAChD;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEc;EACbiC,EAAE,EAAE,aAAa;EACjB;EACA;EACAC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDJ,OAAO,EAAE5B,cAAK,CAACiC,IAAI;AACrB,QAAQrB,aAAa,GAAGI,cAAc;AACtC,IAAId,SAAS,GAAGF,cAAK,CAACiC,IAAI,gBAAgBhB,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,YAAY;AAChB,IAAI,CAACnB,SAAS,IAAIF,cAAc,GAAGJ,cAAK,CAACiC,IAAI,iBAAiBZ,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIf,SAAS,IAAID,aAAa,GAAGL,cAAK,CAACiC,IAAI,gBAAgBX,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Field.Select.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-CDS-V2--React-Native?node-id=427-4179
+// source=packages/components/src/components/Field/index.tsx
+// component=Field
+
+const instance = _figma.default.selectedInstance;
+const showLabel = instance.getBoolean('Show Label?');
+const showHelperText = instance.getBoolean('Show Helper Text?');
+const showErrorText = instance.getBoolean('Show Error Text?');
+
+// Enum-as-boolean: isInvalid / isDisabled are VARIANT properties in Figma (string values "true"/"false").
+// Map "false" to undefined so renderProp omits them from the snippet.
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+const labelText = instance.findText('{Label}', {
+  traverseInstances: true
+}).textContent;
+const helperText = instance.findText('{HelperText}', {
+  traverseInstances: true
+}).textContent;
+const errorText = instance.findText('{ErrorText}', {
+  traverseInstances: true
+}).textContent;
+const select = instance.findInstance('Select');
+let selectSnippet;
+if (select?.type === 'INSTANCE') {
+  selectSnippet = select.executeTemplate().example;
+}
+var _default = exports.default = {
+  id: 'field-select',
+  // Only import Field here; the nested Select template provides its own "import { Select } …" line.
+  // Code Connect merges the two separate import statements from the same package automatically.
+  imports: ["import { Field } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Field${isInvalidProp}${isDisabledProp}>
+  ${showLabel ? _figma.default.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${selectSnippet}
+  ${!isInvalid && showHelperText ? _figma.default.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? _figma.default.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.Select.figma.js.map

package/lib/commonjs/figma/Field.Select.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","showLabel","getBoolean","showHelperText","showErrorText","isInvalid","getEnum","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","select","findInstance","selectSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Select.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,SAAS,GAAGH,QAAQ,CAACI,UAAU,CAAC,aAAa,CAAC;AACpD,MAAMC,cAAc,GAAGL,QAAQ,CAACI,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAME,aAAa,GAAGN,QAAQ,CAACI,UAAU,CAAC,kBAAkB,CAAC;;AAE7D;AACA;AACA,MAAMG,SAAS,GAAGP,QAAQ,CAACQ,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGZ,QAAQ,CAACQ,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGZ,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAET,SAAS,CAAC;AAC5E,MAAMU,cAAc,GAAGhB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GACblB,QAAQ,CAACmB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdtB,QAAQ,CAACmB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbvB,QAAQ,CAACmB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,MAAM,GAAGxB,QAAQ,CAACyB,YAAY,CAAC,QAAQ,CAAC;AAC9C,IAAIC,aAA0D;AAC9D,IAAIF,MAAM,EAAEG,IAAI,KAAK,UAAU,EAAE;EAC/BD,aAAa,GAAGF,MAAM,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAClD;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEc;EACbiC,EAAE,EAAE,cAAc;EAClB;EACA;EACAC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDJ,OAAO,EAAE5B,cAAK,CAACiC,IAAI;AACrB,QAAQrB,aAAa,GAAGI,cAAc;AACtC,IAAId,SAAS,GAAGF,cAAK,CAACiC,IAAI,gBAAgBhB,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,aAAa;AACjB,IAAI,CAACnB,SAAS,IAAIF,cAAc,GAAGJ,cAAK,CAACiC,IAAI,iBAAiBZ,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIf,SAAS,IAAID,aAAa,GAAGL,cAAK,CAACiC,IAAI,gBAAgBX,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Heading.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--React-Native-Components?node-id=399-3385
+// source=packages/components/src/components/Heading/index.tsx
+// component=Heading
+// Use the same branch URL as Button: Code Connect is scoped per file key; main vs branch are separate targets.
+
+const instance = _figma.default.selectedInstance;
+
+// Figma size values are identical to code size values — no renaming needed.
+const size = instance.getEnum('size', {
+  xl: 'xl',
+  lg: 'lg',
+  md: 'md',
+  sm: 'sm',
+  xs: 'xs'
+});
+const text = instance.findText('{Heading}').textContent;
+var _default = exports.default = {
+  id: 'heading',
+  imports: ["import { Heading } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Heading size="${size}">${text}</Heading>`
+};
+//# sourceMappingURL=Heading.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","size","getEnum","xl","lg","md","sm","xs","text","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Heading.figma.ts"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJ1B;AACA;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,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;AACN,CAAC,CAAC;AAEF,MAAMC,IAAI,GAAIV,QAAQ,CAACW,QAAQ,CAAC,WAAW,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEzE;EACbgB,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE,CAAC,8CAA8C,CAAC;EACzDC,OAAO,EAAEhB,cAAK,CAACiB,IAAI,kBAAkBf,IAAI,KAAKO,IAAI;AACpD,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Icon.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--React-Native-Components?node-id=397-33
+// source=packages/components/src/components/Icon/index.tsx
+// component=Icon
+
+const instance = _figma.default.selectedInstance;
+const iconSnippet = instance.getInstanceSwap('as')?.executeTemplate().example;
+var _default = exports.default = {
+  example: _figma.default.code`${iconSnippet}`,
+  imports: ["import { Icon } from '@cdx-ui/components'"],
+  id: 'icon'
+};
+//# sourceMappingURL=Icon.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","iconSnippet","getInstanceSwap","executeTemplate","example","_default","exports","code","imports","id"],"sourceRoot":"../../../src","sources":["figma/Icon.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,WAAW,GAAGH,QAAQ,CAACI,eAAe,CAAC,IAAI,CAAC,EAAEC,eAAe,CAAC,CAAC,CAACC,OAAO;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAE/D;EACbO,OAAO,EAAEL,cAAK,CAACQ,IAAI,GAAGN,WAAW,EAAE;EACnCO,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,EAAE,EAAE;AACN,CAAC","ignoreList":[]}

package/lib/commonjs/figma/IconButton.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--React-Native-Components?node-id=427-5235
+// source=packages/components/src/components/IconButton/index.tsx
+// component=IconButton
+
+const instance = _figma.default.selectedInstance;
+const variant = instance.getEnum('variant', {
+  solid: 'solid',
+  tint: 'tint',
+  ghost: 'ghost'
+});
+const color = instance.getEnum('color', {
+  neutral: 'neutral',
+  action: 'action',
+  danger: 'danger'
+});
+const size = instance.getEnum('size', {
+  default: 'default',
+  small: 'small'
+});
+
+// Enum-as-boolean: isDisabled is a VARIANT property in Figma ("true"/"false").
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+
+// icon: INSTANCE_SWAP → IconButton `as` (CdxIcon). Prefer metadata.props.componentName from icon 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'`] : [];
+var _default = exports.default = {
+  id: 'icon-button',
+  imports: ["import { IconButton } from '@cdx-ui/components'", ...iconImports],
+  example: _figma.default.code`
+<IconButton as={${iconSnippet}} variant="${variant}" color="${color}" size="${size}"${isDisabledProp} />`
+};
+//# sourceMappingURL=IconButton.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","solid","tint","ghost","color","neutral","action","danger","size","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/IconButton.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,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGR,QAAQ,CAACI,OAAO,CAAC,OAAO,EAAE;EACtCK,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGZ,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE,SAAS;EAClBc,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA,MAAMC,UAAU,GAAGd,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDW,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGjB,cAAK,CAACkB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;;AAE/E;AACA,MAAMQ,UAAU,GAAGtB,QAAQ,CAACuB,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;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAErE;EACbmC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,iDAAiD,EAAE,GAAGJ,WAAW,CAAC;EAC5ED,OAAO,EAAE7B,cAAK,CAACmC,IAAI;AACrB,kBAAkBP,WAAW,cAAc1B,OAAO,YAAYK,KAAK,WAAWI,IAAI,IAAIM,cAAc;AACpG,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Input.figma.js

@@ -0,0 +1,52 @@
+"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-CDS-V2--React-Native?node-id=159-22
+// source=packages/components/src/components/Input/index.tsx
+// component=Input
+
+const instance = _figma.default.selectedInstance;
+const variant = instance.getEnum('variant', {
+  outlined: 'outline'
+});
+const size = instance.getEnum('size', {
+  default: 'default'
+});
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+const showValue = instance.getEnum('Show Value?', {
+  true: true,
+  false: false
+});
+const showPlaceholder = instance.getEnum('Show Placeholder?', {
+  true: true,
+  false: false
+});
+const valueText = instance.findText('{value}', {
+  traverseInstances: true
+}).textContent;
+const placeholder = instance.getString('placeholder');
+const defaultValueProp = _figma.default.helpers.react.renderProp('defaultValue', showValue ? valueText : undefined);
+const placeholderProp = _figma.default.helpers.react.renderProp('placeholder', showPlaceholder ? placeholder : undefined);
+var _default = exports.default = {
+  id: 'input',
+  imports: ["import { Input } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Input variant="${variant}" size="${size}"${isInvalidProp}${isDisabledProp}>
+  <Input.Field${defaultValueProp}${placeholderProp} />
+</Input>`
+};
+//# sourceMappingURL=Input.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","variant","getEnum","outlined","size","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","defaultValueProp","placeholderProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Input.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,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGN,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACpCL,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAGP,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGX,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGf,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGjB,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGlB,QAAQ,CAACI,OAAO,CAAC,mBAAmB,EAAE;EAC5DI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMU,SAAS,GACbnB,QAAQ,CAACoB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,WAAW,GAAGvB,QAAQ,CAACwB,SAAS,CAAC,aAAa,CAAC;AAErD,MAAMC,gBAAgB,GAAGxB,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CACrD,cAAc,EACdE,SAAS,GAAGE,SAAS,GAAGT,SAC1B,CAAC;AACD,MAAMgB,eAAe,GAAGzB,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbG,eAAe,GAAGK,WAAW,GAAGb,SAClC,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEa;EACb8B,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAE9B,cAAK,CAAC+B,IAAI;AACrB,kBAAkB7B,OAAO,WAAWG,IAAI,IAAIM,aAAa,GAAGI,cAAc;AAC1E,gBAAgBS,gBAAgB,GAAGC,eAAe;AAClD;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/ProgressSegmented.figma.js

@@ -0,0 +1,39 @@
+"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-449
+// source=packages/components/src/components/ProgressSegmented/index.tsx
+// component=ProgressSegmented
+
+const instance = _figma.default.selectedInstance;
+const segmentsCount = instance.getEnum('segments', {
+  '2': 2,
+  '3': 3,
+  '4': 4,
+  '5': 5,
+  '6': 6
+});
+
+// Figma `step=complete` maps to `isStepComplete` on the last step (all segments filled).
+const stepRaw = instance.getEnum('step', {
+  '1': '1',
+  '2': '2',
+  '3': '3',
+  '4': '4',
+  '5': '5',
+  '6': '6',
+  complete: 'complete'
+});
+const isStepComplete = stepRaw === 'complete';
+const step = isStepComplete ? segmentsCount : Number(stepRaw);
+var _default = exports.default = {
+  id: 'progress-segmented',
+  imports: ["import { ProgressSegmented } from '@cdx-ui/components'"],
+  example: _figma.default.code`<ProgressSegmented segments={${segmentsCount}} step={${step}}${isStepComplete ? _figma.default.code` isStepComplete` : _figma.default.code``} />`
+};
+//# sourceMappingURL=ProgressSegmented.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","segmentsCount","getEnum","stepRaw","complete","isStepComplete","step","Number","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ProgressSegmented.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,aAAa,GAAGH,QAAQ,CAACI,OAAO,CAAC,UAAU,EAAE;EACjD,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE;AACP,CAAC,CAAC;;AAEF;AACA,MAAMC,OAAO,GAAGL,QAAQ,CAACI,OAAO,CAAC,MAAM,EAAE;EACvC,GAAG,EAAE,GAAG;EACR,GAAG,EAAE,GAAG;EACR,GAAG,EAAE,GAAG;EACR,GAAG,EAAE,GAAG;EACR,GAAG,EAAE,GAAG;EACR,GAAG,EAAE,GAAG;EACRE,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAGF,OAAO,KAAK,UAAU;AAC7C,MAAMG,IAAI,GAAGD,cAAc,GAAGJ,aAAa,GAAGM,MAAM,CAACJ,OAAO,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAE/C;EACba,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,wDAAwD,CAAC;EACnEC,OAAO,EAAEb,cAAK,CAACc,IAAI,gCAAgCZ,aAAa,WAAWK,IAAI,IAC7ED,cAAc,GAAGN,cAAK,CAACc,IAAI,iBAAiB,GAAGd,cAAK,CAACc,IAAI,EAAE;AAE/D,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Radio.figma.js

@@ -0,0 +1,38 @@
+"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=2603-62
+// source=packages/components/src/components/Radio/index.tsx
+// component=Radio
+
+const instance = _figma.default.selectedInstance;
+
+// Enum-as-boolean: isDisabled and isInvalid are VARIANT properties in Figma.
+// Map "false" to undefined so the prop is omitted when not set.
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const showLabel = instance.getEnum('Show Label?', {
+  true: true,
+  false: false
+});
+const labelText = instance.findText('Label').textContent;
+var _default = exports.default = {
+  id: 'radio',
+  imports: ["import { Radio } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Radio value="option" isDisabled={${isDisabled}} isInvalid={${isInvalid}}>
+  ${showLabel ? _figma.default.code`<Radio.Label>${labelText}</Radio.Label>` : null}
+</Radio>`
+};
+//# sourceMappingURL=Radio.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isDisabled","getEnum","true","false","undefined","isInvalid","showLabel","labelText","findText","textContent","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.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,UAAU,GAAGH,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGR,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,SAAS,GAAGT,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMI,SAAS,GAAIV,QAAQ,CAACW,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAE1E;EACbgB,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEhB,cAAK,CAACiB,IAAI;AACrB,oCAAoCf,UAAU,gBAAgBK,SAAS;AACvE,IAAIC,SAAS,GAAGR,cAAK,CAACiB,IAAI,gBAAgBR,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}