@cdx-ui/components 0.1.4 → 0.1.6

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

@@ -0,0 +1,17 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Figma `direction` only arranges placeholder content; Tile.LeadingSlot has no direction prop.
+const childrenSlot = instance.getSlot('children');
+const children = childrenSlot ? figma.helpers.react.renderChildren(childrenSlot) : null;
+export default {
+  id: 'tile-leading-slot',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: figma.code`<Tile.LeadingSlot>${children}</Tile.LeadingSlot>`
+};
+//# sourceMappingURL=Tile.LeadingSlot.figma.js.map

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const title = instance.findText('{title}').textContent;
+export default {
+  id: 'tile-title',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: figma.code`<Tile.Title>${title}</Tile.Title>`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Tile.Title.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","title","findText","textContent","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Tile.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,YAAY;EAChBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAER,KAAK,CAACS,IAAI,eAAeN,KAAK,eAAe;EACtDO,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Figma `direction` only arranges placeholder content; Tile.TrailingSlot has no direction prop.
+const childrenSlot = instance.getSlot('children');
+const children = childrenSlot ? figma.helpers.react.renderChildren(childrenSlot) : null;
+export default {
+  id: 'tile-trailing-slot',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: figma.code`<Tile.TrailingSlot>${children}</Tile.TrailingSlot>`
+};
+//# sourceMappingURL=Tile.TrailingSlot.figma.js.map

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

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

package/lib/module/figma/Tile.figma.js

@@ -0,0 +1,51 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.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.helpers.react.renderProp('isSelected', isSelected);
+const disabledProp = figma.helpers.react.renderProp('disabled', isDisabled);
+const indicatorTypeProp = figma.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.helpers.react.renderChildren(contentSlot) : null;
+export default {
+  id: 'tile',
+  imports: ["import { Tile } from '@cdx-ui/components'"],
+  example: figma.code`
+<Tile value="${value}"${isSelectedProp}${disabledProp}>
+  ${leadingSnippet}
+  <Tile.Content>${contentChildren}</Tile.Content>
+  ${trailingSnippet}
+  ${showIndicator ? figma.code`<Tile.Indicator${indicatorTypeProp} />` : null}
+</Tile>`
+};
+//# sourceMappingURL=Tile.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","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","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Tile.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,aAAa,GAAGF,QAAQ,CAACG,OAAO,CAAC,MAAM,EAAE;EAC7CC,MAAM,EAAE,OAAO;EACfC,QAAQ,EAAEC;AACZ,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGP,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEH;AACT,CAAC,CAAC;AACF,MAAMI,UAAU,GAAGV,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDK,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEH;AACT,CAAC,CAAC;AAEF,MAAMK,cAAc,GAAGZ,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,YAAY,EAAEP,UAAU,CAAC;AAC/E,MAAMQ,YAAY,GAAGhB,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEJ,UAAU,CAAC;AAC3E,MAAMM,iBAAiB,GAAGjB,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,eAAe,EAAEZ,aAAa,CAAC;AAExF,MAAMe,eAAe,GAAGjB,QAAQ,CAACkB,UAAU,CAAC,mBAAmB,CAAC;AAChE,MAAMC,gBAAgB,GAAGnB,QAAQ,CAACkB,UAAU,CAAC,oBAAoB,CAAC;AAClE,MAAME,aAAa,GAAGpB,QAAQ,CAACkB,UAAU,CAAC,iBAAiB,CAAC;AAE5D,MAAMG,KAAK,GACTrB,QAAQ,CAACsB,QAAQ,CAAC,SAAS,EAAE;EAAEC,iBAAiB,EAAE;AAAK,CAAC,CAAC,CACzDC,WAAW;AACb;AACA,MAAMC,KAAK,GAAGJ,KAAK,CAACK,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AAE7D,MAAMC,eAAe,GAAG7B,QAAQ,CAAC8B,YAAY,CAAC,kBAAkB,CAAC;AACjE,MAAMC,cAAc,GAClBd,eAAe,IAAIY,eAAe,CAACG,IAAI,KAAK,UAAU,GAClDH,eAAe,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GACzC,IAAI;AAEV,MAAMC,gBAAgB,GAAGnC,QAAQ,CAAC8B,YAAY,CAAC,mBAAmB,CAAC;AACnE,MAAMM,eAAe,GACnBjB,gBAAgB,IAAIgB,gBAAgB,CAACH,IAAI,KAAK,UAAU,GACpDG,gBAAgB,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAC1C,IAAI;AAEV,MAAMG,WAAW,GAAGrC,QAAQ,CAACsC,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,eAAe,GAAGF,WAAW,GAAGtC,KAAK,CAACa,OAAO,CAACC,KAAK,CAAC2B,cAAc,CAACH,WAAW,CAAC,GAAG,IAAI;AAE5F,eAAe;EACbI,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDR,OAAO,EAAEnC,KAAK,CAAC4C,IAAI;AACrB,eAAelB,KAAK,IAAId,cAAc,GAAGI,YAAY;AACrD,IAAIgB,cAAc;AAClB,kBAAkBQ,eAAe;AACjC,IAAIH,eAAe;AACnB,IAAIhB,aAAa,GAAGrB,KAAK,CAAC4C,IAAI,kBAAkB3B,iBAAiB,KAAK,GAAG,IAAI;AAC7E;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+const instance = figma.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;
+export default {
+  id: 'toast-button',
+  imports: ["import { Toast } from '@cdx-ui/components'"],
+  example: figma.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/module/figma/Toast.Button.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","label","findText","traverseInstances","textContent","id","imports","example","code","metadata","nestable","props"],"sourceRoot":"../../../src","sources":["figma/Toast.Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA;AACA,MAAMC,KAAK,GACTF,QAAQ,CAACG,QAAQ,CAAC,cAAc,EAAE;EAAEC,iBAAiB,EAAE;AAAK,CAAC,CAAC,CAC9DC,WAAW;AAEb,eAAe;EACbC,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAET,KAAK,CAACU,IAAI,oCAAoCP,KAAK,iBAAiB;EAC7E;EACAQ,QAAQ,EAAE;IAAEC,QAAQ,EAAE,IAAI;IAAEC,KAAK,EAAE;MAAEV;IAAM;EAAE;AAC/C,CAAC","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+// 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
+import figma from 'figma';
+export default {
+  id: 'toast-close',
+  imports: ["import { Toast } from '@cdx-ui/components'"],
+  example: figma.code`<Toast.Close />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Toast.Close.figma.js.map

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

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

package/lib/module/figma/Toast.figma.js

@@ -0,0 +1,75 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5170-8043
+// source=packages/components/src/components/Toast/index.tsx
+// component=Toast
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// `Viewport` previews the responsive width only; the toast provider handles layout per platform.
+const color = instance.getEnum('severity', {
+  neutral: undefined,
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success',
+  info: 'info'
+});
+const showIcon = instance.getBoolean('Show Icon?');
+const showTitle = instance.getBoolean('Show Title?');
+const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
+const icon = instance.getInstanceSwap('icon');
+const iconResult = showIcon && icon?.type === 'INSTANCE' ? icon.executeTemplate() : undefined;
+const iconName = iconResult?.metadata?.props?.componentName;
+const iconSnippet = iconName ?? iconResult?.example;
+const title = instance.findText('Toast.Title').textContent;
+const description = instance.findText('Toast.Description').textContent;
+const trailingSlot = instance.getSlot('Toast.TrailingSlot');
+const trailingChildren = showTrailingSlot && trailingSlot ? figma.helpers.react.renderChildren(trailingSlot) : null;
+const iconSymbolId = icon?.type === 'INSTANCE' ? icon.symbolId : undefined;
+const trailingInstances = showTrailingSlot ? instance.findConnectedInstances(node => node.hasCodeConnect() && node.symbolId !== iconSymbolId).filter(node => node.type === 'INSTANCE') : [];
+const actionButtons = trailingInstances.filter(node => node.codeConnectId() === 'toast-button');
+const actionLabel = actionButtons.length === 1 ? actionButtons[0].executeTemplate().metadata?.props?.label : undefined;
+
+// The `toast.show()` config form renders at most one action and no close button, and its `icon`
+// option takes a component reference, so anything else in the design needs the `component` form.
+// Unconnected layers in the trailing slot are invisible to `findConnectedInstances`.
+const isIconExpressible = !showIcon || !iconResult || iconName !== undefined;
+const isTrailingExpressible = !showTrailingSlot || trailingInstances.length === 0 || trailingInstances.length === 1 && actionLabel !== undefined;
+const useConfigForm = isIconExpressible && isTrailingExpressible;
+const quote = text => {
+  const escaped = text.replace(/\\/g, '\\\\');
+  if (!escaped.includes("'")) return `'${escaped}'`;
+  if (!escaped.includes('"')) return `"${escaped}"`;
+  return `'${escaped.replace(/'/g, "\\'")}'`;
+};
+const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
+const colorOption = color ? figma.code`\n  color: '${color}',` : null;
+const iconOption = iconName ? figma.code`\n  icon: ${iconName},` : null;
+const labelOption = showTitle ? figma.code`\n  label: ${quote(title)},` : null;
+const actionOptions = showTrailingSlot && actionLabel !== undefined ? figma.code`\n  actionLabel: ${quote(actionLabel)},\n  onActionPress: ({ hide }) => hide(),` : null;
+const configExample = figma.code`
+const { toast } = useToast();
+
+toast.show({${colorOption}${iconOption}${labelOption}
+  description: ${quote(description)},${actionOptions}
+});`;
+const colorProp = figma.helpers.react.renderProp('color', color);
+const componentExample = figma.code`
+const { toast } = useToast();
+
+toast.show({
+  component: (props) => (
+    <Toast {...props}${colorProp}>
+      ${iconSnippet ? figma.code`<Toast.Icon as={${iconSnippet}} />` : null}
+      ${showTitle ? figma.code`<Toast.Title>${title}</Toast.Title>` : null}
+      <Toast.Description>${description}</Toast.Description>
+      ${trailingChildren}
+    </Toast>
+  ),
+});`;
+export default {
+  id: 'toast',
+  imports: useConfigForm ? ["import { useToast } from '@cdx-ui/components'", ...iconImports] : ["import { Toast, useToast } from '@cdx-ui/components'", ...iconImports],
+  example: useConfigForm ? configExample : componentExample
+};
+//# sourceMappingURL=Toast.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","color","getEnum","neutral","undefined","danger","warning","success","info","showIcon","getBoolean","showTitle","showTrailingSlot","icon","getInstanceSwap","iconResult","type","executeTemplate","iconName","metadata","props","componentName","iconSnippet","example","title","findText","textContent","description","trailingSlot","getSlot","trailingChildren","helpers","react","renderChildren","iconSymbolId","symbolId","trailingInstances","findConnectedInstances","node","hasCodeConnect","filter","actionButtons","codeConnectId","actionLabel","length","label","isIconExpressible","isTrailingExpressible","useConfigForm","quote","text","escaped","replace","includes","iconImports","colorOption","code","iconOption","labelOption","actionOptions","configExample","colorProp","renderProp","componentExample","id","imports"],"sourceRoot":"../../../src","sources":["figma/Toast.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,KAAK,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,EAAE;EACzCC,OAAO,EAAEC,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGV,QAAQ,CAACW,UAAU,CAAC,YAAY,CAAC;AAClD,MAAMC,SAAS,GAAGZ,QAAQ,CAACW,UAAU,CAAC,aAAa,CAAC;AACpD,MAAME,gBAAgB,GAAGb,QAAQ,CAACW,UAAU,CAAC,oBAAoB,CAAC;AAElE,MAAMG,IAAI,GAAGd,QAAQ,CAACe,eAAe,CAAC,MAAM,CAAC;AAC7C,MAAMC,UAAU,GAAGN,QAAQ,IAAII,IAAI,EAAEG,IAAI,KAAK,UAAU,GAAGH,IAAI,CAACI,eAAe,CAAC,CAAC,GAAGb,SAAS;AAC7F,MAAMc,QAAQ,GAAGH,UAAU,EAAEI,QAAQ,EAAEC,KAAK,EAAEC,aAAmC;AACjF,MAAMC,WAAW,GAAGJ,QAAQ,IAAIH,UAAU,EAAEQ,OAAO;AAEnD,MAAMC,KAAK,GAAIzB,QAAQ,CAAC0B,QAAQ,CAAC,aAAa,CAAC,CAAgCC,WAAW;AAC1F,MAAMC,WAAW,GAAI5B,QAAQ,CAAC0B,QAAQ,CAAC,mBAAmB,CAAC,CACxDC,WAAW;AAEd,MAAME,YAAY,GAAG7B,QAAQ,CAAC8B,OAAO,CAAC,oBAAoB,CAAC;AAC3D,MAAMC,gBAAgB,GACpBlB,gBAAgB,IAAIgB,YAAY,GAAG9B,KAAK,CAACiC,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAE5F,MAAMM,YAAY,GAAGrB,IAAI,EAAEG,IAAI,KAAK,UAAU,GAAGH,IAAI,CAACsB,QAAQ,GAAG/B,SAAS;AAC1E,MAAMgC,iBAAiB,GAAGxB,gBAAgB,GACtCb,QAAQ,CACLsC,sBAAsB,CAAEC,IAAI,IAAKA,IAAI,CAACC,cAAc,CAAC,CAAC,IAAID,IAAI,CAACH,QAAQ,KAAKD,YAAY,CAAC,CACzFM,MAAM,CAAEF,IAAI,IAA6CA,IAAI,CAACtB,IAAI,KAAK,UAAU,CAAC,GACrF,EAAE;AACN,MAAMyB,aAAa,GAAGL,iBAAiB,CAACI,MAAM,CAAEF,IAAI,IAAKA,IAAI,CAACI,aAAa,CAAC,CAAC,KAAK,cAAc,CAAC;AACjG,MAAMC,WAAW,GACfF,aAAa,CAACG,MAAM,KAAK,CAAC,GACrBH,aAAa,CAAC,CAAC,CAAC,CAACxB,eAAe,CAAC,CAAC,CAACE,QAAQ,EAAEC,KAAK,EAAEyB,KAAK,GAC1DzC,SAAS;;AAEf;AACA;AACA;AACA,MAAM0C,iBAAiB,GAAG,CAACrC,QAAQ,IAAI,CAACM,UAAU,IAAIG,QAAQ,KAAKd,SAAS;AAC5E,MAAM2C,qBAAqB,GACzB,CAACnC,gBAAgB,IACjBwB,iBAAiB,CAACQ,MAAM,KAAK,CAAC,IAC7BR,iBAAiB,CAACQ,MAAM,KAAK,CAAC,IAAID,WAAW,KAAKvC,SAAU;AAC/D,MAAM4C,aAAa,GAAGF,iBAAiB,IAAIC,qBAAqB;AAEhE,MAAME,KAAK,GAAIC,IAAY,IAAK;EAC9B,MAAMC,OAAO,GAAGD,IAAI,CAACE,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC;EAC3C,IAAI,CAACD,OAAO,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,IAAIF,OAAO,GAAG;EACjD,IAAI,CAACA,OAAO,CAACE,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,IAAIF,OAAO,GAAG;EACjD,OAAO,IAAIA,OAAO,CAACC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG;AAC5C,CAAC;AAED,MAAME,WAAW,GAAGpC,QAAQ,GAAG,CAAC,YAAYA,QAAQ,yBAAyB,CAAC,GAAG,EAAE;AAEnF,MAAMqC,WAAW,GAAGtD,KAAK,GAAGH,KAAK,CAAC0D,IAAI,eAAevD,KAAK,IAAI,GAAG,IAAI;AACrE,MAAMwD,UAAU,GAAGvC,QAAQ,GAAGpB,KAAK,CAAC0D,IAAI,aAAatC,QAAQ,GAAG,GAAG,IAAI;AACvE,MAAMwC,WAAW,GAAG/C,SAAS,GAAGb,KAAK,CAAC0D,IAAI,cAAcP,KAAK,CAACzB,KAAK,CAAC,GAAG,GAAG,IAAI;AAC9E,MAAMmC,aAAa,GACjB/C,gBAAgB,IAAI+B,WAAW,KAAKvC,SAAS,GACzCN,KAAK,CAAC0D,IAAI,oBAAoBP,KAAK,CAACN,WAAW,CAAC,2CAA2C,GAC3F,IAAI;AAEV,MAAMiB,aAAa,GAAG9D,KAAK,CAAC0D,IAAI;AAChC;AACA;AACA,cAAcD,WAAW,GAAGE,UAAU,GAAGC,WAAW;AACpD,iBAAiBT,KAAK,CAACtB,WAAW,CAAC,IAAIgC,aAAa;AACpD,IAAI;AAEJ,MAAME,SAAS,GAAG/D,KAAK,CAACiC,OAAO,CAACC,KAAK,CAAC8B,UAAU,CAAC,OAAO,EAAE7D,KAAK,CAAC;AAEhE,MAAM8D,gBAAgB,GAAGjE,KAAK,CAAC0D,IAAI;AACnC;AACA;AACA;AACA;AACA,uBAAuBK,SAAS;AAChC,QAAQvC,WAAW,GAAGxB,KAAK,CAAC0D,IAAI,mBAAmBlC,WAAW,MAAM,GAAG,IAAI;AAC3E,QAAQX,SAAS,GAAGb,KAAK,CAAC0D,IAAI,gBAAgBhC,KAAK,gBAAgB,GAAG,IAAI;AAC1E,2BAA2BG,WAAW;AACtC,QAAQG,gBAAgB;AACxB;AACA;AACA,IAAI;AAEJ,eAAe;EACbkC,EAAE,EAAE,OAAO;EACXC,OAAO,EAAEjB,aAAa,GAClB,CAAC,+CAA+C,EAAE,GAAGM,WAAW,CAAC,GACjE,CAAC,sDAAsD,EAAE,GAAGA,WAAW,CAAC;EAC5E/B,OAAO,EAAEyB,aAAa,GAAGY,aAAa,GAAGG;AAC3C,CAAC","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12980-8437
+// source=packages/components/src/components/Tooltip/index.tsx
+// component=Tooltip.Content
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// `placement` is set on the parent Tooltip in code (see Tooltip.figma.ts); the content only
+// mirrors it in Figma so the arrow points the right way.
+const showArrow = instance.getBoolean('Show Arrow?');
+const textLayer = instance.findText('{text}');
+const contentSlot = instance.getSlot('content');
+const children = textLayer.type === 'TEXT' ? textLayer.textContent : contentSlot ? figma.helpers.react.renderChildren(contentSlot) : null;
+export default {
+  id: 'tooltip-content',
+  imports: ["import { Tooltip } from '@cdx-ui/components'"],
+  example: figma.code`
+<Tooltip.Content>
+  ${showArrow ? figma.code`<Tooltip.Arrow />` : null}
+  ${children}
+</Tooltip.Content>`
+};
+//# sourceMappingURL=Tooltip.Content.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","showArrow","getBoolean","textLayer","findText","contentSlot","getSlot","children","type","textContent","helpers","react","renderChildren","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Tooltip.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,UAAU,CAAC,aAAa,CAAC;AAEpD,MAAMC,SAAS,GAAGJ,QAAQ,CAACK,QAAQ,CAAC,QAAQ,CAAC;AAC7C,MAAMC,WAAW,GAAGN,QAAQ,CAACO,OAAO,CAAC,SAAS,CAAC;AAC/C,MAAMC,QAAQ,GACZJ,SAAS,CAACK,IAAI,KAAK,MAAM,GACrBL,SAAS,CAACM,WAAW,GACrBJ,WAAW,GACTP,KAAK,CAACY,OAAO,CAACC,KAAK,CAACC,cAAc,CAACP,WAAW,CAAC,GAC/C,IAAI;AAEZ,eAAe;EACbQ,EAAE,EAAE,iBAAiB;EACrBC,OAAO,EAAE,CAAC,8CAA8C,CAAC;EACzDC,OAAO,EAAEjB,KAAK,CAACkB,IAAI;AACrB;AACA,IAAIf,SAAS,GAAGH,KAAK,CAACkB,IAAI,mBAAmB,GAAG,IAAI;AACpD,IAAIT,QAAQ;AACZ;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/Tooltip.figma.js

@@ -0,0 +1,40 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=12996-1099
+// source=packages/components/src/components/Tooltip/index.tsx
+// component=Tooltip
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// `isOpen` only previews the open state in Figma; the tooltip opens from its trigger at runtime.
+const placement = instance.getEnum('placement', {
+  top: undefined,
+  'top-start': 'top-start',
+  'top-end': 'top-end',
+  bottom: 'bottom',
+  'bottom-start': 'bottom-start',
+  'bottom-end': 'bottom-end',
+  left: 'left',
+  'left-start': 'left-start',
+  'left-end': 'left-end',
+  right: 'right',
+  'right-start': 'right-start',
+  'right-end': 'right-end'
+});
+const placementProp = figma.helpers.react.renderProp('placement', placement);
+const trigger = instance.getInstanceSwap('Instance');
+const triggerSnippet = trigger?.type === 'INSTANCE' ? trigger.executeTemplate().example : null;
+const content = instance.findInstance('Tooltip.Content');
+const contentSnippet = content.type === 'INSTANCE' ? content.executeTemplate().example : null;
+export default {
+  id: 'tooltip',
+  imports: ["import { Tooltip } from '@cdx-ui/components'"],
+  example: figma.code`
+<Tooltip${placementProp}>
+  <Tooltip.Trigger asChild>
+    ${triggerSnippet}
+  </Tooltip.Trigger>
+  ${contentSnippet}
+</Tooltip>`
+};
+//# sourceMappingURL=Tooltip.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","placement","getEnum","top","undefined","bottom","left","right","placementProp","helpers","react","renderProp","trigger","getInstanceSwap","triggerSnippet","type","executeTemplate","example","content","findInstance","contentSnippet","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Tooltip.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,GAAG,EAAEC,SAAS;EACd,WAAW,EAAE,WAAW;EACxB,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,QAAQ;EAChB,cAAc,EAAE,cAAc;EAC9B,YAAY,EAAE,YAAY;EAC1BC,IAAI,EAAE,MAAM;EACZ,YAAY,EAAE,YAAY;EAC1B,UAAU,EAAE,UAAU;EACtBC,KAAK,EAAE,OAAO;EACd,aAAa,EAAE,aAAa;EAC5B,WAAW,EAAE;AACf,CAAC,CAAC;AACF,MAAMC,aAAa,GAAGV,KAAK,CAACW,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEV,SAAS,CAAC;AAE5E,MAAMW,OAAO,GAAGb,QAAQ,CAACc,eAAe,CAAC,UAAU,CAAC;AACpD,MAAMC,cAAc,GAAGF,OAAO,EAAEG,IAAI,KAAK,UAAU,GAAGH,OAAO,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE9F,MAAMC,OAAO,GAAGnB,QAAQ,CAACoB,YAAY,CAAC,iBAAiB,CAAC;AACxD,MAAMC,cAAc,GAAGF,OAAO,CAACH,IAAI,KAAK,UAAU,GAAGG,OAAO,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE7F,eAAe;EACbI,EAAE,EAAE,SAAS;EACbC,OAAO,EAAE,CAAC,8CAA8C,CAAC;EACzDL,OAAO,EAAEnB,KAAK,CAACyB,IAAI;AACrB,UAAUf,aAAa;AACvB;AACA,MAAMM,cAAc;AACpB;AACA,IAAIM,cAAc;AAClB;AACA,CAAC","ignoreList":[]}

package/lib/module/figma/VirtualizedList.figma.js

@@ -0,0 +1,25 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=4040-4933
+// source=packages/components/src/components/VirtualizedList/index.tsx
+// component=VirtualizedList
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Figma names this component FlatList. VirtualizedList is data-driven, so the `items` slot's
+// first row is rendered once through `renderItem`.
+const firstItem = instance.findInstance('ListItem');
+const itemSnippet = firstItem.type === 'INSTANCE' ? firstItem.executeTemplate().example : null;
+export default {
+  id: 'virtualized-list',
+  imports: ["import { VirtualizedList } from '@cdx-ui/components'"],
+  example: figma.code`
+<VirtualizedList
+  data={items}
+  keyExtractor={(item) => item.id}
+  renderItem={({ item }) => (
+    ${itemSnippet}
+  )}
+/>`
+};
+//# sourceMappingURL=VirtualizedList.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","firstItem","findInstance","itemSnippet","type","executeTemplate","example","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/VirtualizedList.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,YAAY,CAAC,UAAU,CAAC;AACnD,MAAMC,WAAW,GAAGF,SAAS,CAACG,IAAI,KAAK,UAAU,GAAGH,SAAS,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE9F,eAAe;EACbC,EAAE,EAAE,kBAAkB;EACtBC,OAAO,EAAE,CAAC,sDAAsD,CAAC;EACjEF,OAAO,EAAER,KAAK,CAACW,IAAI;AACrB;AACA;AACA;AACA;AACA,MAAMN,WAAW;AACjB;AACA;AACA,CAAC","ignoreList":[]}

package/lib/typescript/components/ToggleButton/index.d.ts

@@ -0,0 +1,78 @@
+import React, { type ReactElement, type ReactNode } from 'react';
+import { Text, View, type TextProps } from 'react-native';
+import { type IToggleButtonGroupMultipleProps, type IToggleButtonGroupSingleProps, type IToggleButtonProps } from '@cdx-ui/primitives';
+import { type IconProps } from '../Icon';
+import { type IconSlotPosition } from '../../utils/positionToDataIcon';
+import { type ToggleButtonGroupVariantProps, type ToggleButtonVariantProps } from './styles';
+export type ToggleButtonVariant = 'default' | 'outline' | 'ghost';
+export type ToggleButtonShape = NonNullable<ToggleButtonVariantProps['shape']>;
+export interface ToggleButtonProps extends IToggleButtonProps {
+    /**
+     * Visual style. `default` is a muted filled surface; `outline` adds a border; `ghost` is transparent.
+     * @default 'default'
+     */
+    variant?: ToggleButtonVariant;
+    /**
+     * Corner geometry — mirrors `Avatar.shape`.
+     * @default 'circle'
+     */
+    shape?: ToggleButtonShape;
+    /**
+     * Height and padding scale.
+     * @default 'default'
+     */
+    size?: 'small' | 'default' | 'large';
+    className?: string;
+    children?: ReactNode;
+}
+declare const ToggleButtonRoot: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<View>>;
+export interface ToggleButtonLabelProps extends TextProps {
+    /** Render the consumer's child in place of the default `Text` host. */
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const ToggleButtonLabel: React.ForwardRefExoticComponent<ToggleButtonLabelProps & React.RefAttributes<Text>>;
+export interface ToggleButtonIconProps extends Omit<IconProps, 'children' | 'as'> {
+    /** Render a custom element instead of the default icon. */
+    asChild?: boolean;
+    /** Forge icon component to render. */
+    as?: IconProps['as'];
+    /** Leading or trailing placement relative to the label. */
+    position?: IconSlotPosition;
+    /**
+     * Render the filled icon variant. Defaults to the toggle's selected state.
+     * Icons without filled path data stay outlined.
+     */
+    filled?: boolean;
+}
+declare const ToggleButtonIcon: {
+    ({ asChild, className, style, as, position, filled, ...props }: ToggleButtonIconProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+type ToggleButtonGroupSingleStyledProps = IToggleButtonGroupSingleProps & ToggleButtonGroupVariantProps & {
+    className?: string;
+    children: ReactElement | ReactElement[];
+    /**
+     * Collapse gaps and adjoining corners into a single segmented control.
+     * @default true
+     */
+    isAttached?: boolean;
+};
+type ToggleButtonGroupMultipleStyledProps = IToggleButtonGroupMultipleProps & ToggleButtonGroupVariantProps & {
+    className?: string;
+    children: ReactElement | ReactElement[];
+    /**
+     * Collapse gaps and adjoining corners into a single segmented control.
+     * @default true
+     */
+    isAttached?: boolean;
+};
+export type ToggleButtonGroupProps = ToggleButtonGroupSingleStyledProps | ToggleButtonGroupMultipleStyledProps;
+declare const ToggleButtonGroup: React.ForwardRefExoticComponent<ToggleButtonGroupProps & React.RefAttributes<View>>;
+export declare const ToggleButton: typeof ToggleButtonRoot & {
+    Label: typeof ToggleButtonLabel;
+    Icon: typeof ToggleButtonIcon;
+};
+export { ToggleButtonGroup };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/ToggleButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkB,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAC1F,OAAO,EAOL,KAAK,+BAA+B,EACpC,KAAK,6BAA6B,EAClC,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAQ5B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAOL,KAAK,6BAA6B,EAClC,KAAK,wBAAwB,EAC9B,MAAM,UAAU,CAAC;AAUlB,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAClE,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;AAE/E,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,gFA6CrB,CAAC;AAQF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,qFA2BtB,CAAC;AAQF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/E,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB;oEAQnB,qBAAqB;;CAsCvB,CAAC;AAQF,KAAK,kCAAkC,GAAG,6BAA6B,GACrE,6BAA6B,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,KAAK,oCAAoC,GAAG,+BAA+B,GACzE,6BAA6B,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,MAAM,MAAM,sBAAsB,GAC9B,kCAAkC,GAClC,oCAAoC,CAAC;AAgCzC,QAAA,MAAM,iBAAiB,qFAkDtB,CAAC;AAIF,eAAO,MAAM,YAAY,EAGnB,OAAO,gBAAgB,GAAG;IAC9B,KAAK,EAAE,OAAO,iBAAiB,CAAC;IAChC,IAAI,EAAE,OAAO,gBAAgB,CAAC;CAC/B,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/components/ToggleButton/styles.d.ts

@@ -0,0 +1,30 @@
+import { type VariantProps } from '@cdx-ui/utils';
+export declare const toggleButtonRootVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | null | undefined;
+    shape?: "circle" | "rounded" | null | undefined;
+    size?: "small" | "default" | "large" | null | undefined;
+    iconOnly?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Classes for an item inside an attached group. Every item after the first overlaps its
+ * predecessor by one border width so adjoining borders collapse into a single line; the
+ * interacted or selected item is raised so its full border stays visible.
+ */
+export declare const toggleButtonAttachedVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+    position?: "middle" | "only" | "first" | "last" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToggleButtonAttachedPosition = NonNullable<VariantProps<typeof toggleButtonAttachedVariants>['position']>;
+export declare const toggleButtonGroupVariants: (props?: ({
+    orientation?: "vertical" | "horizontal" | null | undefined;
+    isAttached?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const toggleButtonLabelVariants: (props?: ({
+    size?: "small" | "default" | "large" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const toggleButtonIconVariants: (props?: ({
+    size?: "small" | "default" | "large" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ToggleButtonVariantProps = VariantProps<typeof toggleButtonRootVariants>;
+export type ToggleButtonGroupVariantProps = VariantProps<typeof toggleButtonGroupVariants>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/ToggleButton/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAsBvD,eAAO,MAAM,wBAAwB;;;;;8EAmEpC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,4BAA4B;;;8EAgCxC,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,WAAW,CACpD,YAAY,CAAC,OAAO,4BAA4B,CAAC,CAAC,UAAU,CAAC,CAC9D,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;8EAepC,CAAC;AAaH,eAAO,MAAM,yBAAyB;;8EAWpC,CAAC;AAEH,eAAO,MAAM,wBAAwB;;8EAWnC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC;AACrF,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC"}

package/lib/typescript/components/index.d.ts

@@ -50,6 +50,7 @@ export * from './Tabs';
 export * from './Table';
 export * from './Textarea';
 export * from './Tile';
+export * from './ToggleButton';
 export * from './Toast';
 export * from './Tooltip';
 export { HStack, VStack } from './Stack';

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/lib/typescript/figma/Calendar.figma.d.ts

@@ -0,0 +1,8 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+};
+export default _default;
+//# sourceMappingURL=Calendar.figma.d.ts.map

package/lib/typescript/figma/Calendar.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Calendar.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAW1B,wBAME"}

package/lib/typescript/figma/Carousel.NextButton.figma.d.ts

@@ -0,0 +1,11 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+    };
+};
+export default _default;
+//# sourceMappingURL=Carousel.NextButton.figma.d.ts.map

package/lib/typescript/figma/Carousel.NextButton.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.NextButton.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Carousel.NextButton.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAU1B,wBAKE"}

package/lib/typescript/figma/Carousel.Pagination.figma.d.ts

@@ -0,0 +1,11 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+    };
+};
+export default _default;
+//# sourceMappingURL=Carousel.Pagination.figma.d.ts.map

package/lib/typescript/figma/Carousel.Pagination.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.Pagination.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Carousel.Pagination.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAI1B,wBAKE"}

package/lib/typescript/figma/Carousel.PrevButton.figma.d.ts

@@ -0,0 +1,11 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+    };
+};
+export default _default;
+//# sourceMappingURL=Carousel.PrevButton.figma.d.ts.map

package/lib/typescript/figma/Carousel.PrevButton.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.PrevButton.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Carousel.PrevButton.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAU1B,wBAKE"}

package/lib/typescript/figma/Carousel.figma.d.ts

@@ -0,0 +1,8 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+};
+export default _default;
+//# sourceMappingURL=Carousel.figma.d.ts.map

package/lib/typescript/figma/Carousel.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Carousel.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAiB1B,wBAWE"}

package/lib/typescript/figma/Checkbox.Group.figma.d.ts

@@ -0,0 +1,8 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+};
+export default _default;
+//# sourceMappingURL=Checkbox.Group.figma.d.ts.map

package/lib/typescript/figma/Checkbox.Group.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.Group.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Checkbox.Group.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAO1B,wBAOE"}

package/lib/typescript/figma/CurrencyInput.figma.d.ts

@@ -0,0 +1,8 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+};
+export default _default;
+//# sourceMappingURL=CurrencyInput.figma.d.ts.map

package/lib/typescript/figma/CurrencyInput.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/CurrencyInput.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAuC1B,wBAUE"}