@cdx-ui/components 0.0.1-beta.11 → 0.0.1-beta.111

package/lib/module/figma/OtpInput.Cell.figma.js

@@ -0,0 +1,49 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5648-5089
+// source=packages/components/src/components/OtpInput/index.tsx
+// component=OtpInput.Cell
+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: undefined
+});
+const valueText = instance.findText('{value}', {
+  traverseInstances: true
+}).textContent;
+const valueProp = figma.helpers.react.renderProp('value', showValue ? valueText : undefined);
+const emptyCellExample = figma.code`
+<OtpInput.Cell variant="${variant}" size="${size}"${isInvalidProp}${isDisabledProp}>
+  <OtpInput.Field />
+</OtpInput.Cell>`;
+const filledCellExample = figma.code`
+<OtpInput
+  accessibilityLabel="Verification code"
+  cellCount={1}${valueProp}
+  onChangeText={() => {}}${isInvalidProp}${isDisabledProp}
+  variant="${variant}"
+  size="${size}"
+/>`;
+export default {
+  id: 'otp-input-cell',
+  imports: ["import { OtpInput } from '@cdx-ui/components'"],
+  example: showValue ? filledCellExample : emptyCellExample
+};
+//# sourceMappingURL=OtpInput.Cell.figma.js.map

package/lib/module/figma/OtpInput.Cell.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","valueText","findText","traverseInstances","textContent","valueProp","emptyCellExample","code","filledCellExample","id","imports","example"],"sourceRoot":"../../../src","sources":["figma/OtpInput.Cell.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,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMQ,SAAS,GACblB,QAAQ,CAACmB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMC,SAAS,GAAGvB,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEE,SAAS,GAAGC,SAAS,GAAGR,SAAS,CAAC;AAE5F,MAAMa,gBAAgB,GAAGxB,KAAK,CAACyB,IAAI;AACnC,0BAA0BtB,OAAO,WAAWG,IAAI,IAAIO,aAAa,GAAGI,cAAc;AAClF;AACA,iBAAiB;AAEjB,MAAMS,iBAAiB,GAAG1B,KAAK,CAACyB,IAAI;AACpC;AACA;AACA,iBAAiBF,SAAS;AAC1B,2BAA2BV,aAAa,GAAGI,cAAc;AACzD,aAAad,OAAO;AACpB,UAAUG,IAAI;AACd,GAAG;AAEH,eAAe;EACbqB,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEX,SAAS,GAAGQ,iBAAiB,GAAGF;AAC3C,CAAC","ignoreList":[]}

package/lib/module/figma/OtpInput.figma.js

@@ -0,0 +1,36 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5653-5035
+// source=packages/components/src/components/OtpInput/index.tsx
+// component=OtpInput
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const cellCount = instance.getEnum('cellCount', {
+  '4': 4,
+  '5': 5,
+  '6': 6,
+  '7': 7,
+  '8': 8
+});
+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);
+export default {
+  id: 'otp-input',
+  imports: ["import { OtpInput } from '@cdx-ui/components'"],
+  example: figma.code`
+<OtpInput
+  accessibilityLabel="Verification code"
+  cellCount={${cellCount}}
+  value=""
+  onChangeText={(value) => {}}${isInvalidProp}${isDisabledProp}
+/>`
+};
+//# sourceMappingURL=OtpInput.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","cellCount","getEnum","isInvalid","true","false","undefined","isDisabled","isInvalidProp","helpers","react","renderProp","isDisabledProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/OtpInput.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9C,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE;AACP,CAAC,CAAC;AAEF,MAAMC,SAAS,GAAGJ,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CE,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGR,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDE,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGd,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,eAAe;EACbM,EAAE,EAAE,WAAW;EACfC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAEjB,KAAK,CAACkB,IAAI;AACrB;AACA;AACA,eAAef,SAAS;AACxB;AACA,gCAAgCO,aAAa,GAAGI,cAAc;AAC9D;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/QuickActionButton.figma.js

@@ -0,0 +1,32 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5283-1723
+// source=packages/components/src/components/QuickActionButton/index.tsx
+// component=QuickActionButton
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// 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 → QuickActionButton.Icon `as` (ForgeIcon).
+// Prefer metadata.props.componentName from the icon Code Connect template.
+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'`] : [];
+const labelText = instance.findText('{label}').textContent;
+export default {
+  id: 'quick-action-button',
+  imports: ["import { QuickActionButton } from '@cdx-ui/components'", ...iconImports],
+  example: figma.code`
+<QuickActionButton${isDisabledProp}>
+  <QuickActionButton.Icon as={${iconSnippet}} />
+  <QuickActionButton.Label>${labelText}</QuickActionButton.Label>
+</QuickActionButton>`
+};
+//# sourceMappingURL=QuickActionButton.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","isDisabled","getEnum","true","false","undefined","isDisabledProp","helpers","react","renderProp","iconResult","getInstanceSwap","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","iconImports","labelText","findText","textContent","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/QuickActionButton.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,cAAc,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAER,UAAU,CAAC;;AAE/E;AACA;AACA,MAAMS,UAAU,GAAGX,QAAQ,CAACY,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,MAAMO,SAAS,GAAIrB,QAAQ,CAACsB,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAE1F,eAAe;EACbC,EAAE,EAAE,qBAAqB;EACzBC,OAAO,EAAE,CAAC,wDAAwD,EAAE,GAAGL,WAAW,CAAC;EACnFD,OAAO,EAAEpB,KAAK,CAAC2B,IAAI;AACrB,oBAAoBnB,cAAc;AAClC,gCAAgCW,WAAW;AAC3C,6BAA6BG,SAAS;AACtC;AACA,CAAC","ignoreList":[]}

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

@@ -1,21 +1,23 @@
 "use strict";
 
-// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-CDS-V2--React-Native?node-id=2603-62
+// 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.
-// Map "false" to undefined so the prop is omitted when not set.
+// 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: undefined
+  false: false
 });
 const isInvalid = instance.getEnum('isInvalid', {
   true: true,
-  false: undefined
+  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
@@ -25,7 +27,7 @@ export default {
   id: 'radio',
   imports: ["import { Radio } from '@cdx-ui/components'"],
   example: figma.code`
-<Radio value="option" isDisabled={${isDisabled}} isInvalid={${isInvalid}}>
+<Radio value="option"${isDisabledProp}${isInvalidProp}>
   ${showLabel ? figma.code`<Radio.Label>${labelText}</Radio.Label>` : null}
 </Radio>`
 };

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

@@ -1 +1 @@
-{"version":3,"names":["figma","instance","selectedInstance","isDisabled","getEnum","true","false","undefined","isInvalid","showLabel","labelText","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGP,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,SAAS,GAAGR,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMI,SAAS,GAAIT,QAAQ,CAACU,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAExF,eAAe;EACbC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEf,KAAK,CAACgB,IAAI;AACrB,oCAAoCb,UAAU,gBAAgBK,SAAS;AACvE,IAAIC,SAAS,GAAGT,KAAK,CAACgB,IAAI,gBAAgBN,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["figma","instance","selectedInstance","isDisabled","getEnum","true","false","isInvalid","isDisabledProp","helpers","react","renderProp","isInvalidProp","showLabel","labelText","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Radio.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGN,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAME,cAAc,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAER,UAAU,CAAC;AAC/E,MAAMS,aAAa,GAAGZ,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEJ,SAAS,CAAC;AAE5E,MAAMM,SAAS,GAAGZ,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMQ,SAAS,GAAIb,QAAQ,CAACc,QAAQ,CAAC,OAAO,CAAC,CAAgCC,WAAW;AAExF,eAAe;EACbC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEnB,KAAK,CAACoB,IAAI;AACrB,uBAAuBZ,cAAc,GAAGI,aAAa;AACrD,IAAIC,SAAS,GAAGb,KAAK,CAACoB,IAAI,gBAAgBN,SAAS,gBAAgB,GAAG,IAAI;AAC1E;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=427-2296
+// source=packages/components/src/components/Select/index.tsx
+// component=Select
+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: undefined
+});
+const showPlaceholder = instance.getEnum('Show Placeholder?', {
+  true: true,
+  false: undefined
+});
+const valueText = instance.findText('{value}', {
+  traverseInstances: true
+}).textContent;
+const placeholder = instance.getString('placeholder');
+const valueProp = figma.helpers.react.renderProp('value', showValue ? 'value' : undefined);
+export default {
+  id: 'select',
+  imports: ["import { Select } from '@cdx-ui/components'"],
+  example: figma.code`
+<Select variant="${variant}" size="${size}" items={[{ value: 'value', label: '${valueText}' }]}${valueProp}${isInvalidProp}${isDisabledProp}>
+  <Select.Trigger>
+    ${showPlaceholder ? figma.code`<Select.Value placeholder="${placeholder}" />` : figma.code`<Select.Value />`}
+  </Select.Trigger>
+</Select>`
+};
+//# sourceMappingURL=Select.figma.js.map

package/lib/module/figma/Select.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","valueProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Select.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,EAAEC;AACT,CAAC,CAAC;AACF,MAAMQ,eAAe,GAAGlB,QAAQ,CAACG,OAAO,CAAC,mBAAmB,EAAE;EAC5DK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMS,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,SAAS,GAAG1B,KAAK,CAACc,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEE,SAAS,GAAG,OAAO,GAAGP,SAAS,CAAC;AAE1F,eAAe;EACbgB,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAE7B,KAAK,CAAC8B,IAAI;AACrB,mBAAmB3B,OAAO,WAAWG,IAAI,uCAAuCc,SAAS,QAAQM,SAAS,GAAGb,aAAa,GAAGI,cAAc;AAC3I;AACA,MAAME,eAAe,GAAGnB,KAAK,CAAC8B,IAAI,8BAA8BN,WAAW,MAAM,GAAGxB,KAAK,CAAC8B,IAAI,kBAAkB;AAChH;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=400-3
+// source=packages/components/src/components/Text/index.tsx
+// component=Text
+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('{Text}').textContent;
+export default {
+  id: 'text',
+  imports: ["import { Text } from '@cdx-ui/components'"],
+  example: figma.code`<Text size="${size}">${text}</Text>`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Text.figma.js.map

package/lib/module/figma/Text.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","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Text.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,IAAI,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;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,QAAQ,CAAC,CAAgCC,WAAW;AAEpF,eAAe;EACbC,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEf,KAAK,CAACgB,IAAI,eAAeb,IAAI,KAAKO,IAAI,SAAS;EACxDO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/Textarea.figma.js

@@ -0,0 +1,41 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=7078-1235
+// source=packages/components/src/components/Textarea/index.tsx
+// component=Textarea
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const variant = instance.getEnum('variant', {
+  outlined: 'outline'
+});
+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: 'textarea',
+  imports: ["import { Textarea } from '@cdx-ui/components'"],
+  example: figma.code`
+<Textarea variant="${variant}" ${isInvalidProp}${isDisabledProp}${defaultValueProp}${placeholderProp} />`
+};
+//# sourceMappingURL=Textarea.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","variant","getEnum","outlined","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/Textarea.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;AAEF,MAAMC,SAAS,GAAGL,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CG,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGT,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDG,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAME,aAAa,GAAGX,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAER,SAAS,CAAC;AAC5E,MAAMS,cAAc,GAAGf,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMM,SAAS,GAAGf,QAAQ,CAACG,OAAO,CAAC,aAAa,EAAE;EAChDG,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMS,eAAe,GAAGhB,QAAQ,CAACG,OAAO,CAAC,mBAAmB,EAAE;EAC5DG,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMU,SAAS,GACbjB,QAAQ,CAACkB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,WAAW,GAAGrB,QAAQ,CAACsB,SAAS,CAAC,aAAa,CAAC;AAErD,MAAMC,gBAAgB,GAAGxB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CACrD,cAAc,EACdE,SAAS,GAAGE,SAAS,GAAGT,SAC1B,CAAC;AACD,MAAMgB,eAAe,GAAGzB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CACpD,aAAa,EACbG,eAAe,GAAGK,WAAW,GAAGb,SAClC,CAAC;AAED,eAAe;EACbiB,EAAE,EAAE,UAAU;EACdC,OAAO,EAAE,CAAC,+CAA+C,CAAC;EAC1DC,OAAO,EAAE5B,KAAK,CAAC6B,IAAI;AACrB,qBAAqB1B,OAAO,KAAKQ,aAAa,GAAGI,cAAc,GAAGS,gBAAgB,GAAGC,eAAe;AACpG,CAAC","ignoreList":[]}

package/lib/module/figma/icons.figma.batch.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const name = figma.batch.name;
+const filled = instance.getEnum('filled', {
+  true: true,
+  false: undefined
+});
+const filledProp = figma.helpers.react.renderProp('filled', filled);
+export default {
+  example: figma.code`<Icon as={${name}}${filledProp} />`,
+  imports: [`import { Icon } from '@cdx-ui/components'`, `import { ${name} } from '@cdx-ui/icons'`],
+  id: figma.batch.id,
+  metadata: {
+    nestable: true,
+    props: {
+      componentName: name
+    }
+  }
+};
+//# sourceMappingURL=icons.figma.batch.js.map

package/lib/module/figma/icons.figma.batch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","name","batch","filled","getEnum","true","false","undefined","filledProp","helpers","react","renderProp","example","code","imports","id","metadata","nestable","props","componentName"],"sourceRoot":"../../../src","sources":["figma/icons.figma.batch.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AACvC,MAAMC,IAAI,GAAGH,KAAK,CAACI,KAAK,CAACD,IAAc;AACvC,MAAME,MAAM,GAAGJ,QAAQ,CAACK,OAAO,CAAC,QAAQ,EAAE;EACxCC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAER,MAAM,CAAC;AAEnE,eAAe;EACbS,OAAO,EAAEd,KAAK,CAACe,IAAI,aAAaZ,IAAI,IAAIO,UAAU,KAAK;EACvDM,OAAO,EAAE,CAAC,2CAA2C,EAAE,YAAYb,IAAI,yBAAyB,CAAC;EACjGc,EAAE,EAAEjB,KAAK,CAACI,KAAK,CAACa,EAAY;EAC5BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAI;IACdC,KAAK,EAAE;MAAEC,aAAa,EAAElB;IAAK;EAC/B;AACF,CAAC","ignoreList":[]}