@aracreate/arm-ui 3.11.1 → 3.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -164,7 +164,7 @@ pnpm clean # rm -rf dist
164
164
  Repo conventions (file headers, naming, versioning, Makefile targets) follow
165
165
  [aracreate-conventions](https://github.com/aracreate-group/aracreate-conventions) — formerly
166
166
  `aracreate-template-codebase`, still checked out locally under that name at
167
- [`../../aracreate-template-codebase`](../../aracreate-template-codebase). Template-conformance work
167
+ [`../../tools/aracreate-template-codebase`](../../tools/aracreate-template-codebase). Template-conformance work
168
168
  for this repo is tracked in `TASK_SHEET.md`; this repo is currently short a `Makefile` and a
169
169
  `VERSION` file, so its version lives in `package.json` and is managed by semantic-release.
170
170
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/lib/theme.ts"],"names":["colors","theme","getColor","colorName","shade","colorGroup"],"mappings":"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","file":"/private/tmp/arm-ui-publish/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"]}
1
+ {"version":3,"sources":["../src/lib/theme.ts"],"names":["colors","theme","getColor","colorName","shade","colorGroup"],"mappings":"AACA,6EAAMA,CAAAA,CAAS,CAEb,OAAA,CAAS,CACP,EAAA,CAAI,SAAA,CACJ,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SACP,CAAA,CAGA,SAAA,CAAW,CACT,EAAA,CAAI,SAAA,CACJ,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SACP,CAAA,CAGA,OAAA,CAAS,CACP,EAAA,CAAI,SAAA,CACJ,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SACP,CAAA,CAEA,KAAA,CAAO,CACL,EAAA,CAAI,SAAA,CACJ,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SACP,CAAA,CAEA,OAAA,CAAS,CACP,EAAA,CAAI,SAAA,CACJ,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SACP,CAAA,CAEA,IAAA,CAAM,CACJ,EAAA,CAAI,SAAA,CACJ,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SACP,CAAA,CAGA,OAAA,CAAS,CACP,EAAA,CAAI,SAAA,CACJ,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SAAA,CACL,GAAA,CAAK,SACP,CAAA,CAGA,UAAA,CAAY,CACV,OAAA,CAAS,SAAA,CACT,SAAA,CAAW,SAAA,CACX,QAAA,CAAU,SACZ,CAAA,CAGA,IAAA,CAAM,CACJ,OAAA,CAAS,SAAA,CACT,SAAA,CAAW,SAAA,CACX,QAAA,CAAU,SAAA,CACV,QAAA,CAAU,SACZ,CAAA,CAGA,MAAA,CAAQ,CACN,OAAA,CAAS,SAAA,CACT,SAAA,CAAW,SAAA,CACX,KAAA,CAAO,SAAA,CACP,KAAA,CAAO,SACT,CACF,CAAA,CAGaC,CAAAA,aAAQ,CAEnB,MAAA,CAAAD,CAAAA,CAGA,IAAA,CAAM,CAEJ,UAAA,CAAY,uEAAA,CAGZ,KAAA,CACE,+GAAA,CAGF,QAAA,CAAU,8EAAA,CAGV,WAAA,CAAa,4BAAA,CAGb,YAAA,CAAc,iDAChB,CAAA,CAGA,KAAA,CAAO,CACL,EAAA,CAAI,CACF,IAAA,CAAM,SAAA,CACN,OAAA,CAAS,WAAA,CACT,MAAA,CAAQ,KAAA,CACR,IAAA,CAAM,SAAA,CACN,GAAA,CAAK,OACP,CAAA,CACA,EAAA,CAAI,CACF,IAAA,CAAM,SAAA,CACN,OAAA,CAAS,aAAA,CACT,MAAA,CAAQ,KAAA,CACR,IAAA,CAAM,SAAA,CACN,GAAA,CAAK,SACP,CAAA,CACA,EAAA,CAAI,CACF,IAAA,CAAM,WAAA,CACN,OAAA,CAAS,WAAA,CACT,MAAA,CAAQ,MAAA,CACR,IAAA,CAAM,SAAA,CACN,GAAA,CAAK,OACP,CAAA,CACA,EAAA,CAAI,CACF,IAAA,CAAM,SAAA,CACN,OAAA,CAAS,aAAA,CACT,MAAA,CAAQ,MAAA,CACR,IAAA,CAAM,SAAA,CACN,GAAA,CAAK,SACP,CAAA,CACA,EAAA,CAAI,CACF,IAAA,CAAM,SAAA,CACN,OAAA,CAAS,WAAA,CACT,MAAA,CAAQ,MAAA,CACR,IAAA,CAAM,SAAA,CACN,GAAA,CAAK,OACP,CACF,CAAA,CAGA,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,KAAA,CACE,4FAAA,CACF,OAAA,CACE,wGAAA,CACF,KAAA,CAAO,+EAAA,CACP,IAAA,CAAM,sEACR,CAAA,CACA,SAAA,CAAW,CAET,KAAA,CACE,qGAAA,CACF,OAAA,CACE,0HAAA,CACF,KAAA,CACE,6FAAA,CACF,IAAA,CAAM,qFACR,CAAA,CACA,WAAA,CAAa,CACX,KAAA,CAAO,+EAAA,CACP,OAAA,CACE,8FAAA,CACF,KAAA,CAAO,uEAAA,CACP,IAAA,CAAM,8DACR,CAAA,CACA,OAAA,CAAS,CACP,KAAA,CACE,uFAAA,CACF,OAAA,CACE,wGAAA,CACF,KAAA,CAAO,+EAAA,CACP,IAAA,CAAM,sEACR,CAAA,CACA,OAAA,CAAS,CAEP,KAAA,CACE,4FAAA,CACF,OAAA,CACE,wGAAA,CACF,KAAA,CAAO,+EAAA,CACP,IAAA,CAAM,sEACR,CAAA,CACA,IAAA,CAAM,CACJ,KAAA,CAAO,2EAAA,CACP,OAAA,CACE,yFAAA,CACF,KAAA,CAAO,mEAAA,CACP,IAAA,CAAM,0DACR,CACF,CAAA,CAGA,MAAA,CAAQ,CACN,IAAA,CAAM,cAAA,CACN,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,YAAA,CACJ,KAAA,CAAO,aAAA,CACP,KAAA,CAAO,aAAA,CACP,IAAA,CAAM,cACR,CAAA,CAGA,OAAA,CAAS,CACP,IAAA,CAAM,OAAA,CACN,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,OAAA,CACJ,KAAA,CAAO,OAAA,CACP,KAAA,CAAO,QACT,CAAA,CAGA,UAAA,CAAY,CACV,EAAA,CAAI,mBAAA,CACJ,EAAA,CAAI,mBAAA,CACJ,IAAA,CAAM,qBAAA,CACN,EAAA,CAAI,mBAAA,CACJ,EAAA,CAAI,mBAAA,CACJ,KAAA,CAAO,oBAAA,CACP,KAAA,CAAO,qBACT,CAAA,CAGA,UAAA,CAAY,CAEV,QAAA,CAAU,CACR,IAAA,CAAM,cAAA,CACN,MAAA,CAAQ,cAAA,CACR,IAAA,CAAM,cACR,CAAA,CAGA,MAAA,CAAQ,CACN,MAAA,CAAQ,aAAA,CACR,EAAA,CAAI,SAAA,CACJ,GAAA,CAAK,UAAA,CACL,KAAA,CAAO,aACT,CAAA,CAGA,MAAA,CAAQ,oBAAA,CACR,OAAA,CAAS,sBAAA,CACT,OAAA,CAAS,mCAAA,CACT,QAAA,CAAU,mCAAA,CACV,OAAA,CAAS,uBAAA,CACT,QAAA,CAAU,yBACZ,CAAA,CAGA,aAAA,CAAe,CAEb,MAAA,CAAQ,SAAA,CAGR,SAAA,CAAW,qEAAA,CAGX,YAAA,CAAc,iDAAA,CAGd,aAAA,CAAe,0DAAA,CAGf,WAAA,CAAa,mBACf,CACF,CAAA,CAGaE,CAAAA,aAAW,CACtBC,CAAAA,CACAC,CAAAA,CAAwF,GAAA,CAAA,EAC7E,CACX,IAAMC,CAAAA,CAAaL,CAAAA,CAAOG,CAAS,CAAA,CAEnC,OAAI,OAAOE,CAAAA,EAAe,QAAA,EAAYA,CAAAA,GAAe,IAAA,EAAQD,EAAAA,GAASC,CAAAA,CAC5DA,CAAAA,CAAsC,MAAA,CAAOD,CAAK,CAAC,CAAA,CAItDJ,CAAAA,CAAO,OAAA,CAAQ,GAAG,CAC3B,CAAA,CAAA,4CAAA","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 CHANGED
@@ -438,6 +438,7 @@ interface NavItem {
438
438
  root?: string;
439
439
  badge?: string;
440
440
  bundle?: boolean;
441
+ drillable?: boolean;
441
442
  }
442
443
  interface NavGroup {
443
444
  id: string;
@@ -529,7 +530,7 @@ declare const ACTIVITY_META: Record<ActivityType, {
529
530
  * `AuditService.log` and must match it exactly. `action` is a plain varchar
530
531
  * there, not a Postgres enum, so nothing but this map and a code review stops
531
532
  * the two drifting apart. Add here whenever a new action is logged. */
532
- type AuditAction = "USER_UPDATED" | "USER_DISABLED" | "USER_ENABLED" | "USER_APPROVED" | "USER_REJECTED" | "SIGNUP_NOTIFICATIONS_ON" | "SIGNUP_NOTIFICATIONS_OFF" | "APPROVAL_EMAIL_RESENT" | "USER_DELETED" | "ADMIN_GRANTED" | "ADMIN_REVOKED" | "ADMIN_ROLE_CHANGED" | "SESSION_REVOKED" | "APP_GRANTED" | "APP_REVOKED" | "BUNDLE_GRANTED" | "BUNDLE_REVOKED" | "APP_VALIDATED" | "APP_DEPLOY_REQUESTED" | "APP_DEPLOYED" | "APP_DEPLOY_FAILED" | "APP_REVERTED" | "APP_ROLLED_BACK" | "APP_REMOVED";
533
+ type AuditAction = "USER_UPDATED" | "USER_DISABLED" | "USER_ENABLED" | "USER_APPROVED" | "USER_REJECTED" | "SIGNUP_NOTIFICATIONS_ON" | "SIGNUP_NOTIFICATIONS_OFF" | "APPROVAL_EMAIL_RESENT" | "USER_DELETED" | "ADMIN_GRANTED" | "ADMIN_REVOKED" | "ADMIN_ROLE_CHANGED" | "SESSION_REVOKED" | "APP_GRANTED" | "APP_REVOKED" | "BUNDLE_GRANTED" | "BUNDLE_REVOKED" | "APP_VALIDATED" | "APP_DEPLOY_REQUESTED" | "APP_DEPLOYED" | "APP_DEPLOY_FAILED" | "APP_REVERTED" | "APP_ROLLED_BACK" | "APP_REMOVED" | "APP_DEPLOY_GRANTS_FAILED" | "ADMIN_CHANGE_ROLLED_BACK" | "AUDIT_EXPORTED" | "SESSIONS_LISTED";
533
534
  /** `badge` is for <Badge color={...} />, `tag`/`color` for the compact
534
535
  * monospace tag used in per-user activity lists.
535
536
  *
@@ -1578,6 +1579,31 @@ interface UIProviderProps extends Omit<Partial<ThemeProps>, "children"> {
1578
1579
  }
1579
1580
  declare function UIProvider({ children, appearance, radius, scaling, accentColor, grayColor, panelBackground, className, }: UIProviderProps): React__default.JSX.Element;
1580
1581
 
1582
+ /** Event type → payload type. Empty here: each app adds its own events by
1583
+ * declaration merging —
1584
+ *
1585
+ * declare module "@aracreate/arm-ui" {
1586
+ * interface ShellEventMap {
1587
+ * "calendar.accounts.changed": null;
1588
+ * }
1589
+ * }
1590
+ */
1591
+ interface ShellEventMap {
1592
+ }
1593
+ type ShellEventType = Extract<keyof ShellEventMap, string>;
1594
+ interface ShellEvents {
1595
+ /** Deliver `payload` to every listener for `type`, in this document and in
1596
+ * every other same-origin document. Throws a TypeError when the type is not
1597
+ * "<app>.<event>" or the payload is not plain JSON. */
1598
+ emit<K extends ShellEventType>(type: K, payload: ShellEventMap[K]): void;
1599
+ /** Listen for `type`; returns a function that stops listening. */
1600
+ on<K extends ShellEventType>(type: K, fn: (payload: ShellEventMap[K]) => void): () => void;
1601
+ }
1602
+ declare const SHELL_CHANNEL = "arm.shell.v1";
1603
+ declare const shell: {
1604
+ events: ShellEvents;
1605
+ };
1606
+
1581
1607
  declare function useControllableState<T>({ value, defaultValue, onChange, }: {
1582
1608
  value?: T;
1583
1609
  defaultValue?: T;
@@ -1596,4 +1622,4 @@ declare function useDisclosure(defaultOpen?: boolean): {
1596
1622
 
1597
1623
  declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: () => void, enabled?: boolean): React$1.RefObject<T | null>;
1598
1624
 
1599
- 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 };
1625
+ 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_CHANNEL, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, type ShellEventMap, type ShellEventType, type ShellEvents, 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, shell, theme, useClickOutside, useConnectAccount, useControllableState, useDisclosure };
package/dist/index.d.ts CHANGED
@@ -438,6 +438,7 @@ interface NavItem {
438
438
  root?: string;
439
439
  badge?: string;
440
440
  bundle?: boolean;
441
+ drillable?: boolean;
441
442
  }
442
443
  interface NavGroup {
443
444
  id: string;
@@ -529,7 +530,7 @@ declare const ACTIVITY_META: Record<ActivityType, {
529
530
  * `AuditService.log` and must match it exactly. `action` is a plain varchar
530
531
  * there, not a Postgres enum, so nothing but this map and a code review stops
531
532
  * the two drifting apart. Add here whenever a new action is logged. */
532
- type AuditAction = "USER_UPDATED" | "USER_DISABLED" | "USER_ENABLED" | "USER_APPROVED" | "USER_REJECTED" | "SIGNUP_NOTIFICATIONS_ON" | "SIGNUP_NOTIFICATIONS_OFF" | "APPROVAL_EMAIL_RESENT" | "USER_DELETED" | "ADMIN_GRANTED" | "ADMIN_REVOKED" | "ADMIN_ROLE_CHANGED" | "SESSION_REVOKED" | "APP_GRANTED" | "APP_REVOKED" | "BUNDLE_GRANTED" | "BUNDLE_REVOKED" | "APP_VALIDATED" | "APP_DEPLOY_REQUESTED" | "APP_DEPLOYED" | "APP_DEPLOY_FAILED" | "APP_REVERTED" | "APP_ROLLED_BACK" | "APP_REMOVED";
533
+ type AuditAction = "USER_UPDATED" | "USER_DISABLED" | "USER_ENABLED" | "USER_APPROVED" | "USER_REJECTED" | "SIGNUP_NOTIFICATIONS_ON" | "SIGNUP_NOTIFICATIONS_OFF" | "APPROVAL_EMAIL_RESENT" | "USER_DELETED" | "ADMIN_GRANTED" | "ADMIN_REVOKED" | "ADMIN_ROLE_CHANGED" | "SESSION_REVOKED" | "APP_GRANTED" | "APP_REVOKED" | "BUNDLE_GRANTED" | "BUNDLE_REVOKED" | "APP_VALIDATED" | "APP_DEPLOY_REQUESTED" | "APP_DEPLOYED" | "APP_DEPLOY_FAILED" | "APP_REVERTED" | "APP_ROLLED_BACK" | "APP_REMOVED" | "APP_DEPLOY_GRANTS_FAILED" | "ADMIN_CHANGE_ROLLED_BACK" | "AUDIT_EXPORTED" | "SESSIONS_LISTED";
533
534
  /** `badge` is for <Badge color={...} />, `tag`/`color` for the compact
534
535
  * monospace tag used in per-user activity lists.
535
536
  *
@@ -1578,6 +1579,31 @@ interface UIProviderProps extends Omit<Partial<ThemeProps>, "children"> {
1578
1579
  }
1579
1580
  declare function UIProvider({ children, appearance, radius, scaling, accentColor, grayColor, panelBackground, className, }: UIProviderProps): React__default.JSX.Element;
1580
1581
 
1582
+ /** Event type → payload type. Empty here: each app adds its own events by
1583
+ * declaration merging —
1584
+ *
1585
+ * declare module "@aracreate/arm-ui" {
1586
+ * interface ShellEventMap {
1587
+ * "calendar.accounts.changed": null;
1588
+ * }
1589
+ * }
1590
+ */
1591
+ interface ShellEventMap {
1592
+ }
1593
+ type ShellEventType = Extract<keyof ShellEventMap, string>;
1594
+ interface ShellEvents {
1595
+ /** Deliver `payload` to every listener for `type`, in this document and in
1596
+ * every other same-origin document. Throws a TypeError when the type is not
1597
+ * "<app>.<event>" or the payload is not plain JSON. */
1598
+ emit<K extends ShellEventType>(type: K, payload: ShellEventMap[K]): void;
1599
+ /** Listen for `type`; returns a function that stops listening. */
1600
+ on<K extends ShellEventType>(type: K, fn: (payload: ShellEventMap[K]) => void): () => void;
1601
+ }
1602
+ declare const SHELL_CHANNEL = "arm.shell.v1";
1603
+ declare const shell: {
1604
+ events: ShellEvents;
1605
+ };
1606
+
1581
1607
  declare function useControllableState<T>({ value, defaultValue, onChange, }: {
1582
1608
  value?: T;
1583
1609
  defaultValue?: T;
@@ -1596,4 +1622,4 @@ declare function useDisclosure(defaultOpen?: boolean): {
1596
1622
 
1597
1623
  declare function useClickOutside<T extends HTMLElement = HTMLElement>(handler: () => void, enabled?: boolean): React$1.RefObject<T | null>;
1598
1624
 
1599
- 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 };
1625
+ 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_CHANNEL, SHELL_HEADER_H, STATUS_META, SearchOverlay, type SearchOverlayProps, type SearchResult, type SearchResultType, type ShellEventMap, type ShellEventType, type ShellEvents, 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, shell, theme, useClickOutside, useConnectAccount, useControllableState, useDisclosure };