@common-origin/design-system 2.14.0 → 2.16.0

package/dist/components/layout/GridSystem/GridSystem.d.ts

@@ -6,6 +6,8 @@ interface GridProps {
     gapX?: keyof Tokens['base']['spacing'];
     gapY?: keyof Tokens['base']['spacing'];
     className?: string;
+    /** Test identifier for automated testing */
+    'data-testid'?: string;
     children: React.ReactNode;
 }
 export declare const Grid: React.FC<GridProps>;
@@ -21,6 +23,8 @@ interface GridColProps {
     orderLg?: number;
     orderXl?: number;
     className?: string;
+    /** Test identifier for automated testing */
+    'data-testid'?: string;
     children: React.ReactNode;
 }
 export declare const GridCol: React.FC<GridColProps>;
@@ -46,6 +50,8 @@ interface ResponsiveGridProps {
     gapYLg?: keyof Tokens['base']['spacing'];
     gapYXl?: keyof Tokens['base']['spacing'];
     className?: string;
+    /** Test identifier for automated testing */
+    'data-testid'?: string;
     children: React.ReactNode;
 }
 export declare const ResponsiveGrid: React.FC<ResponsiveGridProps>;

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/CardLarge/CardLarge.d.ts

@@ -6,5 +6,7 @@ export type CardLargeProps = {
     picture: string;
     onImageClick?: () => void;
     imageHref?: string;
+    /** Test identifier for automated testing */
+    'data-testid'?: string;
 };
-export declare const CardLarge: ({ title, excerpt, subtitle, labels, picture, onImageClick, imageHref, }: CardLargeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardLarge: ({ title, excerpt, subtitle, labels, picture, onImageClick, imageHref, "data-testid": dataTestId, }: CardLargeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -10,5 +10,7 @@ export type CardSmallProps = {
      * @example linkComponent={NextLink}
      */
     linkComponent?: React.ComponentType<any>;
+    /** Test identifier for automated testing */
+    'data-testid'?: string;
 };
 export declare const CardSmall: React.FC<CardSmallProps>;

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

@@ -14,6 +14,8 @@ export interface DropdownProps {
     label?: string;
     helperText?: string;
     error?: string;
+    /** Test identifier for automated testing */
+    'data-testid'?: string;
 }
 declare const DropdownOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
     style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;

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

@@ -8,5 +8,7 @@ export type FeatureBlockProps = {
     onReadMore?: () => void;
     readMoreHref?: string;
     readMoreText?: string;
+    /** Test identifier for automated testing */
+    'data-testid'?: string;
 };
 export declare const FeatureBlock: React.FC<FeatureBlockProps>;

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/PageTitle/PageTitle.d.ts

@@ -4,5 +4,18 @@ interface PageTitleProps {
     hasBackButton?: boolean;
     subtitle?: string;
 }
+/**
+ * @deprecated PageTitle is a leftover from the personal site (its back button always links to `/music`)
+ * and will be removed in the next major version. Compose a page title from `Typography` in a `Stack`:
+ *
+ * ```tsx
+ * <Stack direction="column" gap="md">
+ *   <Typography variant="h1">{title}</Typography>
+ *   <Typography variant="caption" color="subdued">{subtitle}</Typography>
+ * </Stack>
+ * ```
+ *
+ * For a back link, add an `IconButton` with your own `url` and `aria-label`.
+ */
 export declare const PageTitle: FC<PageTitleProps>;
 export {};

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",
@@ -426,6 +440,9 @@ var component = {
 		}
 	},
 	chip: {
+		closeButton: {
+			size: "1.25rem"
+		},
 		"default": {
 			backgroundColor: "#e9ecef",
 			textColor: "#212529",
@@ -627,7 +644,7 @@ var component = {
 		"default": {
 			backgroundColor: "#ffffff",
 			textColor: "#212529",
-			borderColor: "#dee2e6",
+			borderColor: "#6c757d",
 			borderRadius: "0.25rem",
 			borderWidth: "0.0625rem",
 			paddingY: "11px",
@@ -635,7 +652,7 @@ var component = {
 			font: "400 1rem/1.5rem 'Inter', sans-serif"
 		},
 		placeholder: {
-			textColor: "#adb5bd"
+			textColor: "#495057"
 		},
 		hover: {
 			borderColor: "#343a40"
@@ -707,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",
@@ -805,8 +858,7 @@ var component = {
 	},
 	transactionListItem: {
 		minHeight: "4.5rem"
-	},
-	$ref: "./component/index.json"
+	}
 };
 var semantic = {
 	elevation: {
@@ -893,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",
@@ -971,6 +1031,8 @@ var semantic = {
 			inverse: "#ffffff",
 			disabled: "#adb5bd",
 			interactive: "#0265DC",
+			"interactive-hover": "#0054B6",
+			"interactive-active": "#004491",
 			error: "#D31510",
 			success: "#007A4D",
 			warning: "#B14C00"
@@ -979,33 +1041,46 @@ 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)",
 			"hover-overlay": "rgba(33, 37, 41, 0.1)",
-			"active-overlay": "rgba(33, 37, 41, 0.15)"
+			"active-overlay": "rgba(33, 37, 41, 0.15)",
+			"inverse-overlay": "rgba(255, 255, 255, 0.2)"
 		},
 		border: {
 			"default": "#e9ecef",
 			subtle: "#dee2e6",
+			control: "#6c757d",
 			strong: "#343a40",
 			interactive: "#0265DC",
 			error: "#D31510",
 			success: "#007A4D",
-			warning: "#B14C00"
+			warning: "#B14C00",
+			none: "transparent"
 		},
 		icon: {
 			"default": "#212529",
@@ -1052,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",
@@ -1106,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;;;;"}