@cdx-ui/components 0.1.3 → 0.1.5

package/lib/commonjs/figma/Slider.figma.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=11500-17763
+// source=packages/components/src/components/Slider/index.tsx
+// component=Slider
+
+const instance = _figma.default.selectedInstance;
+const orientation = instance.getEnum('orientation', {
+  horizontal: undefined,
+  vertical: 'vertical'
+});
+// Figma value is a percentage of the track; the code's default range is 0–100.
+const defaultValue = instance.getEnum('value', {
+  '0%': 0,
+  '10%': 10,
+  '20%': 20,
+  '25%': 25,
+  '30%': 30,
+  '40%': 40,
+  '50%': 50,
+  '60%': 60,
+  '70%': 70,
+  '75%': 75,
+  '80%': 80,
+  '90%': 90,
+  '100%': 100
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const showMarkers = instance.getBoolean('Show Markers?');
+
+// Markers are generated from the root `step`, so the nested Slider.MarkerGroup `step` maps there.
+const stepByMarkerGroupStep = {
+  '10%': 10,
+  '20%': 20,
+  '25%': 25,
+  '50%': 50
+};
+const markerGroup = instance.findInstance('Slider.MarkerGroup');
+const markerGroupStep = markerGroup.type === 'INSTANCE' ? markerGroup.getPropertyValue('step') : undefined;
+const step = showMarkers && typeof markerGroupStep === 'string' ? stepByMarkerGroupStep[markerGroupStep] : undefined;
+const markerGroupSnippet = showMarkers && markerGroup.type === 'INSTANCE' ? markerGroup.executeTemplate().example : null;
+const thumb = instance.findInstance('Slider.Thumb');
+const thumbSnippet = thumb.type === 'INSTANCE' ? thumb.executeTemplate().example : _figma.default.code`<Slider.Thumb />`;
+const orientationProp = _figma.default.helpers.react.renderProp('orientation', orientation);
+const defaultValueProp = _figma.default.helpers.react.renderProp('defaultValue', defaultValue);
+const stepProp = _figma.default.helpers.react.renderProp('step', step);
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+var _default = exports.default = {
+  id: 'slider',
+  imports: ["import { Slider } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Slider accessibilityLabel="Slider"${defaultValueProp}${stepProp}${orientationProp}${isDisabledProp}>
+  <Slider.Rail>
+    <Slider.Track />
+  </Slider.Rail>
+  ${thumbSnippet}
+  ${markerGroupSnippet}
+</Slider>`
+};
+//# sourceMappingURL=Slider.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","orientation","getEnum","horizontal","undefined","vertical","defaultValue","isDisabled","true","false","showMarkers","getBoolean","stepByMarkerGroupStep","markerGroup","findInstance","markerGroupStep","type","getPropertyValue","step","markerGroupSnippet","executeTemplate","example","thumb","thumbSnippet","code","orientationProp","helpers","react","renderProp","defaultValueProp","stepProp","isDisabledProp","_default","exports","id","imports"],"sourceRoot":"../../../src","sources":["figma/Slider.figma.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/figma/Switch.figma.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=308-19827
+// source=packages/components/src/components/Switch/index.tsx
+// component=Switch
+
+const instance = _figma.default.selectedInstance;
+
+// `Platform` is a Figma-only preview axis; the code picks the native or web switch automatically.
+const isChecked = instance.getEnum('isChecked', {
+  true: true,
+  false: undefined
+});
+const isInvalid = instance.getEnum('isInvalid', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isCheckedProp = _figma.default.helpers.react.renderProp('isChecked', isChecked);
+const isInvalidProp = _figma.default.helpers.react.renderProp('isInvalid', isInvalid);
+const isDisabledProp = _figma.default.helpers.react.renderProp('isDisabled', isDisabled);
+var _default = exports.default = {
+  id: 'switch',
+  imports: ["import { Switch } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Switch accessibilityLabel="Switch"${isCheckedProp}${isInvalidProp}${isDisabledProp} />`
+};
+//# sourceMappingURL=Switch.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","isChecked","getEnum","true","false","undefined","isInvalid","isDisabled","isCheckedProp","helpers","react","renderProp","isInvalidProp","isDisabledProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Switch.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,SAAS,GAAGR,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGT,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMG,aAAa,GAAGT,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMW,aAAa,GAAGb,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEL,SAAS,CAAC;AAC5E,MAAMO,cAAc,GAAGd,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEJ,UAAU,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEjE;EACbmB,EAAE,EAAE,QAAQ;EACZC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,OAAO,EAAEnB,cAAK,CAACoB,IAAI,sCAAsCX,aAAa,GAAGI,aAAa,GAAGC,cAAc;AACzG,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Tabs.SegmentedControl.Segment.figma.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8708-771
+// source=packages/components/src/components/Tabs/index.tsx
+// component=Tabs.Tab
+
+const instance = _figma.default.selectedInstance;
+
+// `active` is owned by the parent SegmentedControl (`defaultValue` on `Tabs`).
+const label = instance.findText('{label}').textContent;
+// Must match the value derivation in Tabs.SegmentedControl.figma.ts.
+const value = label.trim().toLowerCase().replace(/\s+/g, '-');
+const showIcon = instance.getEnum('Show Icon?', {
+  True: true,
+  False: false
+});
+const icon = instance.getInstanceSwap('icon');
+const iconSnippet = showIcon && icon?.type === 'INSTANCE' ? icon.executeTemplate().example : null;
+var _default = exports.default = {
+  id: 'tabs-segmented-control-segment',
+  imports: ["import { Tabs } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Tabs.Tab value="${value}">
+  ${iconSnippet}
+  <Tabs.TabLabel>${label}</Tabs.TabLabel>
+</Tabs.Tab>`
+};
+//# sourceMappingURL=Tabs.SegmentedControl.Segment.figma.js.map

package/lib/commonjs/figma/Tabs.SegmentedControl.Segment.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","label","findText","textContent","value","trim","toLowerCase","replace","showIcon","getEnum","True","False","icon","getInstanceSwap","iconSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Tabs.SegmentedControl.Segment.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,KAAK,GAAIH,QAAQ,CAACI,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AACtF;AACA,MAAMC,KAAK,GAAGH,KAAK,CAACI,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AAE7D,MAAMC,QAAQ,GAAGV,QAAQ,CAACW,OAAO,CAAC,YAAY,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGd,QAAQ,CAACe,eAAe,CAAC,MAAM,CAAC;AAC7C,MAAMC,WAAW,GAAGN,QAAQ,IAAII,IAAI,EAAEG,IAAI,KAAK,UAAU,GAAGH,IAAI,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEnF;EACbuB,EAAE,EAAE,gCAAgC;EACpCC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDJ,OAAO,EAAElB,cAAK,CAACuB,IAAI;AACrB,mBAAmBlB,KAAK;AACxB,IAAIU,WAAW;AACf,mBAAmBb,KAAK;AACxB;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Tabs.SegmentedControl.figma.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8708-795
+// source=packages/components/src/components/Tabs/index.tsx
+// component=Tabs
+
+const instance = _figma.default.selectedInstance;
+const segmentCount = instance.getEnum('segments', {
+  '2': 2,
+  '3': 3,
+  '4': 4,
+  '5': 5
+});
+const selected = instance.getEnum('selected', {
+  '1': 1,
+  '2': 2,
+  '3': 3,
+  '4': 4,
+  '5': 5
+});
+const segmentLayerNames = ['Segment 1', 'Segment 2', 'Segment 3', 'Segment 4', 'Segment 5'].slice(0, segmentCount ?? 2);
+const segments = _figma.default.properties.children(segmentLayerNames);
+const selectedSegment = instance.findInstance(`Segment ${String(selected ?? 1)}`);
+const selectedLabel = selectedSegment.type === 'INSTANCE' ? selectedSegment.findText('{label}').textContent : undefined;
+const defaultValue = selectedLabel?.trim().toLowerCase().replace(/\s+/g, '-');
+const defaultValueProp = _figma.default.helpers.react.renderProp('defaultValue', defaultValue);
+var _default = exports.default = {
+  id: 'tabs-segmented-control',
+  imports: ["import { Tabs } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Tabs variant="solid"${defaultValueProp}>
+  <Tabs.List accessibilityLabel="Segmented control">
+    ${segments}
+  </Tabs.List>
+</Tabs>`
+};
+//# sourceMappingURL=Tabs.SegmentedControl.figma.js.map

package/lib/commonjs/figma/Tabs.SegmentedControl.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","segmentCount","getEnum","selected","segmentLayerNames","slice","segments","properties","children","selectedSegment","findInstance","String","selectedLabel","type","findText","textContent","undefined","defaultValue","trim","toLowerCase","replace","defaultValueProp","helpers","react","renderProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Tabs.SegmentedControl.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,YAAY,GAAGH,QAAQ,CAACI,OAAO,CAAC,UAAU,EAAE;EAChD,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE;AACP,CAAC,CAAC;AACF,MAAMC,QAAQ,GAAGL,QAAQ,CAACI,OAAO,CAAC,UAAU,EAAE;EAC5C,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE,CAAC;EACN,GAAG,EAAE;AACP,CAAC,CAAC;AAEF,MAAME,iBAAiB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,CAACC,KAAK,CAC/F,CAAC,EACDJ,YAAY,IAAI,CAClB,CAAC;AACD,MAAMK,QAAQ,GAAGP,cAAK,CAACQ,UAAU,CAACC,QAAQ,CAACJ,iBAAiB,CAAC;AAE7D,MAAMK,eAAe,GAAGX,QAAQ,CAACY,YAAY,CAAC,WAAWC,MAAM,CAACR,QAAQ,IAAI,CAAC,CAAC,EAAE,CAAC;AACjF,MAAMS,aAAa,GACjBH,eAAe,CAACI,IAAI,KAAK,UAAU,GAC9BJ,eAAe,CAACK,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW,GAC/EC,SAAS;AACf,MAAMC,YAAY,GAAGL,aAAa,EAAEM,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AAC7E,MAAMC,gBAAgB,GAAGtB,cAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,cAAc,EAAEP,YAAY,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEvE;EACb8B,EAAE,EAAE,wBAAwB;EAC5BC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAE9B,cAAK,CAAC+B,IAAI;AACrB,uBAAuBT,gBAAgB;AACvC;AACA,MAAMf,QAAQ;AACd;AACA;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Tabs.Tab.figma.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=10146-4255
+// source=packages/components/src/components/Tabs/index.tsx
+// component=Tabs.Tab
+
+const instance = _figma.default.selectedInstance;
+
+// `active` is owned by the parent `Tabs` (`defaultValue`); `orientation` is inherited from it.
+const label = instance.findText('Tabs.TabLabel').textContent;
+// Must match the value derivation in Tabs.figma.ts so the parent's defaultValue selects this tab.
+const value = label.trim().toLowerCase().replace(/\s+/g, '-');
+const showIcon = instance.getEnum('Show Icon?', {
+  True: true,
+  False: false
+});
+const icon = instance.getInstanceSwap('icon');
+const iconSnippet = showIcon && icon?.type === 'INSTANCE' ? icon.executeTemplate().example : null;
+var _default = exports.default = {
+  id: 'tabs-tab',
+  imports: ["import { Tabs } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Tabs.Tab value="${value}">
+  ${iconSnippet}
+  <Tabs.TabLabel>${label}</Tabs.TabLabel>
+</Tabs.Tab>`
+};
+//# sourceMappingURL=Tabs.Tab.figma.js.map

package/lib/commonjs/figma/Tabs.Tab.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","label","findText","textContent","value","trim","toLowerCase","replace","showIcon","getEnum","True","False","icon","getInstanceSwap","iconSnippet","type","executeTemplate","example","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Tabs.Tab.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,KAAK,GAAIH,QAAQ,CAACI,QAAQ,CAAC,eAAe,CAAC,CAAgCC,WAAW;AAC5F;AACA,MAAMC,KAAK,GAAGH,KAAK,CAACI,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AAE7D,MAAMC,QAAQ,GAAGV,QAAQ,CAACW,OAAO,CAAC,YAAY,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE;AACT,CAAC,CAAC;AACF,MAAMC,IAAI,GAAGd,QAAQ,CAACe,eAAe,CAAC,MAAM,CAAC;AAC7C,MAAMC,WAAW,GAAGN,QAAQ,IAAII,IAAI,EAAEG,IAAI,KAAK,UAAU,GAAGH,IAAI,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEnF;EACbuB,EAAE,EAAE,UAAU;EACdC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDJ,OAAO,EAAElB,cAAK,CAACuB,IAAI;AACrB,mBAAmBlB,KAAK;AACxB,IAAIU,WAAW;AACf,mBAAmBb,KAAK;AACxB;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Tabs.figma.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=10266-3192
+// source=packages/components/src/components/Tabs/index.tsx
+// component=Tabs
+
+const instance = _figma.default.selectedInstance;
+
+// The Figma Tabs component is the line-indicator style (`variant="outline"`); the filled style is
+// the separate SegmentedControl component (see Tabs.SegmentedControl.figma.ts).
+// Figma `width=fixed` (equal-width tabs) has no code prop, so `width` is not mapped.
+const orientation = instance.getEnum('orientation', {
+  horizontal: undefined,
+  vertical: 'vertical'
+});
+const orientationProp = _figma.default.helpers.react.renderProp('orientation', orientation);
+const activeTab = instance.findConnectedInstances(node => node.getPropertyValue('active') === 'true').find(node => node.type === 'INSTANCE');
+const activeLabel = activeTab?.type === 'INSTANCE' ? activeTab.findText('Tabs.TabLabel').textContent : undefined;
+const defaultValue = activeLabel?.trim().toLowerCase().replace(/\s+/g, '-');
+const defaultValueProp = _figma.default.helpers.react.renderProp('defaultValue', defaultValue);
+const listSlot = instance.getSlot('Tabs.List');
+const listChildren = listSlot ? _figma.default.helpers.react.renderChildren(listSlot) : null;
+var _default = exports.default = {
+  id: 'tabs',
+  imports: ["import { Tabs } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Tabs variant="outline"${defaultValueProp}${orientationProp}>
+  <Tabs.List accessibilityLabel="Tabs">
+    ${listChildren}
+  </Tabs.List>
+</Tabs>`
+};
+//# sourceMappingURL=Tabs.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","orientation","getEnum","horizontal","undefined","vertical","orientationProp","helpers","react","renderProp","activeTab","findConnectedInstances","node","getPropertyValue","find","type","activeLabel","findText","textContent","defaultValue","trim","toLowerCase","replace","defaultValueProp","listSlot","getSlot","listChildren","renderChildren","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Tabs.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA;AACA,MAAMC,WAAW,GAAGH,QAAQ,CAACI,OAAO,CAAC,aAAa,EAAE;EAClDC,UAAU,EAAEC,SAAS;EACrBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,MAAMC,eAAe,GAAGP,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,aAAa,EAAER,WAAW,CAAC;AAElF,MAAMS,SAAS,GAAGZ,QAAQ,CACvBa,sBAAsB,CAAEC,IAAI,IAAKA,IAAI,CAACC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,MAAM,CAAC,CAC5EC,IAAI,CAAEF,IAAI,IAAKA,IAAI,CAACG,IAAI,KAAK,UAAU,CAAC;AAC3C,MAAMC,WAAW,GACfN,SAAS,EAAEK,IAAI,KAAK,UAAU,GACzBL,SAAS,CAACO,QAAQ,CAAC,eAAe,CAAC,CAAgCC,WAAW,GAC/Ed,SAAS;AACf,MAAMe,YAAY,GAAGH,WAAW,EAAEI,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AAC3E,MAAMC,gBAAgB,GAAGxB,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,cAAc,EAAEU,YAAY,CAAC;AAErF,MAAMK,QAAQ,GAAG1B,QAAQ,CAAC2B,OAAO,CAAC,WAAW,CAAC;AAC9C,MAAMC,YAAY,GAAGF,QAAQ,GAAGzB,cAAK,CAACQ,OAAO,CAACC,KAAK,CAACmB,cAAc,CAACH,QAAQ,CAAC,GAAG,IAAI;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAErE;EACbiC,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEjC,cAAK,CAACkC,IAAI;AACrB,yBAAyBV,gBAAgB,GAAGjB,eAAe;AAC3D;AACA,MAAMoB,YAAY;AAClB;AACA;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Tile.Description.figma.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8820-6260
+// source=packages/components/src/components/Tile/index.tsx
+// component=Tile.Description
+
+const instance = _figma.default.selectedInstance;
+const description = instance.findText('{description}').textContent;
+var _default = exports.default = {
+  id: 'tile-description',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Tile.Description>${description}</Tile.Description>`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Tile.Description.figma.js.map

package/lib/commonjs/figma/Tile.Description.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","description","findText","textContent","_default","exports","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Tile.Description.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,WAAW,GAAIH,QAAQ,CAACI,QAAQ,CAAC,eAAe,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEpF;EACbS,EAAE,EAAE,kBAAkB;EACtBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAET,cAAK,CAACU,IAAI,qBAAqBR,WAAW,qBAAqB;EACxES,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Tile.Group.figma.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8856-11176
+// source=packages/components/src/components/Tile/index.tsx
+// component=Tile.Group
+
+const instance = _figma.default.selectedInstance;
+const direction = instance.getEnum('direction', {
+  column: undefined,
+  row: 'row'
+});
+const spacing = instance.getEnum('spacing', {
+  default: undefined,
+  none: 'none'
+});
+const directionProp = _figma.default.helpers.react.renderProp('direction', direction);
+const spacingProp = _figma.default.helpers.react.renderProp('spacing', spacing);
+
+// Figma Tile.Group has no selection-mode property; the required `type` comes from the child tiles.
+const tiles = instance.findConnectedInstances(node => {
+  const tileType = node.getPropertyValue('type');
+  return tileType === 'single' || tileType === 'multiple';
+}).filter(node => node.type === 'INSTANCE');
+const type = tiles[0]?.getPropertyValue('type') === 'multiple' ? 'multiple' : 'single';
+const selectedValues = tiles.filter(tile => tile.getPropertyValue('isSelected') === 'true').map(tile => tile.findText('{title}', {
+  traverseInstances: true
+}).textContent.trim().toLowerCase().replace(/\s+/g, '-'));
+const defaultValueProp = type === 'multiple' ? _figma.default.helpers.react.renderProp('defaultValue', selectedValues.length > 0 ? _figma.default.helpers.react.array(selectedValues) : undefined) : _figma.default.helpers.react.renderProp('defaultValue', selectedValues[0]);
+const itemsSlot = instance.getSlot('items');
+const itemsChildren = itemsSlot ? _figma.default.helpers.react.renderChildren(itemsSlot) : null;
+var _default = exports.default = {
+  id: 'tile-group',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Tile.Group type="${type}" aria-label="Options"${defaultValueProp}${directionProp}${spacingProp}>
+  ${itemsChildren}
+</Tile.Group>`
+};
+//# sourceMappingURL=Tile.Group.figma.js.map

package/lib/commonjs/figma/Tile.Group.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","direction","getEnum","column","undefined","row","spacing","none","directionProp","helpers","react","renderProp","spacingProp","tiles","findConnectedInstances","node","tileType","getPropertyValue","filter","type","selectedValues","tile","map","findText","traverseInstances","textContent","trim","toLowerCase","replace","defaultValueProp","length","array","itemsSlot","getSlot","itemsChildren","renderChildren","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Tile.Group.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,MAAM,EAAEC,SAAS;EACjBC,GAAG,EAAE;AACP,CAAC,CAAC;AACF,MAAMC,OAAO,GAAGR,QAAQ,CAACI,OAAO,CAAC,SAAS,EAAE;EAC1CL,OAAO,EAAEO,SAAS;EAClBG,IAAI,EAAE;AACR,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGT,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAC5E,MAAMW,WAAW,GAAGb,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,SAAS,EAAEL,OAAO,CAAC;;AAEtE;AACA,MAAMO,KAAK,GAAGf,QAAQ,CACnBgB,sBAAsB,CAAEC,IAAI,IAAK;EAChC,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,MAAM,CAAC;EAC9C,OAAOD,QAAQ,KAAK,QAAQ,IAAIA,QAAQ,KAAK,UAAU;AACzD,CAAC,CAAC,CACDE,MAAM,CAAEH,IAAI,IAA6CA,IAAI,CAACI,IAAI,KAAK,UAAU,CAAC;AACrF,MAAMA,IAAI,GAAGN,KAAK,CAAC,CAAC,CAAC,EAAEI,gBAAgB,CAAC,MAAM,CAAC,KAAK,UAAU,GAAG,UAAU,GAAG,QAAQ;AAEtF,MAAMG,cAAc,GAAGP,KAAK,CACzBK,MAAM,CAAEG,IAAI,IAAKA,IAAI,CAACJ,gBAAgB,CAAC,YAAY,CAAC,KAAK,MAAM,CAAC,CAChEK,GAAG,CAAED,IAAI,IAENA,IAAI,CAACE,QAAQ,CAAC,SAAS,EAAE;EAAEC,iBAAiB,EAAE;AAAK,CAAC,CAAC,CACrDC,WAAW,CACVC,IAAI,CAAC,CAAC,CACNC,WAAW,CAAC,CAAC,CACbC,OAAO,CAAC,MAAM,EAAE,GAAG,CACxB,CAAC;AACH,MAAMC,gBAAgB,GACpBV,IAAI,KAAK,UAAU,GACfpB,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAC5B,cAAc,EACdS,cAAc,CAACU,MAAM,GAAG,CAAC,GAAG/B,cAAK,CAACU,OAAO,CAACC,KAAK,CAACqB,KAAK,CAACX,cAAc,CAAC,GAAGhB,SAC1E,CAAC,GACDL,cAAK,CAACU,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,cAAc,EAAES,cAAc,CAAC,CAAC,CAAC,CAAC;AAEvE,MAAMY,SAAS,GAAGlC,QAAQ,CAACmC,OAAO,CAAC,OAAO,CAAC;AAC3C,MAAMC,aAAa,GAAGF,SAAS,GAAGjC,cAAK,CAACU,OAAO,CAACC,KAAK,CAACyB,cAAc,CAACH,SAAS,CAAC,GAAG,IAAI;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAExE;EACbyC,EAAE,EAAE,YAAY;EAChBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEzC,cAAK,CAAC0C,IAAI;AACrB,oBAAoBtB,IAAI,yBAAyBU,gBAAgB,GAAGrB,aAAa,GAAGI,WAAW;AAC/F,IAAIsB,aAAa;AACjB;AACA,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Tile.LeadingSlot.figma.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8820-6202
+// source=packages/components/src/components/Tile/index.tsx
+// component=Tile.LeadingSlot
+
+const instance = _figma.default.selectedInstance;
+
+// Figma `direction` only arranges placeholder content; Tile.LeadingSlot has no direction prop.
+const childrenSlot = instance.getSlot('children');
+const children = childrenSlot ? _figma.default.helpers.react.renderChildren(childrenSlot) : null;
+var _default = exports.default = {
+  id: 'tile-leading-slot',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Tile.LeadingSlot>${children}</Tile.LeadingSlot>`
+};
+//# sourceMappingURL=Tile.LeadingSlot.figma.js.map

package/lib/commonjs/figma/Tile.LeadingSlot.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","childrenSlot","getSlot","children","helpers","react","renderChildren","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Tile.LeadingSlot.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,YAAY,GAAGH,QAAQ,CAACI,OAAO,CAAC,UAAU,CAAC;AACjD,MAAMC,QAAQ,GAAGF,YAAY,GAAGF,cAAK,CAACK,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEzE;EACbY,EAAE,EAAE,mBAAmB;EACvBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEZ,cAAK,CAACa,IAAI,qBAAqBT,QAAQ;AAClD,CAAC","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8820-6257
+// source=packages/components/src/components/Tile/index.tsx
+// component=Tile.Title
+
+const instance = _figma.default.selectedInstance;
+const title = instance.findText('{title}').textContent;
+var _default = exports.default = {
+  id: 'tile-title',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Tile.Title>${title}</Tile.Title>`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Tile.Title.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","title","findText","textContent","_default","exports","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Tile.Title.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,KAAK,GAAIH,QAAQ,CAACI,QAAQ,CAAC,SAAS,CAAC,CAAgCC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAExE;EACbS,EAAE,EAAE,YAAY;EAChBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAET,cAAK,CAACU,IAAI,eAAeR,KAAK,eAAe;EACtDS,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Tile.TrailingSlot.figma.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8820-6209
+// source=packages/components/src/components/Tile/index.tsx
+// component=Tile.TrailingSlot
+
+const instance = _figma.default.selectedInstance;
+
+// Figma `direction` only arranges placeholder content; Tile.TrailingSlot has no direction prop.
+const childrenSlot = instance.getSlot('children');
+const children = childrenSlot ? _figma.default.helpers.react.renderChildren(childrenSlot) : null;
+var _default = exports.default = {
+  id: 'tile-trailing-slot',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Tile.TrailingSlot>${children}</Tile.TrailingSlot>`
+};
+//# sourceMappingURL=Tile.TrailingSlot.figma.js.map

package/lib/commonjs/figma/Tile.TrailingSlot.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","childrenSlot","getSlot","children","helpers","react","renderChildren","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Tile.TrailingSlot.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA,MAAMC,YAAY,GAAGH,QAAQ,CAACI,OAAO,CAAC,UAAU,CAAC;AACjD,MAAMC,QAAQ,GAAGF,YAAY,GAAGF,cAAK,CAACK,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEzE;EACbY,EAAE,EAAE,oBAAoB;EACxBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEZ,cAAK,CAACa,IAAI,sBAAsBT,QAAQ;AACnD,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Tile.figma.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=8843-7101
+// source=packages/components/src/components/Tile/index.tsx
+// component=Tile
+
+const instance = _figma.default.selectedInstance;
+
+// Inside a Tile.Group the indicator style is inferred from the group's `type`; standalone tiles
+// default to a checkbox indicator, so only the radio (`single`) style needs to be explicit.
+const indicatorType = instance.getEnum('type', {
+  single: 'radio',
+  multiple: undefined
+});
+const isSelected = instance.getEnum('isSelected', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isSelectedProp = _figma.default.helpers.react.renderProp('isSelected', isSelected);
+const disabledProp = _figma.default.helpers.react.renderProp('disabled', isDisabled);
+const indicatorTypeProp = _figma.default.helpers.react.renderProp('indicatorType', indicatorType);
+const showLeadingSlot = instance.getBoolean('Show LeadingSlot?');
+const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
+const showIndicator = instance.getBoolean('Show Indicator?');
+const title = instance.findText('{title}', {
+  traverseInstances: true
+}).textContent;
+// Must match the value derivation in Tile.Group.figma.ts so the group's defaultValue selects this tile.
+const value = title.trim().toLowerCase().replace(/\s+/g, '-');
+const leadingInstance = instance.findInstance('Tile.LeadingSlot');
+const leadingSnippet = showLeadingSlot && leadingInstance.type === 'INSTANCE' ? leadingInstance.executeTemplate().example : null;
+const trailingInstance = instance.findInstance('Tile.TrailingSlot');
+const trailingSnippet = showTrailingSlot && trailingInstance.type === 'INSTANCE' ? trailingInstance.executeTemplate().example : null;
+const contentSlot = instance.getSlot('Tile.Content');
+const contentChildren = contentSlot ? _figma.default.helpers.react.renderChildren(contentSlot) : null;
+var _default = exports.default = {
+  id: 'tile',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: _figma.default.code`
+<Tile value="${value}"${isSelectedProp}${disabledProp}>
+  ${leadingSnippet}
+  <Tile.Content>${contentChildren}</Tile.Content>
+  ${trailingSnippet}
+  ${showIndicator ? _figma.default.code`<Tile.Indicator${indicatorTypeProp} />` : null}
+</Tile>`
+};
+//# sourceMappingURL=Tile.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","indicatorType","getEnum","single","multiple","undefined","isSelected","true","false","isDisabled","isSelectedProp","helpers","react","renderProp","disabledProp","indicatorTypeProp","showLeadingSlot","getBoolean","showTrailingSlot","showIndicator","title","findText","traverseInstances","textContent","value","trim","toLowerCase","replace","leadingInstance","findInstance","leadingSnippet","type","executeTemplate","example","trailingInstance","trailingSnippet","contentSlot","getSlot","contentChildren","renderChildren","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Tile.figma.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12772-30603
+// source=packages/components/src/components/Toast/index.tsx
+// component=Toast.Action
+
+const instance = _figma.default.selectedInstance;
+
+// Toast.Action wraps its string children in Button.Label and derives the button color from the
+// toast, so only the label carries over from the nested Figma Button.
+const label = instance.findText('Button.Label', {
+  traverseInstances: true
+}).textContent;
+var _default = exports.default = {
+  id: 'toast-button',
+  imports: ["import { Toast } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Toast.Action onPress={() => {}}>${label}</Toast.Action>`,
+  // `label` lets the parent Toast template emit `actionLabel` in the `toast.show()` config form.
+  metadata: {
+    nestable: true,
+    props: {
+      label
+    }
+  }
+};
+//# sourceMappingURL=Toast.Button.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","label","findText","traverseInstances","textContent","_default","exports","id","imports","example","code","metadata","nestable","props"],"sourceRoot":"../../../src","sources":["figma/Toast.Button.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;;AAEvC;AACA;AACA,MAAMC,KAAK,GACTH,QAAQ,CAACI,QAAQ,CAAC,cAAc,EAAE;EAAEC,iBAAiB,EAAE;AAAK,CAAC,CAAC,CAC9DC,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEC;EACbU,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAEV,cAAK,CAACW,IAAI,oCAAoCT,KAAK,iBAAiB;EAC7E;EACAU,QAAQ,EAAE;IAAEC,QAAQ,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAEZ;IAAM;EAAE;AAC/C,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Toast.Close.figma.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5437-4322
+// source=packages/components/src/components/Toast/index.tsx
+// component=Toast.Close
+var _default = exports.default = {
+  id: 'toast-close',
+  imports: ["import { Toast } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Toast.Close />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Toast.Close.figma.js.map

package/lib/commonjs/figma/Toast.Close.figma.js.map

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