@aracreate/arm-ui 3.9.0 → 3.10.1

package/dist/chunk-TD6NGM5I.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/theme.ts"],"names":["colors","theme","getColor","colorName","shade","colorGroup"],"mappings":"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","file":"/Users/kishor/Work/01-araCreate/arm/library/arm-ui-library/.claude/worktrees/accordion-drawer/dist/chunk-TD6NGM5I.js","sourcesContent":["// Simplified single color palette\nconst colors = {\n  // Primary brand colors\n  primary: {\n    50: \"#fef7e6\",\n    100: \"#fdecc0\",\n    200: \"#fbd886\",\n    300: \"#f9c44c\",\n    400: \"#f7b01f\",\n    500: \"#F9BF3B\", // Main primary\n    600: \"#e6a82d\",\n    700: \"#cc8f1f\",\n    800: \"#b37611\",\n    900: \"#995d03\",\n  },\n\n  // Secondary colors\n  secondary: {\n    50: \"#f8fafc\",\n    100: \"#f1f5f9\",\n    200: \"#e2e8f0\",\n    300: \"#cbd5e1\",\n    400: \"#94a3b8\",\n    500: \"#64748b\",\n    600: \"#475569\",\n    700: \"#334155\",\n    800: \"#1e293b\",\n    900: \"#0f172a\",\n  },\n\n  // Semantic colors\n  success: {\n    50: \"#f0fdf4\",\n    100: \"#dcfce7\",\n    200: \"#bbf7d0\",\n    300: \"#86efac\",\n    400: \"#4ade80\",\n    500: \"#22c55e\",\n    600: \"#16a34a\",\n    700: \"#15803d\",\n    800: \"#166534\",\n    900: \"#14532d\",\n  },\n\n  error: {\n    50: \"#fef2f2\",\n    100: \"#fee2e2\",\n    200: \"#fecaca\",\n    300: \"#fca5a5\",\n    400: \"#f87171\",\n    500: \"#ef4444\",\n    600: \"#dc2626\",\n    700: \"#b91c1c\",\n    800: \"#991b1b\",\n    900: \"#7f1d1d\",\n  },\n\n  warning: {\n    50: \"#fffbeb\",\n    100: \"#fef3c7\",\n    200: \"#fde68a\",\n    300: \"#fcd34d\",\n    400: \"#fbbf24\",\n    500: \"#f59e0b\",\n    600: \"#d97706\",\n    700: \"#b45309\",\n    800: \"#92400e\",\n    900: \"#78350f\",\n  },\n\n  info: {\n    50: \"#eff6ff\",\n    100: \"#dbeafe\",\n    200: \"#bfdbfe\",\n    300: \"#93c5fd\",\n    400: \"#60a5fa\",\n    500: \"#3b82f6\",\n    600: \"#2563eb\",\n    700: \"#1d4ed8\",\n    800: \"#1e40af\",\n    900: \"#1e3a8a\",\n  },\n\n  // Neutral colors\n  neutral: {\n    50: \"#fafafa\",\n    100: \"#f5f5f5\",\n    200: \"#e5e5e5\",\n    300: \"#d4d4d4\",\n    400: \"#a3a3a3\",\n    500: \"#737373\",\n    600: \"#525252\",\n    700: \"#404040\",\n    800: \"#262626\",\n    900: \"#171717\",\n  },\n\n  // Background and surface colors\n  background: {\n    primary: \"#ffffff\",\n    secondary: \"#f8fafc\",\n    tertiary: \"#f1f5f9\",\n  },\n\n  // Text colors\n  text: {\n    primary: \"#0f172a\",\n    secondary: \"#475569\",\n    tertiary: \"#64748b\",\n    disabled: \"#94a3b8\",\n  },\n\n  // Border colors\n  border: {\n    primary: \"#e2e8f0\",\n    secondary: \"#cbd5e1\",\n    focus: \"#3b82f6\",\n    error: \"#ef4444\",\n  },\n} as const;\n\n// Simplified theme system\nexport const theme = {\n  // Single color palette\n  colors,\n\n  // Enhanced base component styles with accessibility focus\n  base: {\n    // Transitions with reduced motion support\n    transition: \"transition-all duration-200 ease-in-out motion-reduce:transition-none\",\n\n    // Enhanced focus states meeting WCAG 2.1 AA standards\n    focus:\n      \"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2\",\n\n    // Disabled states with proper contrast\n    disabled: \"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none\",\n\n    // Interactive states\n    interactive: \"cursor-pointer select-none\",\n\n    // High contrast mode support\n    highContrast: \"forced-colors:border forced-colors:border-solid\",\n  },\n\n  // Enhanced size system with consistent spacing\n  sizes: {\n    xs: {\n      text: \"text-xs\",\n      padding: \"px-2 py-1\",\n      height: \"h-6\",\n      icon: \"h-3 w-3\",\n      gap: \"gap-1\",\n    },\n    sm: {\n      text: \"text-sm\",\n      padding: \"px-3 py-1.5\",\n      height: \"h-8\",\n      icon: \"h-4 w-4\",\n      gap: \"gap-1.5\",\n    },\n    md: {\n      text: \"text-base\",\n      padding: \"px-4 py-2\",\n      height: \"h-10\",\n      icon: \"h-5 w-5\",\n      gap: \"gap-2\",\n    },\n    lg: {\n      text: \"text-lg\",\n      padding: \"px-5 py-2.5\",\n      height: \"h-12\",\n      icon: \"h-6 w-6\",\n      gap: \"gap-2.5\",\n    },\n    xl: {\n      text: \"text-xl\",\n      padding: \"px-6 py-3\",\n      height: \"h-14\",\n      icon: \"h-7 w-7\",\n      gap: \"gap-3\",\n    },\n  },\n\n  // Enhanced variants with accessibility support — Radix 1-12 scale\n  variants: {\n    primary: {\n      // text-neutral-12 (static dark): yellow-9 fails WCAG with white text\n      solid:\n        \"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10\",\n      outline:\n        \"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8\",\n      ghost: \"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8\",\n      soft: \"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8\",\n    },\n    secondary: {\n      // Secondary still uses legacy 50-900 shades (Phase 12B will migrate)\n      solid:\n        \"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700\",\n      outline:\n        \"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500\",\n      ghost:\n        \"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500\",\n      soft: \"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500\",\n    },\n    destructive: {\n      solid: \"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10\",\n      outline:\n        \"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8\",\n      ghost: \"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8\",\n      soft: \"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8\",\n    },\n    success: {\n      solid:\n        \"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10\",\n      outline:\n        \"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8\",\n      ghost: \"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8\",\n      soft: \"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8\",\n    },\n    warning: {\n      // text-neutral-12 (static dark): amber-9 also too bright for white text\n      solid:\n        \"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10\",\n      outline:\n        \"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8\",\n      ghost: \"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8\",\n      soft: \"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8\",\n    },\n    info: {\n      solid: \"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10\",\n      outline:\n        \"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8\",\n      ghost: \"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8\",\n      soft: \"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8\",\n    },\n  },\n\n  // Enhanced border radius system\n  radius: {\n    none: \"rounded-none\",\n    xs: \"rounded-xs\",\n    sm: \"rounded-sm\",\n    md: \"rounded-md\",\n    lg: \"rounded-lg\",\n    xl: \"rounded-xl\",\n    \"2xl\": \"rounded-2xl\",\n    \"3xl\": \"rounded-3xl\",\n    full: \"rounded-full\",\n  },\n\n  // Enhanced spacing system\n  spacing: {\n    none: \"gap-0\",\n    xs: \"gap-1\",\n    sm: \"gap-2\",\n    md: \"gap-3\",\n    lg: \"gap-4\",\n    xl: \"gap-6\",\n    \"2xl\": \"gap-8\",\n    \"3xl\": \"gap-12\",\n  },\n\n  // Typography scale\n  typography: {\n    xs: \"text-xs leading-4\",\n    sm: \"text-sm leading-5\",\n    base: \"text-base leading-6\",\n    lg: \"text-lg leading-7\",\n    xl: \"text-xl leading-8\",\n    \"2xl\": \"text-2xl leading-9\",\n    \"3xl\": \"text-3xl leading-10\",\n  },\n\n  // Animation system with reduced motion support\n  animations: {\n    // Durations\n    duration: {\n      fast: \"duration-150\",\n      normal: \"duration-200\",\n      slow: \"duration-300\",\n    },\n\n    // Easing functions\n    easing: {\n      linear: \"ease-linear\",\n      in: \"ease-in\",\n      out: \"ease-out\",\n      inOut: \"ease-in-out\",\n    },\n\n    // Common animations\n    fadeIn: \"animate-in fade-in\",\n    fadeOut: \"animate-out fade-out\",\n    slideIn: \"animate-in slide-in-from-bottom-2\",\n    slideOut: \"animate-out slide-out-to-bottom-2\",\n    scaleIn: \"animate-in zoom-in-95\",\n    scaleOut: \"animate-out zoom-out-95\",\n  },\n\n  // Accessibility features\n  accessibility: {\n    // Screen reader only content\n    srOnly: \"sr-only\",\n\n    // Focus management\n    focusTrap: \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n\n    // High contrast mode\n    highContrast: \"forced-colors:border forced-colors:border-solid\",\n\n    // Reduced motion\n    reducedMotion: \"motion-reduce:transition-none motion-reduce:animate-none\",\n\n    // Touch targets (minimum 44px)\n    touchTarget: \"min-h-11 min-w-11\",\n  },\n} as const;\n\n// Helper function to get colors\nexport const getColor = (\n  colorName: keyof typeof colors,\n  shade: keyof typeof colors.primary | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 = 500\n): string => {\n  const colorGroup = colors[colorName];\n\n  if (typeof colorGroup === \"object\" && colorGroup !== null && shade in colorGroup) {\n    return (colorGroup as Record<string, string>)[String(shade)];\n  }\n\n  // Fallback to primary color if not found\n  return colors.primary[500];\n};\n\n// Type helpers for theme\nexport type ThemeSize = keyof typeof theme.sizes;\nexport type ThemeVariant = keyof typeof theme.variants;\nexport type ThemeVariantStyle = keyof typeof theme.variants.primary;\nexport type ThemeRadius = keyof typeof theme.radius;\nexport type ThemeSpacing = keyof typeof theme.spacing;\nexport type ThemeTypography = keyof typeof theme.typography;\nexport type ThemeColor = keyof typeof colors;\n// 1-12: Radix scale (new). 50-900: legacy shades (kept during Phase 12B migration).\nexport type ThemeColorShade =\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 50\n  | 100\n  | 200\n  | 300\n  | 400\n  | 500\n  | 600\n  | 700\n  | 800\n  | 900;\nexport type ThemeAnimation = keyof typeof theme.animations;\n\n// Export colors for external use\nexport { colors };\n"]}
+{"version":3,"sources":["../src/lib/theme.ts"],"names":["colors","theme","getColor","colorName","shade","colorGroup"],"mappings":"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","file":"/Users/kishor/Work/01-araCreate/arm/library/arm-ui-library/dist/chunk-TD6NGM5I.js","sourcesContent":["// Simplified single color palette\nconst colors = {\n  // Primary brand colors\n  primary: {\n    50: \"#fef7e6\",\n    100: \"#fdecc0\",\n    200: \"#fbd886\",\n    300: \"#f9c44c\",\n    400: \"#f7b01f\",\n    500: \"#F9BF3B\", // Main primary\n    600: \"#e6a82d\",\n    700: \"#cc8f1f\",\n    800: \"#b37611\",\n    900: \"#995d03\",\n  },\n\n  // Secondary colors\n  secondary: {\n    50: \"#f8fafc\",\n    100: \"#f1f5f9\",\n    200: \"#e2e8f0\",\n    300: \"#cbd5e1\",\n    400: \"#94a3b8\",\n    500: \"#64748b\",\n    600: \"#475569\",\n    700: \"#334155\",\n    800: \"#1e293b\",\n    900: \"#0f172a\",\n  },\n\n  // Semantic colors\n  success: {\n    50: \"#f0fdf4\",\n    100: \"#dcfce7\",\n    200: \"#bbf7d0\",\n    300: \"#86efac\",\n    400: \"#4ade80\",\n    500: \"#22c55e\",\n    600: \"#16a34a\",\n    700: \"#15803d\",\n    800: \"#166534\",\n    900: \"#14532d\",\n  },\n\n  error: {\n    50: \"#fef2f2\",\n    100: \"#fee2e2\",\n    200: \"#fecaca\",\n    300: \"#fca5a5\",\n    400: \"#f87171\",\n    500: \"#ef4444\",\n    600: \"#dc2626\",\n    700: \"#b91c1c\",\n    800: \"#991b1b\",\n    900: \"#7f1d1d\",\n  },\n\n  warning: {\n    50: \"#fffbeb\",\n    100: \"#fef3c7\",\n    200: \"#fde68a\",\n    300: \"#fcd34d\",\n    400: \"#fbbf24\",\n    500: \"#f59e0b\",\n    600: \"#d97706\",\n    700: \"#b45309\",\n    800: \"#92400e\",\n    900: \"#78350f\",\n  },\n\n  info: {\n    50: \"#eff6ff\",\n    100: \"#dbeafe\",\n    200: \"#bfdbfe\",\n    300: \"#93c5fd\",\n    400: \"#60a5fa\",\n    500: \"#3b82f6\",\n    600: \"#2563eb\",\n    700: \"#1d4ed8\",\n    800: \"#1e40af\",\n    900: \"#1e3a8a\",\n  },\n\n  // Neutral colors\n  neutral: {\n    50: \"#fafafa\",\n    100: \"#f5f5f5\",\n    200: \"#e5e5e5\",\n    300: \"#d4d4d4\",\n    400: \"#a3a3a3\",\n    500: \"#737373\",\n    600: \"#525252\",\n    700: \"#404040\",\n    800: \"#262626\",\n    900: \"#171717\",\n  },\n\n  // Background and surface colors\n  background: {\n    primary: \"#ffffff\",\n    secondary: \"#f8fafc\",\n    tertiary: \"#f1f5f9\",\n  },\n\n  // Text colors\n  text: {\n    primary: \"#0f172a\",\n    secondary: \"#475569\",\n    tertiary: \"#64748b\",\n    disabled: \"#94a3b8\",\n  },\n\n  // Border colors\n  border: {\n    primary: \"#e2e8f0\",\n    secondary: \"#cbd5e1\",\n    focus: \"#3b82f6\",\n    error: \"#ef4444\",\n  },\n} as const;\n\n// Simplified theme system\nexport const theme = {\n  // Single color palette\n  colors,\n\n  // Enhanced base component styles with accessibility focus\n  base: {\n    // Transitions with reduced motion support\n    transition: \"transition-all duration-200 ease-in-out motion-reduce:transition-none\",\n\n    // Enhanced focus states meeting WCAG 2.1 AA standards\n    focus:\n      \"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2\",\n\n    // Disabled states with proper contrast\n    disabled: \"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none\",\n\n    // Interactive states\n    interactive: \"cursor-pointer select-none\",\n\n    // High contrast mode support\n    highContrast: \"forced-colors:border forced-colors:border-solid\",\n  },\n\n  // Enhanced size system with consistent spacing\n  sizes: {\n    xs: {\n      text: \"text-xs\",\n      padding: \"px-2 py-1\",\n      height: \"h-6\",\n      icon: \"h-3 w-3\",\n      gap: \"gap-1\",\n    },\n    sm: {\n      text: \"text-sm\",\n      padding: \"px-3 py-1.5\",\n      height: \"h-8\",\n      icon: \"h-4 w-4\",\n      gap: \"gap-1.5\",\n    },\n    md: {\n      text: \"text-base\",\n      padding: \"px-4 py-2\",\n      height: \"h-10\",\n      icon: \"h-5 w-5\",\n      gap: \"gap-2\",\n    },\n    lg: {\n      text: \"text-lg\",\n      padding: \"px-5 py-2.5\",\n      height: \"h-12\",\n      icon: \"h-6 w-6\",\n      gap: \"gap-2.5\",\n    },\n    xl: {\n      text: \"text-xl\",\n      padding: \"px-6 py-3\",\n      height: \"h-14\",\n      icon: \"h-7 w-7\",\n      gap: \"gap-3\",\n    },\n  },\n\n  // Enhanced variants with accessibility support — Radix 1-12 scale\n  variants: {\n    primary: {\n      // text-neutral-12 (static dark): yellow-9 fails WCAG with white text\n      solid:\n        \"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10\",\n      outline:\n        \"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8\",\n      ghost: \"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8\",\n      soft: \"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8\",\n    },\n    secondary: {\n      // Secondary still uses legacy 50-900 shades (Phase 12B will migrate)\n      solid:\n        \"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700\",\n      outline:\n        \"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500\",\n      ghost:\n        \"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500\",\n      soft: \"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500\",\n    },\n    destructive: {\n      solid: \"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10\",\n      outline:\n        \"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8\",\n      ghost: \"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8\",\n      soft: \"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8\",\n    },\n    success: {\n      solid:\n        \"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10\",\n      outline:\n        \"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8\",\n      ghost: \"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8\",\n      soft: \"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8\",\n    },\n    warning: {\n      // text-neutral-12 (static dark): amber-9 also too bright for white text\n      solid:\n        \"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10\",\n      outline:\n        \"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8\",\n      ghost: \"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8\",\n      soft: \"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8\",\n    },\n    info: {\n      solid: \"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10\",\n      outline:\n        \"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8\",\n      ghost: \"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8\",\n      soft: \"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8\",\n    },\n  },\n\n  // Enhanced border radius system\n  radius: {\n    none: \"rounded-none\",\n    xs: \"rounded-xs\",\n    sm: \"rounded-sm\",\n    md: \"rounded-md\",\n    lg: \"rounded-lg\",\n    xl: \"rounded-xl\",\n    \"2xl\": \"rounded-2xl\",\n    \"3xl\": \"rounded-3xl\",\n    full: \"rounded-full\",\n  },\n\n  // Enhanced spacing system\n  spacing: {\n    none: \"gap-0\",\n    xs: \"gap-1\",\n    sm: \"gap-2\",\n    md: \"gap-3\",\n    lg: \"gap-4\",\n    xl: \"gap-6\",\n    \"2xl\": \"gap-8\",\n    \"3xl\": \"gap-12\",\n  },\n\n  // Typography scale\n  typography: {\n    xs: \"text-xs leading-4\",\n    sm: \"text-sm leading-5\",\n    base: \"text-base leading-6\",\n    lg: \"text-lg leading-7\",\n    xl: \"text-xl leading-8\",\n    \"2xl\": \"text-2xl leading-9\",\n    \"3xl\": \"text-3xl leading-10\",\n  },\n\n  // Animation system with reduced motion support\n  animations: {\n    // Durations\n    duration: {\n      fast: \"duration-150\",\n      normal: \"duration-200\",\n      slow: \"duration-300\",\n    },\n\n    // Easing functions\n    easing: {\n      linear: \"ease-linear\",\n      in: \"ease-in\",\n      out: \"ease-out\",\n      inOut: \"ease-in-out\",\n    },\n\n    // Common animations\n    fadeIn: \"animate-in fade-in\",\n    fadeOut: \"animate-out fade-out\",\n    slideIn: \"animate-in slide-in-from-bottom-2\",\n    slideOut: \"animate-out slide-out-to-bottom-2\",\n    scaleIn: \"animate-in zoom-in-95\",\n    scaleOut: \"animate-out zoom-out-95\",\n  },\n\n  // Accessibility features\n  accessibility: {\n    // Screen reader only content\n    srOnly: \"sr-only\",\n\n    // Focus management\n    focusTrap: \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n\n    // High contrast mode\n    highContrast: \"forced-colors:border forced-colors:border-solid\",\n\n    // Reduced motion\n    reducedMotion: \"motion-reduce:transition-none motion-reduce:animate-none\",\n\n    // Touch targets (minimum 44px)\n    touchTarget: \"min-h-11 min-w-11\",\n  },\n} as const;\n\n// Helper function to get colors\nexport const getColor = (\n  colorName: keyof typeof colors,\n  shade: keyof typeof colors.primary | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 = 500\n): string => {\n  const colorGroup = colors[colorName];\n\n  if (typeof colorGroup === \"object\" && colorGroup !== null && shade in colorGroup) {\n    return (colorGroup as Record<string, string>)[String(shade)];\n  }\n\n  // Fallback to primary color if not found\n  return colors.primary[500];\n};\n\n// Type helpers for theme\nexport type ThemeSize = keyof typeof theme.sizes;\nexport type ThemeVariant = keyof typeof theme.variants;\nexport type ThemeVariantStyle = keyof typeof theme.variants.primary;\nexport type ThemeRadius = keyof typeof theme.radius;\nexport type ThemeSpacing = keyof typeof theme.spacing;\nexport type ThemeTypography = keyof typeof theme.typography;\nexport type ThemeColor = keyof typeof colors;\n// 1-12: Radix scale (new). 50-900: legacy shades (kept during Phase 12B migration).\nexport type ThemeColorShade =\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 50\n  | 100\n  | 200\n  | 300\n  | 400\n  | 500\n  | 600\n  | 700\n  | 800\n  | 900;\nexport type ThemeAnimation = keyof typeof theme.animations;\n\n// Export colors for external use\nexport { colors };\n"]}

package/dist/index.d.mts

@@ -319,10 +319,13 @@ interface AppCardProps {
     icon: ReactNode;
     name: string;
     description: string;
+    /** Short status shown as a pill after the name ("BETA"). It never shrinks,
+     * so a long name truncates in front of it. */
+    badge?: string;
 }
 /** Workspace-shortcut tile: icon + name header, description, "Open" CTA
  * footer. Used for the home dashboard's granted-apps grid. */
-declare function AppCard({ href, icon, name, description }: AppCardProps): React$1.JSX.Element;
+declare function AppCard({ href, icon, name, description, badge }: AppCardProps): React$1.JSX.Element;
 
 interface ActivityRowProps {
     /** Short colored tag, e.g. "AUTH", "ROLE", "PROV" — matches an audit-log
@@ -434,7 +437,15 @@ interface NavItem {
     end?: boolean;
     root?: string;
     badge?: string;
+    bundle?: boolean;
+}
+interface NavGroup {
+    id: string;
+    label: string;
+    items: NavItem[];
+    defaultCollapsed?: boolean;
 }
+type NavEntry = NavItem | NavGroup;
 interface SidebarUser {
     name: string;
     role: Role;
@@ -452,8 +463,12 @@ interface SidebarProps {
     collapsed: boolean;
     onToggle?: () => void;
     onClose?: () => void;
-    /** Nav items to render — the app owns its own route table (NAV_ITEMS). */
-    items: NavItem[];
+    /** Nav items to render — the app owns its own route table (NAV_ITEMS).
+     * A `NavGroup` renders its rows under a heading that folds them away. */
+    items: NavEntry[];
+    /** localStorage key that remembers which groups are folded, per browser.
+     * Omit it and the folded state lasts only for the page view. */
+    persistKey?: string;
     /** Utility/meta hrefs (Settings, Admin Portal) that pin above the identity
      * block instead of the main scrollable list. */
     utilityHrefs: string[];
@@ -475,7 +490,7 @@ interface SidebarProps {
     onDevRoleSelect?: (email: string) => void;
     showDevRoles?: boolean;
 }
-declare function Sidebar({ collapsed, onToggle, onClose, items, utilityHrefs: utilityHrefsProp, user, onSignOut, hasCalendarAccounts, brandLogoExpandedSrc, brandLogoCollapsedSrc, helpHref, devRoles, onDevRoleSelect, showDevRoles, }: SidebarProps): React$1.JSX.Element;
+declare function Sidebar({ collapsed, onToggle, onClose, items, persistKey, utilityHrefs: utilityHrefsProp, user, onSignOut, hasCalendarAccounts, brandLogoExpandedSrc, brandLogoCollapsedSrc, helpHref, devRoles, onDevRoleSelect, showDevRoles, }: SidebarProps): React$1.JSX.Element;
 
 /**
  * Single source of truth for status / role / activity / audit colors.
@@ -1581,4 +1596,4 @@ declare function useDisclosure(defaultOpen?: boolean): {
 
 declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: () => void, enabled?: boolean): React$1.RefObject<T | null>;
 
-export { ACTIVITY_META, AUDIT_ACTION_META, AccentCard, type AccentCardProps, AccentHeader, type AccentHeaderProps, type AccessibilityProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountCalendarsDialog, type AccountCalendarsDialogProps, AccountCard, type AccountCardProps, ActivityRow, type ActivityRowProps, type ActivityType, AddAccountMenu, type AddAccountMenuProps, AppCard, type AppCardProps, type AuditAction, AuthCard, type AvailabilityBlock, type BaseProps, BigCalendarView, type BigCalendarViewProps, BrandPanel, type CalendarAccount, type CalendarAccountCalendar, CalendarDayHeader, type CalendarDayHeaderProps, CalendarMergedView, type CalendarMergedViewProps, CalendarPickList, type CalendarProvider, type CalendarSync, CalendarToolbar, CardFooter, type CardFooterProps, type ComponentState, ConfirmDialog, type ConfirmDialogProps, ConnectProviderList, ConnectProviderRows, type ConnectProviderRowsProps, ConnectedAccountCard, DashboardErrorCard, type DashboardErrorCardProps, DataTableRow, type DataTableRowProps, type DatedAvailabilityBlock, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDefaultClose, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger, EmptyCard, type EmptyCardProps, EventBlock, type EventBlockProps, type FormFieldProps, GoogleIcon, type HeadingLevel, IconTile, type IconTileProps, ImportCalendarsDialog, type ImportCalendarsDialogProps, type InteractionStates, METRIC_STATUS_COLOR, MetricCard, type MetricCardProps, type MetricStatus, MicrosoftIcon, MiniMonthPicker, type MiniMonthPickerProps, MonthGrid, type MonthGridProps, type NavItem, OnboardingStepDots, OnboardingStepper, OtpInput, OtpVerifyStep, type OtpVerifyStepProps, PROVIDER_LABEL, PROVIDER_META, Pagination, type PaginationProps, PausedBadge, type PausedBadgeProps, type PolymorphicComponent, type PolymorphicComponentProps, ProviderIcon, ROLE_LABELS, ROLE_META, type ResolvedBlock, type ResponsiveValue, type Role, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, Sidebar, type SidebarDevRole, type SidebarProps, type SidebarUser, type Size, Skeleton, type SkeletonProps, SyncDetailsDialog, type SyncDetailsDialogProps, SyncPreviewRail, type SyncStatus, Toast, type ToastProps, Topbar, type TopbarAdminTitleRow, type TopbarProps, type TopbarTitleRow, UIProvider, type UseConnectAccountOptions, type UserStatus, type Variant, type WizardStepMeta, WizardStepper, auditActionMeta, cn, colors, conditionalClass, createCompoundVariants, createVariantGenerator, findCalendar, getAccessibilityStyles, getAnimationClass, getBaseStyles, getBgClass, getBorderClass, getColor, getFocusRingClass, getFocusableElements, getHoverBgClass, getHoverTextClass, getInteractiveStyles, getRadiusClass, getResponsiveClasses, getSizeStyles, getSpacingClass, getTextClass, getTypographyClass, getVariantStyles, handleArrowNavigation, headingSize, layout, mergeProps, theme, useClickOutside, useConnectAccount, useControllableState, useDisclosure };
+export { ACTIVITY_META, AUDIT_ACTION_META, AccentCard, type AccentCardProps, AccentHeader, type AccentHeaderProps, type AccessibilityProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountCalendarsDialog, type AccountCalendarsDialogProps, AccountCard, type AccountCardProps, ActivityRow, type ActivityRowProps, type ActivityType, AddAccountMenu, type AddAccountMenuProps, AppCard, type AppCardProps, type AuditAction, AuthCard, type AvailabilityBlock, type BaseProps, BigCalendarView, type BigCalendarViewProps, BrandPanel, type CalendarAccount, type CalendarAccountCalendar, CalendarDayHeader, type CalendarDayHeaderProps, CalendarMergedView, type CalendarMergedViewProps, CalendarPickList, type CalendarProvider, type CalendarSync, CalendarToolbar, CardFooter, type CardFooterProps, type ComponentState, ConfirmDialog, type ConfirmDialogProps, ConnectProviderList, ConnectProviderRows, type ConnectProviderRowsProps, ConnectedAccountCard, DashboardErrorCard, type DashboardErrorCardProps, DataTableRow, type DataTableRowProps, type DatedAvailabilityBlock, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDefaultClose, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger, EmptyCard, type EmptyCardProps, EventBlock, type EventBlockProps, type FormFieldProps, GoogleIcon, type HeadingLevel, IconTile, type IconTileProps, ImportCalendarsDialog, type ImportCalendarsDialogProps, type InteractionStates, METRIC_STATUS_COLOR, MetricCard, type MetricCardProps, type MetricStatus, MicrosoftIcon, MiniMonthPicker, type MiniMonthPickerProps, MonthGrid, type MonthGridProps, type NavEntry, type NavGroup, type NavItem, OnboardingStepDots, OnboardingStepper, OtpInput, OtpVerifyStep, type OtpVerifyStepProps, PROVIDER_LABEL, PROVIDER_META, Pagination, type PaginationProps, PausedBadge, type PausedBadgeProps, type PolymorphicComponent, type PolymorphicComponentProps, ProviderIcon, ROLE_LABELS, ROLE_META, type ResolvedBlock, type ResponsiveValue, type Role, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, Sidebar, type SidebarDevRole, type SidebarProps, type SidebarUser, type Size, Skeleton, type SkeletonProps, SyncDetailsDialog, type SyncDetailsDialogProps, SyncPreviewRail, type SyncStatus, Toast, type ToastProps, Topbar, type TopbarAdminTitleRow, type TopbarProps, type TopbarTitleRow, UIProvider, type UseConnectAccountOptions, type UserStatus, type Variant, type WizardStepMeta, WizardStepper, auditActionMeta, cn, colors, conditionalClass, createCompoundVariants, createVariantGenerator, findCalendar, getAccessibilityStyles, getAnimationClass, getBaseStyles, getBgClass, getBorderClass, getColor, getFocusRingClass, getFocusableElements, getHoverBgClass, getHoverTextClass, getInteractiveStyles, getRadiusClass, getResponsiveClasses, getSizeStyles, getSpacingClass, getTextClass, getTypographyClass, getVariantStyles, handleArrowNavigation, headingSize, layout, mergeProps, theme, useClickOutside, useConnectAccount, useControllableState, useDisclosure };

package/dist/index.d.ts

@@ -319,10 +319,13 @@ interface AppCardProps {
     icon: ReactNode;
     name: string;
     description: string;
+    /** Short status shown as a pill after the name ("BETA"). It never shrinks,
+     * so a long name truncates in front of it. */
+    badge?: string;
 }
 /** Workspace-shortcut tile: icon + name header, description, "Open" CTA
  * footer. Used for the home dashboard's granted-apps grid. */
-declare function AppCard({ href, icon, name, description }: AppCardProps): React$1.JSX.Element;
+declare function AppCard({ href, icon, name, description, badge }: AppCardProps): React$1.JSX.Element;
 
 interface ActivityRowProps {
     /** Short colored tag, e.g. "AUTH", "ROLE", "PROV" — matches an audit-log
@@ -434,7 +437,15 @@ interface NavItem {
     end?: boolean;
     root?: string;
     badge?: string;
+    bundle?: boolean;
+}
+interface NavGroup {
+    id: string;
+    label: string;
+    items: NavItem[];
+    defaultCollapsed?: boolean;
 }
+type NavEntry = NavItem | NavGroup;
 interface SidebarUser {
     name: string;
     role: Role;
@@ -452,8 +463,12 @@ interface SidebarProps {
     collapsed: boolean;
     onToggle?: () => void;
     onClose?: () => void;
-    /** Nav items to render — the app owns its own route table (NAV_ITEMS). */
-    items: NavItem[];
+    /** Nav items to render — the app owns its own route table (NAV_ITEMS).
+     * A `NavGroup` renders its rows under a heading that folds them away. */
+    items: NavEntry[];
+    /** localStorage key that remembers which groups are folded, per browser.
+     * Omit it and the folded state lasts only for the page view. */
+    persistKey?: string;
     /** Utility/meta hrefs (Settings, Admin Portal) that pin above the identity
      * block instead of the main scrollable list. */
     utilityHrefs: string[];
@@ -475,7 +490,7 @@ interface SidebarProps {
     onDevRoleSelect?: (email: string) => void;
     showDevRoles?: boolean;
 }
-declare function Sidebar({ collapsed, onToggle, onClose, items, utilityHrefs: utilityHrefsProp, user, onSignOut, hasCalendarAccounts, brandLogoExpandedSrc, brandLogoCollapsedSrc, helpHref, devRoles, onDevRoleSelect, showDevRoles, }: SidebarProps): React$1.JSX.Element;
+declare function Sidebar({ collapsed, onToggle, onClose, items, persistKey, utilityHrefs: utilityHrefsProp, user, onSignOut, hasCalendarAccounts, brandLogoExpandedSrc, brandLogoCollapsedSrc, helpHref, devRoles, onDevRoleSelect, showDevRoles, }: SidebarProps): React$1.JSX.Element;
 
 /**
  * Single source of truth for status / role / activity / audit colors.
@@ -1581,4 +1596,4 @@ declare function useDisclosure(defaultOpen?: boolean): {
 
 declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: () => void, enabled?: boolean): React$1.RefObject<T | null>;
 
-export { ACTIVITY_META, AUDIT_ACTION_META, AccentCard, type AccentCardProps, AccentHeader, type AccentHeaderProps, type AccessibilityProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountCalendarsDialog, type AccountCalendarsDialogProps, AccountCard, type AccountCardProps, ActivityRow, type ActivityRowProps, type ActivityType, AddAccountMenu, type AddAccountMenuProps, AppCard, type AppCardProps, type AuditAction, AuthCard, type AvailabilityBlock, type BaseProps, BigCalendarView, type BigCalendarViewProps, BrandPanel, type CalendarAccount, type CalendarAccountCalendar, CalendarDayHeader, type CalendarDayHeaderProps, CalendarMergedView, type CalendarMergedViewProps, CalendarPickList, type CalendarProvider, type CalendarSync, CalendarToolbar, CardFooter, type CardFooterProps, type ComponentState, ConfirmDialog, type ConfirmDialogProps, ConnectProviderList, ConnectProviderRows, type ConnectProviderRowsProps, ConnectedAccountCard, DashboardErrorCard, type DashboardErrorCardProps, DataTableRow, type DataTableRowProps, type DatedAvailabilityBlock, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDefaultClose, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger, EmptyCard, type EmptyCardProps, EventBlock, type EventBlockProps, type FormFieldProps, GoogleIcon, type HeadingLevel, IconTile, type IconTileProps, ImportCalendarsDialog, type ImportCalendarsDialogProps, type InteractionStates, METRIC_STATUS_COLOR, MetricCard, type MetricCardProps, type MetricStatus, MicrosoftIcon, MiniMonthPicker, type MiniMonthPickerProps, MonthGrid, type MonthGridProps, type NavItem, OnboardingStepDots, OnboardingStepper, OtpInput, OtpVerifyStep, type OtpVerifyStepProps, PROVIDER_LABEL, PROVIDER_META, Pagination, type PaginationProps, PausedBadge, type PausedBadgeProps, type PolymorphicComponent, type PolymorphicComponentProps, ProviderIcon, ROLE_LABELS, ROLE_META, type ResolvedBlock, type ResponsiveValue, type Role, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, Sidebar, type SidebarDevRole, type SidebarProps, type SidebarUser, type Size, Skeleton, type SkeletonProps, SyncDetailsDialog, type SyncDetailsDialogProps, SyncPreviewRail, type SyncStatus, Toast, type ToastProps, Topbar, type TopbarAdminTitleRow, type TopbarProps, type TopbarTitleRow, UIProvider, type UseConnectAccountOptions, type UserStatus, type Variant, type WizardStepMeta, WizardStepper, auditActionMeta, cn, colors, conditionalClass, createCompoundVariants, createVariantGenerator, findCalendar, getAccessibilityStyles, getAnimationClass, getBaseStyles, getBgClass, getBorderClass, getColor, getFocusRingClass, getFocusableElements, getHoverBgClass, getHoverTextClass, getInteractiveStyles, getRadiusClass, getResponsiveClasses, getSizeStyles, getSpacingClass, getTextClass, getTypographyClass, getVariantStyles, handleArrowNavigation, headingSize, layout, mergeProps, theme, useClickOutside, useConnectAccount, useControllableState, useDisclosure };
+export { ACTIVITY_META, AUDIT_ACTION_META, AccentCard, type AccentCardProps, AccentHeader, type AccentHeaderProps, type AccessibilityProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountCalendarsDialog, type AccountCalendarsDialogProps, AccountCard, type AccountCardProps, ActivityRow, type ActivityRowProps, type ActivityType, AddAccountMenu, type AddAccountMenuProps, AppCard, type AppCardProps, type AuditAction, AuthCard, type AvailabilityBlock, type BaseProps, BigCalendarView, type BigCalendarViewProps, BrandPanel, type CalendarAccount, type CalendarAccountCalendar, CalendarDayHeader, type CalendarDayHeaderProps, CalendarMergedView, type CalendarMergedViewProps, CalendarPickList, type CalendarProvider, type CalendarSync, CalendarToolbar, CardFooter, type CardFooterProps, type ComponentState, ConfirmDialog, type ConfirmDialogProps, ConnectProviderList, ConnectProviderRows, type ConnectProviderRowsProps, ConnectedAccountCard, DashboardErrorCard, type DashboardErrorCardProps, DataTableRow, type DataTableRowProps, type DatedAvailabilityBlock, Drawer, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDefaultClose, DrawerDescription, DrawerHeader, DrawerTitle, DrawerTrigger, EmptyCard, type EmptyCardProps, EventBlock, type EventBlockProps, type FormFieldProps, GoogleIcon, type HeadingLevel, IconTile, type IconTileProps, ImportCalendarsDialog, type ImportCalendarsDialogProps, type InteractionStates, METRIC_STATUS_COLOR, MetricCard, type MetricCardProps, type MetricStatus, MicrosoftIcon, MiniMonthPicker, type MiniMonthPickerProps, MonthGrid, type MonthGridProps, type NavEntry, type NavGroup, type NavItem, OnboardingStepDots, OnboardingStepper, OtpInput, OtpVerifyStep, type OtpVerifyStepProps, PROVIDER_LABEL, PROVIDER_META, Pagination, type PaginationProps, PausedBadge, type PausedBadgeProps, type PolymorphicComponent, type PolymorphicComponentProps, ProviderIcon, ROLE_LABELS, ROLE_META, type ResolvedBlock, type ResponsiveValue, type Role, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, Sidebar, type SidebarDevRole, type SidebarProps, type SidebarUser, type Size, Skeleton, type SkeletonProps, SyncDetailsDialog, type SyncDetailsDialogProps, SyncPreviewRail, type SyncStatus, Toast, type ToastProps, Topbar, type TopbarAdminTitleRow, type TopbarProps, type TopbarTitleRow, UIProvider, type UseConnectAccountOptions, type UserStatus, type Variant, type WizardStepMeta, WizardStepper, auditActionMeta, cn, colors, conditionalClass, createCompoundVariants, createVariantGenerator, findCalendar, getAccessibilityStyles, getAnimationClass, getBaseStyles, getBgClass, getBorderClass, getColor, getFocusRingClass, getFocusableElements, getHoverBgClass, getHoverTextClass, getInteractiveStyles, getRadiusClass, getResponsiveClasses, getSizeStyles, getSpacingClass, getTextClass, getTypographyClass, getVariantStyles, handleArrowNavigation, headingSize, layout, mergeProps, theme, useClickOutside, useConnectAccount, useControllableState, useDisclosure };