@common-origin/design-system 2.15.0 → 2.16.0

package/dist/components/molecules/Alert/Alert.d.ts

@@ -9,6 +9,16 @@ export interface AlertProps {
      * @default 'info'
      */
     variant?: 'error' | 'warning' | 'info' | 'success';
+    /**
+     * Whether the severity border is drawn (decision 0019)
+     * - outlined: severity tint and a 1px severity border. Only for alerts at the top: a
+     *   page-level alert at the top of the page, an alert at the top of the content area, and an
+     *   error summary
+     * - borderless: severity tint only. Every other alert, including alerts inside content and at
+     *   the bottom of a page; the icon and title colour carry the severity
+     * @default 'outlined'
+     */
+    appearance?: 'outlined' | 'borderless';
     /**
      * Alert message content
      */
@@ -28,12 +38,15 @@ export interface AlertProps {
      */
     onDismiss?: () => void;
     /**
-     * Optional action button or component
+     * Optional action button or component, placed below the message and left-aligned with it
      */
     action?: React.ReactNode;
     /**
      * Compact inline variant with reduced padding
      * @default false
+     * @deprecated Use `InlineAlert` for a short, local message (decision 0019). `inline` keeps
+     * working until it is removed in 3.0. An inline alert that needs a title, action or dismiss
+     * button stays an Alert.
      */
     inline?: boolean;
     /**
@@ -50,6 +63,6 @@ export interface AlertProps {
     'data-testid'?: string;
 }
 export declare const Alert: {
-    ({ variant, children, title, dismissible, onDismiss, action, inline, ariaLive, "data-testid": dataTestId, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ variant, appearance, children, title, dismissible, onDismiss, action, inline, ariaLive, "data-testid": dataTestId, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/dist/components/molecules/InlineAlert/InlineAlert.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+export type InlineAlertVariant = 'error' | 'warning' | 'info' | 'success';
+export type InlineAlertSize = 'small' | 'medium';
+export interface InlineAlertProps {
+    /**
+     * Severity, shown by the icon and the text colour
+     * @default 'info'
+     */
+    variant?: InlineAlertVariant;
+    /**
+     * Size on the label scale (decision 0018): small (20px) for dense places such as tables,
+     * medium (24px) for forms and content. The message can wrap; the size sets its minimum height.
+     * @default 'medium'
+     */
+    size?: InlineAlertSize;
+    /**
+     * The message: short text only (no title, action or dismiss button; use Alert for those).
+     * With no message, InlineAlert renders an empty live region and no icon: keep it mounted and
+     * set the message to have screen readers announce it reliably.
+     */
+    children?: React.ReactNode;
+    /**
+     * ARIA live region behaviour, as on Alert
+     * - polite: non-urgent announcements
+     * - assertive: important, time-sensitive information
+     * - off: not announced
+     * @default 'polite'
+     */
+    ariaLive?: 'polite' | 'assertive' | 'off';
+    /**
+     * Element id. When the message gives feedback about a control, the control references this
+     * id with aria-describedby, so the message is read when the control is focused.
+     */
+    id?: string;
+    /**
+     * Test identifier for automated testing
+     */
+    'data-testid'?: string;
+}
+/**
+ * InlineAlert is a short, local message that sits next to what it's about: between paragraphs,
+ * below a field or in a table cell (decision 0019). A severity icon and text in the severity
+ * colour, with no background or border. For a title, an action or a dismiss button, use Alert.
+ *
+ * @example
+ * ```tsx
+ * <InlineAlert variant="success">Saved</InlineAlert>
+ *
+ * // Field feedback: the control references the message with aria-describedby
+ * <input id="email" aria-describedby="email-error" aria-invalid="true" />
+ * <InlineAlert id="email-error" variant="error" size="small">Enter a valid email address</InlineAlert>
+ * ```
+ */
+export declare const InlineAlert: React.FC<InlineAlertProps>;

package/dist/components/molecules/InlineAlert/index.d.ts

@@ -0,0 +1,2 @@
+export { InlineAlert } from './InlineAlert';
+export type { InlineAlertProps, InlineAlertVariant, InlineAlertSize } from './InlineAlert';

package/dist/components/molecules/Modal/Modal.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import { type ButtonVariant } from '../../atoms/Button';
 import { type IconName } from '../../../types/icons';
 export type ModalSize = 'small' | 'medium' | 'large';
 export interface ModalAction {
@@ -6,8 +7,11 @@ export interface ModalAction {
     label: string;
     /** Callback when the action is clicked */
     onClick: () => void;
-    /** Button variant */
-    variant?: 'primary' | 'secondary' | 'naked' | 'emphasis' | 'danger';
+    /**
+     * Button variant. `accent` is the blue call to action (at most one per view).
+     * `emphasis` is a deprecated alias for `accent` and will be removed in 3.0.
+     */
+    variant?: ButtonVariant;
     /** Optional leading icon */
     icon?: IconName;
     /** Whether the button is disabled */

package/dist/components/molecules/TabBar/TabBar.d.ts

@@ -1,5 +1,7 @@
 /**
- * Tab variant options for TabBar
+ * Tab variant options for TabBar.
+ * @deprecated TabBar has one look, `underline` (decision 0020). `'default'` and `'pills'` render
+ * as `underline`. The type is removed in 3.0.
  */
 export type TabVariant = 'default' | 'pills' | 'underline';
 /**
@@ -41,8 +43,10 @@ export interface TabBarProps {
      */
     onTabChange: (tabId: string) => void;
     /**
-     * Visual variant of the tabs
-     * @default 'default'
+     * Visual variant of the tabs.
+     * @deprecated TabBar has one look, `underline` (decision 0020). `'default'` and `'pills'` render
+     * as `underline`. Remove the prop; it is removed in 3.0.
+     * @default 'underline'
      */
     variant?: TabVariant;
     /**
@@ -57,7 +61,7 @@ export interface TabBarProps {
 /**
  * TabBar component for tabbed navigation
  *
- * Provides accessible tab navigation with 3 visual variants, keyboard support,
+ * Provides accessible tab navigation with an underline style, keyboard support,
  * and optional badge counts. Follows ARIA tablist pattern.
  *
  * @example
@@ -72,7 +76,6 @@ export interface TabBarProps {
  *   ]}
  *   activeTab={activeTab}
  *   onTabChange={setActiveTab}
- *   variant="pills"
  * />
  * ```
  */

package/dist/components/molecules/index.d.ts

@@ -2,6 +2,7 @@ export * from './AccountCard';
 export * from './ActionSheet';
 export * from './AgentInput';
 export * from './Alert';
+export * from './InlineAlert';
 export * from './Breadcrumbs';
 export * from './CardSmall';
 export * from './CardLarge';

package/dist/data.esm.js

@@ -106,6 +106,7 @@ var base = {
 		fit: "fit-content"
 	},
 	color: {
+		transparent: "transparent",
 		neutral: {
 			"100": "#f8f9fa",
 			"200": "#e9ecef",
@@ -326,8 +327,7 @@ var base = {
 		easeInBack: "cubic-bezier(0.36, 0, 0.66, -0.56)",
 		easeOutBack: "cubic-bezier(0.34, 1.56, 0.64, 1)",
 		easeInOutBack: "cubic-bezier(0.68, -0.6, 0.32, 1.6)"
-	},
-	$ref: "./base/index.json"
+	}
 };
 var component = {
 	button: {
@@ -381,6 +381,20 @@ var component = {
 					textColor: "#adb5bd"
 				}
 			},
+			accent: {
+				backgroundColor: "#0265DC",
+				textColor: "#ffffff",
+				hover: {
+					backgroundColor: "#0054B6"
+				},
+				active: {
+					backgroundColor: "#004491"
+				},
+				disabled: {
+					backgroundColor: "#dee2e6",
+					textColor: "#adb5bd"
+				}
+			},
 			emphasis: {
 				backgroundColor: "#0265DC",
 				textColor: "#ffffff",
@@ -630,7 +644,7 @@ var component = {
 		"default": {
 			backgroundColor: "#ffffff",
 			textColor: "#212529",
-			borderColor: "#dee2e6",
+			borderColor: "#6c757d",
 			borderRadius: "0.25rem",
 			borderWidth: "0.0625rem",
 			paddingY: "11px",
@@ -638,7 +652,7 @@ var component = {
 			font: "400 1rem/1.5rem 'Inter', sans-serif"
 		},
 		placeholder: {
-			textColor: "#adb5bd"
+			textColor: "#495057"
 		},
 		hover: {
 			borderColor: "#343a40"
@@ -710,6 +724,42 @@ var component = {
 		}
 	},
 	alert: {
+		severity: {
+			error: {
+				background: "#FFEBE7",
+				text: "#D31510"
+			},
+			warning: {
+				background: "#FFECCC",
+				text: "#B14C00"
+			},
+			info: {
+				background: "#E0F2FF",
+				text: "#0265DC"
+			},
+			success: {
+				background: "#CEF8E0",
+				text: "#007A4D"
+			}
+		},
+		appearance: {
+			outlined: {
+				borderColor: {
+					error: "#D31510",
+					warning: "#B14C00",
+					info: "#0265DC",
+					success: "#007A4D"
+				}
+			},
+			borderless: {
+				borderColor: {
+					error: "transparent",
+					warning: "transparent",
+					info: "transparent",
+					success: "transparent"
+				}
+			}
+		},
 		title: {
 			typography: "500 1.125rem/1.5rem 'Inter', sans-serif",
 			fontWeight: "600",
@@ -808,8 +858,7 @@ var component = {
 	},
 	transactionListItem: {
 		minHeight: "4.5rem"
-	},
-	$ref: "./component/index.json"
+	}
 };
 var semantic = {
 	elevation: {
@@ -896,12 +945,20 @@ var semantic = {
 			md: "35rem",
 			lg: "45rem"
 		},
+		label: {
+			small: "1.25rem",
+			medium: "1.5rem",
+			large: "2rem"
+		},
 		menu: {
 			maxHeight: "18.75rem"
 		},
 		dimension: {
 			"1": "0.25rem",
+			"2": "0.5rem",
+			"4": "1rem",
 			"5": "1.25rem",
+			"6": "1.5rem",
 			"8": "2rem",
 			"12": "3rem",
 			"15": "3.75rem",
@@ -974,6 +1031,8 @@ var semantic = {
 			inverse: "#ffffff",
 			disabled: "#adb5bd",
 			interactive: "#0265DC",
+			"interactive-hover": "#0054B6",
+			"interactive-active": "#004491",
 			error: "#D31510",
 			success: "#007A4D",
 			warning: "#B14C00"
@@ -982,19 +1041,29 @@ var semantic = {
 			"default": "#f8f9fa",
 			subtle: "#ffffff",
 			emphasis: "#212529",
+			"emphasis-hover": "#343a40",
+			"emphasis-active": "#16191C",
 			surface: "#e9ecef",
 			inverse: "#343a40",
 			interactive: "#0265DC",
 			"interactive-subtle": "#E0F2FF",
+			"interactive-subtle-hover": "#CAE8FF",
+			"interactive-subtle-active": "#B5DEFF",
 			"interactive-hover": "#0054B6",
 			"interactive-active": "#004491",
 			error: "#D31510",
+			"error-hover": "#B40000",
+			"error-active": "#930000",
 			"error-subtle": "#FFEBE7",
 			success: "#007A4D",
 			"success-subtle": "#CEF8E0",
 			warning: "#B14C00",
 			"warning-subtle": "#FFECCC",
 			disabled: "#dee2e6",
+			neutral: "#dee2e6",
+			"neutral-hover": "#ced4da",
+			"neutral-active": "#adb5bd",
+			transparent: "transparent",
 			progressTrack: "#dee2e6",
 			page: "#f8f9fa",
 			overlay: "rgba(33, 37, 41, 0.5)",
@@ -1005,11 +1074,13 @@ var semantic = {
 		border: {
 			"default": "#e9ecef",
 			subtle: "#dee2e6",
+			control: "#6c757d",
 			strong: "#343a40",
 			interactive: "#0265DC",
 			error: "#D31510",
 			success: "#007A4D",
-			warning: "#B14C00"
+			warning: "#B14C00",
+			none: "transparent"
 		},
 		icon: {
 			"default": "#212529",
@@ -1056,10 +1127,18 @@ var semantic = {
 			"orange-subtle": "#FFECCC",
 			gray: "#495057",
 			"gray-emphasis": "#212529",
-			"gray-subtle": "#e9ecef"
+			"gray-subtle": "#e9ecef",
+			"blue-text": "#0265DC",
+			"purple-text": "#7E2EBD",
+			"pink-text": "#B90064",
+			"yellow-text": "#825800",
+			"green-text": "#007A4D",
+			"red-text": "#D31510",
+			"orange-text": "#B14C00",
+			"gray-text": "#212529"
 		},
 		status: {
-			pending: "#D39700",
+			pending: "#825800",
 			"pending-bg": "#FFF3D6",
 			completed: "#007A4D",
 			"completed-bg": "#CEF8E0",
@@ -1110,8 +1189,7 @@ var semantic = {
 		hover: "background-color 150ms ease-out, color 150ms ease-out",
 		focus: "outline 150ms ease-out, outline-offset 150ms ease-out",
 		interactive: "transform 150ms ease-out, opacity 150ms ease-out"
-	},
-	$ref: "./semantic/index.json"
+	}
 };
 var tokensJson = {
 	base: base,

package/dist/data.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"data.esm.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n  | 'add'\n  | 'addRing'\n  | 'arrowDown'\n  | 'arrowLeft'\n  | 'arrowRight'\n  | 'arrowUp'\n  | 'back'\n  | 'bell'\n  | 'cancel'\n  | 'caret'\n  | 'caretDown'\n  | 'caretUp'\n  | 'check'\n  | 'checkRing'\n  | 'close'\n  | 'copy'\n  | 'creditCard'\n  | 'crossCircle'\n  | 'directionRight'\n  | 'directionUp'\n  | 'edit'\n  | 'export'\n  | 'fileDocSearch'\n  | 'filter'\n  | 'info'\n  | 'kebab'\n  | 'lamp'\n  | 'lineOut'\n  | 'link'\n  | 'meatballs'\n  | 'menu'\n  | 'message'\n  | 'move'\n  | 'mic'\n  | 'order'\n  | 'paper'\n  | 'pause'\n  | 'play'\n  | 'playBack'\n  | 'refresh'\n  | 'remove'\n  | 'search'\n  | 'star'\n  | 'starFilled'\n  | 'table'\n  | 'trash'\n  | 'userBox'\n  | 'view'\n  | 'viewHide'\n  | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n  | 'action'\n  | 'communication'\n  | 'content'\n  | 'feedback'\n  | 'media'\n  | 'navigation'\n  | 'object'\n  | 'status'\n  | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n  /** SVG path data */\n  path: string\n  /** Display name of the icon */\n  name: string\n  /** What the icon visually depicts */\n  description: string\n  /** Semantic category for grouping */\n  category: IconCategory\n  /** Alternative names and search terms */\n  aliases: string[]\n  /** When and why to use this icon */\n  intent: string\n  /** Whether the icon is typically decorative (true) or informative (false) */\n  decorativeDefault: boolean\n  /** Suggested accessible label when the icon conveys meaning */\n  ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;AACO,IAAMC,SAAS,GAAGC;;;;"}
+{"version":3,"file":"data.esm.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n  | 'add'\n  | 'addRing'\n  | 'arrowDown'\n  | 'arrowLeft'\n  | 'arrowRight'\n  | 'arrowUp'\n  | 'back'\n  | 'bell'\n  | 'cancel'\n  | 'caret'\n  | 'caretDown'\n  | 'caretUp'\n  | 'check'\n  | 'checkRing'\n  | 'close'\n  | 'copy'\n  | 'creditCard'\n  | 'crossCircle'\n  | 'directionRight'\n  | 'directionUp'\n  | 'edit'\n  | 'export'\n  | 'fileDocSearch'\n  | 'filter'\n  | 'info'\n  | 'kebab'\n  | 'lamp'\n  | 'lineOut'\n  | 'link'\n  | 'meatballs'\n  | 'menu'\n  | 'message'\n  | 'move'\n  | 'mic'\n  | 'order'\n  | 'paper'\n  | 'pause'\n  | 'play'\n  | 'playBack'\n  | 'refresh'\n  | 'remove'\n  | 'search'\n  | 'star'\n  | 'starFilled'\n  | 'table'\n  | 'trash'\n  | 'userBox'\n  | 'view'\n  | 'viewHide'\n  | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n  | 'action'\n  | 'communication'\n  | 'content'\n  | 'feedback'\n  | 'media'\n  | 'navigation'\n  | 'object'\n  | 'status'\n  | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n  /** SVG path data */\n  path: string\n  /** Display name of the icon */\n  name: string\n  /** What the icon visually depicts */\n  description: string\n  /** Semantic category for grouping */\n  category: IconCategory\n  /** Alternative names and search terms */\n  aliases: string[]\n  /** When and why to use this icon */\n  intent: string\n  /** Whether the icon is typically decorative (true) or informative (false) */\n  decorativeDefault: boolean\n  /** Suggested accessible label when the icon conveys meaning */\n  ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;AACO,IAAMC,SAAS,GAAGC;;;;"}

package/dist/data.js

@@ -108,6 +108,7 @@ var base = {
 		fit: "fit-content"
 	},
 	color: {
+		transparent: "transparent",
 		neutral: {
 			"100": "#f8f9fa",
 			"200": "#e9ecef",
@@ -328,8 +329,7 @@ var base = {
 		easeInBack: "cubic-bezier(0.36, 0, 0.66, -0.56)",
 		easeOutBack: "cubic-bezier(0.34, 1.56, 0.64, 1)",
 		easeInOutBack: "cubic-bezier(0.68, -0.6, 0.32, 1.6)"
-	},
-	$ref: "./base/index.json"
+	}
 };
 var component = {
 	button: {
@@ -383,6 +383,20 @@ var component = {
 					textColor: "#adb5bd"
 				}
 			},
+			accent: {
+				backgroundColor: "#0265DC",
+				textColor: "#ffffff",
+				hover: {
+					backgroundColor: "#0054B6"
+				},
+				active: {
+					backgroundColor: "#004491"
+				},
+				disabled: {
+					backgroundColor: "#dee2e6",
+					textColor: "#adb5bd"
+				}
+			},
 			emphasis: {
 				backgroundColor: "#0265DC",
 				textColor: "#ffffff",
@@ -632,7 +646,7 @@ var component = {
 		"default": {
 			backgroundColor: "#ffffff",
 			textColor: "#212529",
-			borderColor: "#dee2e6",
+			borderColor: "#6c757d",
 			borderRadius: "0.25rem",
 			borderWidth: "0.0625rem",
 			paddingY: "11px",
@@ -640,7 +654,7 @@ var component = {
 			font: "400 1rem/1.5rem 'Inter', sans-serif"
 		},
 		placeholder: {
-			textColor: "#adb5bd"
+			textColor: "#495057"
 		},
 		hover: {
 			borderColor: "#343a40"
@@ -712,6 +726,42 @@ var component = {
 		}
 	},
 	alert: {
+		severity: {
+			error: {
+				background: "#FFEBE7",
+				text: "#D31510"
+			},
+			warning: {
+				background: "#FFECCC",
+				text: "#B14C00"
+			},
+			info: {
+				background: "#E0F2FF",
+				text: "#0265DC"
+			},
+			success: {
+				background: "#CEF8E0",
+				text: "#007A4D"
+			}
+		},
+		appearance: {
+			outlined: {
+				borderColor: {
+					error: "#D31510",
+					warning: "#B14C00",
+					info: "#0265DC",
+					success: "#007A4D"
+				}
+			},
+			borderless: {
+				borderColor: {
+					error: "transparent",
+					warning: "transparent",
+					info: "transparent",
+					success: "transparent"
+				}
+			}
+		},
 		title: {
 			typography: "500 1.125rem/1.5rem 'Inter', sans-serif",
 			fontWeight: "600",
@@ -810,8 +860,7 @@ var component = {
 	},
 	transactionListItem: {
 		minHeight: "4.5rem"
-	},
-	$ref: "./component/index.json"
+	}
 };
 var semantic = {
 	elevation: {
@@ -898,12 +947,20 @@ var semantic = {
 			md: "35rem",
 			lg: "45rem"
 		},
+		label: {
+			small: "1.25rem",
+			medium: "1.5rem",
+			large: "2rem"
+		},
 		menu: {
 			maxHeight: "18.75rem"
 		},
 		dimension: {
 			"1": "0.25rem",
+			"2": "0.5rem",
+			"4": "1rem",
 			"5": "1.25rem",
+			"6": "1.5rem",
 			"8": "2rem",
 			"12": "3rem",
 			"15": "3.75rem",
@@ -976,6 +1033,8 @@ var semantic = {
 			inverse: "#ffffff",
 			disabled: "#adb5bd",
 			interactive: "#0265DC",
+			"interactive-hover": "#0054B6",
+			"interactive-active": "#004491",
 			error: "#D31510",
 			success: "#007A4D",
 			warning: "#B14C00"
@@ -984,19 +1043,29 @@ var semantic = {
 			"default": "#f8f9fa",
 			subtle: "#ffffff",
 			emphasis: "#212529",
+			"emphasis-hover": "#343a40",
+			"emphasis-active": "#16191C",
 			surface: "#e9ecef",
 			inverse: "#343a40",
 			interactive: "#0265DC",
 			"interactive-subtle": "#E0F2FF",
+			"interactive-subtle-hover": "#CAE8FF",
+			"interactive-subtle-active": "#B5DEFF",
 			"interactive-hover": "#0054B6",
 			"interactive-active": "#004491",
 			error: "#D31510",
+			"error-hover": "#B40000",
+			"error-active": "#930000",
 			"error-subtle": "#FFEBE7",
 			success: "#007A4D",
 			"success-subtle": "#CEF8E0",
 			warning: "#B14C00",
 			"warning-subtle": "#FFECCC",
 			disabled: "#dee2e6",
+			neutral: "#dee2e6",
+			"neutral-hover": "#ced4da",
+			"neutral-active": "#adb5bd",
+			transparent: "transparent",
 			progressTrack: "#dee2e6",
 			page: "#f8f9fa",
 			overlay: "rgba(33, 37, 41, 0.5)",
@@ -1007,11 +1076,13 @@ var semantic = {
 		border: {
 			"default": "#e9ecef",
 			subtle: "#dee2e6",
+			control: "#6c757d",
 			strong: "#343a40",
 			interactive: "#0265DC",
 			error: "#D31510",
 			success: "#007A4D",
-			warning: "#B14C00"
+			warning: "#B14C00",
+			none: "transparent"
 		},
 		icon: {
 			"default": "#212529",
@@ -1058,10 +1129,18 @@ var semantic = {
 			"orange-subtle": "#FFECCC",
 			gray: "#495057",
 			"gray-emphasis": "#212529",
-			"gray-subtle": "#e9ecef"
+			"gray-subtle": "#e9ecef",
+			"blue-text": "#0265DC",
+			"purple-text": "#7E2EBD",
+			"pink-text": "#B90064",
+			"yellow-text": "#825800",
+			"green-text": "#007A4D",
+			"red-text": "#D31510",
+			"orange-text": "#B14C00",
+			"gray-text": "#212529"
 		},
 		status: {
-			pending: "#D39700",
+			pending: "#825800",
 			"pending-bg": "#FFF3D6",
 			completed: "#007A4D",
 			"completed-bg": "#CEF8E0",
@@ -1112,8 +1191,7 @@ var semantic = {
 		hover: "background-color 150ms ease-out, color 150ms ease-out",
 		focus: "outline 150ms ease-out, outline-offset 150ms ease-out",
 		interactive: "transform 150ms ease-out, opacity 150ms ease-out"
-	},
-	$ref: "./semantic/index.json"
+	}
 };
 var tokensJson = {
 	base: base,

package/dist/data.js.map

@@ -1 +1 @@
-{"version":3,"file":"data.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n  | 'add'\n  | 'addRing'\n  | 'arrowDown'\n  | 'arrowLeft'\n  | 'arrowRight'\n  | 'arrowUp'\n  | 'back'\n  | 'bell'\n  | 'cancel'\n  | 'caret'\n  | 'caretDown'\n  | 'caretUp'\n  | 'check'\n  | 'checkRing'\n  | 'close'\n  | 'copy'\n  | 'creditCard'\n  | 'crossCircle'\n  | 'directionRight'\n  | 'directionUp'\n  | 'edit'\n  | 'export'\n  | 'fileDocSearch'\n  | 'filter'\n  | 'info'\n  | 'kebab'\n  | 'lamp'\n  | 'lineOut'\n  | 'link'\n  | 'meatballs'\n  | 'menu'\n  | 'message'\n  | 'move'\n  | 'mic'\n  | 'order'\n  | 'paper'\n  | 'pause'\n  | 'play'\n  | 'playBack'\n  | 'refresh'\n  | 'remove'\n  | 'search'\n  | 'star'\n  | 'starFilled'\n  | 'table'\n  | 'trash'\n  | 'userBox'\n  | 'view'\n  | 'viewHide'\n  | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n  | 'action'\n  | 'communication'\n  | 'content'\n  | 'feedback'\n  | 'media'\n  | 'navigation'\n  | 'object'\n  | 'status'\n  | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n  /** SVG path data */\n  path: string\n  /** Display name of the icon */\n  name: string\n  /** What the icon visually depicts */\n  description: string\n  /** Semantic category for grouping */\n  category: IconCategory\n  /** Alternative names and search terms */\n  aliases: string[]\n  /** When and why to use this icon */\n  intent: string\n  /** Whether the icon is typically decorative (true) or informative (false) */\n  decorativeDefault: boolean\n  /** Suggested accessible label when the icon conveys meaning */\n  ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}
+{"version":3,"file":"data.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\n\n// Re-declared as a const so emitted .d.ts files inline the token shape instead of importing JSON,\n// which consumers can only resolve with `resolveJsonModule`.\nexport const tokens = tokensJson\n\nexport type Tokens = typeof tokens\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n  | 'add'\n  | 'addRing'\n  | 'arrowDown'\n  | 'arrowLeft'\n  | 'arrowRight'\n  | 'arrowUp'\n  | 'back'\n  | 'bell'\n  | 'cancel'\n  | 'caret'\n  | 'caretDown'\n  | 'caretUp'\n  | 'check'\n  | 'checkRing'\n  | 'close'\n  | 'copy'\n  | 'creditCard'\n  | 'crossCircle'\n  | 'directionRight'\n  | 'directionUp'\n  | 'edit'\n  | 'export'\n  | 'fileDocSearch'\n  | 'filter'\n  | 'info'\n  | 'kebab'\n  | 'lamp'\n  | 'lineOut'\n  | 'link'\n  | 'meatballs'\n  | 'menu'\n  | 'message'\n  | 'move'\n  | 'mic'\n  | 'order'\n  | 'paper'\n  | 'pause'\n  | 'play'\n  | 'playBack'\n  | 'refresh'\n  | 'remove'\n  | 'search'\n  | 'star'\n  | 'starFilled'\n  | 'table'\n  | 'trash'\n  | 'userBox'\n  | 'view'\n  | 'viewHide'\n  | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n  | 'action'\n  | 'communication'\n  | 'content'\n  | 'feedback'\n  | 'media'\n  | 'navigation'\n  | 'object'\n  | 'status'\n  | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n  /** SVG path data */\n  path: string\n  /** Display name of the icon */\n  name: string\n  /** What the icon visually depicts */\n  description: string\n  /** Semantic category for grouping */\n  category: IconCategory\n  /** Alternative names and search terms */\n  aliases: string[]\n  /** When and why to use this icon */\n  intent: string\n  /** Whether the icon is typically decorative (true) or informative (false) */\n  decorativeDefault: boolean\n  /** Suggested accessible label when the icon conveys meaning */\n  ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACO,IAAMA,MAAM,GAAGC;;ACJtB;AACA;AACA;AA2FA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { l as AccountCard, m as ActionSheet, n as AgentInput, o as Alert, A as Avatar, B as Badge, e as BooleanChip, b as Box, p as Breadcrumbs, c as Button, r as CardLarge, q as CardSmall, C as CategoryBadge, s as Checkbox, d as Chip, t as ChipGroup, u as CodeBlock, f as Container, D as DateFormatter, v as DateGroup, i as Divider, x as Dropdown, E as EmptyState, w as FeatureBlock, F as FilterChip, a as Grid, G as GridCol, I as Icon, g as IconButton, L as LegacyChip, y as List, z as ListItem, H as Modal, M as MoneyDisplay, N as NumberInput, J as PageTitle, K as PasswordField, P as Picture, h as ProgressBar, R as ResponsiveGrid, O as SearchField, Q as Sheet, U as Slider, S as Stack, j as StatusBadge, X as StyledInputBase, Y as StyledTextAreaBase, V as TabBar, T as Tag, W as TextField, Z as TransactionListItem, k as Typography } from './client.esm.js';
+export { o as AccountCard, p as ActionSheet, q as AgentInput, r as Alert, A as Avatar, B as Badge, f as BooleanChip, b as Box, t as Breadcrumbs, c as Button, v as CardLarge, u as CardSmall, C as CategoryBadge, d as CategoryLabel, w as Checkbox, e as Chip, x as ChipGroup, y as CodeBlock, g as Container, D as DateFormatter, z as DateGroup, k as Divider, J as Dropdown, E as EmptyState, H as FeatureBlock, F as FilterChip, a as Grid, G as GridCol, h as Icon, i as IconButton, s as InlineAlert, I as InputChip, L as LegacyChip, K as List, N as ListItem, O as Modal, M as MoneyDisplay, Q as NumberInput, U as PageTitle, V as PasswordField, P as Picture, j as ProgressBar, R as ResponsiveGrid, W as SearchField, X as Sheet, Y as Slider, S as Stack, l as StatusBadge, m as StatusLabel, $ as StyledInputBase, a0 as StyledTextAreaBase, Z as TabBar, T as Tag, _ as TextField, a1 as TransactionListItem, n as Typography } from './client.esm.js';
 export { b as iconsData, a as tokens } from './data.esm.js';
 import 'react/jsx-runtime';
 import 'react';