@cdx-ui/components 0.1.3 → 0.1.5

package/lib/module/figma/DateRangePicker.figma.js

@@ -0,0 +1,79 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12449-28564
+// source=packages/components/src/components/DateRangePicker/index.tsx
+// component=DateRangePicker
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// `isOpen` only previews the open surface; the picker opens from its trigger at runtime.
+const surface = instance.getEnum('Picker Type', {
+  Popover: 'DateRangePicker.Popover',
+  Dialog: 'DateRangePicker.Dialog',
+  BottomSheet: 'DateRangePicker.BottomSheet'
+});
+
+// The nested Figma Field (DateRangeField) has no standalone code component; in code the range
+// input is composed from DateField parts inside DateRangePicker, so its properties are read here.
+const field = instance.findInstance('Field (DateRangeField)');
+const rangeField = instance.findInstance('DateRangeField', {
+  traverseInstances: true
+});
+const hasField = field.type === 'INSTANCE';
+const hasRangeField = rangeField.type === 'INSTANCE';
+const showLabel = hasField && field.getBoolean('Show Label?');
+const showHelperText = hasField && field.getBoolean('Show Helper Text?');
+const showErrorText = hasField && field.getBoolean('Show Error Text?');
+const isInvalid = hasField ? field.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+}) : undefined;
+const isReadOnly = hasField ? field.getEnum('isReadOnly', {
+  true: true,
+  false: undefined
+}) : undefined;
+const isDisabled = hasField ? field.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+}) : undefined;
+const showPickerTrigger = hasRangeField && rangeField.getBoolean('Show Picker Trigger?');
+const showPrefixSlot = hasRangeField && rangeField.getBoolean('Show Prefix Slot?');
+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 isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const isReadOnlyProp = figma.helpers.react.renderProp('isReadOnly', isReadOnly);
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+export default {
+  id: 'date-range-picker',
+  imports: ["import { DateField, DateRangePicker, Field } from '@cdx-ui/components'"],
+  example: figma.code`
+${showPrefixSlot ? figma.code`{/* The Figma prefix slot has no DateField equivalent. */}` : null}
+<Field${isInvalidProp}${isReadOnlyProp}${isDisabledProp}>
+  <DateRangePicker value={value} onValueChange={setValue}>
+    ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
+    <DateRangePicker.Trigger className="w-full">
+      <DateField.Group fullWidth>
+        <DateField.Input slot="start" />
+        <DateRangePicker.RangeSeparator />
+        <DateField.Input slot="end" />
+        ${showPickerTrigger ? figma.code`<DateField.Suffix>
+          <DateRangePicker.TriggerIndicator />
+        </DateField.Suffix>` : null}
+      </DateField.Group>
+    </DateRangePicker.Trigger>
+    ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+    ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
+    <${surface}>
+      <DateRangePicker.Calendar accessibilityLabel="${labelText}" />
+    </${surface}>
+  </DateRangePicker>
+</Field>`
+};
+//# sourceMappingURL=DateRangePicker.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","surface","getEnum","Popover","Dialog","BottomSheet","field","findInstance","rangeField","traverseInstances","hasField","type","hasRangeField","showLabel","getBoolean","showHelperText","showErrorText","isInvalid","true","false","undefined","isReadOnly","isDisabled","showPickerTrigger","showPrefixSlot","labelText","findText","textContent","helperText","errorText","isInvalidProp","helpers","react","renderProp","isReadOnlyProp","isDisabledProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/DateRangePicker.figma.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/figma/DateTimeField.figma.js

@@ -0,0 +1,63 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=11787-10754
+// source=packages/components/src/components/DateTimeField/index.tsx
+// component=DateTimeField
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isReadOnly = instance.getEnum('isReadOnly', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const showPrefixSlot = instance.getBoolean('Show Prefix Slot?');
+const showPickerTrigger = instance.getBoolean('Show Picker Trigger?');
+
+// The nested DateTimeField.Value `format` encodes both the smallest segment and the clock style.
+const granularityByFormat = {
+  'MM/DD/YYYY hh:mm A': undefined,
+  'MM/DD/YYYY hh:mm:ss A': 'second',
+  'MM/DD/YYYY HH:mm (24-hour)': undefined,
+  'MM/DD/YYYY HH:mm:ss (24-hour)': 'second'
+};
+const hour12ByFormat = {
+  'MM/DD/YYYY hh:mm A': true,
+  'MM/DD/YYYY hh:mm:ss A': true,
+  'MM/DD/YYYY HH:mm (24-hour)': false,
+  'MM/DD/YYYY HH:mm:ss (24-hour)': false
+};
+const value = instance.findInstance('DateTimeField.Value');
+const format = value.type === 'INSTANCE' ? value.getPropertyValue('format') : undefined;
+const granularity = typeof format === 'string' ? granularityByFormat[format] : undefined;
+const hour12 = typeof format === 'string' ? hour12ByFormat[format] : undefined;
+const granularityProp = figma.helpers.react.renderProp('granularity', granularity);
+const hour12Prop = figma.helpers.react.renderProp('hour12', hour12);
+const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const isReadOnlyProp = figma.helpers.react.renderProp('isReadOnly', isReadOnly);
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+export default {
+  id: 'date-time-field',
+  imports: ["import { DateTimeField } from '@cdx-ui/components'"],
+  example: figma.code`
+${showPrefixSlot ? figma.code`{/* The Figma prefix slot has no DateTimeField equivalent. */}` : null}
+${showPickerTrigger ? figma.code`{/* A picker trigger needs DateTimePicker; DateTimeField has no trigger of its own. */}` : null}
+<DateTimeField
+  value={value}
+  onValueChange={setValue}
+  aria-label="Date and time"${granularityProp}${hour12Prop}${isInvalidProp}${isReadOnlyProp}${isDisabledProp}
+>
+  <DateTimeField.Group>
+    <DateTimeField.Input>
+      {(segment) => <DateTimeField.Segment segment={segment} />}
+    </DateTimeField.Input>
+  </DateTimeField.Group>
+</DateTimeField>`
+};
+//# sourceMappingURL=DateTimeField.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","isInvalid","getEnum","true","false","undefined","isReadOnly","isDisabled","showPrefixSlot","getBoolean","showPickerTrigger","granularityByFormat","hour12ByFormat","value","findInstance","format","type","getPropertyValue","granularity","hour12","granularityProp","helpers","react","renderProp","hour12Prop","isInvalidProp","isReadOnlyProp","isDisabledProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/DateTimeField.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;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGP,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGR,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMG,cAAc,GAAGT,QAAQ,CAACU,UAAU,CAAC,mBAAmB,CAAC;AAC/D,MAAMC,iBAAiB,GAAGX,QAAQ,CAACU,UAAU,CAAC,sBAAsB,CAAC;;AAErE;AACA,MAAME,mBAAuD,GAAG;EAC9D,oBAAoB,EAAEN,SAAS;EAC/B,uBAAuB,EAAE,QAAQ;EACjC,4BAA4B,EAAEA,SAAS;EACvC,+BAA+B,EAAE;AACnC,CAAC;AACD,MAAMO,cAAuC,GAAG;EAC9C,oBAAoB,EAAE,IAAI;EAC1B,uBAAuB,EAAE,IAAI;EAC7B,4BAA4B,EAAE,KAAK;EACnC,+BAA+B,EAAE;AACnC,CAAC;AACD,MAAMC,KAAK,GAAGd,QAAQ,CAACe,YAAY,CAAC,qBAAqB,CAAC;AAC1D,MAAMC,MAAM,GAAGF,KAAK,CAACG,IAAI,KAAK,UAAU,GAAGH,KAAK,CAACI,gBAAgB,CAAC,QAAQ,CAAC,GAAGZ,SAAS;AACvF,MAAMa,WAAW,GAAG,OAAOH,MAAM,KAAK,QAAQ,GAAGJ,mBAAmB,CAACI,MAAM,CAAC,GAAGV,SAAS;AACxF,MAAMc,MAAM,GAAG,OAAOJ,MAAM,KAAK,QAAQ,GAAGH,cAAc,CAACG,MAAM,CAAC,GAAGV,SAAS;AAE9E,MAAMe,eAAe,GAAGtB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,aAAa,EAAEL,WAAW,CAAC;AAClF,MAAMM,UAAU,GAAG1B,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,QAAQ,EAAEJ,MAAM,CAAC;AACnE,MAAMM,aAAa,GAAG3B,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEtB,SAAS,CAAC;AAC5E,MAAMyB,cAAc,GAAG5B,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEjB,UAAU,CAAC;AAC/E,MAAMqB,cAAc,GAAG7B,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEhB,UAAU,CAAC;AAE/E,eAAe;EACbqB,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,oDAAoD,CAAC;EAC/DC,OAAO,EAAEhC,KAAK,CAACiC,IAAI;AACrB,EAAEvB,cAAc,GAAGV,KAAK,CAACiC,IAAI,gEAAgE,GAAG,IAAI;AACpG,EAAErB,iBAAiB,GAAGZ,KAAK,CAACiC,IAAI,yFAAyF,GAAG,IAAI;AAChI;AACA;AACA;AACA,8BAA8BX,eAAe,GAAGI,UAAU,GAAGC,aAAa,GAAGC,cAAc,GAAGC,cAAc;AAC5G;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Drawer.Content.figma.js

@@ -0,0 +1,23 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9959-15591
+// source=packages/components/src/components/Drawer/index.tsx
+// component=Drawer.Content
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// 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);
+const contentSlot = instance.getSlot('children');
+const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
+export default {
+  id: 'drawer-content',
+  imports: ["import { Drawer } from '@cdx-ui/components'"],
+  example: figma.code`<Drawer.Content${fullBleedProp}>${contentChildren}</Drawer.Content>`
+};
+//# sourceMappingURL=Drawer.Content.figma.js.map

package/lib/module/figma/Drawer.Content.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","fullBleed","getEnum","true","false","undefined","fullBleedProp","helpers","react","renderProp","contentSlot","getSlot","contentChildren","renderChildren","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Drawer.Content.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,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,WAAW,GAAGX,QAAQ,CAACY,OAAO,CAAC,UAAU,CAAC;AAChD,MAAMC,eAAe,GAAGF,WAAW,GAAGZ,KAAK,CAACS,OAAO,CAACC,KAAK,CAACK,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,eAAe;EACbI,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAElB,KAAK,CAACmB,IAAI,kBAAkBX,aAAa,IAAIM,eAAe;AACvE,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","description","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Drawer.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,oBAAoB;EACxBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAER,KAAK,CAACS,IAAI,uBAAuBN,WAAW;AACvD,CAAC","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9965-15672
+// source=packages/components/src/components/Drawer/index.tsx
+// component=Drawer.Footer
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Viewport is excluded — footer layout is responsive at runtime.
+const showSeparator = instance.getEnum('showSeparator', {
+  true: true,
+  false: undefined
+});
+const showSeparatorProp = figma.helpers.react.renderProp('showSeparator', showSeparator);
+
+// Figma layers are both named "Button", inside the `children` SLOT.
+// findInstance + executeTemplate inlines nested Button Code Connect instead of a {children} pill.
+const actionButtons = instance.findLayers(node => node.type === 'INSTANCE' && node.name === 'Button', {
+  traverseInstances: true
+});
+const firstButton = actionButtons[0]?.type === 'INSTANCE' ? actionButtons[0].executeTemplate().example : null;
+const secondButton = actionButtons[1]?.type === 'INSTANCE' ? actionButtons[1].executeTemplate().example : null;
+export default {
+  id: 'drawer-footer',
+  imports: ["import { Drawer } from '@cdx-ui/components'"],
+  metadata: {
+    nestable: true
+  },
+  example: figma.code`
+<Drawer.Footer${showSeparatorProp}>
+  ${firstButton}
+  ${secondButton}
+</Drawer.Footer>`
+};
+//# sourceMappingURL=Drawer.Footer.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showSeparator","getEnum","true","false","undefined","showSeparatorProp","helpers","react","renderProp","actionButtons","findLayers","node","type","name","traverseInstances","firstButton","executeTemplate","example","secondButton","id","imports","metadata","nestable","code"],"sourceRoot":"../../../src","sources":["figma/Drawer.Footer.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,aAAa,GAAGF,QAAQ,CAACG,OAAO,CAAC,eAAe,EAAE;EACtDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,iBAAiB,GAAGR,KAAK,CAACS,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,eAAe,EAAER,aAAa,CAAC;;AAExF;AACA;AACA,MAAMS,aAAa,GAAGX,QAAQ,CAACY,UAAU,CACtCC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,UAAU,IAAID,IAAI,CAACE,IAAI,KAAK,QAAQ,EAC5D;EAAEC,iBAAiB,EAAE;AAAK,CAC5B,CAAC;AACD,MAAMC,WAAW,GACfN,aAAa,CAAC,CAAC,CAAC,EAAEG,IAAI,KAAK,UAAU,GAAGH,aAAa,CAAC,CAAC,CAAC,CAACO,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAC3F,MAAMC,YAAY,GAChBT,aAAa,CAAC,CAAC,CAAC,EAAEG,IAAI,KAAK,UAAU,GAAGH,aAAa,CAAC,CAAC,CAAC,CAACO,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE3F,eAAe;EACbE,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK,CAAC;EAC5BL,OAAO,EAAEpB,KAAK,CAAC0B,IAAI;AACrB,gBAAgBlB,iBAAiB;AACjC,IAAIU,WAAW;AACf,IAAIG,YAAY;AAChB;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=10060-3874
+// source=packages/components/src/components/Drawer/index.tsx
+// component=Drawer.Header
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Figma Header property surface (node 10060:3874):
+// - showSeparator — real prop on Drawer.Header
+// - Show Content? / Show LeadingSlot? — design toggles only; they never become props.
+//   They only choose which children are composed inside Drawer.Header.
+// - Content SLOT → its children (Drawer.Title / Drawer.Description) as direct children of
+//   Drawer.Header, which stacks them in its text column. Not Drawer.Content; that is the body.
+// - LeadingSlot SLOT → Drawer.LeadingSlot
+// - Close is the IconButton instance in Figma. Drawer.Header renders Drawer.Close by default,
+//   so it is not emitted.
+
+const showSeparator = instance.getEnum('showSeparator', {
+  true: true,
+  false: false
+});
+const showSeparatorProp = figma.helpers.react.renderProp('showSeparator', showSeparator);
+const showContent = instance.getBoolean('Show Content?');
+const showLeadingSlot = instance.getBoolean('Show LeadingSlot?');
+const leadingSlot = instance.getSlot('LeadingSlot');
+const leadingChildren = showLeadingSlot && leadingSlot ? figma.helpers.react.renderChildren(leadingSlot) : null;
+const contentSlot = instance.getSlot('Content');
+const contentChildren = showContent && contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
+export default {
+  id: 'drawer-header',
+  imports: ["import { Drawer } from '@cdx-ui/components'"],
+  example: figma.code`
+<Drawer.Header${showSeparatorProp}>
+  ${showLeadingSlot ? figma.code`<Drawer.LeadingSlot>${leadingChildren}</Drawer.LeadingSlot>` : null}
+  ${contentChildren}
+</Drawer.Header>`
+};
+//# sourceMappingURL=Drawer.Header.figma.js.map

package/lib/module/figma/Drawer.Header.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showSeparator","getEnum","true","false","showSeparatorProp","helpers","react","renderProp","showContent","getBoolean","showLeadingSlot","leadingSlot","getSlot","leadingChildren","renderChildren","contentSlot","contentChildren","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Drawer.Header.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,aAAa,GAAGF,QAAQ,CAACG,OAAO,CAAC,eAAe,EAAE;EACtDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,iBAAiB,GAAGP,KAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,eAAe,EAAEP,aAAa,CAAC;AAExF,MAAMQ,WAAW,GAAGV,QAAQ,CAACW,UAAU,CAAC,eAAe,CAAC;AACxD,MAAMC,eAAe,GAAGZ,QAAQ,CAACW,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAME,WAAW,GAAGb,QAAQ,CAACc,OAAO,CAAC,aAAa,CAAC;AACnD,MAAMC,eAAe,GACnBH,eAAe,IAAIC,WAAW,GAAGd,KAAK,CAACQ,OAAO,CAACC,KAAK,CAACQ,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAEzF,MAAMI,WAAW,GAAGjB,QAAQ,CAACc,OAAO,CAAC,SAAS,CAAC;AAC/C,MAAMI,eAAe,GACnBR,WAAW,IAAIO,WAAW,GAAGlB,KAAK,CAACQ,OAAO,CAACC,KAAK,CAACQ,cAAc,CAACC,WAAW,CAAC,GAAG,IAAI;AAErF,eAAe;EACbE,EAAE,EAAE,eAAe;EACnBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEtB,KAAK,CAACuB,IAAI;AACrB,gBAAgBhB,iBAAiB;AACjC,IAAIM,eAAe,GAAGb,KAAK,CAACuB,IAAI,uBAAuBP,eAAe,uBAAuB,GAAG,IAAI;AACpG,IAAIG,eAAe;AACnB;AACA,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","title","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Drawer.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,cAAc;EAClBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAER,KAAK,CAACS,IAAI,iBAAiBN,KAAK;AAC3C,CAAC","ignoreList":[]}

package/lib/module/figma/Drawer.figma.js

@@ -0,0 +1,35 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9956-15204
+// source=packages/components/src/components/Drawer/index.tsx
+// component=Drawer
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const size = instance.getEnum('size', {
+  narrow: 'small',
+  medium: 'default',
+  wide: 'large'
+});
+const variant = instance.getEnum('variant', {
+  permanent: 'permanent',
+  modal: 'modal'
+});
+
+// Delegate to nested Code Connect templates — each sub-component manages its own snippet.
+const headerInstance = instance.findInstance('Drawer.Header');
+const headerSnippet = headerInstance.type === 'INSTANCE' ? headerInstance.executeTemplate().example : null;
+const contentSlot = instance.getSlot('children');
+const contentChildren = contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
+const footerInstance = instance.findInstance('Drawer.Footer');
+const footerSnippet = footerInstance.type === 'INSTANCE' ? footerInstance.executeTemplate().example : null;
+export default {
+  id: 'drawer',
+  imports: ["import { Drawer } from '@cdx-ui/components'"],
+  example: figma.code`
+<Drawer variant="${variant}" size="${size}">
+  ${headerSnippet}
+  <Drawer.Content>${contentChildren}</Drawer.Content>
+  ${footerSnippet}
+</Drawer>`
+};
+//# sourceMappingURL=Drawer.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","size","getEnum","narrow","medium","wide","variant","permanent","modal","headerInstance","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","contentChildren","helpers","react","renderChildren","footerInstance","footerSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Drawer.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,MAAM,EAAE,OAAO;EACfC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,OAAO,GAAGP,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EAC1CK,SAAS,EAAE,WAAW;EACtBC,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF;AACA,MAAMC,cAAc,GAAGV,QAAQ,CAACW,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,GAAGhB,QAAQ,CAACiB,OAAO,CAAC,UAAU,CAAC;AAChD,MAAMC,eAAe,GAAGF,WAAW,GAAGjB,KAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMM,cAAc,GAAGtB,QAAQ,CAACW,YAAY,CAAC,eAAe,CAAC;AAC7D,MAAMY,aAAa,GACjBD,cAAc,CAACT,IAAI,KAAK,UAAU,GAAGS,cAAc,CAACR,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEtF,eAAe;EACbS,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDV,OAAO,EAAEhB,KAAK,CAAC2B,IAAI;AACrB,mBAAmBnB,OAAO,WAAWL,IAAI;AACzC,IAAIU,aAAa;AACjB,oBAAoBM,eAAe;AACnC,IAAIK,aAAa;AACjB;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5541-5756
+// 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?');
+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 checkboxGroup = instance.findInstance('Checkbox.Group');
+let checkboxGroupSnippet;
+if (checkboxGroup.type === 'INSTANCE') {
+  checkboxGroupSnippet = checkboxGroup.executeTemplate().example;
+}
+export default {
+  id: 'field-checkbox',
+  imports: ["import { Field } from '@cdx-ui/components'"],
+  example: figma.code`
+<Field${isInvalidProp}${isDisabledProp}>
+  ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${checkboxGroupSnippet}
+  ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.Checkbox.figma.js.map

package/lib/module/figma/Field.Checkbox.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","checkboxGroup","findInstance","checkboxGroupSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.Checkbox.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,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,aAAa,GAAGvB,QAAQ,CAACwB,YAAY,CAAC,gBAAgB,CAAC;AAC7D,IAAIC,oBAAiE;AACrE,IAAIF,aAAa,CAACG,IAAI,KAAK,UAAU,EAAE;EACrCD,oBAAoB,GAAGF,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAChE;AAEA,eAAe;EACbC,EAAE,EAAE,gBAAgB;EACpBC,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,oBAAoB;AACxB,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.DateField.figma.js

@@ -0,0 +1,51 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12120-7982
+// 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?');
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isReadOnly = instance.getEnum('isReadOnly', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const isReadOnlyProp = figma.helpers.react.renderProp('isReadOnly', isReadOnly);
+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 dateField = instance.findInstance('DateField');
+let dateFieldSnippet;
+if (dateField.type === 'INSTANCE') {
+  dateFieldSnippet = dateField.executeTemplate().example;
+}
+export default {
+  id: 'field-date-field',
+  imports: ["import { Field } from '@cdx-ui/components'"],
+  example: figma.code`
+<Field${isInvalidProp}${isReadOnlyProp}${isDisabledProp}>
+  ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${dateFieldSnippet}
+  ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.DateField.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showLabel","getBoolean","showHelperText","showErrorText","isInvalid","getEnum","true","false","undefined","isReadOnly","isDisabled","isInvalidProp","helpers","react","renderProp","isReadOnlyProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","dateField","findInstance","dateFieldSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.DateField.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,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;AACF,MAAME,UAAU,GAAGZ,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,aAAa,GAAGd,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMW,cAAc,GAAGlB,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEL,UAAU,CAAC;AAC/E,MAAMO,cAAc,GAAGnB,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMO,SAAS,GACbnB,QAAQ,CAACoB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdvB,QAAQ,CAACoB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbxB,QAAQ,CAACoB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,SAAS,GAAGzB,QAAQ,CAAC0B,YAAY,CAAC,WAAW,CAAC;AACpD,IAAIC,gBAA6D;AACjE,IAAIF,SAAS,CAACG,IAAI,KAAK,UAAU,EAAE;EACjCD,gBAAgB,GAAGF,SAAS,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AACxD;AAEA,eAAe;EACbC,EAAE,EAAE,kBAAkB;EACtBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDF,OAAO,EAAE/B,KAAK,CAACkC,IAAI;AACrB,QAAQpB,aAAa,GAAGI,cAAc,GAAGC,cAAc;AACvD,IAAIhB,SAAS,GAAGH,KAAK,CAACkC,IAAI,gBAAgBd,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,gBAAgB;AACpB,IAAI,CAACrB,SAAS,IAAIF,cAAc,GAAGL,KAAK,CAACkC,IAAI,iBAAiBV,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIjB,SAAS,IAAID,aAAa,GAAGN,KAAK,CAACkC,IAAI,gBAAgBT,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12449-31583
+// 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?');
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isReadOnly = instance.getEnum('isReadOnly', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isInvalidProp = figma.helpers.react.renderProp('isInvalid', isInvalid);
+const isReadOnlyProp = figma.helpers.react.renderProp('isReadOnly', isReadOnly);
+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 dateTimeField = instance.findInstance('DateTimeField');
+let dateTimeFieldSnippet;
+if (dateTimeField.type === 'INSTANCE') {
+  dateTimeFieldSnippet = dateTimeField.executeTemplate().example;
+}
+export default {
+  id: 'field-date-time-field',
+  imports: ["import { Field } from '@cdx-ui/components'"],
+  example: figma.code`
+<Field${isInvalidProp}${isReadOnlyProp}${isDisabledProp}>
+  ${showLabel ? figma.code`<Field.Label>${labelText}</Field.Label>` : null}
+  ${dateTimeFieldSnippet}
+  ${!isInvalid && showHelperText ? figma.code`<Field.Helper>${helperText}</Field.Helper>` : null}
+  ${isInvalid && showErrorText ? figma.code`<Field.Error>${errorText}</Field.Error>` : null}
+</Field>`
+};
+//# sourceMappingURL=Field.DateTimeField.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showLabel","getBoolean","showHelperText","showErrorText","isInvalid","getEnum","true","false","undefined","isReadOnly","isDisabled","isInvalidProp","helpers","react","renderProp","isReadOnlyProp","isDisabledProp","labelText","findText","traverseInstances","textContent","helperText","errorText","dateTimeField","findInstance","dateTimeFieldSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Field.DateTimeField.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,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;AACF,MAAME,UAAU,GAAGZ,QAAQ,CAACO,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,aAAa,GAAGd,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMW,cAAc,GAAGlB,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEL,UAAU,CAAC;AAC/E,MAAMO,cAAc,GAAGnB,KAAK,CAACe,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAE/E,MAAMO,SAAS,GACbnB,QAAQ,CAACoB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAMC,UAAU,GACdvB,QAAQ,CAACoB,QAAQ,CAAC,cAAc,EAAE;EAChCC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AACb,MAAME,SAAS,GACbxB,QAAQ,CAACoB,QAAQ,CAAC,aAAa,EAAE;EAC/BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMG,aAAa,GAAGzB,QAAQ,CAAC0B,YAAY,CAAC,eAAe,CAAC;AAC5D,IAAIC,oBAAiE;AACrE,IAAIF,aAAa,CAACG,IAAI,KAAK,UAAU,EAAE;EACrCD,oBAAoB,GAAGF,aAAa,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO;AAChE;AAEA,eAAe;EACbC,EAAE,EAAE,uBAAuB;EAC3BC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDF,OAAO,EAAE/B,KAAK,CAACkC,IAAI;AACrB,QAAQpB,aAAa,GAAGI,cAAc,GAAGC,cAAc;AACvD,IAAIhB,SAAS,GAAGH,KAAK,CAACkC,IAAI,gBAAgBd,SAAS,gBAAgB,GAAG,IAAI;AAC1E,IAAIQ,oBAAoB;AACxB,IAAI,CAACrB,SAAS,IAAIF,cAAc,GAAGL,KAAK,CAACkC,IAAI,iBAAiBV,UAAU,iBAAiB,GAAG,IAAI;AAChG,IAAIjB,SAAS,IAAID,aAAa,GAAGN,KAAK,CAACkC,IAAI,gBAAgBT,SAAS,gBAAgB,GAAG,IAAI;AAC3F;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Image.figma.js

@@ -0,0 +1,18 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9091-16186
+// source=packages/components/src/components/Image/Image.tsx
+// component=Image
+import figma from 'figma';
+
+// The Figma Image component has no properties; its fill is a per-instance image override that the
+// template API cannot read, so the snippet uses placeholder `source` and `alt` values.
+export default {
+  id: 'image',
+  imports: ["import { Image } from '@cdx-ui/components'"],
+  example: figma.code`<Image source="https://example.com/image.jpg" alt="Image description" resizeMode="cover" />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Image.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Image.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA,eAAe;EACbC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEH,KAAK,CAACI,IAAI,6FAA6F;EAChHC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/Menu.Item.figma.js

@@ -32,15 +32,43 @@ const labelText = instance.findText('{label}', {
 const shortcutText = showShortcut ? instance.findText('{shortcut}', {
   traverseInstances: true
 }).textContent : '';
-export default {
-  id: 'menu-checkbox-item',
-  imports: ["import { Menu } from '@cdx-ui/components'"],
-  example: figma.code`
+const checkboxLayer = instance.findInstance('Checkbox');
+const radioLayer = instance.findInstance('Radio');
+const buttonLayer = instance.findInstance('Button');
+const hasCheckbox = checkboxLayer.type === 'INSTANCE';
+const hasRadio = radioLayer.type === 'INSTANCE';
+const hasButton = buttonLayer.type === 'INSTANCE';
+const buttonSnippet = hasButton ? buttonLayer.executeTemplate().example : null;
+const countMatch = /^(.*?)\s*\((\d+)\)\s*$/.exec(labelText);
+const rowLabel = countMatch ? countMatch[1] : labelText;
+const countText = countMatch ? countMatch[2] : '';
+const countSnippet = countText ? figma.code` <Menu.ItemCount>${countText}</Menu.ItemCount>` : '';
+const filterExample = hasRadio ? figma.code`
+<Menu.RadioItem value="${rowLabel}"${disabledProp}>
+  <Menu.ItemControl />
+  <Menu.ItemLabel>${rowLabel}${countSnippet}</Menu.ItemLabel>
+</Menu.RadioItem>` : figma.code`
+<Menu.CheckboxItem color="${color}" onChange={() => {}}${insetProp}${checkedProp}${disabledProp}>
+  <Menu.ItemControl />
+  <Menu.ItemLabel>${rowLabel}${countSnippet}</Menu.ItemLabel>
+</Menu.CheckboxItem>`;
+const headerExample = figma.code`
+<Menu.GroupHeader>
+  <Menu.ItemLabel>${labelText}</Menu.ItemLabel>
+  <Menu.ItemAction>
+    ${buttonSnippet}
+  </Menu.ItemAction>
+</Menu.GroupHeader>`;
+const actionExample = figma.code`
 <Menu.CheckboxItem color="${color}" onPress={() => {}}${insetProp}${checkedProp}${disabledProp}>
   ${showLeadingIcon ? figma.code`<Menu.ItemIcon as={Icon} />` : ''}
   <Menu.ItemLabel>${labelText}</Menu.ItemLabel>
   ${showShortcut ? figma.code`<Menu.ItemShortcut>${shortcutText}</Menu.ItemShortcut>` : ''}
   <Menu.ItemIndicator />
-</Menu.CheckboxItem>`
+</Menu.CheckboxItem>`;
+export default {
+  id: 'menu-checkbox-item',
+  imports: ["import { Menu } from '@cdx-ui/components'"],
+  example: hasButton && !hasCheckbox && !hasRadio ? headerExample : hasCheckbox || hasRadio ? filterExample : actionExample
 };
 //# sourceMappingURL=Menu.Item.figma.js.map

package/lib/module/figma/Menu.Item.figma.js.map

@@ -1 +1 @@
-{"version":3,"names":["figma","instance","selectedInstance","color","getEnum","default","destructive","inset","true","false","undefined","insetProp","helpers","react","renderProp","isSelected","checkedProp","isDisabled","disabledProp","showLeadingIcon","getBoolean","showShortcut","labelText","findText","traverseInstances","textContent","shortcutText","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Menu.Item.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,KAAK,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EACxCC,OAAO,EAAE,SAAS;EAClBC,WAAW,EAAE;AACf,CAAC,CAAC;AAEF,MAAMC,KAAK,GAAGN,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGX,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEP,KAAK,CAAC;AAEhE,MAAMQ,UAAU,GAAGd,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMM,WAAW,GAAGhB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEC,UAAU,CAAC;AAE3E,MAAME,UAAU,GAAGhB,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMQ,YAAY,GAAGlB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEG,UAAU,CAAC;AAE3E,MAAME,eAAe,GAAGlB,QAAQ,CAACmB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,YAAY,GAAGpB,QAAQ,CAACmB,UAAU,CAAC,gBAAgB,CAAC;AAE1D,MAAME,SAAS,GACbrB,QAAQ,CAACsB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMC,YAAY,GAAGL,YAAY,GAE3BpB,QAAQ,CAACsB,QAAQ,CAAC,YAAY,EAAE;EAC9BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW,GACb,EAAE;AAEN,eAAe;EACbE,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAE7B,KAAK,CAAC8B,IAAI;AACrB,4BAA4B3B,KAAK,uBAAuBQ,SAAS,GAAGK,WAAW,GAAGE,YAAY;AAC9F,IAAIC,eAAe,GAAGnB,KAAK,CAAC8B,IAAI,6BAA6B,GAAG,EAAE;AAClE,oBAAoBR,SAAS;AAC7B,IAAID,YAAY,GAAGrB,KAAK,CAAC8B,IAAI,sBAAsBJ,YAAY,sBAAsB,GAAG,EAAE;AAC1F;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["figma","instance","selectedInstance","color","getEnum","default","destructive","inset","true","false","undefined","insetProp","helpers","react","renderProp","isSelected","checkedProp","isDisabled","disabledProp","showLeadingIcon","getBoolean","showShortcut","labelText","findText","traverseInstances","textContent","shortcutText","checkboxLayer","findInstance","radioLayer","buttonLayer","hasCheckbox","type","hasRadio","hasButton","buttonSnippet","executeTemplate","example","countMatch","exec","rowLabel","countText","countSnippet","code","filterExample","headerExample","actionExample","id","imports"],"sourceRoot":"../../../src","sources":["figma/Menu.Item.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,KAAK,GAAGF,QAAQ,CAACG,OAAO,CAAC,SAAS,EAAE;EACxCC,OAAO,EAAE,SAAS;EAClBC,WAAW,EAAE;AACf,CAAC,CAAC;AAEF,MAAMC,KAAK,GAAGN,QAAQ,CAACG,OAAO,CAAC,OAAO,EAAE;EACtCI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGX,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,OAAO,EAAEP,KAAK,CAAC;AAEhE,MAAMQ,UAAU,GAAGd,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMM,WAAW,GAAGhB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEC,UAAU,CAAC;AAE3E,MAAME,UAAU,GAAGhB,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDI,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMQ,YAAY,GAAGlB,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEG,UAAU,CAAC;AAE3E,MAAME,eAAe,GAAGlB,QAAQ,CAACmB,UAAU,CAAC,oBAAoB,CAAC;AACjE,MAAMC,YAAY,GAAGpB,QAAQ,CAACmB,UAAU,CAAC,gBAAgB,CAAC;AAE1D,MAAME,SAAS,GACbrB,QAAQ,CAACsB,QAAQ,CAAC,SAAS,EAAE;EAC3BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW;AAEb,MAAMC,YAAY,GAAGL,YAAY,GAE3BpB,QAAQ,CAACsB,QAAQ,CAAC,YAAY,EAAE;EAC9BC,iBAAiB,EAAE;AACrB,CAAC,CAAC,CACFC,WAAW,GACb,EAAE;AAEN,MAAME,aAAa,GAAG1B,QAAQ,CAAC2B,YAAY,CAAC,UAAU,CAAC;AACvD,MAAMC,UAAU,GAAG5B,QAAQ,CAAC2B,YAAY,CAAC,OAAO,CAAC;AACjD,MAAME,WAAW,GAAG7B,QAAQ,CAAC2B,YAAY,CAAC,QAAQ,CAAC;AACnD,MAAMG,WAAW,GAAGJ,aAAa,CAACK,IAAI,KAAK,UAAU;AACrD,MAAMC,QAAQ,GAAGJ,UAAU,CAACG,IAAI,KAAK,UAAU;AAC/C,MAAME,SAAS,GAAGJ,WAAW,CAACE,IAAI,KAAK,UAAU;AACjD,MAAMG,aAAa,GAAGD,SAAS,GAAGJ,WAAW,CAACM,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE9E,MAAMC,UAAU,GAAG,wBAAwB,CAACC,IAAI,CAACjB,SAAS,CAAC;AAC3D,MAAMkB,QAAQ,GAAGF,UAAU,GAAGA,UAAU,CAAC,CAAC,CAAC,GAAGhB,SAAS;AACvD,MAAMmB,SAAS,GAAGH,UAAU,GAAGA,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE;AACjD,MAAMI,YAAY,GAAGD,SAAS,GAAGzC,KAAK,CAAC2C,IAAI,oBAAoBF,SAAS,mBAAmB,GAAG,EAAE;AAEhG,MAAMG,aAAa,GAAGX,QAAQ,GAC1BjC,KAAK,CAAC2C,IAAI;AACd,yBAAyBH,QAAQ,IAAItB,YAAY;AACjD;AACA,oBAAoBsB,QAAQ,GAAGE,YAAY;AAC3C,kBAAkB,GACd1C,KAAK,CAAC2C,IAAI;AACd,4BAA4BxC,KAAK,wBAAwBQ,SAAS,GAAGK,WAAW,GAAGE,YAAY;AAC/F;AACA,oBAAoBsB,QAAQ,GAAGE,YAAY;AAC3C,qBAAqB;AAErB,MAAMG,aAAa,GAAG7C,KAAK,CAAC2C,IAAI;AAChC;AACA,oBAAoBrB,SAAS;AAC7B;AACA,MAAMa,aAAa;AACnB;AACA,oBAAoB;AAEpB,MAAMW,aAAa,GAAG9C,KAAK,CAAC2C,IAAI;AAChC,4BAA4BxC,KAAK,uBAAuBQ,SAAS,GAAGK,WAAW,GAAGE,YAAY;AAC9F,IAAIC,eAAe,GAAGnB,KAAK,CAAC2C,IAAI,6BAA6B,GAAG,EAAE;AAClE,oBAAoBrB,SAAS;AAC7B,IAAID,YAAY,GAAGrB,KAAK,CAAC2C,IAAI,sBAAsBjB,YAAY,sBAAsB,GAAG,EAAE;AAC1F;AACA,qBAAqB;AAErB,eAAe;EACbqB,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDX,OAAO,EACLH,SAAS,IAAI,CAACH,WAAW,IAAI,CAACE,QAAQ,GAClCY,aAAa,GACbd,WAAW,IAAIE,QAAQ,GACrBW,aAAa,GACbE;AACV,CAAC","ignoreList":[]}