@cdx-ui/components 0.0.1-beta.70 → 0.0.1-beta.72

package/lib/module/components/QuickActionButton/index.js

@@ -0,0 +1,129 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Text, View } from 'react-native';
+import { ButtonRoot, dataAttributes, mergeDataAttributes, useButtonContext } from '@cdx-ui/primitives';
+import { cn } from '@cdx-ui/utils';
+import { Icon } from '../Icon';
+import { quickActionButtonGlyphVariants, quickActionButtonIndicatorVariants, quickActionButtonLabelVariants, quickActionButtonRootVariants } from './styles';
+
+// =============================================================================
+// ROOT
+// =============================================================================
+import { jsx as _jsx } from "react/jsx-runtime";
+const QuickActionButtonRoot = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  accessibilityRole = 'button',
+  ...props
+}, ref) => /*#__PURE__*/_jsx(ButtonRoot, {
+  ref: ref,
+  accessibilityRole: accessibilityRole,
+  className: cn(quickActionButtonRootVariants(), className),
+  style: style,
+  ...props,
+  ...mergeDataAttributes(props, dataAttributes({
+    slot: 'quick-action-button'
+  })),
+  children: children
+}));
+QuickActionButtonRoot.displayName = 'QuickActionButton';
+
+// =============================================================================
+// INDICATOR
+// Circular container. Auto-rendered by `QuickActionButton.Icon` in standard usage.
+// Exposed as a compound member for Code Connect parity and custom compositions.
+// =============================================================================
+
+const QuickActionButtonIndicator = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    hover,
+    focus,
+    active,
+    disabled,
+    focusVisible
+  } = useButtonContext();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: cn(quickActionButtonIndicatorVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'quick-action-button-indicator',
+      hover,
+      focus,
+      active,
+      disabled,
+      focusVisible
+    })),
+    children: children
+  });
+});
+QuickActionButtonIndicator.displayName = 'QuickActionButton.Indicator';
+
+// =============================================================================
+// ICON
+// Renders the Indicator circle + icon glyph as one convenient sub-component.
+// This is the primary way consumers add the icon to a QuickActionButton.
+// =============================================================================
+
+function QuickActionButtonIcon({
+  as: IconComponent,
+  className,
+  indicatorClassName
+}) {
+  return /*#__PURE__*/_jsx(QuickActionButtonIndicator, {
+    className: indicatorClassName,
+    children: /*#__PURE__*/_jsx(Icon, {
+      as: IconComponent,
+      className: cn(quickActionButtonGlyphVariants(), className)
+    })
+  });
+}
+QuickActionButtonIcon.displayName = 'QuickActionButton.Icon';
+
+// =============================================================================
+// LABEL
+// =============================================================================
+
+const QuickActionButtonLabel = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    disabled
+  } = useButtonContext();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    numberOfLines: 2,
+    ellipsizeMode: "tail",
+    className: cn(quickActionButtonLabelVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'quick-action-button-label',
+      disabled
+    })),
+    children: children
+  });
+});
+QuickActionButtonLabel.displayName = 'QuickActionButton.Label';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+export const QuickActionButton = Object.assign(QuickActionButtonRoot, {
+  Indicator: QuickActionButtonIndicator,
+  Icon: QuickActionButtonIcon,
+  Label: QuickActionButtonLabel
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/QuickActionButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Text","View","ButtonRoot","dataAttributes","mergeDataAttributes","useButtonContext","cn","Icon","quickActionButtonGlyphVariants","quickActionButtonIndicatorVariants","quickActionButtonLabelVariants","quickActionButtonRootVariants","jsx","_jsx","QuickActionButtonRoot","className","style","children","accessibilityRole","props","ref","slot","displayName","QuickActionButtonIndicator","hover","focus","active","disabled","focusVisible","QuickActionButtonIcon","as","IconComponent","indicatorClassName","QuickActionButtonLabel","numberOfLines","ellipsizeMode","QuickActionButton","Object","assign","Indicator","Label"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/QuickActionButton/styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
+export const quickActionButtonRootVariants = cva(['flex flex-col items-center gap-2', 'min-w-[60px] max-w-20', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', DISABLED_CURSOR]);
+export const quickActionButtonIndicatorVariants = cva(['flex items-center justify-center shrink-0', 'h-[60px] w-[60px] min-h-[60px] min-w-[60px] p-2', 'rounded-[var(--border-radius-round)]', 'border border-stroke-secondary', 'bg-surface-primary', 'overflow-hidden', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', Platform.select({
+  default: 'data-[active=true]:bg-surface-primary-active',
+  web: ['data-[hover=true]:bg-surface-primary-hover', 'data-[active=true]:data-[hover=true]:bg-surface-secondary-active', 'web:data-[focus-visible=true]:ring-2', 'web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)]', 'web:data-[focus-visible=true]:ring-offset-2'].join(' ')
+})]);
+export const quickActionButtonGlyphVariants = cva(['size-6', 'text-content-action']);
+export const quickActionButtonLabelVariants = cva(['body-sm font-medium', 'text-content-primary text-center', 'w-full min-w-0 max-w-20 self-center', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]']);
+//# sourceMappingURL=styles.js.map

package/lib/module/components/QuickActionButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","quickActionButtonRootVariants","quickActionButtonIndicatorVariants","select","default","web","join","quickActionButtonGlyphVariants","quickActionButtonLabelVariants"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,6BAA6B,GAAGH,GAAG,CAAC,CAC/C,kCAAkC,EAClC,uBAAuB,EACvB,wEAAwE,EACxEC,eAAe,CAChB,CAAC;AAEF,OAAO,MAAMG,kCAAkC,GAAGJ,GAAG,CAAC,CACpD,2CAA2C,EAC3C,iDAAiD,EACjD,sCAAsC,EACtC,gCAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjBE,iBAAiB,EACjB,wDAAwD,EACxDH,QAAQ,CAACM,MAAM,CAAC;EACdC,OAAO,EAAE,8CAA8C;EACvDC,GAAG,EAAE,CACH,4CAA4C,EAC5C,kEAAkE,EAClE,sCAAsC,EACtC,+DAA+D,EAC/D,6CAA6C,CAC9C,CAACC,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMC,8BAA8B,GAAGT,GAAG,CAAC,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAEpF,OAAO,MAAMU,8BAA8B,GAAGV,GAAG,CAAC,CAChD,qBAAqB,EACrB,kCAAkC,EAClC,qCAAqC,EACrC,wDAAwD,CACzD,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+export * from './Alert';
 export * from './AlertDialog';
 export * from './Avatar';
 export * from './BottomSheet';
@@ -30,4 +31,5 @@ export * from './Heading';
 export * from './Text';
 export * from './Icon';
 export * from './IconButton';
+export * from './QuickActionButton';
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc","ignoreList":[]}
+{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=6665-19528
+// source=packages/components/src/components/Alert/index.tsx
+// component=Alert.Button
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const buttonInstance = instance.findInstance('Button');
+const buttonSnippet = buttonInstance?.type === 'INSTANCE' ? buttonInstance.executeTemplate().example : null;
+const labelHandle = instance.findText('Button.Label', {
+  traverseInstances: true
+});
+const label = labelHandle?.textContent;
+export default {
+  id: 'alert-button',
+  imports: ["import { Button } from '@cdx-ui/components'"],
+  metadata: {
+    nestable: true
+  },
+  example: buttonSnippet ?? (label ? figma.code`
+<Button variant="ghost" size="small">
+  <Button.Label>${label}</Button.Label>
+</Button>` : null)
+};
+//# sourceMappingURL=Alert.Button.figma.js.map

package/lib/module/figma/Alert.Button.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","buttonInstance","findInstance","buttonSnippet","type","executeTemplate","example","labelHandle","findText","traverseInstances","label","textContent","id","imports","metadata","nestable","code"],"sourceRoot":"../../../src","sources":["figma/Alert.Button.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,cAAc,GAAGF,QAAQ,CAACG,YAAY,CAAC,QAAQ,CAAC;AACtD,MAAMC,aAAa,GACjBF,cAAc,EAAEG,IAAI,KAAK,UAAU,GAAGH,cAAc,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEvF,MAAMC,WAAW,GAAGR,QAAQ,CAACS,QAAQ,CAAC,cAAc,EAAE;EACpDC,iBAAiB,EAAE;AACrB,CAAC,CAAsC;AACvC,MAAMC,KAAK,GAAGH,WAAW,EAAEI,WAAW;AAEtC,eAAe;EACbC,EAAE,EAAE,cAAc;EAClBC,OAAO,EAAE,CAAC,6CAA6C,CAAC;EACxDC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK,CAAC;EAC5BT,OAAO,EACLH,aAAa,KACZO,KAAK,GACFZ,KAAK,CAACkB,IAAI;AAClB;AACA,kBAAkBN,KAAK;AACvB,UAAU,GACF,IAAI;AACZ,CAAC","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=6665-19498
+// source=packages/components/src/components/Alert/index.tsx
+// component=Alert.Close
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const iconButtonInstance = instance.findInstance('IconButton');
+const iconButtonSnippet = iconButtonInstance?.type === 'INSTANCE' ? iconButtonInstance.executeTemplate().example : null;
+export default {
+  id: 'alert-close',
+  imports: ["import { IconButton } from '@cdx-ui/components'", "import { Close } from '@cdx-ui/icons'"],
+  metadata: {
+    nestable: true
+  },
+  example: iconButtonSnippet ?? figma.code`<IconButton variant="ghost" size="small" as={Close} accessibilityLabel="Dismiss" />`
+};
+//# sourceMappingURL=Alert.Close.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","iconButtonInstance","findInstance","iconButtonSnippet","type","executeTemplate","example","id","imports","metadata","nestable","code"],"sourceRoot":"../../../src","sources":["figma/Alert.Close.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,kBAAkB,GAAGF,QAAQ,CAACG,YAAY,CAAC,YAAY,CAAC;AAC9D,MAAMC,iBAAiB,GACrBF,kBAAkB,EAAEG,IAAI,KAAK,UAAU,GAAGH,kBAAkB,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,eAAe;EACbC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CACP,iDAAiD,EACjD,uCAAuC,CACxC;EACDC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK,CAAC;EAC5BJ,OAAO,EACLH,iBAAiB,IACjBL,KAAK,CAACa,IAAI;AACd,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","description","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Alert.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,mBAAmB;EACvBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAER,KAAK,CAACS,IAAI,sBAAsBN,WAAW;AACtD,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","title","findText","textContent","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Alert.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,aAAa;EACjBC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDC,OAAO,EAAER,KAAK,CAACS,IAAI,gBAAgBN,KAAK;AAC1C,CAAC","ignoreList":[]}

package/lib/module/figma/Alert.figma.js

@@ -0,0 +1,36 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=6665-19536
+// source=packages/components/src/components/Alert/index.tsx
+// component=Alert
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const severity = instance.getEnum('severity', {
+  danger: 'danger',
+  warning: 'warning',
+  success: 'success',
+  info: 'info'
+});
+const showHeadline = instance.getBoolean('Show Headline?');
+const headlineInstance = instance.findInstance('Alert.Headline');
+const headlineSnippet = showHeadline && headlineInstance?.type === 'INSTANCE' ? headlineInstance.executeTemplate().example : null;
+const messageInstance = instance.findInstance('Alert.Message');
+const messageSnippet = messageInstance?.type === 'INSTANCE' ? messageInstance.executeTemplate().example : null;
+const showTrailingSlot = instance.getBoolean('Show TrailingSlot?');
+const trailingSlot = instance.getSlot('Alert.TrailingSlot');
+const trailingChildren = showTrailingSlot && trailingSlot ? figma.helpers.react.renderChildren(trailingSlot) : null;
+export default {
+  id: 'alert',
+  imports: ["import { Alert } from '@cdx-ui/components'"],
+  example: figma.code`
+<Alert severity="${severity}">
+  <Alert.Icon />
+  ${headlineSnippet}
+  ${messageSnippet}
+  ${trailingChildren ? figma.code`
+  <Alert.Actions>
+    ${trailingChildren}
+  </Alert.Actions>` : null}
+</Alert>`
+};
+//# sourceMappingURL=Alert.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","severity","getEnum","danger","warning","success","info","showHeadline","getBoolean","headlineInstance","findInstance","headlineSnippet","type","executeTemplate","example","messageInstance","messageSnippet","showTrailingSlot","trailingSlot","getSlot","trailingChildren","helpers","react","renderChildren","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Alert.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,OAAO,CAAC,UAAU,EAAE;EAC5CC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGR,QAAQ,CAACS,UAAU,CAAC,gBAAgB,CAAC;AAE1D,MAAMC,gBAAgB,GAAGV,QAAQ,CAACW,YAAY,CAAC,gBAAgB,CAAC;AAChE,MAAMC,eAAe,GACnBJ,YAAY,IAAIE,gBAAgB,EAAEG,IAAI,KAAK,UAAU,GACjDH,gBAAgB,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAC1C,IAAI;AAEV,MAAMC,eAAe,GAAGhB,QAAQ,CAACW,YAAY,CAAC,eAAe,CAAC;AAC9D,MAAMM,cAAc,GAClBD,eAAe,EAAEH,IAAI,KAAK,UAAU,GAAGG,eAAe,CAACF,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAEzF,MAAMG,gBAAgB,GAAGlB,QAAQ,CAACS,UAAU,CAAC,oBAAoB,CAAC;AAClE,MAAMU,YAAY,GAAGnB,QAAQ,CAACoB,OAAO,CAAC,oBAAoB,CAAC;AAC3D,MAAMC,gBAAgB,GACpBH,gBAAgB,IAAIC,YAAY,GAAGpB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACL,YAAY,CAAC,GAAG,IAAI;AAE5F,eAAe;EACbM,EAAE,EAAE,OAAO;EACXC,OAAO,EAAE,CAAC,4CAA4C,CAAC;EACvDX,OAAO,EAAEhB,KAAK,CAAC4B,IAAI;AACrB,mBAAmBzB,QAAQ;AAC3B;AACA,IAAIU,eAAe;AACnB,IAAIK,cAAc;AAClB,IACII,gBAAgB,GACZtB,KAAK,CAAC4B,IAAI;AAClB;AACA,MAAMN,gBAAgB;AACtB,mBAAmB,GACX,IAAI;AACZ;AAEA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=5283-1723
+// source=packages/components/src/components/QuickActionButton/index.tsx
+// component=QuickActionButton
+import figma from 'figma';
+const instance = figma.selectedInstance;
+
+// Enum-as-boolean: isDisabled is a VARIANT property in Figma ("true"/"false").
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const isDisabledProp = figma.helpers.react.renderProp('isDisabled', isDisabled);
+
+// icon: INSTANCE_SWAP → QuickActionButton.Icon `as` (ForgeIcon).
+// Prefer metadata.props.componentName from the icon Code Connect template.
+const iconResult = instance.getInstanceSwap('icon')?.executeTemplate();
+const iconName = iconResult?.metadata?.props?.componentName;
+const iconSnippet = iconName ?? iconResult?.example;
+const iconImports = iconName ? [`import { ${iconName} } from '@cdx-ui/icons'`] : [];
+const labelText = instance.findText('{label}').textContent;
+export default {
+  id: 'quick-action-button',
+  imports: ["import { QuickActionButton } from '@cdx-ui/components'", ...iconImports],
+  example: figma.code`
+<QuickActionButton${isDisabledProp}>
+  <QuickActionButton.Icon as={${iconSnippet}} />
+  <QuickActionButton.Label>${labelText}</QuickActionButton.Label>
+</QuickActionButton>`
+};
+//# sourceMappingURL=QuickActionButton.figma.js.map

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

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

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

@@ -0,0 +1,67 @@
+import React, { type ReactNode } from 'react';
+import { Text, View, type TextProps, type ViewProps } from 'react-native';
+import type { ForgeIcon } from '@cdx-ui/icons';
+import { type IconProps } from '../Icon';
+import { type AlertSeverity, type AlertVariantProps } from './styles';
+export interface AlertProps extends ViewProps, AlertVariantProps {
+    /**
+     * Replace the root element with the consumer's child element via `Slot`.
+     * When `true`, children are rendered as-is (no automatic icon/text/actions
+     * layout splitting). Severity context is still provided so sub-components
+     * receive the correct styles.
+     */
+    asChild?: boolean;
+    /** Severity level that controls background colour, icon, and live-region urgency. */
+    severity?: AlertSeverity;
+    className?: string;
+    /**
+     * Sub-components (`Alert.Icon`, `Alert.Title`, `Alert.Description`,
+     * `Alert.Actions`) must be rendered as **direct** children — wrapping them
+     * in HOCs or `memo()` will break the automatic layout splitting.
+     */
+    children?: ReactNode;
+}
+declare const AlertRoot: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<View>>;
+export interface AlertIconProps extends Omit<IconProps, 'as'> {
+    asChild?: boolean;
+    /**
+     * Override the auto-rendered severity icon. Omit to use the default icon for
+     * the current severity (EmergencyHome, Warning, CheckCircle, or Info).
+     * Not required when `asChild` is set.
+     */
+    as?: ForgeIcon;
+}
+declare const AlertIconComponent: React.ForwardRefExoticComponent<AlertIconProps & React.RefAttributes<View>>;
+export interface AlertTitleProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertTitle: React.ForwardRefExoticComponent<AlertTitleProps & React.RefAttributes<Text>>;
+export interface AlertDescriptionProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDescription: React.ForwardRefExoticComponent<AlertDescriptionProps & React.RefAttributes<Text>>;
+export interface AlertActionsProps extends ViewProps {
+    /**
+     * Replace the wrapper element with the consumer's child via `Slot`.
+     * **Note:** when `true`, automatic `color={severity}` injection on
+     * direct `Button`/`IconButton` children is bypassed — the consumer
+     * must set `color` explicitly.
+     */
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertActions: React.ForwardRefExoticComponent<AlertActionsProps & React.RefAttributes<View>>;
+type AlertCompoundComponent = typeof AlertRoot & {
+    Icon: typeof AlertIconComponent;
+    Title: typeof AlertTitle;
+    Description: typeof AlertDescription;
+    Actions: typeof AlertActions;
+};
+export declare const Alert: AlertCompoundComponent;
+export type { AlertVariantProps, AlertSeverity };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACvB,MAAM,UAAU,CAAC;AA6BlB,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,iBAAiB;IAC9D;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,yEA2Ed,CAAC;AAQF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,SAAS,CAAC;CAChB;AAED,QAAA,MAAM,kBAAkB,6EA2BvB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,8EAkBf,CAAC;AAQF,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,gBAAgB,oFAkBrB,CAAC;AAQF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,gFA0BjB,CAAC;AAQF,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,IAAI,EAAE,OAAO,kBAAkB,CAAC;IAChC,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC,OAAO,EAAE,OAAO,YAAY,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAKZ,sBAAsB,CAAC;AAE7B,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import { type VariantProps } from 'class-variance-authority';
+export type AlertSeverity = 'danger' | 'warning' | 'success' | 'info';
+export declare const alertRootVariants: (props?: ({
+    severity?: "danger" | "warning" | "success" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const alertIconVariants: (props?: ({
+    severity?: "danger" | "warning" | "success" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const alertBodyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertTextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertTitleVariants: (props?: ({
+    severity?: "danger" | "warning" | "success" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const alertDescriptionVariants: (props?: ({
+    severity?: "danger" | "warning" | "success" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const alertActionsVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type AlertVariantProps = VariantProps<typeof alertRootVariants>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAItE,eAAO,MAAM,iBAAiB;;8EAe7B,CAAC;AAIF,eAAO,MAAM,iBAAiB;;8EAY5B,CAAC;AAIH,eAAO,MAAM,iBAAiB,oFAAqD,CAAC;AAIpF,eAAO,MAAM,iBAAiB,oFAAmD,CAAC;AAIlF,eAAO,MAAM,kBAAkB;;8EAY7B,CAAC;AAIH,eAAO,MAAM,wBAAwB;;8EAYnC,CAAC;AAIH,eAAO,MAAM,oBAAoB,oFAAgE,CAAC;AAIlG,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

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

@@ -1,19 +1,19 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const buttonRootVariants: (props?: ({
     variant?: "solid" | "outline" | "ghost" | null | undefined;
-    color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "action" | null | undefined;
     size?: "small" | "default" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonTextVariants: (props?: ({
     variant?: "solid" | "outline" | "ghost" | null | undefined;
-    color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "action" | null | undefined;
     size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonSpinnerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const buttonSpinnerColorVariants: (props?: ({
     variant?: "solid" | "outline" | "ghost" | null | undefined;
-    color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "action" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonGroupVariants: (props?: ({
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
@@ -21,7 +21,7 @@ export declare const buttonGroupVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const buttonIconVariants: (props?: ({
     variant?: "solid" | "outline" | "ghost" | null | undefined;
-    color?: "action" | "danger" | "warning" | "success" | "info" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "action" | null | undefined;
     size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonVariantProps = VariantProps<typeof buttonRootVariants>;

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

@@ -1,17 +1,17 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const chipRootVariants: (props?: ({
     variant?: "outline" | "tint" | null | undefined;
-    color?: "action" | "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "default" | "action" | null | undefined;
     size?: "small" | "default" | "xsmall" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const chipLabelVariants: (props?: ({
     variant?: "outline" | "tint" | null | undefined;
-    color?: "action" | "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "default" | "action" | null | undefined;
     size?: "small" | "default" | "xsmall" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const chipIconVariants: (props?: ({
     size?: "small" | "default" | "xsmall" | null | undefined;
-    color?: "action" | "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "default" | "action" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const chipAvatarVariants: (props?: ({
     size?: "small" | "default" | "xsmall" | null | undefined;

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const iconButtonRootVariants: (props?: ({
     variant?: "solid" | "ghost" | "tint" | null | undefined;
-    color?: "action" | "danger" | "neutral" | null | undefined;
+    color?: "danger" | "action" | "neutral" | null | undefined;
     size?: "small" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const iconButtonGlyphVariants: (props?: ({
@@ -9,7 +9,7 @@ export declare const iconButtonGlyphVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const iconButtonIconColorVariants: (props?: ({
     variant?: "solid" | "ghost" | "tint" | null | undefined;
-    color?: "action" | "danger" | "neutral" | null | undefined;
+    color?: "danger" | "action" | "neutral" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type IconButtonVariantProps = VariantProps<typeof iconButtonRootVariants>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+import { Text, View, type PressableProps, type TextProps, type ViewProps } from 'react-native';
+import { type IButtonProps } from '@cdx-ui/primitives';
+import type { ForgeIcon } from '@cdx-ui/icons';
+import { type IconProps } from '../Icon';
+import { type QuickActionButtonVariantProps } from './styles';
+export interface QuickActionButtonProps extends PressableProps, IButtonProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const QuickActionButtonRoot: import("react").ForwardRefExoticComponent<QuickActionButtonProps & import("react").RefAttributes<View>>;
+export interface QuickActionButtonIndicatorProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const QuickActionButtonIndicator: import("react").ForwardRefExoticComponent<QuickActionButtonIndicatorProps & import("react").RefAttributes<View>>;
+export interface QuickActionButtonIconProps {
+    /** Forge icon component to render inside the circular indicator. */
+    as: ForgeIcon;
+    /** Applied to the icon glyph, not the indicator circle. */
+    className?: IconProps['className'];
+    /** Applied to the indicator circle wrapper. */
+    indicatorClassName?: string;
+}
+declare function QuickActionButtonIcon({ as: IconComponent, className, indicatorClassName, }: QuickActionButtonIconProps): import("react/jsx-runtime").JSX.Element;
+declare namespace QuickActionButtonIcon {
+    var displayName: string;
+}
+export interface QuickActionButtonLabelProps extends TextProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const QuickActionButtonLabel: import("react").ForwardRefExoticComponent<QuickActionButtonLabelProps & import("react").RefAttributes<Text>>;
+type QuickActionButtonCompoundComponent = typeof QuickActionButtonRoot & {
+    Indicator: typeof QuickActionButtonIndicator;
+    Icon: typeof QuickActionButtonIcon;
+    Label: typeof QuickActionButtonLabel;
+};
+export declare const QuickActionButton: QuickActionButtonCompoundComponent;
+export type { QuickActionButtonVariantProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/QuickActionButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,EAIL,KAAK,YAAY,EAElB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAKL,KAAK,6BAA6B,EACnC,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,sBAAuB,SAAQ,cAAc,EAAE,YAAY;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,qBAAqB,yGAa1B,CAAC;AASF,MAAM,WAAW,+BAAgC,SAAQ,SAAS;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,0BAA0B,kHAyB/B,CAAC;AASF,MAAM,WAAW,0BAA0B;IACzC,oEAAoE;IACpE,EAAE,EAAE,SAAS,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iBAAS,qBAAqB,CAAC,EAC7B,EAAE,EAAE,aAAa,EACjB,SAAS,EACT,kBAAkB,GACnB,EAAE,0BAA0B,2CAM5B;kBAVQ,qBAAqB;;;AAiB9B,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,sBAAsB,8GAoB3B,CAAC;AAOF,KAAK,kCAAkC,GAAG,OAAO,qBAAqB,GAAG;IACvE,SAAS,EAAE,OAAO,0BAA0B,CAAC;IAC7C,IAAI,EAAE,OAAO,qBAAqB,CAAC;IACnC,KAAK,EAAE,OAAO,sBAAsB,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAIxB,kCAAkC,CAAC;AAEzC,YAAY,EAAE,6BAA6B,EAAE,CAAC"}

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

@@ -0,0 +1,7 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const quickActionButtonRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const quickActionButtonIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const quickActionButtonGlyphVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const quickActionButtonLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type QuickActionButtonVariantProps = VariantProps<typeof quickActionButtonRootVariants>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/QuickActionButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,6BAA6B,oFAKxC,CAAC;AAEH,eAAO,MAAM,kCAAkC,oFAmB7C,CAAC;AAEH,eAAO,MAAM,8BAA8B,oFAAyC,CAAC;AAErF,eAAO,MAAM,8BAA8B,oFAKzC,CAAC;AAEH,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAC,OAAO,6BAA6B,CAAC,CAAC"}

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const tileGroupVariants: (props?: ({
     direction?: "row" | "column" | null | undefined;
-    spacing?: "default" | "none" | null | undefined;
+    spacing?: "none" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type TileGroupVariantProps = VariantProps<typeof tileGroupVariants>;
 export declare const tileRootVariants: (props?: ({

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

@@ -1,3 +1,4 @@
+export * from './Alert';
 export * from './AlertDialog';
 export * from './Avatar';
 export * from './BottomSheet';
@@ -28,4 +29,5 @@ export * from './Heading';
 export * from './Text';
 export * from './Icon';
 export * from './IconButton';
+export * from './QuickActionButton';
 //# sourceMappingURL=index.d.ts.map

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,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,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"}
+{"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,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,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"}