@cdx-ui/components 0.0.1-beta.6 → 0.0.1-beta.61

package/lib/module/figma/Dialog.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/Dialog.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,cAAc;EAClBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEnB,KAAK,CAACoB,IAAI,gBAAgBV,cAAc,IAAII,KAAK;AAC5D,CAAC","ignoreList":[]}

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

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

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

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

package/lib/module/figma/Field.Input.figma.js

@@ -0,0 +1,51 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.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.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = figma.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;
+}
+export 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.code`
+<Field${isInvalidProp}${isDisabledProp}>
+  ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${inputSnippet}
+  ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.Input.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","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","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Input.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,SAAS,GAAGF,QAAQ,CAACG,UAAU,CAAC,aAAa,CAAC;AACpD,MAAMC,cAAc,GAAGJ,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAME,aAAa,GAAGL,QAAQ,CAACG,UAAU,CAAC,kBAAkB,CAAC;;AAE7D;AACA;AACA,MAAMG,SAAS,GAAGN,QAAQ,CAACO,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGb,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAET,SAAS,CAAC;AAC5E,MAAMU,cAAc,GAAGjB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GACbjB,QAAQ,CAACkB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdrB,QAAQ,CAACkB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbtB,QAAQ,CAACkB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,KAAK,GAAGvB,QAAQ,CAACwB,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;AAEA,eAAe;EACbC,EAAE,EAAE,aAAa;EACjB;EACA;EACAC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDF,OAAO,EAAE7B,KAAK,CAACgC,IAAI;AACrB,QAAQnB,aAAa,GAAGI,cAAc;AACtC,IAAId,SAAS,GAAGH,KAAK,CAACgC,IAAI,gBAAgBd,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,YAAY;AAChB,IAAI,CAACnB,SAAS,IAAIF,cAAc,GAAGL,KAAK,CAACgC,IAAI,iBAAiBV,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIf,SAAS,IAAID,aAAa,GAAGN,KAAK,CAACgC,IAAI,gBAAgBT,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Field.Select.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=427-4179
+// source=packages/components/src/components/Field/index.tsx
+// component=Field
+import figma from 'figma';
+const instance = figma.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.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = figma.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;
+}
+export 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.code`
+<Field${isInvalidProp}${isDisabledProp}>
+  ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${selectSnippet}
+  ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.Select.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","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","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Select.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,SAAS,GAAGF,QAAQ,CAACG,UAAU,CAAC,aAAa,CAAC;AACpD,MAAMC,cAAc,GAAGJ,QAAQ,CAACG,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAME,aAAa,GAAGL,QAAQ,CAACG,UAAU,CAAC,kBAAkB,CAAC;;AAE7D;AACA;AACA,MAAMG,SAAS,GAAGN,QAAQ,CAACO,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGb,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAET,SAAS,CAAC;AAC5E,MAAMU,cAAc,GAAGjB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GACbjB,QAAQ,CAACkB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdrB,QAAQ,CAACkB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbtB,QAAQ,CAACkB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,MAAM,GAAGvB,QAAQ,CAACwB,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;AAEA,eAAe;EACbC,EAAE,EAAE,cAAc;EAClB;EACA;EACAC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDF,OAAO,EAAE7B,KAAK,CAACgC,IAAI;AACrB,QAAQnB,aAAa,GAAGI,cAAc;AACtC,IAAId,SAAS,GAAGH,KAAK,CAACgC,IAAI,gBAAgBd,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,aAAa;AACjB,IAAI,CAACnB,SAAS,IAAIF,cAAc,GAAGL,KAAK,CAACgC,IAAI,iBAAiBV,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIf,SAAS,IAAID,aAAa,GAAGN,KAAK,CAACgC,IAAI,gBAAgBT,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Heading.figma.js

@@ -0,0 +1,24 @@
+"use strict";
+
+// 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.
+import figma from 'figma';
+const instance = figma.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;
+export default {
+  id: 'heading',
+  imports: ["import { Heading } from '@cdx-ui/components'"],
+  example: figma.code`<Heading size="${size}">${text}</Heading>`
+};
+//# sourceMappingURL=Heading.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","xl","lg","md","sm","xs","text","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Heading.figma.ts"],"mappings":";;AAAA;AACA;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;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,GAAIT,QAAQ,CAACU,QAAQ,CAAC,WAAW,CAAC,CAAgCC,WAAW;AAEvF,eAAe;EACbC,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE,CAAC,8CAA8C,CAAC;EACzDC,OAAO,EAAEf,KAAK,CAACgB,IAAI,kBAAkBb,IAAI,KAAKO,IAAI;AACpD,CAAC","ignoreList":[]}

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","iconSnippet","getInstanceSwap","executeTemplate","example","code","imports","id"],"sourceRoot":"../../../src","sources":["figma/Icon.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,WAAW,GAAGF,QAAQ,CAACG,eAAe,CAAC,IAAI,CAAC,EAAEC,eAAe,CAAC,CAAC,CAACC,OAAO;AAE7E,eAAe;EACbA,OAAO,EAAEN,KAAK,CAACO,IAAI,GAAGJ,WAAW,EAAE;EACnCK,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,EAAE,EAAE;AACN,CAAC","ignoreList":[]}

package/lib/module/figma/IconButton.figma.js

@@ -0,0 +1,41 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.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.helpers.react.renderProp('isDisabled', isDisabled);
+
+// icon: INSTANCE_SWAP → IconButton `as` (ForgeIcon). 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'`] : [];
+export default {
+  id: 'icon-button',
+  imports: ["import { IconButton } from '@cdx-ui/components'", ...iconImports],
+  example: figma.code`
+<IconButton as={${iconSnippet}} variant="${variant}" color="${color}" size="${size}"${isDisabledProp} />`
+};
+//# sourceMappingURL=IconButton.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","solid","tint","ghost","color","neutral","action","danger","size","default","small","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/IconButton.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,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,KAAK,GAAGP,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCK,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGX,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCS,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA,MAAMC,UAAU,GAAGd,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDY,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGnB,KAAK,CAACoB,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;AAEnF,eAAe;EACbO,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,iDAAiD,EAAE,GAAGF,WAAW,CAAC;EAC5ED,OAAO,EAAE/B,KAAK,CAACmC,IAAI;AACrB,kBAAkBL,WAAW,cAAc3B,OAAO,YAAYK,KAAK,WAAWI,IAAI,IAAIO,cAAc;AACpG,CAAC","ignoreList":[]}

package/lib/module/figma/Input.figma.js

@@ -0,0 +1,46 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.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.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = figma.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.helpers.react.renderProp('defaultValue', showValue ? valueText : undefined);
+const placeholderProp = figma.helpers.react.renderProp('placeholder', showPlaceholder ? placeholder : undefined);
+export default {
+  id: 'input',
+  imports: ["import { Input } from '@cdx-ui/components'"],
+  example: figma.code`
+<Input variant="${variant}" size="${size}"${isInvalidProp}${isDisabledProp}>
+  <Input.Field${defaultValueProp}${placeholderProp} />
+</Input>`
+};
+//# sourceMappingURL=Input.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","outlined","size","default","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","showValue","showPlaceholder","valueText","findText","traverseInstances","textContent","placeholder","getString","defaultValueProp","placeholderProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Input.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,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGL,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EACpCG,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGP,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGX,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGb,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGjB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGjB,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGlB,QAAQ,CAACG,OAAO,CAAC,mBAAmB,EAAE;EAC5DK,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,GAAG1B,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CACrD,cAAc,EACdE,SAAS,GAAGE,SAAS,GAAGT,SAC1B,CAAC;AACD,MAAMgB,eAAe,GAAG3B,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbG,eAAe,GAAGK,WAAW,GAAGb,SAClC,CAAC;AAED,eAAe;EACbiB,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAE9B,KAAK,CAAC+B,IAAI;AACrB,kBAAkB5B,OAAO,WAAWG,IAAI,IAAIO,aAAa,GAAGI,cAAc;AAC1E,gBAAgBS,gBAAgB,GAAGC,eAAe;AAClD;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Link.figma.js

@@ -0,0 +1,24 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=457-874
+// source=packages/components/src/components/Link/index.tsx
+// component=Link
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Enum-as-boolean: `visited` is a VARIANT property in Figma (string values "true"/"false").
+const isVisited = instance.getEnum('visited', {
+  true: true,
+  false: undefined
+});
+const isVisitedProp = figma.helpers.react.renderProp('isVisited', isVisited);
+const label = instance.findText('{link text}').textContent;
+export default {
+  id: 'link',
+  imports: ["import { Link } from '@cdx-ui/components'"],
+  example: figma.code`
+<Link href="/example"${isVisitedProp}>
+  <Link.Label>${label}</Link.Label>
+</Link>`
+};
+//# sourceMappingURL=Link.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","isVisited","getEnum","true","false","undefined","isVisitedProp","helpers","react","renderProp","label","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Link.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,SAAS,EAAE;EAC5CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAE5E,MAAMS,KAAK,GAAIX,QAAQ,CAACY,QAAQ,CAAC,aAAa,CAAC,CAAgCC,WAAW;AAE1F,eAAe;EACbC,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEjB,KAAK,CAACkB,IAAI;AACrB,uBAAuBV,aAAa;AACpC,gBAAgBI,KAAK;AACrB;AACA,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","description","findText","textContent","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/ListItem.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,uBAAuB;EAC3BC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAER,KAAK,CAACS,IAAI,yBAAyBN,WAAW,yBAAyB;EAChFO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/ListItem.LeadingSlot.figma.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3954-5050
+// source=packages/components/src/components/ListItem/index.tsx
+// component=ListItem.LeadingSlot
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Render whatever the designer dropped into the slot (avatar, icon, …) via each child's own
+// Code Connect template — not a fixed avatar/chevron. See Card.Content for the same pattern.
+const childrenSlot = instance.getSlot('children');
+const children = childrenSlot ? figma.helpers.react.renderChildren(childrenSlot) : null;
+export default {
+  id: 'list-item-leading-slot',
+  imports: ["import { ListItem } from '@cdx-ui/components'"],
+  example: figma.code`<ListItem.LeadingSlot>${children}</ListItem.LeadingSlot>`
+};
+//# sourceMappingURL=ListItem.LeadingSlot.figma.js.map

package/lib/module/figma/ListItem.LeadingSlot.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","childrenSlot","getSlot","children","helpers","react","renderChildren","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ListItem.LeadingSlot.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,YAAY,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,CAAC;AACjD,MAAMC,QAAQ,GAAGF,YAAY,GAAGH,KAAK,CAACM,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAEvF,eAAe;EACbM,EAAE,EAAE,wBAAwB;EAC5BC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEX,KAAK,CAACY,IAAI,yBAAyBP,QAAQ;AACtD,CAAC","ignoreList":[]}

package/lib/module/figma/ListItem.Meta.figma.js

@@ -0,0 +1,17 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3702-4870
+// source=packages/components/src/components/ListItem/index.tsx
+// component=ListItem.Meta
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const meta = instance.findText('{meta}').textContent;
+export default {
+  id: 'list-item-meta',
+  imports: ["import { ListItem } from '@cdx-ui/components'"],
+  example: figma.code`<ListItem.Meta>${meta}</ListItem.Meta>`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=ListItem.Meta.figma.js.map

package/lib/module/figma/ListItem.Meta.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","meta","findText","textContent","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/ListItem.Meta.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,gBAAgB;EACpBC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAER,KAAK,CAACS,IAAI,kBAAkBN,IAAI,kBAAkB;EAC3DO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/ListItem.SectionHeader.figma.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4045-5225
+// source=packages/components/src/components/ListItem/index.tsx
+// component=ListItem.SectionHeader
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// `showDivider` defaults to true in code — only emit the prop when the designer turns it off.
+const showDivider = instance.getBoolean('showDivider');
+const showDividerProp = figma.helpers.react.renderProp('showDivider', showDivider ? undefined : false);
+const label = instance.findText('{label}').textContent;
+export default {
+  id: 'list-item-section-header',
+  imports: ["import { ListItem } from '@cdx-ui/components'"],
+  example: figma.code`<ListItem.SectionHeader${showDividerProp}>${label}</ListItem.SectionHeader>`
+};
+//# sourceMappingURL=ListItem.SectionHeader.figma.js.map

package/lib/module/figma/ListItem.SectionHeader.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showDivider","getBoolean","showDividerProp","helpers","react","renderProp","undefined","label","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ListItem.SectionHeader.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,WAAW,GAAGF,QAAQ,CAACG,UAAU,CAAC,aAAa,CAAC;AACtD,MAAMC,eAAe,GAAGL,KAAK,CAACM,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbL,WAAW,GAAGM,SAAS,GAAG,KAC5B,CAAC;AAED,MAAMC,KAAK,GAAIT,QAAQ,CAACU,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAEtF,eAAe;EACbC,EAAE,EAAE,0BAA0B;EAC9BC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEf,KAAK,CAACgB,IAAI,0BAA0BX,eAAe,IAAIK,KAAK;AACvE,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","title","findText","textContent","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/ListItem.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,iBAAiB;EACrBC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAER,KAAK,CAACS,IAAI,mBAAmBN,KAAK,mBAAmB;EAC9DO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/ListItem.TrailingSlot.figma.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=3954-5061
+// source=packages/components/src/components/ListItem/index.tsx
+// component=ListItem.TrailingSlot
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Render whatever the designer dropped into the slot (chevron, amount, chip, …) via each
+// child's own Code Connect template — not a fixed chevron. See Card.Content for the pattern.
+const childrenSlot = instance.getSlot('children');
+const children = childrenSlot ? figma.helpers.react.renderChildren(childrenSlot) : null;
+export default {
+  id: 'list-item-trailing-slot',
+  imports: ["import { ListItem } from '@cdx-ui/components'"],
+  example: figma.code`<ListItem.TrailingSlot>${children}</ListItem.TrailingSlot>`
+};
+//# sourceMappingURL=ListItem.TrailingSlot.figma.js.map

package/lib/module/figma/ListItem.TrailingSlot.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","childrenSlot","getSlot","children","helpers","react","renderChildren","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ListItem.TrailingSlot.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,YAAY,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,CAAC;AACjD,MAAMC,QAAQ,GAAGF,YAAY,GAAGH,KAAK,CAACM,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAEvF,eAAe;EACbM,EAAE,EAAE,yBAAyB;EAC7BC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEX,KAAK,CAACY,IAAI,0BAA0BP,QAAQ;AACvD,CAAC","ignoreList":[]}

package/lib/module/figma/ListItem.figma.js

@@ -0,0 +1,44 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=3710-4649
+// source=packages/components/src/components/ListItem/index.tsx
+// component=ListItem
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const size = instance.getEnum('size', {
+  default: 'default',
+  compact: 'compact'
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+const showSeparator = instance.getEnum('showSeparator', {
+  true: undefined,
+  false: false
+});
+const showSeparatorProp = figma.helpers.react.renderProp('showSeparator', showSeparator);
+const showLeadingSlot = instance.getBoolean('Show LeadingSlot?');
+const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
+
+// Delegate to nested Code Connect templates — each sub-component (and slot) renders its own
+// snippet, so slots reflect whatever the designer dropped in rather than a fixed avatar/chevron.
+// See Dialog.figma.ts / Card.figma.ts for the same delegation pattern.
+const leadingInstance = instance.findInstance('ListItem.LeadingSlot');
+const leadingSnippet = showLeadingSlot && leadingInstance.type === 'INSTANCE' ? leadingInstance.executeTemplate().example : null;
+const contentSlot = instance.getSlot('ListItem.Content');
+const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
+const trailingInstance = instance.findInstance('ListItem.TrailingSlot');
+const trailingSnippet = showTrailingSlot && trailingInstance.type === 'INSTANCE' ? trailingInstance.executeTemplate().example : null;
+export default {
+  id: 'list-item',
+  imports: ["import { ListItem } from '@cdx-ui/components'"],
+  example: figma.code`
+<ListItem size="${size}"${isDisabledProp}${showSeparatorProp} onPress={() => {}}>
+  ${leadingSnippet}
+  <ListItem.Content>${contentChildren}</ListItem.Content>
+  ${trailingSnippet}
+</ListItem>`
+};
+//# sourceMappingURL=ListItem.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","default","compact","isDisabled","true","false","undefined","isDisabledProp","helpers","react","renderProp","showSeparator","showSeparatorProp","showLeadingSlot","getBoolean","showTrailingSlot","leadingInstance","findInstance","leadingSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","renderChildren","trailingInstance","trailingSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/ListItem.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,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGN,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGX,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;AAE/E,MAAMQ,aAAa,GAAGd,QAAQ,CAACG,OAAO,CAAC,eAAe,EAAE;EACtDI,IAAI,EAAEE,SAAS;EACfD,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMO,iBAAiB,GAAGhB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,eAAe,EAAEC,aAAa,CAAC;AAExF,MAAME,eAAe,GAAGhB,QAAQ,CAACiB,UAAU,CAAC,mBAAmB,CAAC;AAChE,MAAMC,gBAAgB,GAAGlB,QAAQ,CAACiB,UAAU,CAAC,oBAAoB,CAAC;;AAElE;AACA;AACA;AACA,MAAME,eAAe,GAAGnB,QAAQ,CAACoB,YAAY,CAAC,sBAAsB,CAAC;AACrE,MAAMC,cAAc,GAClBL,eAAe,IAAIG,eAAe,CAACG,IAAI,KAAK,UAAU,GAClDH,eAAe,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GACzC,IAAI;AAEV,MAAMC,WAAW,GAAGzB,QAAQ,CAAC0B,OAAO,CAAC,kBAAkB,CAAC;AACxD,MAAMC,eAAe,GAAGF,WAAW,GAAG1B,KAAK,CAACY,OAAO,CAACC,KAAK,CAACgB,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMI,gBAAgB,GAAG7B,QAAQ,CAACoB,YAAY,CAAC,uBAAuB,CAAC;AACvE,MAAMU,eAAe,GACnBZ,gBAAgB,IAAIW,gBAAgB,CAACP,IAAI,KAAK,UAAU,GACpDO,gBAAgB,CAACN,eAAe,CAAC,CAAC,CAACC,OAAO,GAC1C,IAAI;AAEV,eAAe;EACbO,EAAE,EAAE,WAAW;EACfC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DR,OAAO,EAAEzB,KAAK,CAACkC,IAAI;AACrB,kBAAkB/B,IAAI,IAAIQ,cAAc,GAAGK,iBAAiB;AAC5D,IAAIM,cAAc;AAClB,sBAAsBM,eAAe;AACrC,IAAIG,eAAe;AACnB;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/ProgressSegmented.figma.js

@@ -0,0 +1,33 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.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);
+export default {
+  id: 'progress-segmented',
+  imports: ["import { ProgressSegmented } from '@cdx-ui/components'"],
+  example: figma.code`<ProgressSegmented segments={${segmentsCount}} step={${step}}${isStepComplete ? figma.code` isStepComplete` : figma.code``} />`
+};
+//# sourceMappingURL=ProgressSegmented.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","segmentsCount","getEnum","stepRaw","complete","isStepComplete","step","Number","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/ProgressSegmented.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,aAAa,GAAGF,QAAQ,CAACG,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,GAAGJ,QAAQ,CAACG,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;AAE7D,eAAe;EACbK,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,wDAAwD,CAAC;EACnEC,OAAO,EAAEZ,KAAK,CAACa,IAAI,gCAAgCV,aAAa,WAAWK,IAAI,IAC7ED,cAAc,GAAGP,KAAK,CAACa,IAAI,iBAAiB,GAAGb,KAAK,CAACa,IAAI,EAAE;AAE/D,CAAC","ignoreList":[]}

package/lib/module/figma/Radio.figma.js

@@ -0,0 +1,34 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Enum-as-boolean: isDisabled and isInvalid are VARIANT properties in Figma (string values "true"/"false").
+// Rendered via renderProp so JSX formatting matches Code Connect conventions.
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: false
+});
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: false
+});
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const showLabel = instance.getEnum('Show Label?', {
+  true: true,
+  false: false
+});
+const labelText = instance.findText('Label').textContent;
+export default {
+  id: 'radio',
+  imports: ["import { Radio } from '@cdx-ui/components'"],
+  example: figma.code`
+<Radio value="option"${isDisabledProp}${isInvalidProp}>
+  ${showLabel ? figma.code`<Radio.Label>${labelText}</Radio.Label>` : null}
+</Radio>`
+};
+//# sourceMappingURL=Radio.figma.js.map