@common-origin/design-system 2.13.0 → 2.15.0

package/dist/components/atoms/Badge/Badge.d.ts

@@ -14,5 +14,7 @@ export interface BadgeProps {
     'aria-label'?: string;
     /** Additional CSS class */
     className?: string;
+    /** Test identifier for automated testing */
+    'data-testid'?: string;
 }
 export declare const Badge: React.FC<BadgeProps>;

package/dist/components/atoms/Chip/shared/utils.d.ts

@@ -1,5 +1,8 @@
 import { ChipVariant, BaseChipProps } from './types';
 declare const chip: {
+    closeButton: {
+        size: string;
+    };
     default: {
         backgroundColor: string;
         textColor: string;

package/dist/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -10,6 +10,10 @@ export interface ProgressBarProps {
     height?: 'sm' | 'md' | 'lg' | 'xl';
     /** Width size for vertical progress bar (default: md) */
     width?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Accessible name, e.g. "Upload progress". Provide this or aria-labelledby; falls back to "Progress" */
+    'aria-label'?: string;
+    /** ID of the visible element that names the progress bar */
+    'aria-labelledby'?: string;
     /** Data attribute for testing */
     'data-testid'?: string;
 }

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

@@ -23,7 +23,8 @@ export interface AlertProps {
      */
     dismissible?: boolean;
     /**
-     * Callback function when alert is dismissed
+     * Callback function when alert is dismissed. Called once the dismiss animation has
+     * finished and the alert has been removed.
      */
     onDismiss?: () => void;
     /**

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

@@ -25,12 +25,12 @@ export interface SheetProps {
     variant?: 'sheet' | 'drawer';
     /**
      * Width of the sheet (for left/right positions)
-     * @default '400px'
+     * @default semantic.size.overlay.sm (25rem, 400px)
      */
     width?: string;
     /**
      * Height of the sheet (for top/bottom positions)
-     * @default '400px'
+     * @default semantic.size.overlay.sm (25rem, 400px)
      */
     height?: string;
     /**

package/dist/data.esm.js

@@ -75,17 +75,29 @@ var base = {
 		"8": "2rem",
 		"9": "2.25rem",
 		"10": "2.5rem",
+		"11": "2.75rem",
 		"12": "3rem",
 		"14": "3.5rem",
+		"15": "3.75rem",
 		"16": "4rem",
+		"18": "4.5rem",
 		"20": "5rem",
 		"24": "6rem",
 		"28": "7rem",
+		"30": "7.5rem",
 		"32": "8rem",
 		"40": "10rem",
+		"45": "11.25rem",
 		"48": "12rem",
+		"50": "12.5rem",
 		"56": "14rem",
 		"64": "16rem",
+		"75": "18.75rem",
+		"90": "22.5rem",
+		"100": "25rem",
+		"140": "35rem",
+		"180": "45rem",
+		"192": "48rem",
 		auto: "auto",
 		full: "100%",
 		screen: "100vh",
@@ -275,7 +287,8 @@ var base = {
 		"8": "2.5rem",
 		"9": "3rem",
 		"10": "4.5rem",
-		"11": "5rem"
+		"11": "5rem",
+		none: "1"
 	},
 	letterSpacing: {
 		"0": "-0.125rem",
@@ -413,6 +426,9 @@ var component = {
 		}
 	},
 	chip: {
+		closeButton: {
+			size: "1.25rem"
+		},
 		"default": {
 			backgroundColor: "#e9ecef",
 			textColor: "#212529",
@@ -648,6 +664,9 @@ var component = {
 			textColor: "#adb5bd",
 			borderColor: "#dee2e6",
 			cursor: "not-allowed"
+		},
+		textarea: {
+			minHeight: "7.5rem"
 		}
 	},
 	badge: {
@@ -657,12 +676,138 @@ var component = {
 		count: {
 			minWidth: "1rem",
 			height: "1rem",
-			paddingX: "0.25rem"
+			paddingX: "0.25rem",
+			lineHeight: "1"
 		},
 		ring: {
 			width: "0.125rem"
 		},
-		borderRadius: "10rem"
+		borderRadius: "10rem",
+		label: {
+			fontWeight: "500",
+			typography: {
+				small: "400 0.75rem/1rem 'Inter', sans-serif",
+				medium: "400 0.875rem/1.25rem 'Inter', sans-serif"
+			}
+		}
+	},
+	field: {
+		gap: "0.5rem",
+		label: {
+			typography: "600 0.875rem/1.25rem 'Inter', sans-serif",
+			color: "#212529",
+			colorDisabled: "#adb5bd",
+			gap: "0.25rem"
+		},
+		requiredIndicator: {
+			color: "#D31510",
+			fontWeight: "700"
+		},
+		helperText: {
+			typography: "400 0.75rem/1rem 'Inter', sans-serif",
+			color: "#495057",
+			colorError: "#D31510"
+		}
+	},
+	alert: {
+		title: {
+			typography: "500 1.125rem/1.5rem 'Inter', sans-serif",
+			fontWeight: "600",
+			lineHeight: "1.25rem"
+		},
+		message: {
+			typography: "400 1rem/1.5rem 'Inter', sans-serif",
+			lineHeight: "1.25rem"
+		}
+	},
+	tabBar: {
+		badge: {
+			typography: "400 0.75rem/1rem 'Inter', sans-serif",
+			fontWeight: "700",
+			size: "1.25rem"
+		},
+		scrollbar: {
+			height: "0.25rem"
+		}
+	},
+	searchField: {
+		sectionHeader: {
+			typography: "400 0.75rem/1rem 'Inter', sans-serif",
+			letterSpacing: "0.125rem"
+		}
+	},
+	avatar: {
+		initials: {
+			fontFamily: "'Inter', sans-serif",
+			fontWeight: "500",
+			lineHeight: "1",
+			fontSize: {
+				xs: "0.75rem",
+				sm: "0.875rem",
+				md: "1rem",
+				lg: "1.125rem",
+				xl: "1.25rem"
+			}
+		}
+	},
+	codeBlock: {
+		fontFamily: "Menlo, Monaco, Consolas, Courier New, monospace",
+		fontSize: "0.75rem",
+		lineHeight: "1.25rem"
+	},
+	slider: {
+		thumb: {
+			shadow: {
+				"default": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
+				hover: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+				active: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"
+			}
+		}
+	},
+	accountCard: {
+		header: {
+			minHeight: "3rem"
+		},
+		minWidth: "18.75rem"
+	},
+	breadcrumbs: {
+		item: {
+			maxWidth: "11.25rem"
+		}
+	},
+	cardLarge: {
+		maxWidth: "48rem"
+	},
+	checkbox: {
+		box: {
+			size: "1.25rem"
+		},
+		row: {
+			minHeight: "2rem"
+		}
+	},
+	emptyState: {
+		illustration: {
+			small: "5rem",
+			medium: "7.5rem",
+			large: "12.5rem"
+		},
+		maxWidth: "25rem",
+		text: {
+			maxWidth: "22.5rem"
+		},
+		actions: {
+			maxWidth: "18.75rem"
+		}
+	},
+	listItem: {
+		expandedIndent: {
+			compact: "3rem",
+			comfortable: "3.75rem"
+		}
+	},
+	transactionListItem: {
+		minHeight: "4.5rem"
 	},
 	$ref: "./component/index.json"
 };
@@ -675,12 +820,63 @@ var semantic = {
 		overlay: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
 		sticky: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"
 	},
+	breakpoint: {
+		xs: "0px",
+		sm: "640px",
+		md: "768px",
+		lg: "1024px",
+		xl: "1280px",
+		"2xl": "1536px"
+	},
+	opacity: {
+		disabled: "0.5",
+		full: "1"
+	},
+	fontFamily: {
+		body: "'Inter', sans-serif",
+		monospace: "Menlo, Monaco, Consolas, Courier New, monospace"
+	},
+	fontSize: {
+		xs: "0.75rem",
+		sm: "0.875rem",
+		md: "1rem",
+		lg: "1.125rem",
+		xl: "1.25rem"
+	},
+	lineHeight: {
+		none: "1",
+		tight: "1.25rem",
+		normal: "1.5rem"
+	},
+	letterSpacing: {
+		tighter: "-0.125rem",
+		tight: "-0.0625rem",
+		normal: "0rem",
+		wide: "0.125rem"
+	},
+	fontWeight: {
+		regular: "400",
+		medium: "500",
+		semibold: "600",
+		bold: "700"
+	},
+	zIndex: {
+		sticky: "10",
+		dropdown: "1000",
+		overlay: "1010",
+		modal: "1020"
+	},
 	border: {
 		"default": "0.0625rem solid #e9ecef",
 		subtle: "0.0625rem solid #dee2e6",
 		strong: "0.0625rem solid #343a40",
 		focus: "0.125rem solid #343a40",
 		tooltip: "0.125rem dotted #dee2e6",
+		width: {
+			thin: "0.0625rem",
+			thick: "0.125rem"
+		},
+		focusOffset: "0.125rem",
 		radius: {
 			none: "0",
 			xs: "0.125rem",
@@ -694,6 +890,31 @@ var semantic = {
 		}
 	},
 	size: {
+		touchTarget: "2.75rem",
+		overlay: {
+			sm: "25rem",
+			md: "35rem",
+			lg: "45rem"
+		},
+		menu: {
+			maxHeight: "18.75rem"
+		},
+		dimension: {
+			"1": "0.25rem",
+			"5": "1.25rem",
+			"8": "2rem",
+			"12": "3rem",
+			"15": "3.75rem",
+			"18": "4.5rem",
+			"20": "5rem",
+			"30": "7.5rem",
+			"45": "11.25rem",
+			"50": "12.5rem",
+			"75": "18.75rem",
+			"90": "22.5rem",
+			"100": "25rem",
+			"192": "48rem"
+		},
 		icon: {
 			xs: "0.75rem",
 			sm: "1rem",
@@ -741,6 +962,7 @@ var semantic = {
 			"8xl": "3.5rem",
 			"9xl": "4rem",
 			"10xl": "5rem",
+			"11xl": "6rem",
 			auto: "auto"
 		}
 	},
@@ -777,7 +999,8 @@ var semantic = {
 			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",
@@ -870,6 +1093,15 @@ var semantic = {
 		breadcrumb: "400 0.75rem/1.125rem 'Inter', sans-serif"
 	},
 	motion: {
+		duration: {
+			normal: "200ms",
+			fast: "150ms",
+			slow: "300ms"
+		},
+		easing: {
+			easeInOut: "ease-in-out",
+			easeOut: "ease-out"
+		},
 		transition: {
 			fast: "all 150ms ease-out",
 			normal: "all 200ms ease-in-out",

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;;;;"}