@aracreate/arm-ui 3.12.0 → 4.0.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.
Files changed (26) hide show
  1. package/README.md +33 -27
  2. package/dist/big-calendar-overrides.css +9 -4
  3. package/dist/chunk-UTKQHNA3.mjs +2 -0
  4. package/dist/chunk-UTKQHNA3.mjs.map +1 -0
  5. package/dist/chunk-Z6WRPM3Z.js +2 -0
  6. package/dist/chunk-Z6WRPM3Z.js.map +1 -0
  7. package/dist/index.css.map +1 -1
  8. package/dist/index.d.mts +142 -121
  9. package/dist/index.d.ts +142 -121
  10. package/dist/index.js +1 -1
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.mjs +1 -1
  13. package/dist/index.mjs.map +1 -1
  14. package/dist/preset.d.mts +2 -2
  15. package/dist/preset.d.ts +2 -2
  16. package/dist/preset.js +2 -2
  17. package/dist/preset.js.map +1 -1
  18. package/dist/preset.mjs +2 -2
  19. package/dist/preset.mjs.map +1 -1
  20. package/dist/style.css +2 -1
  21. package/dist/tokens.css +9 -4
  22. package/package.json +2 -11
  23. package/dist/chunk-LGJWNA6J.mjs +0 -2
  24. package/dist/chunk-LGJWNA6J.mjs.map +0 -1
  25. package/dist/chunk-TD6NGM5I.js +0 -2
  26. package/dist/chunk-TD6NGM5I.js.map +0 -1
package/dist/preset.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/preset.ts","../src/lib/theme-sync.ts"],"sourcesContent":["import { definePreset, presetIcons, type Preset } from \"unocss\";\nimport presetWind4 from \"@unocss/preset-wind4\";\nimport presetAttributify from \"@unocss/preset-attributify\";\nimport { generateUnoColors } from \"./lib/theme-sync\";\n\nexport const acPreset = definePreset(() => {\n return {\n name: \"ac-ui-preset\",\n\n presets: [\n presetWind4() as Preset,\n presetAttributify(),\n presetIcons({\n scale: 1.2,\n cdn: \"https://esm.sh/\",\n }),\n ],\n\n preflights: [\n {\n getCSS: () => `\n :root {\n /* ── Non-color semantic tokens (fallback outside .radix-themes) ── */\n --glass-bg: rgba(255, 255, 255, 0.3);\n --shadow-color: rgba(0, 0, 0, 0.25);\n --line-color: rgba(0, 0, 0, 0.08);\n }\n `,\n },\n {\n // Brand token overrides for Radix Themes (--accent-*, --gray-*, and the\n // --primary-*/--neutral-*/--error-*/--success-*/--warning-*/--info-* aliases\n // components/utilities depend on). Mirrors src/styles/radix-brand-tokens.css —\n // duplicated here (not imported) because this is the one output every consumer\n // already loads via `@aracreate/arm-ui/style.css`. dist/index.css (built\n // from the ui-provider.tsx CSS import) is never wired up for consumption: it\n // has no exports-map entry and index.mjs doesn't self-import it, so relying on\n // that path silently drops these tokens for every consuming app.\n getCSS: () => `\n /* ── LIGHT MODE ─────────────────────────────── */\n /* Also declared at :root: UnoCSS's Wind4 preset auto-generates\n --colors-{name}-{shade} aliases (e.g. --colors-primary-DEFAULT:\n var(--primary-9)) scoped to :root. A var() inside a custom-property\n declaration resolves using the declaring element's own cascade, not\n the consumer's — so if --primary-9 only existed on .radix-themes,\n every :root-scoped alias would compute to invalid and inherit that\n way everywhere, regardless of .radix-themes further down the tree. */\n :root, .radix-themes {\n --accent-1: #fffef5;\n --accent-2: #fffce8;\n --accent-3: #fff8cc;\n --accent-4: #fff2a8;\n --accent-5: #ffe980;\n --accent-6: #ffd94d;\n --accent-7: #ffd236;\n --accent-8: #ffca20;\n --accent-9: #FFC936;\n --accent-10: #f0b800;\n --accent-11: #7a5c00;\n --accent-12: #3d2e00;\n\n --accent-a1: #c0800004;\n --accent-a2: #ffc30015;\n --accent-a3: #ffcf003f;\n --accent-a4: #ffc90062;\n --accent-a5: #ffc20084;\n --accent-a6: #f6ae0089;\n --accent-a7: #d6960094;\n --accent-a8: #c78f00bf;\n --accent-a9: #ffc600e0;\n --accent-a10: #f9b700d1;\n --accent-a11: #997000;\n --accent-a12: #2a1e00df;\n --accent-surface: #fff9e5cc;\n --accent-indicator: #ffcd1f;\n --accent-track: #ffcd1f;\n\n --accent-contrast: #000000;\n\n --error-contrast: #ffffff;\n --success-contrast: #ffffff;\n --info-contrast: #ffffff;\n --warning-contrast: #000000;\n\n --gray-1: #fafafa;\n --gray-2: #f4f4f4;\n --gray-3: #ebebeb;\n --gray-4: #e0e0e0;\n --gray-5: #d1d1d1;\n --gray-6: #bebebe;\n --gray-7: #a8a8a8;\n --gray-8: #989898;\n --gray-9: #8C8C8C;\n --gray-10: #6e6e6e;\n --gray-11: #4a4a4a;\n --gray-12: #1a1a1a;\n\n --gray-a1: #00000003;\n --gray-a2: #00000006;\n --gray-a3: #00000010;\n --gray-a4: #00000017;\n --gray-a5: #0000001f;\n --gray-a6: #00000026;\n --gray-a7: #00000031;\n --gray-a8: #00000044;\n --gray-a9: #00000072;\n --gray-a10: #0000007c;\n --gray-a11: #0000009b;\n --gray-a12: #000000df;\n --gray-contrast: #FFFFFF;\n --gray-surface: #ffffffcc;\n --gray-indicator: #8d8d8d;\n --gray-track: #8d8d8d;\n\n --color-background: var(--accent-1);\n --color-surface: #ffffff;\n --color-panel-solid: #ffffff;\n --color-panel-translucent: rgba(255, 255, 255, 0.85);\n\n --primary-1: var(--accent-1);\n --primary-2: var(--accent-2);\n --primary-3: var(--accent-3);\n --primary-4: var(--accent-4);\n --primary-5: var(--accent-5);\n --primary-6: var(--accent-6);\n --primary-7: var(--accent-7);\n --primary-8: var(--accent-8);\n --primary-9: var(--accent-9);\n --primary-10: var(--accent-10);\n --primary-11: var(--accent-11);\n --primary-12: var(--accent-12);\n\n --neutral-1: var(--gray-1);\n --neutral-2: var(--gray-2);\n --neutral-3: var(--gray-3);\n --neutral-4: var(--gray-4);\n --neutral-5: var(--gray-5);\n --neutral-6: var(--gray-6);\n --neutral-7: var(--gray-7);\n --neutral-8: var(--gray-8);\n --neutral-9: var(--gray-9);\n --neutral-10: var(--gray-10);\n --neutral-11: var(--gray-11);\n --neutral-12: var(--gray-12);\n\n --error-1: var(--red-1);\n --error-2: var(--red-2);\n --error-3: var(--red-3);\n --error-4: var(--red-4);\n --error-5: var(--red-5);\n --error-6: var(--red-6);\n --error-7: var(--red-7);\n --error-8: var(--red-8);\n --error-9: var(--red-9);\n --error-10: var(--red-10);\n --error-11: var(--red-11);\n --error-12: var(--red-12);\n\n --success-1: var(--green-1);\n --success-2: var(--green-2);\n --success-3: var(--green-3);\n --success-4: var(--green-4);\n --success-5: var(--green-5);\n --success-6: var(--green-6);\n --success-7: var(--green-7);\n --success-8: var(--green-8);\n --success-9: var(--green-9);\n --success-10: var(--green-10);\n --success-11: var(--green-11);\n --success-12: var(--green-12);\n\n --warning-1: var(--amber-1);\n --warning-2: var(--amber-2);\n --warning-3: var(--amber-3);\n --warning-4: var(--amber-4);\n --warning-5: var(--amber-5);\n --warning-6: var(--amber-6);\n --warning-7: var(--amber-7);\n --warning-8: var(--amber-8);\n --warning-9: var(--amber-9);\n --warning-10: var(--amber-10);\n --warning-11: var(--amber-11);\n --warning-12: var(--amber-12);\n\n --info-1: var(--blue-1);\n --info-2: var(--blue-2);\n --info-3: var(--blue-3);\n --info-4: var(--blue-4);\n --info-5: var(--blue-5);\n --info-6: var(--blue-6);\n --info-7: var(--blue-7);\n --info-8: var(--blue-8);\n --info-9: var(--blue-9);\n --info-10: var(--blue-10);\n --info-11: var(--blue-11);\n --info-12: var(--blue-12);\n\n --color-foreground: #111111;\n --color-on-primary: var(--accent-contrast);\n --color-muted: var(--neutral-7);\n --color-border: var(--neutral-4);\n\n --text: var(--color-foreground);\n --text-secondary: var(--color-muted);\n --text-muted: var(--color-muted);\n --text-input: var(--color-foreground);\n --bg-skeleton: var(--neutral-4);\n }\n\n .radix-themes .text-text{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n .radix-themes .text-textSecondary{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n .radix-themes .text-textMuted{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n .radix-themes .text-textInput{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n `,\n },\n {\n getCSS: () => `\n @keyframes fade-in {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\n @keyframes fade-out {\n 0% { opacity: 1; transform: scale(1); }\n 100% { opacity: 0; transform: scale(0.95); }\n }\n @keyframes slide-in-right {\n 0% { transform: translateX(100%); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes slide-out-right {\n 0% { transform: translateX(0); opacity: 1; }\n 100% { transform: translateX(100%); opacity: 0; }\n }\n @keyframes slide-in-left {\n 0% { transform: translateX(-100%); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes slide-out-left {\n 0% { transform: translateX(0); opacity: 1; }\n 100% { transform: translateX(-100%); opacity: 0; }\n }\n @keyframes bounce-in {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); opacity: 1; }\n }\n @keyframes bounce-out {\n 0% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(0.3); opacity: 0; }\n }\n @keyframes wave {\n 0% { background-position: 200% 0; }\n 100% { background-position: 0 0; }\n }\n @keyframes shimmer {\n 100% { transform: translateX(100%); }\n }\n @keyframes progress-slide {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(350%); }\n }\n @keyframes slide-in-top {\n 0% { transform: translateY(-100%); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes slide-in-bottom {\n 0% { transform: translateY(100%); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n `,\n },\n {\n // Radix Themes gives every portaled Dialog/AlertDialog its own nested\n // \"root theme\" wrapper (data-is-root-theme=\"true\", carrying the same\n // .radix-themes class as the app-level wrapper), so it has its own\n // theme context regardless of where in the DOM the portal lands.\n // @radix-ui/themes/styles.css's own rules for that wrapper\n // (`.radix-themes:where([data-is-root-theme=\"true\"]) { position:\n // relative; ... }`, meant for the *app-level* wrapper) and for the\n // dialog overlay itself (`.rt-BaseDialogOverlay { position: fixed;\n // inset: 0; }`) are the same specificity and both unlayered, so which\n // one wins is decided purely by their order in the final bundled\n // CSS — order that shifts across builds/bundlers. When the root-theme\n // rule wins, the overlay stops being a fixed, viewport-covering layer\n // and renders in normal document flow instead, pushing the dialog\n // far down the page (looks like \"no dialog appears\"). Force the\n // overlay back to fixed positioning regardless of bundle order.\n // Covers AlertDialog too — it reuses the same rt-BaseDialogOverlay.\n getCSS: () => `\n .rt-BaseDialogOverlay {\n position: fixed !important;\n }\n `,\n },\n ],\n\n rules: [\n [\"custom-rule\", { color: \"red\" }],\n [\"checked:bg-warning-9\", { \"background-color\": \"var(--warning-9)\" }],\n [\"checked:border-warning-9\", { \"border-color\": \"var(--warning-9)\" }],\n [\"list-disc\", { \"list-style-type\": \"disc\" }],\n [\"list-decimal\", { \"list-style-type\": \"decimal\" }],\n [\"list-inside\", { \"list-style-position\": \"inside\" }],\n [\"list-square\", { \"list-style-type\": \"square\" }],\n [\"list-circle\", { \"list-style-type\": \"circle\" }],\n [\"list-outside\", { \"list-style-position\": \"outside\" }],\n [\"list-[upper-roman]\", { \"list-style-type\": \"upper-roman\" }],\n [\"list-[lower-roman]\", { \"list-style-type\": \"lower-roman\" }],\n [\"list-[upper-alpha]\", { \"list-style-type\": \"upper-alpha\" }],\n [\"list-[lower-alpha]\", { \"list-style-type\": \"lower-alpha\" }],\n [\"list-[🔥]\", { \"list-style-type\": '\"🔥\"' }],\n [\"ul,ol\", { \"list-style\": \"revert\" }],\n [\n /^checked:tick$/,\n (_, { rawSelector }) => ({\n [`${rawSelector}::after`]: {\n content: '\"✓\"',\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n color: \"#ffffff\",\n \"font-size\": \"12px\",\n \"font-weight\": \"bold\",\n opacity: \"1\",\n },\n }),\n ],\n [\n \"animate-wave\",\n {\n \"background-image\": `linear-gradient(to right, var(--neutral-5) 0%, var(--neutral-3) 20%, var(--neutral-5) 40%, var(--neutral-5) 100%)`,\n \"background-size\": \"200% 100%\",\n animation: \"wave 1.5s linear infinite\",\n },\n ],\n [\"animate-fade-in\", { animation: \"fade-in 0.3s ease-in-out\" }],\n [\"animate-fade-out\", { animation: \"fade-out 0.3s ease-in-out\" }],\n [\"animate-slide-in-right\", { animation: \"slide-in-right 0.3s ease-out\" }],\n [\"animate-slide-out-right\", { animation: \"slide-out-right 0.3s ease-in\" }],\n [\"animate-slide-in-left\", { animation: \"slide-in-left 0.3s ease-out\" }],\n [\"animate-slide-out-left\", { animation: \"slide-out-left 0.3s ease-in\" }],\n [\"animate-bounce-in\", { animation: \"bounce-in 0.5s ease-out\" }],\n [\"animate-bounce-out\", { animation: \"bounce-out 0.3s ease-in\" }],\n [\"animate-progress-indeterminate\", { animation: \"progress-slide 1.5s ease-in-out infinite\" }],\n [\"animate-slide-in-top\", { animation: \"slide-in-top 0.3s ease-out\" }],\n [\"animate-slide-in-bottom\", { animation: \"slide-in-bottom 0.3s ease-out\" }],\n [\"table\", { \"border-collapse\": \"collapse\", \"border-style\": \"solid\" }],\n [\"shadow-soft\", { \"box-shadow\": \"0 0 20px var(--shadow-color)\" }],\n [\"shadow-spread\", { \"box-shadow\": \"0 0 30px 6px var(--shadow-color)\" }],\n [\"grid-card-wrapper\", { \"grid-template-columns\": \"repeat(auto-fill, minmax(285px, auto))\" }],\n [\"split-equal\", { \"grid-template-columns\": \"1fr 1fr\" }],\n [\"split-sidebar-left\", { \"grid-template-columns\": \"3fr 7fr\" }],\n [\"split-sidebar-right\", { \"grid-template-columns\": \"7fr 3fr\" }],\n [\"split-wide-left\", { \"grid-template-columns\": \"6fr 4fr\" }],\n [\"split-wide-right\", { \"grid-template-columns\": \"4fr 6fr\" }],\n ],\n\n shortcuts: {\n \"custom-shortcut\": \"text-lg text-primary-11 hover:text-primary-12\",\n \"card-gradient-border\":\n \"relative p-0.5 bg-gradient-to-r from-info-9 to-primary-9 rounded-2xl\",\n \"card-gradient-content\": \"bg-card rounded-[22px] h-full w-full\",\n \"glass-card\": \"bg-glass backdrop-blur-md rounded-xl p-4\",\n },\n\n theme: {\n colors: {\n ...generateUnoColors(),\n bg: \"var(--bg)\",\n text: \"var(--text)\",\n textSecondary: \"var(--text-secondary)\",\n button: \"var(--button-bg)\",\n buttonHover: \"var(--button-hover-bg)\",\n textLink: \"var(--text-link)\",\n glass: \"var(--glass-bg)\",\n shadow: \"var(--shadow-color)\",\n bgAuth: \"var(--bg-auth-colour)\",\n authButton: \"var(--auth-button-bg)\",\n bgInput: \"var(--bg-input)\",\n bgSurface: \"var(--bg-surface)\",\n textInput: \"var(--text-input)\",\n textMuted: \"var(--text-muted)\",\n borderInput: \"var(--border-input)\",\n bgSkeleton: \"var(--bg-skeleton)\",\n // On-solid contrast text — correct readable color on each solid-9 surface\n onPrimary: \"var(--accent-contrast)\",\n onError: \"var(--error-contrast)\",\n onSuccess: \"var(--success-contrast)\",\n onInfo: \"var(--info-contrast)\",\n onWarning: \"var(--warning-contrast)\",\n },\n keyframes: {\n wave: {\n \"0%\": { \"background-position\": \"200% 0\" },\n \"100%\": { \"background-position\": \"0 0\" },\n },\n \"fade-in\": {\n \"0%\": { opacity: \"0\", transform: \"scale(0.95)\" },\n \"100%\": { opacity: \"1\", transform: \"scale(1)\" },\n },\n \"fade-out\": {\n \"0%\": { opacity: \"1\", transform: \"scale(1)\" },\n \"100%\": { opacity: \"0\", transform: \"scale(0.95)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\", opacity: \"0\" },\n \"100%\": { transform: \"translateX(0)\", opacity: \"1\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0)\", opacity: \"1\" },\n \"100%\": { transform: \"translateX(100%)\", opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\", opacity: \"0\" },\n \"100%\": { transform: \"translateX(0)\", opacity: \"1\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0)\", opacity: \"1\" },\n \"100%\": { transform: \"translateX(-100%)\", opacity: \"0\" },\n },\n \"bounce-in\": {\n \"0%\": { transform: \"scale(0.3)\", opacity: \"0\" },\n \"50%\": { transform: \"scale(1.05)\" },\n \"70%\": { transform: \"scale(0.9)\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\" },\n },\n \"bounce-out\": {\n \"0%\": { transform: \"scale(1)\", opacity: \"1\" },\n \"100%\": { transform: \"scale(0.3)\", opacity: \"0\" },\n },\n },\n },\n\n safelist: [\n \"animate-wave\",\n \"animate-fade-in\",\n \"animate-fade-out\",\n \"animate-slide-in-right\",\n \"animate-slide-out-right\",\n \"animate-slide-in-left\",\n \"animate-slide-out-left\",\n \"animate-bounce-in\",\n \"animate-bounce-out\",\n // Radix 1-12 checked variants (replaced old warning-500 rules)\n \"checked:bg-warning-9\",\n \"checked:border-warning-9\",\n \"checked:tick\",\n // ── Radix 1-12 color utilities ─────────────────────────────────────\n // primary (yellow)\n \"bg-primary-1\",\n \"bg-primary-2\",\n \"bg-primary-3\",\n \"bg-primary-4\",\n \"bg-primary-5\",\n \"bg-primary-6\",\n \"bg-primary-7\",\n \"bg-primary-8\",\n \"bg-primary-9\",\n \"bg-primary-10\",\n \"bg-primary-11\",\n \"bg-primary-12\",\n \"text-primary-1\",\n \"text-primary-2\",\n \"text-primary-3\",\n \"text-primary-9\",\n \"text-primary-10\",\n \"text-primary-11\",\n \"text-primary-12\",\n \"border-primary-6\",\n \"border-primary-7\",\n \"border-primary-8\",\n \"border-primary-9\",\n \"hover:bg-primary-3\",\n \"hover:bg-primary-4\",\n \"hover:bg-primary-10\",\n \"hover:text-primary-12\",\n \"hover:border-primary-9\",\n \"focus:ring-primary-8\",\n \"focus-visible:ring-primary-8\",\n \"active:bg-primary-10\",\n // neutral (mauve)\n \"bg-neutral-1\",\n \"bg-neutral-2\",\n \"bg-neutral-3\",\n \"bg-neutral-4\",\n \"bg-neutral-5\",\n \"bg-neutral-6\",\n \"bg-neutral-7\",\n \"bg-neutral-8\",\n \"bg-neutral-9\",\n \"bg-neutral-10\",\n \"bg-neutral-11\",\n \"bg-neutral-12\",\n \"text-neutral-1\",\n \"text-neutral-2\",\n \"text-neutral-10\",\n \"text-neutral-11\",\n \"text-neutral-12\",\n \"border-neutral-6\",\n \"border-neutral-7\",\n \"border-neutral-8\",\n \"hover:bg-neutral-3\",\n \"hover:bg-neutral-4\",\n // error (red)\n \"bg-error-2\",\n \"bg-error-3\",\n \"bg-error-4\",\n \"bg-error-9\",\n \"bg-error-10\",\n \"text-error-9\",\n \"text-error-11\",\n \"text-error-12\",\n \"border-error-6\",\n \"border-error-7\",\n \"border-error-8\",\n \"border-error-9\",\n \"hover:bg-error-3\",\n \"hover:bg-error-4\",\n \"hover:bg-error-10\",\n \"hover:text-error-12\",\n \"hover:border-error-9\",\n \"focus:ring-error-8\",\n \"focus-visible:ring-error-8\",\n \"active:bg-error-10\",\n // success (green)\n \"bg-success-2\",\n \"bg-success-3\",\n \"bg-success-4\",\n \"bg-success-9\",\n \"bg-success-10\",\n \"text-success-9\",\n \"text-success-11\",\n \"text-success-12\",\n \"border-success-6\",\n \"border-success-7\",\n \"border-success-8\",\n \"border-success-9\",\n \"hover:bg-success-3\",\n \"hover:bg-success-4\",\n \"hover:bg-success-10\",\n \"focus:ring-success-8\",\n // warning (amber)\n \"bg-warning-2\",\n \"bg-warning-3\",\n \"bg-warning-4\",\n \"bg-warning-9\",\n \"bg-warning-10\",\n \"text-warning-9\",\n \"text-warning-11\",\n \"text-warning-12\",\n \"border-warning-6\",\n \"border-warning-7\",\n \"border-warning-8\",\n \"border-warning-9\",\n \"hover:bg-warning-3\",\n \"hover:bg-warning-4\",\n \"hover:bg-warning-10\",\n \"focus:ring-warning-8\",\n // info (blue)\n \"bg-info-2\",\n \"bg-info-3\",\n \"bg-info-4\",\n \"bg-info-9\",\n \"bg-info-10\",\n \"text-info-9\",\n \"text-info-11\",\n \"text-info-12\",\n \"border-info-6\",\n \"border-info-7\",\n \"border-info-8\",\n \"border-info-9\",\n \"hover:bg-info-3\",\n \"hover:bg-info-4\",\n \"hover:bg-info-10\",\n \"focus:ring-info-8\",\n // ──────────────────────────────────────────────────────────────────\n \"list-[upper-roman]\",\n \"list-[lower-roman]\",\n \"list-[upper-alpha]\",\n \"list-[lower-alpha]\",\n \"list-[🔥]\",\n // ── Semantic alias utilities ──────────────────────────────────────\n \"text-text\",\n \"text-textSecondary\",\n \"text-textMuted\",\n \"text-textInput\",\n \"bg-bgInput\",\n \"bg-bgSurface\",\n \"bg-bgSkeleton\",\n \"border-borderInput\",\n // On-solid contrast text utilities\n \"text-onPrimary\",\n \"text-onError\",\n \"text-onSuccess\",\n \"text-onInfo\",\n \"text-onWarning\",\n \"bg-bg\",\n \"text-white\",\n \"border\",\n \"border-t\",\n \"w-64\",\n \"w-16\",\n \"group-hover:text-text\",\n \"pointer-events-none\",\n \"rounded-xl\",\n \"rounded-full\",\n \"rounded-lg\",\n \"cursor-pointer\",\n \"hover:border-neutral-7\",\n \"hover:border-neutral-8\",\n \"transition-colors\",\n \"w-full\",\n \"items-start\",\n \"justify-between\",\n \"gap-1\",\n \"gap-1.5\",\n \"w-8\",\n \"h-8\",\n \"md:w-10\",\n \"md:h-10\",\n \"flex-shrink-0\",\n \"overflow-hidden\",\n \"object-cover\",\n \"inline-flex\",\n \"px-2.5\",\n \"py-1\",\n \"border-red-500\",\n \"text-red-600\",\n \"absolute\",\n \"top-3\",\n \"right-3\",\n \"top-10\",\n \"p-1\",\n \"p-3\",\n \"md:p-4\",\n \"hover:bg-neutral-3\",\n \"hover:bg-neutral-4\",\n \"bg-neutral-3\",\n \"text-xs\",\n \"md:text-sm\",\n \"font-medium\",\n \"truncate\",\n \"w-40\",\n \"shadow-md\",\n \"z-50\",\n \"mb-3\",\n \"bg-bgSkeleton\",\n \"before:absolute\",\n \"before:inset-0\",\n \"before:-translate-x-full\",\n \"before:animate-[shimmer_2s_infinite]\",\n \"before:bg-gradient-to-r\",\n \"before:from-transparent\",\n \"before:via-white/40\",\n \"before:to-transparent\",\n \"focus:ring-primary\",\n \"focus:border-primary\",\n \"placeholder:text-neutral-10\",\n \"max-h-60\",\n \"text-center\",\n \"inset-y-0\",\n \"inset-x-0\",\n \"top-4\",\n \"right-4\",\n \"w-64\",\n \"w-80\",\n \"w-[480px]\",\n \"h-64\",\n \"h-80\",\n \"h-96\",\n \"flex-col\",\n \"border-t\",\n \"mt-auto\",\n \"animate-slide-in-top\",\n \"animate-slide-in-bottom\",\n \"w-72\",\n \"inline-block\",\n \"gap-2\",\n \"px-3\",\n \"py-1\",\n \"outline-none\",\n \"focus:bg-neutral-3\",\n \"my-1\",\n \"focus-visible:ring-error-8\",\n \"focus-visible:ring-neutral-8\",\n \"fixed\",\n \"inset-0\",\n \"bg-black/50\",\n \"max-w-sm\",\n \"max-w-md\",\n \"max-w-lg\",\n \"max-w-full\",\n \"mx-4\",\n \"overflow-y-auto\",\n \"max-h-[90vh]\",\n \"p-6\",\n \"pb-0\",\n \"pt-0\",\n \"justify-end\",\n \"font-semibold\",\n \"focus-visible:ring-2\",\n \"focus-visible:ring-primary\",\n \"focus-visible:ring-offset-2\",\n \"bg-neutral-6\",\n \"w-3\",\n \"translate-x-0.5\",\n \"translate-x-4\",\n \"w-11\",\n \"translate-x-5\",\n \"w-14\",\n \"translate-x-7\",\n \"h-7\",\n \"w-7\",\n \"h-9\",\n \"w-9\",\n \"text-neutral-10\",\n \"divide-y\",\n \"divide-neutral-6\",\n \"py-4\",\n \"text-left\",\n \"hover:bg-neutral-2\",\n \"text-neutral-11\",\n \"transition-transform\",\n \"duration-200\",\n \"rotate-180\",\n // grid-rows trick: animates accordion open/close via CSS grid-template-rows transition\n \"grid-rows-[1fr]\",\n \"grid-rows-[0fr]\",\n \"transition-[grid-template-rows]\",\n \"ease-in-out\",\n \"pb-4\",\n \"h-1\",\n \"h-2\",\n \"h-3\",\n \"w-2/5\",\n \"animate-progress-indeterminate\",\n \"transition-all\",\n \"duration-300\",\n \"border-b\",\n \"w-fit\",\n \"px-4\",\n \"py-2\",\n \"rounded-md\",\n \"border-b-2\",\n \"-mb-px\",\n \"border-primary\",\n \"border-transparent\",\n \"hover:border-neutral-300\",\n \"py-1.5\",\n \"bg-white\",\n \"shadow-sm\",\n \"pt-4\",\n \"flex-wrap\",\n \"max-w-48\",\n \"text-neutral-400\",\n \"px-0.5\",\n \"text-textSecondary\",\n \"hover:underline\",\n \"hover:text-text\",\n \"group\",\n \"bg-neutral-800\",\n \"whitespace-nowrap\",\n \"pointer-events-none\",\n \"group-hover:opacity-100\",\n \"group-focus-within:opacity-100\",\n \"bottom-full\",\n \"left-1/2\",\n \"-translate-x-1/2\",\n \"mb-2\",\n \"top-full\",\n \"mt-2\",\n \"right-full\",\n \"top-1/2\",\n \"-translate-y-1/2\",\n \"mr-2\",\n \"left-full\",\n \"ml-2\",\n \"relative\",\n \"bg-neutral-200\",\n \"text-neutral-600\",\n \"select-none\",\n \"w-6\",\n \"h-6\",\n \"w-10\",\n \"h-10\",\n \"w-16\",\n \"h-16\",\n \"text-base\",\n \"text-lg\",\n \"uppercase\",\n \"leading-none\",\n \"w-1/2\",\n \"h-1/2\",\n \"bottom-0\",\n \"right-0\",\n \"w-2.5\",\n \"h-2.5\",\n \"ring-2\",\n \"ring-white\",\n \"bg-success-9\",\n \"bg-neutral-9\",\n \"bg-error-9\",\n \"bg-warning-9\",\n \"h-px\",\n \"w-px\",\n \"h-full\",\n \"shrink-0\",\n \"opacity-50\",\n \"cursor-not-allowed\",\n \"text-error-11\",\n \"flex\",\n \"flex-1\",\n \"gap-3\",\n \"p-4\",\n \"p-0.5\",\n \"mt-0.5\",\n \"min-w-0\",\n \"h-5\",\n \"w-5\",\n \"font-semibold\",\n \"mb-1\",\n \"opacity-90\",\n \"rounded\",\n \"hover:opacity-70\",\n \"transition-opacity\",\n \"bg-info-3\",\n \"border-info-6\",\n \"text-info-12\",\n \"text-info-11\",\n \"bg-success-3\",\n \"border-success-6\",\n \"text-success-12\",\n \"text-success-11\",\n \"bg-warning-3\",\n \"border-warning-6\",\n \"text-warning-12\",\n \"text-warning-11\",\n \"bg-error-3\",\n \"border-error-6\",\n \"text-error-12\",\n \"text-error-11\",\n \"bg-primary-3\",\n \"bg-success-3\",\n \"text-success-11\",\n \"bg-warning-3\",\n \"text-warning-11\",\n \"bg-error-3\",\n \"text-error-11\",\n \"text-sm\",\n \"px-2\",\n \"py-0.5\",\n \"animate-spin\",\n \"block\",\n \"sr-only\",\n \"items-center\",\n \"justify-center\",\n \"w-4\",\n \"h-4\",\n \"w-12\",\n \"h-12\",\n \"border-2\",\n \"border-4\",\n \"border-t-primary-9\",\n \"border-t-neutral-9\",\n \"border-t-neutral-11\",\n \"border-t-white\",\n \"border-white/30\",\n \"py-0\",\n \"py-6\",\n \"py-12\",\n \"py-20\",\n \"py-32\",\n \"bg-transparent\",\n \"bg-neutral-50\",\n \"grid\",\n \"grid-cols-1\",\n \"split-equal\",\n \"split-sidebar-left\",\n \"split-sidebar-right\",\n \"split-wide-left\",\n \"split-wide-right\",\n \"sm:split-equal\",\n \"sm:split-sidebar-left\",\n \"sm:split-sidebar-right\",\n \"sm:split-wide-left\",\n \"sm:split-wide-right\",\n \"md:split-equal\",\n \"md:split-sidebar-left\",\n \"md:split-sidebar-right\",\n \"md:split-wide-left\",\n \"md:split-wide-right\",\n \"lg:split-equal\",\n \"lg:split-sidebar-left\",\n \"lg:split-sidebar-right\",\n \"lg:split-wide-left\",\n \"lg:split-wide-right\",\n \"gap-0\",\n \"gap-4\",\n \"gap-6\",\n \"gap-8\",\n // Radix UI data-state variants — must be safelisted so consuming apps\n // that don't scan library sources still get these generated.\n // data-[state=open/closed] — Dialog, Drawer, Popover, Tooltip, Accordion, Select\n \"data-[state=open]:animate-in\",\n \"data-[state=open]:fade-in-0\",\n \"data-[state=open]:zoom-in-95\",\n \"data-[state=open]:slide-in-from-right\",\n \"data-[state=open]:slide-in-from-left\",\n \"data-[state=open]:slide-in-from-top\",\n \"data-[state=open]:slide-in-from-bottom\",\n \"data-[state=open]:grid-rows-[1fr]\",\n \"data-[state=open]:rotate-180\",\n \"data-[state=closed]:animate-out\",\n \"data-[state=closed]:fade-out-0\",\n \"data-[state=closed]:zoom-out-95\",\n \"data-[state=closed]:slide-out-to-right\",\n \"data-[state=closed]:slide-out-to-left\",\n \"data-[state=closed]:slide-out-to-top\",\n \"data-[state=closed]:slide-out-to-bottom\",\n \"data-[state=closed]:grid-rows-[0fr]\",\n // data-[state=delayed-open] — Tooltip\n \"data-[state=delayed-open]:animate-in\",\n \"data-[state=delayed-open]:fade-in-0\",\n \"data-[state=delayed-open]:zoom-in-95\",\n // data-[state=checked/unchecked] — Checkbox, Switch\n \"data-[state=checked]:bg-primary\",\n \"data-[state=checked]:border-primary\",\n \"data-[state=checked]:translate-x-4\",\n \"data-[state=checked]:translate-x-5\",\n \"data-[state=checked]:translate-x-7\",\n \"data-[state=unchecked]:bg-neutral-300\",\n \"data-[state=unchecked]:translate-x-0.5\",\n // data-[state=active/inactive] — Tabs\n \"data-[state=active]:text-primary\",\n \"data-[state=active]:border-primary\",\n \"data-[state=active]:bg-white\", // legacy — kept for backward compat\n \"data-[state=active]:bg-neutral-1\", // new Radix — pills active tab bg\n \"data-[state=active]:shadow-sm\",\n \"data-[state=active]:text-text\",\n // data-[side=*] — Popover, Tooltip, DropdownMenu, Select\n \"data-[side=bottom]:slide-in-from-top-1\",\n \"data-[side=bottom]:slide-in-from-top-2\",\n \"data-[side=bottom]:translate-y-1\",\n \"data-[side=top]:slide-in-from-bottom-1\",\n \"data-[side=top]:slide-in-from-bottom-2\",\n \"data-[side=top]:-translate-y-1\",\n \"data-[side=left]:slide-in-from-right-1\",\n \"data-[side=left]:slide-in-from-right-2\",\n \"data-[side=right]:slide-in-from-left-1\",\n \"data-[side=right]:slide-in-from-left-2\",\n // data-[disabled] / data-[placeholder] — Select, DropdownMenu\n \"data-[disabled]:opacity-50\",\n \"data-[disabled]:pointer-events-none\",\n \"data-[placeholder]:text-textMuted\",\n // group-data-[state=open] — Accordion chevron rotation\n \"group-data-[state=open]:rotate-180\",\n // ── Phase 12B: Radix 1-12 data-state variants ──────────────────────\n // Checkbox, Radio, Switch\n \"data-[state=checked]:bg-primary-9\",\n \"data-[state=checked]:border-primary-9\",\n \"data-[state=unchecked]:bg-neutral-6\",\n // Toggle, ToggleGroup, ToolbarToggleItem\n \"data-[state=on]:bg-primary-4\",\n \"data-[state=on]:bg-primary-3\",\n \"data-[state=on]:text-primary-12\",\n \"data-[state=on]:text-primary-11\",\n \"data-[state=on]:border-primary-8\",\n \"data-[state=on]:bg-neutral-4\",\n \"data-[state=on]:bg-neutral-5\",\n \"data-[state=on]:text-neutral-12\",\n // Tabs\n \"data-[state=active]:text-primary-11\",\n \"data-[state=active]:border-primary-9\",\n \"data-[state=active]:text-neutral-12\",\n // NavigationMenu trigger\n \"data-[active]:bg-neutral-3\",\n \"data-[state=open]:bg-neutral-3\",\n // Menubar / ContextMenu subtrigger\n \"data-[state=open]:bg-neutral-4\",\n // ── Phase 12B: hover / focus / group-hover utilities ───────────────\n \"hover:text-neutral-12\",\n \"hover:border-neutral-7\",\n \"hover:border-neutral-8\",\n \"hover:bg-neutral-8\",\n \"focus:bg-neutral-3\",\n \"focus:bg-neutral-4\",\n \"focus-visible:ring-neutral-8\",\n \"group-hover:bg-neutral-4\",\n \"group-hover:text-neutral-12\",\n // ── Phase 12B: spinner border-t, accordion divide ──────────────────\n \"border-t-primary-9\",\n \"border-t-neutral-9\",\n \"divide-neutral-6\",\n ],\n };\n});\n","import { colors } from \"./theme\";\n\nfunction radixScale(alias: string): Record<number | string, string> {\n const scale: Record<number | string, string> = {};\n for (let i = 1; i <= 12; i++) {\n scale[i] = `var(--${alias}-${i})`;\n }\n scale[\"DEFAULT\"] = `var(--${alias}-9)`;\n return scale;\n}\n\n/**\n * Generates UnoCSS-compatible color configuration.\n *\n * Runs both the Radix 1-12 CSS-var scale (new) and the legacy 50-900\n * hex shades (kept for backward-compat during Phase 12B component migration).\n * After all components are migrated the 50-900 entries will be removed.\n */\nexport function generateUnoColors() {\n return {\n // ── New Radix 1-12 scales + legacy 50-900 shades ─────────────\n primary: { ...colors.primary, ...radixScale(\"primary\"), foreground: \"#ffffff\" },\n neutral: { ...colors.neutral, ...radixScale(\"neutral\") },\n error: { ...colors.error, ...radixScale(\"error\") },\n success: { ...colors.success, ...radixScale(\"success\") },\n warning: { ...colors.warning, ...radixScale(\"warning\") },\n info: { ...colors.info, ...radixScale(\"info\") },\n\n // ── Secondary: keep legacy shades (Phase 12B will migrate) ────\n secondary: {\n ...colors.secondary,\n DEFAULT: colors.secondary[500],\n foreground: \"#ffffff\",\n },\n\n // ── Semantic alias tokens ─────────────────────────────────────\n destructive: { DEFAULT: \"var(--error-9)\", foreground: \"var(--neutral-1)\" },\n muted: { DEFAULT: \"var(--neutral-3)\", foreground: \"var(--neutral-11)\" },\n accent: { DEFAULT: \"var(--neutral-3)\", foreground: \"var(--neutral-12)\" },\n popover: { DEFAULT: \"var(--neutral-1)\", foreground: \"var(--neutral-12)\" },\n card: { DEFAULT: \"var(--neutral-1)\", foreground: \"var(--neutral-12)\" },\n\n // ── Meta tokens ───────────────────────────────────────────────\n border: \"var(--neutral-6)\",\n input: \"var(--neutral-7)\",\n ring: \"var(--primary-8)\",\n background: \"var(--neutral-1)\",\n foreground: \"var(--neutral-12)\",\n };\n}\n"],"mappings":"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S,GAAI,CACxD,EACA,gBAAiB,CACf,KAAM,CAAE,UAAW,oBAAqB,QAAS,GAAI,EACrD,OAAQ,CAAE,UAAW,gBAAiB,QAAS,GAAI,CACrD,EACA,iBAAkB,CAChB,KAAM,CAAE,UAAW,gBAAiB,QAAS,GAAI,EACjD,OAAQ,CAAE,UAAW,oBAAqB,QAAS,GAAI,CACzD,EACA,YAAa,CACX,KAAM,CAAE,UAAW,aAAc,QAAS,GAAI,EAC9C,MAAO,CAAE,UAAW,aAAc,EAClC,MAAO,CAAE,UAAW,YAAa,EACjC,OAAQ,CAAE,UAAW,WAAY,QAAS,GAAI,CAChD,EACA,aAAc,CACZ,KAAM,CAAE,UAAW,WAAY,QAAS,GAAI,EAC5C,OAAQ,CAAE,UAAW,aAAc,QAAS,GAAI,CAClD,CACF,CACF,EAEA,SAAU,CACR,eACA,kBACA,mBACA,yBACA,0BACA,wBACA,yBACA,oBACA,qBAEA,uBACA,2BACA,eAGA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,gBACA,gBACA,gBACA,iBACA,iBACA,iBACA,iBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBACA,mBACA,qBACA,qBACA,sBACA,wBACA,yBACA,uBACA,+BACA,uBAEA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,gBACA,gBACA,gBACA,iBACA,iBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBACA,qBACA,qBAEA,aACA,aACA,aACA,aACA,cACA,eACA,gBACA,gBACA,iBACA,iBACA,iBACA,iBACA,mBACA,mBACA,oBACA,sBACA,uBACA,qBACA,6BACA,qBAEA,eACA,eACA,eACA,eACA,gBACA,iBACA,kBACA,kBACA,mBACA,mBACA,mBACA,mBACA,qBACA,qBACA,sBACA,uBAEA,eACA,eACA,eACA,eACA,gBACA,iBACA,kBACA,kBACA,mBACA,mBACA,mBACA,mBACA,qBACA,qBACA,sBACA,uBAEA,YACA,YACA,YACA,YACA,aACA,cACA,eACA,eACA,gBACA,gBACA,gBACA,gBACA,kBACA,kBACA,mBACA,oBAEA,qBACA,qBACA,qBACA,qBACA,mBAEA,YACA,qBACA,iBACA,iBACA,aACA,eACA,gBACA,qBAEA,iBACA,eACA,iBACA,cACA,iBACA,QACA,aACA,SACA,WACA,OACA,OACA,wBACA,sBACA,aACA,eACA,aACA,iBACA,yBACA,yBACA,oBACA,SACA,cACA,kBACA,QACA,UACA,MACA,MACA,UACA,UACA,gBACA,kBACA,eACA,cACA,SACA,OACA,iBACA,eACA,WACA,QACA,UACA,SACA,MACA,MACA,SACA,qBACA,qBACA,eACA,UACA,aACA,cACA,WACA,OACA,YACA,OACA,OACA,gBACA,kBACA,iBACA,2BACA,uCACA,0BACA,0BACA,sBACA,wBACA,qBACA,uBACA,8BACA,WACA,cACA,YACA,YACA,QACA,UACA,OACA,OACA,YACA,OACA,OACA,OACA,WACA,WACA,UACA,uBACA,0BACA,OACA,eACA,QACA,OACA,OACA,eACA,qBACA,OACA,6BACA,+BACA,QACA,UACA,cACA,WACA,WACA,WACA,aACA,OACA,kBACA,eACA,MACA,OACA,OACA,cACA,gBACA,uBACA,6BACA,8BACA,eACA,MACA,kBACA,gBACA,OACA,gBACA,OACA,gBACA,MACA,MACA,MACA,MACA,kBACA,WACA,mBACA,OACA,YACA,qBACA,kBACA,uBACA,eACA,aAEA,kBACA,kBACA,kCACA,cACA,OACA,MACA,MACA,MACA,QACA,iCACA,iBACA,eACA,WACA,QACA,OACA,OACA,aACA,aACA,SACA,iBACA,qBACA,2BACA,SACA,WACA,YACA,OACA,YACA,WACA,mBACA,SACA,qBACA,kBACA,kBACA,QACA,iBACA,oBACA,sBACA,0BACA,iCACA,cACA,WACA,mBACA,OACA,WACA,OACA,aACA,UACA,mBACA,OACA,YACA,OACA,WACA,iBACA,mBACA,cACA,MACA,MACA,OACA,OACA,OACA,OACA,YACA,UACA,YACA,eACA,QACA,QACA,WACA,UACA,QACA,QACA,SACA,aACA,eACA,eACA,aACA,eACA,OACA,OACA,SACA,WACA,aACA,qBACA,gBACA,OACA,SACA,QACA,MACA,QACA,SACA,UACA,MACA,MACA,gBACA,OACA,aACA,UACA,mBACA,qBACA,YACA,gBACA,eACA,eACA,eACA,mBACA,kBACA,kBACA,eACA,mBACA,kBACA,kBACA,aACA,iBACA,gBACA,gBACA,eACA,eACA,kBACA,eACA,kBACA,aACA,gBACA,UACA,OACA,SACA,eACA,QACA,UACA,eACA,iBACA,MACA,MACA,OACA,OACA,WACA,WACA,qBACA,qBACA,sBACA,iBACA,kBACA,OACA,OACA,QACA,QACA,QACA,iBACA,gBACA,OACA,cACA,cACA,qBACA,sBACA,kBACA,mBACA,iBACA,wBACA,yBACA,qBACA,sBACA,iBACA,wBACA,yBACA,qBACA,sBACA,iBACA,wBACA,yBACA,qBACA,sBACA,QACA,QACA,QACA,QAIA,+BACA,8BACA,+BACA,wCACA,uCACA,sCACA,yCACA,oCACA,+BACA,kCACA,iCACA,kCACA,yCACA,wCACA,uCACA,0CACA,sCAEA,uCACA,sCACA,uCAEA,kCACA,sCACA,qCACA,qCACA,qCACA,wCACA,yCAEA,mCACA,qCACA,+BACA,mCACA,gCACA,gCAEA,yCACA,yCACA,mCACA,yCACA,yCACA,iCACA,yCACA,yCACA,yCACA,yCAEA,6BACA,sCACA,oCAEA,qCAGA,oCACA,wCACA,sCAEA,+BACA,+BACA,kCACA,kCACA,mCACA,+BACA,+BACA,kCAEA,sCACA,uCACA,sCAEA,6BACA,iCAEA,iCAEA,wBACA,yBACA,yBACA,qBACA,qBACA,qBACA,+BACA,2BACA,8BAEA,qBACA,qBACA,kBACF,CACF,EACD","names":["definePreset","presetIcons","presetWind4","presetAttributify","radixScale","alias","scale","i","generateUnoColors","colors","acPreset","definePreset","presetWind4","presetAttributify","presetIcons","_","rawSelector","generateUnoColors"]}
1
+ {"version":3,"sources":["../src/preset.ts","../src/lib/theme-sync.ts"],"sourcesContent":["// SPDX-License-Identifier: LicenseRef-Proprietary\n// Copyright (C) 2026, araCreate Group\n// Author: Kishor <kishor@aracreate.group>\n// Description: This file contains ac_preset, the UnoCSS preset that adds the brand scales and tokens\n\nimport { definePreset, presetIcons, type Preset } from \"unocss\";\nimport presetWind4 from \"@unocss/preset-wind4\";\nimport presetAttributify from \"@unocss/preset-attributify\";\nimport { generate_uno_colors } from \"./lib/theme-sync\";\n\nexport const ac_preset = definePreset(() => {\n return {\n name: \"ac-ui-preset\",\n\n presets: [\n presetWind4() as Preset,\n presetAttributify(),\n presetIcons({\n scale: 1.2,\n cdn: \"https://esm.sh/\",\n }),\n ],\n\n preflights: [\n {\n getCSS: () => `\n :root {\n /* ── Non-color semantic tokens (fallback outside .radix-themes) ── */\n --glass-bg: rgba(255, 255, 255, 0.3);\n --shadow-color: rgba(0, 0, 0, 0.25);\n --line-color: rgba(0, 0, 0, 0.08);\n }\n `,\n },\n {\n // Brand token overrides for Radix Themes (--accent-*, --gray-*, and the\n // --primary-*/--neutral-*/--error-*/--success-*/--warning-*/--info-* aliases\n // components/utilities depend on). Mirrors src/styles/radix-brand-tokens.css —\n // duplicated here (not imported) because this is the one output every consumer\n // already loads via `@aracreate/arm-ui/style.css`. dist/index.css (built\n // from the ui-provider.tsx CSS import) is never wired up for consumption: it\n // has no exports-map entry and index.mjs doesn't self-import it, so relying on\n // that path silently drops these tokens for every consuming app.\n getCSS: () => `\n /* ── LIGHT MODE ─────────────────────────────── */\n /* Also declared at :root: UnoCSS's Wind4 preset auto-generates\n --colors-{name}-{shade} aliases (e.g. --colors-primary-DEFAULT:\n var(--primary-9)) scoped to :root. A var() inside a custom-property\n declaration resolves using the declaring element's own cascade, not\n the consumer's — so if --primary-9 only existed on .radix-themes,\n every :root-scoped alias would compute to invalid and inherit that\n way everywhere, regardless of .radix-themes further down the tree. */\n :root, .radix-themes {\n --accent-1: #fffef5;\n --accent-2: #fffce8;\n --accent-3: #fff8cc;\n --accent-4: #fff2a8;\n --accent-5: #ffe980;\n --accent-6: #ffd94d;\n --accent-7: #ffd236;\n --accent-8: #ffca20;\n --accent-9: #FFC936;\n --accent-10: #f0b800;\n --accent-11: #7a5c00;\n --accent-12: #3d2e00;\n\n --accent-a1: #c0800004;\n --accent-a2: #ffc30015;\n --accent-a3: #ffcf003f;\n --accent-a4: #ffc90062;\n --accent-a5: #ffc20084;\n --accent-a6: #f6ae0089;\n --accent-a7: #d6960094;\n --accent-a8: #c78f00bf;\n --accent-a9: #ffc600e0;\n --accent-a10: #f9b700d1;\n --accent-a11: #997000;\n --accent-a12: #2a1e00df;\n --accent-surface: #fff9e5cc;\n --accent-indicator: #ffcd1f;\n --accent-track: #ffcd1f;\n\n --accent-contrast: #000000;\n\n --error-contrast: #ffffff;\n --success-contrast: #ffffff;\n --info-contrast: #ffffff;\n --warning-contrast: #000000;\n\n --gray-1: #fafafa;\n --gray-2: #f4f4f4;\n --gray-3: #ebebeb;\n --gray-4: #e0e0e0;\n --gray-5: #d1d1d1;\n --gray-6: #bebebe;\n --gray-7: #a8a8a8;\n --gray-8: #989898;\n --gray-9: #8C8C8C;\n --gray-10: #6e6e6e;\n --gray-11: #4a4a4a;\n --gray-12: #1a1a1a;\n\n --gray-a1: #00000003;\n --gray-a2: #00000006;\n --gray-a3: #00000010;\n --gray-a4: #00000017;\n --gray-a5: #0000001f;\n --gray-a6: #00000026;\n --gray-a7: #00000031;\n --gray-a8: #00000044;\n --gray-a9: #00000072;\n --gray-a10: #0000007c;\n --gray-a11: #0000009b;\n --gray-a12: #000000df;\n --gray-contrast: #FFFFFF;\n --gray-surface: #ffffffcc;\n --gray-indicator: #8d8d8d;\n --gray-track: #8d8d8d;\n\n --color-background: var(--accent-1);\n --color-surface: #ffffff;\n --color-panel-solid: #ffffff;\n --color-panel-translucent: rgba(255, 255, 255, 0.85);\n\n --primary-1: var(--accent-1);\n --primary-2: var(--accent-2);\n --primary-3: var(--accent-3);\n --primary-4: var(--accent-4);\n --primary-5: var(--accent-5);\n --primary-6: var(--accent-6);\n --primary-7: var(--accent-7);\n --primary-8: var(--accent-8);\n --primary-9: var(--accent-9);\n --primary-10: var(--accent-10);\n --primary-11: var(--accent-11);\n --primary-12: var(--accent-12);\n\n --neutral-1: var(--gray-1);\n --neutral-2: var(--gray-2);\n --neutral-3: var(--gray-3);\n --neutral-4: var(--gray-4);\n --neutral-5: var(--gray-5);\n --neutral-6: var(--gray-6);\n --neutral-7: var(--gray-7);\n --neutral-8: var(--gray-8);\n --neutral-9: var(--gray-9);\n --neutral-10: var(--gray-10);\n --neutral-11: var(--gray-11);\n --neutral-12: var(--gray-12);\n\n --error-1: var(--red-1);\n --error-2: var(--red-2);\n --error-3: var(--red-3);\n --error-4: var(--red-4);\n --error-5: var(--red-5);\n --error-6: var(--red-6);\n --error-7: var(--red-7);\n --error-8: var(--red-8);\n --error-9: var(--red-9);\n --error-10: var(--red-10);\n --error-11: var(--red-11);\n --error-12: var(--red-12);\n\n --success-1: var(--green-1);\n --success-2: var(--green-2);\n --success-3: var(--green-3);\n --success-4: var(--green-4);\n --success-5: var(--green-5);\n --success-6: var(--green-6);\n --success-7: var(--green-7);\n --success-8: var(--green-8);\n --success-9: var(--green-9);\n --success-10: var(--green-10);\n --success-11: var(--green-11);\n --success-12: var(--green-12);\n\n --warning-1: var(--amber-1);\n --warning-2: var(--amber-2);\n --warning-3: var(--amber-3);\n --warning-4: var(--amber-4);\n --warning-5: var(--amber-5);\n --warning-6: var(--amber-6);\n --warning-7: var(--amber-7);\n --warning-8: var(--amber-8);\n --warning-9: var(--amber-9);\n --warning-10: var(--amber-10);\n --warning-11: var(--amber-11);\n --warning-12: var(--amber-12);\n\n --info-1: var(--blue-1);\n --info-2: var(--blue-2);\n --info-3: var(--blue-3);\n --info-4: var(--blue-4);\n --info-5: var(--blue-5);\n --info-6: var(--blue-6);\n --info-7: var(--blue-7);\n --info-8: var(--blue-8);\n --info-9: var(--blue-9);\n --info-10: var(--blue-10);\n --info-11: var(--blue-11);\n --info-12: var(--blue-12);\n\n --color-foreground: #111111;\n --color-on-primary: var(--accent-contrast);\n --color-muted: var(--neutral-7);\n --color-border: var(--neutral-4);\n\n --text: var(--color-foreground);\n --text-secondary: var(--color-muted);\n --text-muted: var(--color-muted);\n --text-input: var(--color-foreground);\n --bg-skeleton: var(--neutral-4);\n }\n\n .radix-themes .text-text{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n .radix-themes .text-textSecondary{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n .radix-themes .text-textMuted{ color: color-mix(in srgb, var(--color-muted) var(--un-text-opacity), transparent) !important; }\n .radix-themes .text-textInput{ color: color-mix(in srgb, var(--color-foreground) var(--un-text-opacity), transparent) !important; }\n `,\n },\n {\n getCSS: () => `\n @keyframes fade-in {\n 0% { opacity: 0; transform: scale(0.95); }\n 100% { opacity: 1; transform: scale(1); }\n }\n @keyframes fade-out {\n 0% { opacity: 1; transform: scale(1); }\n 100% { opacity: 0; transform: scale(0.95); }\n }\n @keyframes slide-in-right {\n 0% { transform: translateX(100%); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes slide-out-right {\n 0% { transform: translateX(0); opacity: 1; }\n 100% { transform: translateX(100%); opacity: 0; }\n }\n @keyframes slide-in-left {\n 0% { transform: translateX(-100%); opacity: 0; }\n 100% { transform: translateX(0); opacity: 1; }\n }\n @keyframes slide-out-left {\n 0% { transform: translateX(0); opacity: 1; }\n 100% { transform: translateX(-100%); opacity: 0; }\n }\n @keyframes bounce-in {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); opacity: 1; }\n }\n @keyframes bounce-out {\n 0% { transform: scale(1); opacity: 1; }\n 100% { transform: scale(0.3); opacity: 0; }\n }\n @keyframes wave {\n 0% { background-position: 200% 0; }\n 100% { background-position: 0 0; }\n }\n @keyframes shimmer {\n 100% { transform: translateX(100%); }\n }\n @keyframes progress-slide {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(350%); }\n }\n @keyframes slide-in-top {\n 0% { transform: translateY(-100%); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n @keyframes slide-in-bottom {\n 0% { transform: translateY(100%); opacity: 0; }\n 100% { transform: translateY(0); opacity: 1; }\n }\n `,\n },\n {\n // Radix Themes gives every portaled Dialog/AlertDialog its own nested\n // \"root theme\" wrapper (data-is-root-theme=\"true\", carrying the same\n // .radix-themes class as the app-level wrapper), so it has its own\n // theme context regardless of where in the DOM the portal lands.\n // @radix-ui/themes/styles.css's own rules for that wrapper\n // (`.radix-themes:where([data-is-root-theme=\"true\"]) { position:\n // relative; ... }`, meant for the *app-level* wrapper) and for the\n // dialog overlay itself (`.rt-BaseDialogOverlay { position: fixed;\n // inset: 0; }`) are the same specificity and both unlayered, so which\n // one wins is decided purely by their order in the final bundled\n // CSS — order that shifts across builds/bundlers. When the root-theme\n // rule wins, the overlay stops being a fixed, viewport-covering layer\n // and renders in normal document flow instead, pushing the dialog\n // far down the page (looks like \"no dialog appears\"). Force the\n // overlay back to fixed positioning regardless of bundle order.\n // Covers AlertDialog too — it reuses the same rt-BaseDialogOverlay.\n getCSS: () => `\n .rt-BaseDialogOverlay {\n position: fixed !important;\n }\n `,\n },\n ],\n\n rules: [\n [\"custom-rule\", { color: \"red\" }],\n [\"checked:bg-warning-9\", { \"background-color\": \"var(--warning-9)\" }],\n [\"checked:border-warning-9\", { \"border-color\": \"var(--warning-9)\" }],\n [\"list-disc\", { \"list-style-type\": \"disc\" }],\n [\"list-decimal\", { \"list-style-type\": \"decimal\" }],\n [\"list-inside\", { \"list-style-position\": \"inside\" }],\n [\"list-square\", { \"list-style-type\": \"square\" }],\n [\"list-circle\", { \"list-style-type\": \"circle\" }],\n [\"list-outside\", { \"list-style-position\": \"outside\" }],\n [\"list-[upper-roman]\", { \"list-style-type\": \"upper-roman\" }],\n [\"list-[lower-roman]\", { \"list-style-type\": \"lower-roman\" }],\n [\"list-[upper-alpha]\", { \"list-style-type\": \"upper-alpha\" }],\n [\"list-[lower-alpha]\", { \"list-style-type\": \"lower-alpha\" }],\n [\"list-[🔥]\", { \"list-style-type\": '\"🔥\"' }],\n [\"ul,ol\", { \"list-style\": \"revert\" }],\n [\n /^checked:tick$/,\n (_, { rawSelector }) => ({\n [`${rawSelector}::after`]: {\n content: '\"✓\"',\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n color: \"#ffffff\",\n \"font-size\": \"12px\",\n \"font-weight\": \"bold\",\n opacity: \"1\",\n },\n }),\n ],\n [\n \"animate-wave\",\n {\n \"background-image\": `linear-gradient(to right, var(--neutral-5) 0%, var(--neutral-3) 20%, var(--neutral-5) 40%, var(--neutral-5) 100%)`,\n \"background-size\": \"200% 100%\",\n animation: \"wave 1.5s linear infinite\",\n },\n ],\n [\"animate-fade-in\", { animation: \"fade-in 0.3s ease-in-out\" }],\n [\"animate-fade-out\", { animation: \"fade-out 0.3s ease-in-out\" }],\n [\"animate-slide-in-right\", { animation: \"slide-in-right 0.3s ease-out\" }],\n [\"animate-slide-out-right\", { animation: \"slide-out-right 0.3s ease-in\" }],\n [\"animate-slide-in-left\", { animation: \"slide-in-left 0.3s ease-out\" }],\n [\"animate-slide-out-left\", { animation: \"slide-out-left 0.3s ease-in\" }],\n [\"animate-bounce-in\", { animation: \"bounce-in 0.5s ease-out\" }],\n [\"animate-bounce-out\", { animation: \"bounce-out 0.3s ease-in\" }],\n [\"animate-progress-indeterminate\", { animation: \"progress-slide 1.5s ease-in-out infinite\" }],\n [\"animate-slide-in-top\", { animation: \"slide-in-top 0.3s ease-out\" }],\n [\"animate-slide-in-bottom\", { animation: \"slide-in-bottom 0.3s ease-out\" }],\n [\"table\", { \"border-collapse\": \"collapse\", \"border-style\": \"solid\" }],\n [\"shadow-soft\", { \"box-shadow\": \"0 0 20px var(--shadow-color)\" }],\n [\"shadow-spread\", { \"box-shadow\": \"0 0 30px 6px var(--shadow-color)\" }],\n [\"grid-card-wrapper\", { \"grid-template-columns\": \"repeat(auto-fill, minmax(285px, auto))\" }],\n [\"split-equal\", { \"grid-template-columns\": \"1fr 1fr\" }],\n [\"split-sidebar-left\", { \"grid-template-columns\": \"3fr 7fr\" }],\n [\"split-sidebar-right\", { \"grid-template-columns\": \"7fr 3fr\" }],\n [\"split-wide-left\", { \"grid-template-columns\": \"6fr 4fr\" }],\n [\"split-wide-right\", { \"grid-template-columns\": \"4fr 6fr\" }],\n ],\n\n shortcuts: {\n \"custom-shortcut\": \"text-lg text-primary-11 hover:text-primary-12\",\n \"card-gradient-border\":\n \"relative p-0.5 bg-gradient-to-r from-info-9 to-primary-9 rounded-2xl\",\n \"card-gradient-content\": \"bg-card rounded-[22px] h-full w-full\",\n \"glass-card\": \"bg-glass backdrop-blur-md rounded-xl p-4\",\n },\n\n theme: {\n colors: {\n ...generate_uno_colors(),\n bg: \"var(--bg)\",\n text: \"var(--text)\",\n textSecondary: \"var(--text-secondary)\",\n button: \"var(--button-bg)\",\n buttonHover: \"var(--button-hover-bg)\",\n textLink: \"var(--text-link)\",\n glass: \"var(--glass-bg)\",\n shadow: \"var(--shadow-color)\",\n bgAuth: \"var(--bg-auth-colour)\",\n authButton: \"var(--auth-button-bg)\",\n bgInput: \"var(--bg-input)\",\n bgSurface: \"var(--bg-surface)\",\n textInput: \"var(--text-input)\",\n textMuted: \"var(--text-muted)\",\n borderInput: \"var(--border-input)\",\n bgSkeleton: \"var(--bg-skeleton)\",\n // On-solid contrast text — correct readable color on each solid-9 surface\n onPrimary: \"var(--accent-contrast)\",\n onError: \"var(--error-contrast)\",\n onSuccess: \"var(--success-contrast)\",\n onInfo: \"var(--info-contrast)\",\n onWarning: \"var(--warning-contrast)\",\n },\n keyframes: {\n wave: {\n \"0%\": { \"background-position\": \"200% 0\" },\n \"100%\": { \"background-position\": \"0 0\" },\n },\n \"fade-in\": {\n \"0%\": { opacity: \"0\", transform: \"scale(0.95)\" },\n \"100%\": { opacity: \"1\", transform: \"scale(1)\" },\n },\n \"fade-out\": {\n \"0%\": { opacity: \"1\", transform: \"scale(1)\" },\n \"100%\": { opacity: \"0\", transform: \"scale(0.95)\" },\n },\n \"slide-in-right\": {\n \"0%\": { transform: \"translateX(100%)\", opacity: \"0\" },\n \"100%\": { transform: \"translateX(0)\", opacity: \"1\" },\n },\n \"slide-out-right\": {\n \"0%\": { transform: \"translateX(0)\", opacity: \"1\" },\n \"100%\": { transform: \"translateX(100%)\", opacity: \"0\" },\n },\n \"slide-in-left\": {\n \"0%\": { transform: \"translateX(-100%)\", opacity: \"0\" },\n \"100%\": { transform: \"translateX(0)\", opacity: \"1\" },\n },\n \"slide-out-left\": {\n \"0%\": { transform: \"translateX(0)\", opacity: \"1\" },\n \"100%\": { transform: \"translateX(-100%)\", opacity: \"0\" },\n },\n \"bounce-in\": {\n \"0%\": { transform: \"scale(0.3)\", opacity: \"0\" },\n \"50%\": { transform: \"scale(1.05)\" },\n \"70%\": { transform: \"scale(0.9)\" },\n \"100%\": { transform: \"scale(1)\", opacity: \"1\" },\n },\n \"bounce-out\": {\n \"0%\": { transform: \"scale(1)\", opacity: \"1\" },\n \"100%\": { transform: \"scale(0.3)\", opacity: \"0\" },\n },\n },\n },\n\n safelist: [\n \"animate-wave\",\n \"animate-fade-in\",\n \"animate-fade-out\",\n \"animate-slide-in-right\",\n \"animate-slide-out-right\",\n \"animate-slide-in-left\",\n \"animate-slide-out-left\",\n \"animate-bounce-in\",\n \"animate-bounce-out\",\n // Radix 1-12 checked variants (replaced old warning-500 rules)\n \"checked:bg-warning-9\",\n \"checked:border-warning-9\",\n \"checked:tick\",\n // ── Radix 1-12 color utilities ─────────────────────────────────────\n // primary (yellow)\n \"bg-primary-1\",\n \"bg-primary-2\",\n \"bg-primary-3\",\n \"bg-primary-4\",\n \"bg-primary-5\",\n \"bg-primary-6\",\n \"bg-primary-7\",\n \"bg-primary-8\",\n \"bg-primary-9\",\n \"bg-primary-10\",\n \"bg-primary-11\",\n \"bg-primary-12\",\n \"text-primary-1\",\n \"text-primary-2\",\n \"text-primary-3\",\n \"text-primary-9\",\n \"text-primary-10\",\n \"text-primary-11\",\n \"text-primary-12\",\n \"border-primary-6\",\n \"border-primary-7\",\n \"border-primary-8\",\n \"border-primary-9\",\n \"hover:bg-primary-3\",\n \"hover:bg-primary-4\",\n \"hover:bg-primary-10\",\n \"hover:text-primary-12\",\n \"hover:border-primary-9\",\n \"focus:ring-primary-8\",\n \"focus-visible:ring-primary-8\",\n \"active:bg-primary-10\",\n // neutral (mauve)\n \"bg-neutral-1\",\n \"bg-neutral-2\",\n \"bg-neutral-3\",\n \"bg-neutral-4\",\n \"bg-neutral-5\",\n \"bg-neutral-6\",\n \"bg-neutral-7\",\n \"bg-neutral-8\",\n \"bg-neutral-9\",\n \"bg-neutral-10\",\n \"bg-neutral-11\",\n \"bg-neutral-12\",\n \"text-neutral-1\",\n \"text-neutral-2\",\n \"text-neutral-10\",\n \"text-neutral-11\",\n \"text-neutral-12\",\n \"border-neutral-6\",\n \"border-neutral-7\",\n \"border-neutral-8\",\n \"hover:bg-neutral-3\",\n \"hover:bg-neutral-4\",\n // error (red)\n \"bg-error-2\",\n \"bg-error-3\",\n \"bg-error-4\",\n \"bg-error-9\",\n \"bg-error-10\",\n \"text-error-9\",\n \"text-error-11\",\n \"text-error-12\",\n \"border-error-6\",\n \"border-error-7\",\n \"border-error-8\",\n \"border-error-9\",\n \"hover:bg-error-3\",\n \"hover:bg-error-4\",\n \"hover:bg-error-10\",\n \"hover:text-error-12\",\n \"hover:border-error-9\",\n \"focus:ring-error-8\",\n \"focus-visible:ring-error-8\",\n \"active:bg-error-10\",\n // success (green)\n \"bg-success-2\",\n \"bg-success-3\",\n \"bg-success-4\",\n \"bg-success-9\",\n \"bg-success-10\",\n \"text-success-9\",\n \"text-success-11\",\n \"text-success-12\",\n \"border-success-6\",\n \"border-success-7\",\n \"border-success-8\",\n \"border-success-9\",\n \"hover:bg-success-3\",\n \"hover:bg-success-4\",\n \"hover:bg-success-10\",\n \"focus:ring-success-8\",\n // warning (amber)\n \"bg-warning-2\",\n \"bg-warning-3\",\n \"bg-warning-4\",\n \"bg-warning-9\",\n \"bg-warning-10\",\n \"text-warning-9\",\n \"text-warning-11\",\n \"text-warning-12\",\n \"border-warning-6\",\n \"border-warning-7\",\n \"border-warning-8\",\n \"border-warning-9\",\n \"hover:bg-warning-3\",\n \"hover:bg-warning-4\",\n \"hover:bg-warning-10\",\n \"focus:ring-warning-8\",\n // info (blue)\n \"bg-info-2\",\n \"bg-info-3\",\n \"bg-info-4\",\n \"bg-info-9\",\n \"bg-info-10\",\n \"text-info-9\",\n \"text-info-11\",\n \"text-info-12\",\n \"border-info-6\",\n \"border-info-7\",\n \"border-info-8\",\n \"border-info-9\",\n \"hover:bg-info-3\",\n \"hover:bg-info-4\",\n \"hover:bg-info-10\",\n \"focus:ring-info-8\",\n // ──────────────────────────────────────────────────────────────────\n \"list-[upper-roman]\",\n \"list-[lower-roman]\",\n \"list-[upper-alpha]\",\n \"list-[lower-alpha]\",\n \"list-[🔥]\",\n // ── Semantic alias utilities ──────────────────────────────────────\n \"text-text\",\n \"text-textSecondary\",\n \"text-textMuted\",\n \"text-textInput\",\n \"bg-bgInput\",\n \"bg-bgSurface\",\n \"bg-bgSkeleton\",\n \"border-borderInput\",\n // On-solid contrast text utilities\n \"text-onPrimary\",\n \"text-onError\",\n \"text-onSuccess\",\n \"text-onInfo\",\n \"text-onWarning\",\n \"bg-bg\",\n \"text-white\",\n \"border\",\n \"border-t\",\n \"w-64\",\n \"w-16\",\n \"group-hover:text-text\",\n \"pointer-events-none\",\n \"rounded-xl\",\n \"rounded-full\",\n \"rounded-lg\",\n \"cursor-pointer\",\n \"hover:border-neutral-7\",\n \"hover:border-neutral-8\",\n \"transition-colors\",\n \"w-full\",\n \"items-start\",\n \"justify-between\",\n \"gap-1\",\n \"gap-1.5\",\n \"w-8\",\n \"h-8\",\n \"md:w-10\",\n \"md:h-10\",\n \"flex-shrink-0\",\n \"overflow-hidden\",\n \"object-cover\",\n \"inline-flex\",\n \"px-2.5\",\n \"py-1\",\n \"border-red-500\",\n \"text-red-600\",\n \"absolute\",\n \"top-3\",\n \"right-3\",\n \"top-10\",\n \"p-1\",\n \"p-3\",\n \"md:p-4\",\n \"hover:bg-neutral-3\",\n \"hover:bg-neutral-4\",\n \"bg-neutral-3\",\n \"text-xs\",\n \"md:text-sm\",\n \"font-medium\",\n \"truncate\",\n \"w-40\",\n \"shadow-md\",\n \"z-50\",\n \"mb-3\",\n \"bg-bgSkeleton\",\n \"before:absolute\",\n \"before:inset-0\",\n \"before:-translate-x-full\",\n \"before:animate-[shimmer_2s_infinite]\",\n \"before:bg-gradient-to-r\",\n \"before:from-transparent\",\n \"before:via-white/40\",\n \"before:to-transparent\",\n \"focus:ring-primary\",\n \"focus:border-primary\",\n \"placeholder:text-neutral-10\",\n \"max-h-60\",\n \"text-center\",\n \"inset-y-0\",\n \"inset-x-0\",\n \"top-4\",\n \"right-4\",\n \"w-64\",\n \"w-80\",\n \"w-[480px]\",\n \"h-64\",\n \"h-80\",\n \"h-96\",\n \"flex-col\",\n \"border-t\",\n \"mt-auto\",\n \"animate-slide-in-top\",\n \"animate-slide-in-bottom\",\n \"w-72\",\n \"inline-block\",\n \"gap-2\",\n \"px-3\",\n \"py-1\",\n \"outline-none\",\n \"focus:bg-neutral-3\",\n \"my-1\",\n \"focus-visible:ring-error-8\",\n \"focus-visible:ring-neutral-8\",\n \"fixed\",\n \"inset-0\",\n \"bg-black/50\",\n \"max-w-sm\",\n \"max-w-md\",\n \"max-w-lg\",\n \"max-w-full\",\n \"mx-4\",\n \"overflow-y-auto\",\n \"max-h-[90vh]\",\n \"p-6\",\n \"pb-0\",\n \"pt-0\",\n \"justify-end\",\n \"font-semibold\",\n \"focus-visible:ring-2\",\n \"focus-visible:ring-primary\",\n \"focus-visible:ring-offset-2\",\n \"bg-neutral-6\",\n \"w-3\",\n \"translate-x-0.5\",\n \"translate-x-4\",\n \"w-11\",\n \"translate-x-5\",\n \"w-14\",\n \"translate-x-7\",\n \"h-7\",\n \"w-7\",\n \"h-9\",\n \"w-9\",\n \"text-neutral-10\",\n \"divide-y\",\n \"divide-neutral-6\",\n \"py-4\",\n \"text-left\",\n \"hover:bg-neutral-2\",\n \"text-neutral-11\",\n \"transition-transform\",\n \"duration-200\",\n \"rotate-180\",\n // grid-rows trick: animates accordion open/close via CSS grid-template-rows transition\n \"grid-rows-[1fr]\",\n \"grid-rows-[0fr]\",\n \"transition-[grid-template-rows]\",\n \"ease-in-out\",\n \"pb-4\",\n \"h-1\",\n \"h-2\",\n \"h-3\",\n \"w-2/5\",\n \"animate-progress-indeterminate\",\n \"transition-all\",\n \"duration-300\",\n \"border-b\",\n \"w-fit\",\n \"px-4\",\n \"py-2\",\n \"rounded-md\",\n \"border-b-2\",\n \"-mb-px\",\n \"border-primary\",\n \"border-transparent\",\n \"hover:border-neutral-300\",\n \"py-1.5\",\n \"bg-white\",\n \"shadow-sm\",\n \"pt-4\",\n \"flex-wrap\",\n \"max-w-48\",\n \"text-neutral-400\",\n \"px-0.5\",\n \"text-textSecondary\",\n \"hover:underline\",\n \"hover:text-text\",\n \"group\",\n \"bg-neutral-800\",\n \"whitespace-nowrap\",\n \"pointer-events-none\",\n \"group-hover:opacity-100\",\n \"group-focus-within:opacity-100\",\n \"bottom-full\",\n \"left-1/2\",\n \"-translate-x-1/2\",\n \"mb-2\",\n \"top-full\",\n \"mt-2\",\n \"right-full\",\n \"top-1/2\",\n \"-translate-y-1/2\",\n \"mr-2\",\n \"left-full\",\n \"ml-2\",\n \"relative\",\n \"bg-neutral-200\",\n \"text-neutral-600\",\n \"select-none\",\n \"w-6\",\n \"h-6\",\n \"w-10\",\n \"h-10\",\n \"w-16\",\n \"h-16\",\n \"text-base\",\n \"text-lg\",\n \"uppercase\",\n \"leading-none\",\n \"w-1/2\",\n \"h-1/2\",\n \"bottom-0\",\n \"right-0\",\n \"w-2.5\",\n \"h-2.5\",\n \"ring-2\",\n \"ring-white\",\n \"bg-success-9\",\n \"bg-neutral-9\",\n \"bg-error-9\",\n \"bg-warning-9\",\n \"h-px\",\n \"w-px\",\n \"h-full\",\n \"shrink-0\",\n \"opacity-50\",\n \"cursor-not-allowed\",\n \"text-error-11\",\n \"flex\",\n \"flex-1\",\n \"gap-3\",\n \"p-4\",\n \"p-0.5\",\n \"mt-0.5\",\n \"min-w-0\",\n \"h-5\",\n \"w-5\",\n \"font-semibold\",\n \"mb-1\",\n \"opacity-90\",\n \"rounded\",\n \"hover:opacity-70\",\n \"transition-opacity\",\n \"bg-info-3\",\n \"border-info-6\",\n \"text-info-12\",\n \"text-info-11\",\n \"bg-success-3\",\n \"border-success-6\",\n \"text-success-12\",\n \"text-success-11\",\n \"bg-warning-3\",\n \"border-warning-6\",\n \"text-warning-12\",\n \"text-warning-11\",\n \"bg-error-3\",\n \"border-error-6\",\n \"text-error-12\",\n \"text-error-11\",\n \"bg-primary-3\",\n \"bg-success-3\",\n \"text-success-11\",\n \"bg-warning-3\",\n \"text-warning-11\",\n \"bg-error-3\",\n \"text-error-11\",\n \"text-sm\",\n \"px-2\",\n \"py-0.5\",\n \"animate-spin\",\n \"block\",\n \"sr-only\",\n \"items-center\",\n \"justify-center\",\n \"w-4\",\n \"h-4\",\n \"w-12\",\n \"h-12\",\n \"border-2\",\n \"border-4\",\n \"border-t-primary-9\",\n \"border-t-neutral-9\",\n \"border-t-neutral-11\",\n \"border-t-white\",\n \"border-white/30\",\n \"py-0\",\n \"py-6\",\n \"py-12\",\n \"py-20\",\n \"py-32\",\n \"bg-transparent\",\n \"bg-neutral-50\",\n \"grid\",\n \"grid-cols-1\",\n \"split-equal\",\n \"split-sidebar-left\",\n \"split-sidebar-right\",\n \"split-wide-left\",\n \"split-wide-right\",\n \"sm:split-equal\",\n \"sm:split-sidebar-left\",\n \"sm:split-sidebar-right\",\n \"sm:split-wide-left\",\n \"sm:split-wide-right\",\n \"md:split-equal\",\n \"md:split-sidebar-left\",\n \"md:split-sidebar-right\",\n \"md:split-wide-left\",\n \"md:split-wide-right\",\n \"lg:split-equal\",\n \"lg:split-sidebar-left\",\n \"lg:split-sidebar-right\",\n \"lg:split-wide-left\",\n \"lg:split-wide-right\",\n \"gap-0\",\n \"gap-4\",\n \"gap-6\",\n \"gap-8\",\n // Radix UI data-state variants — must be safelisted so consuming apps\n // that don't scan library sources still get these generated.\n // data-[state=open/closed] — Dialog, Drawer, Popover, Tooltip, Accordion, Select\n \"data-[state=open]:animate-in\",\n \"data-[state=open]:fade-in-0\",\n \"data-[state=open]:zoom-in-95\",\n \"data-[state=open]:slide-in-from-right\",\n \"data-[state=open]:slide-in-from-left\",\n \"data-[state=open]:slide-in-from-top\",\n \"data-[state=open]:slide-in-from-bottom\",\n \"data-[state=open]:grid-rows-[1fr]\",\n \"data-[state=open]:rotate-180\",\n \"data-[state=closed]:animate-out\",\n \"data-[state=closed]:fade-out-0\",\n \"data-[state=closed]:zoom-out-95\",\n \"data-[state=closed]:slide-out-to-right\",\n \"data-[state=closed]:slide-out-to-left\",\n \"data-[state=closed]:slide-out-to-top\",\n \"data-[state=closed]:slide-out-to-bottom\",\n \"data-[state=closed]:grid-rows-[0fr]\",\n // data-[state=delayed-open] — Tooltip\n \"data-[state=delayed-open]:animate-in\",\n \"data-[state=delayed-open]:fade-in-0\",\n \"data-[state=delayed-open]:zoom-in-95\",\n // data-[state=checked/unchecked] — Checkbox, Switch\n \"data-[state=checked]:bg-primary\",\n \"data-[state=checked]:border-primary\",\n \"data-[state=checked]:translate-x-4\",\n \"data-[state=checked]:translate-x-5\",\n \"data-[state=checked]:translate-x-7\",\n \"data-[state=unchecked]:bg-neutral-300\",\n \"data-[state=unchecked]:translate-x-0.5\",\n // data-[state=active/inactive] — Tabs\n \"data-[state=active]:text-primary\",\n \"data-[state=active]:border-primary\",\n \"data-[state=active]:bg-white\", // legacy — kept for backward compat\n \"data-[state=active]:bg-neutral-1\", // new Radix — pills active tab bg\n \"data-[state=active]:shadow-sm\",\n \"data-[state=active]:text-text\",\n // data-[side=*] — Popover, Tooltip, DropdownMenu, Select\n \"data-[side=bottom]:slide-in-from-top-1\",\n \"data-[side=bottom]:slide-in-from-top-2\",\n \"data-[side=bottom]:translate-y-1\",\n \"data-[side=top]:slide-in-from-bottom-1\",\n \"data-[side=top]:slide-in-from-bottom-2\",\n \"data-[side=top]:-translate-y-1\",\n \"data-[side=left]:slide-in-from-right-1\",\n \"data-[side=left]:slide-in-from-right-2\",\n \"data-[side=right]:slide-in-from-left-1\",\n \"data-[side=right]:slide-in-from-left-2\",\n // data-[disabled] / data-[placeholder] — Select, DropdownMenu\n \"data-[disabled]:opacity-50\",\n \"data-[disabled]:pointer-events-none\",\n \"data-[placeholder]:text-textMuted\",\n // group-data-[state=open] — Accordion chevron rotation\n \"group-data-[state=open]:rotate-180\",\n // ── Phase 12B: Radix 1-12 data-state variants ──────────────────────\n // Checkbox, Radio, Switch\n \"data-[state=checked]:bg-primary-9\",\n \"data-[state=checked]:border-primary-9\",\n \"data-[state=unchecked]:bg-neutral-6\",\n // Toggle, ToggleGroup, ToolbarToggleItem\n \"data-[state=on]:bg-primary-4\",\n \"data-[state=on]:bg-primary-3\",\n \"data-[state=on]:text-primary-12\",\n \"data-[state=on]:text-primary-11\",\n \"data-[state=on]:border-primary-8\",\n \"data-[state=on]:bg-neutral-4\",\n \"data-[state=on]:bg-neutral-5\",\n \"data-[state=on]:text-neutral-12\",\n // Tabs\n \"data-[state=active]:text-primary-11\",\n \"data-[state=active]:border-primary-9\",\n \"data-[state=active]:text-neutral-12\",\n // NavigationMenu trigger\n \"data-[active]:bg-neutral-3\",\n \"data-[state=open]:bg-neutral-3\",\n // Menubar / ContextMenu subtrigger\n \"data-[state=open]:bg-neutral-4\",\n // ── Phase 12B: hover / focus / group-hover utilities ───────────────\n \"hover:text-neutral-12\",\n \"hover:border-neutral-7\",\n \"hover:border-neutral-8\",\n \"hover:bg-neutral-8\",\n \"focus:bg-neutral-3\",\n \"focus:bg-neutral-4\",\n \"focus-visible:ring-neutral-8\",\n \"group-hover:bg-neutral-4\",\n \"group-hover:text-neutral-12\",\n // ── Phase 12B: spinner border-t, accordion divide ──────────────────\n \"border-t-primary-9\",\n \"border-t-neutral-9\",\n \"divide-neutral-6\",\n ],\n };\n});\n","// SPDX-License-Identifier: LicenseRef-Proprietary\n// Copyright (C) 2026, araCreate Group\n// Author: Kishor <kishor@aracreate.group>\n// Description: This file contains the theme colours mapped to the Radix colour scales for the UnoCSS preset\n\nimport { colors } from \"./theme\";\n\nfunction radix_scale(alias: string): Record<number | string, string> {\n const scale: Record<number | string, string> = {};\n for (let i = 1; i <= 12; i++) {\n scale[i] = `var(--${alias}-${i})`;\n }\n scale[\"DEFAULT\"] = `var(--${alias}-9)`;\n return scale;\n}\n\n/**\n * Generates UnoCSS-compatible color configuration.\n *\n * Runs both the Radix 1-12 CSS-var scale (new) and the legacy 50-900\n * hex shades (kept for backward-compat during Phase 12B component migration).\n * After all components are migrated the 50-900 entries will be removed.\n */\nexport function generate_uno_colors() {\n return {\n // ── New Radix 1-12 scales + legacy 50-900 shades ─────────────\n primary: { ...colors.primary, ...radix_scale(\"primary\"), foreground: \"#ffffff\" },\n neutral: { ...colors.neutral, ...radix_scale(\"neutral\") },\n error: { ...colors.error, ...radix_scale(\"error\") },\n success: { ...colors.success, ...radix_scale(\"success\") },\n warning: { ...colors.warning, ...radix_scale(\"warning\") },\n info: { ...colors.info, ...radix_scale(\"info\") },\n\n // ── Secondary: keep legacy shades (Phase 12B will migrate) ────\n secondary: {\n ...colors.secondary,\n DEFAULT: colors.secondary[500],\n foreground: \"#ffffff\",\n },\n\n // ── Semantic alias tokens ─────────────────────────────────────\n destructive: { DEFAULT: \"var(--error-9)\", foreground: \"var(--neutral-1)\" },\n muted: { DEFAULT: \"var(--neutral-3)\", foreground: \"var(--neutral-11)\" },\n accent: { DEFAULT: \"var(--neutral-3)\", foreground: \"var(--neutral-12)\" },\n popover: { DEFAULT: \"var(--neutral-1)\", foreground: \"var(--neutral-12)\" },\n card: { DEFAULT: \"var(--neutral-1)\", foreground: \"var(--neutral-12)\" },\n\n // ── Meta tokens ───────────────────────────────────────────────\n border: \"var(--neutral-6)\",\n input: \"var(--neutral-7)\",\n ring: \"var(--primary-8)\",\n background: \"var(--neutral-1)\",\n foreground: \"var(--neutral-12)\",\n };\n}\n"],"mappings":"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S,GAAI,CACxD,EACA,gBAAiB,CACf,KAAM,CAAE,UAAW,oBAAqB,QAAS,GAAI,EACrD,OAAQ,CAAE,UAAW,gBAAiB,QAAS,GAAI,CACrD,EACA,iBAAkB,CAChB,KAAM,CAAE,UAAW,gBAAiB,QAAS,GAAI,EACjD,OAAQ,CAAE,UAAW,oBAAqB,QAAS,GAAI,CACzD,EACA,YAAa,CACX,KAAM,CAAE,UAAW,aAAc,QAAS,GAAI,EAC9C,MAAO,CAAE,UAAW,aAAc,EAClC,MAAO,CAAE,UAAW,YAAa,EACjC,OAAQ,CAAE,UAAW,WAAY,QAAS,GAAI,CAChD,EACA,aAAc,CACZ,KAAM,CAAE,UAAW,WAAY,QAAS,GAAI,EAC5C,OAAQ,CAAE,UAAW,aAAc,QAAS,GAAI,CAClD,CACF,CACF,EAEA,SAAU,CACR,eACA,kBACA,mBACA,yBACA,0BACA,wBACA,yBACA,oBACA,qBAEA,uBACA,2BACA,eAGA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,gBACA,gBACA,gBACA,iBACA,iBACA,iBACA,iBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBACA,mBACA,qBACA,qBACA,sBACA,wBACA,yBACA,uBACA,+BACA,uBAEA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,eACA,gBACA,gBACA,gBACA,iBACA,iBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBACA,qBACA,qBAEA,aACA,aACA,aACA,aACA,cACA,eACA,gBACA,gBACA,iBACA,iBACA,iBACA,iBACA,mBACA,mBACA,oBACA,sBACA,uBACA,qBACA,6BACA,qBAEA,eACA,eACA,eACA,eACA,gBACA,iBACA,kBACA,kBACA,mBACA,mBACA,mBACA,mBACA,qBACA,qBACA,sBACA,uBAEA,eACA,eACA,eACA,eACA,gBACA,iBACA,kBACA,kBACA,mBACA,mBACA,mBACA,mBACA,qBACA,qBACA,sBACA,uBAEA,YACA,YACA,YACA,YACA,aACA,cACA,eACA,eACA,gBACA,gBACA,gBACA,gBACA,kBACA,kBACA,mBACA,oBAEA,qBACA,qBACA,qBACA,qBACA,mBAEA,YACA,qBACA,iBACA,iBACA,aACA,eACA,gBACA,qBAEA,iBACA,eACA,iBACA,cACA,iBACA,QACA,aACA,SACA,WACA,OACA,OACA,wBACA,sBACA,aACA,eACA,aACA,iBACA,yBACA,yBACA,oBACA,SACA,cACA,kBACA,QACA,UACA,MACA,MACA,UACA,UACA,gBACA,kBACA,eACA,cACA,SACA,OACA,iBACA,eACA,WACA,QACA,UACA,SACA,MACA,MACA,SACA,qBACA,qBACA,eACA,UACA,aACA,cACA,WACA,OACA,YACA,OACA,OACA,gBACA,kBACA,iBACA,2BACA,uCACA,0BACA,0BACA,sBACA,wBACA,qBACA,uBACA,8BACA,WACA,cACA,YACA,YACA,QACA,UACA,OACA,OACA,YACA,OACA,OACA,OACA,WACA,WACA,UACA,uBACA,0BACA,OACA,eACA,QACA,OACA,OACA,eACA,qBACA,OACA,6BACA,+BACA,QACA,UACA,cACA,WACA,WACA,WACA,aACA,OACA,kBACA,eACA,MACA,OACA,OACA,cACA,gBACA,uBACA,6BACA,8BACA,eACA,MACA,kBACA,gBACA,OACA,gBACA,OACA,gBACA,MACA,MACA,MACA,MACA,kBACA,WACA,mBACA,OACA,YACA,qBACA,kBACA,uBACA,eACA,aAEA,kBACA,kBACA,kCACA,cACA,OACA,MACA,MACA,MACA,QACA,iCACA,iBACA,eACA,WACA,QACA,OACA,OACA,aACA,aACA,SACA,iBACA,qBACA,2BACA,SACA,WACA,YACA,OACA,YACA,WACA,mBACA,SACA,qBACA,kBACA,kBACA,QACA,iBACA,oBACA,sBACA,0BACA,iCACA,cACA,WACA,mBACA,OACA,WACA,OACA,aACA,UACA,mBACA,OACA,YACA,OACA,WACA,iBACA,mBACA,cACA,MACA,MACA,OACA,OACA,OACA,OACA,YACA,UACA,YACA,eACA,QACA,QACA,WACA,UACA,QACA,QACA,SACA,aACA,eACA,eACA,aACA,eACA,OACA,OACA,SACA,WACA,aACA,qBACA,gBACA,OACA,SACA,QACA,MACA,QACA,SACA,UACA,MACA,MACA,gBACA,OACA,aACA,UACA,mBACA,qBACA,YACA,gBACA,eACA,eACA,eACA,mBACA,kBACA,kBACA,eACA,mBACA,kBACA,kBACA,aACA,iBACA,gBACA,gBACA,eACA,eACA,kBACA,eACA,kBACA,aACA,gBACA,UACA,OACA,SACA,eACA,QACA,UACA,eACA,iBACA,MACA,MACA,OACA,OACA,WACA,WACA,qBACA,qBACA,sBACA,iBACA,kBACA,OACA,OACA,QACA,QACA,QACA,iBACA,gBACA,OACA,cACA,cACA,qBACA,sBACA,kBACA,mBACA,iBACA,wBACA,yBACA,qBACA,sBACA,iBACA,wBACA,yBACA,qBACA,sBACA,iBACA,wBACA,yBACA,qBACA,sBACA,QACA,QACA,QACA,QAIA,+BACA,8BACA,+BACA,wCACA,uCACA,sCACA,yCACA,oCACA,+BACA,kCACA,iCACA,kCACA,yCACA,wCACA,uCACA,0CACA,sCAEA,uCACA,sCACA,uCAEA,kCACA,sCACA,qCACA,qCACA,qCACA,wCACA,yCAEA,mCACA,qCACA,+BACA,mCACA,gCACA,gCAEA,yCACA,yCACA,mCACA,yCACA,yCACA,iCACA,yCACA,yCACA,yCACA,yCAEA,6BACA,sCACA,oCAEA,qCAGA,oCACA,wCACA,sCAEA,+BACA,+BACA,kCACA,kCACA,mCACA,+BACA,+BACA,kCAEA,sCACA,uCACA,sCAEA,6BACA,iCAEA,iCAEA,wBACA,yBACA,yBACA,qBACA,qBACA,qBACA,+BACA,2BACA,8BAEA,qBACA,qBACA,kBACF,CACF,EACD","names":["definePreset","presetIcons","presetWind4","presetAttributify","radix_scale","alias","scale","i","generate_uno_colors","colors","ac_preset","definePreset","presetWind4","presetAttributify","presetIcons","_","rawSelector","generate_uno_colors"]}
package/dist/style.css CHANGED
@@ -59,7 +59,7 @@
59
59
  @property --un-border-style{syntax:"*";inherits:false;initial-value:solid;}
60
60
  @property --un-divide-y-reverse{syntax:"*";inherits:false;initial-value:0;}
61
61
  /* layer: theme */
62
- :root, :host { --spacing: 0.25rem; --radius-xl: 0.75rem; --radius-lg: 0.5rem; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-medium: 500; --colors-black: #000; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --fontWeight-semibold: 600; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-md: 0.375rem; --leading-none: 1; --colors-white: #fff; --radius-DEFAULT: 0.25rem; --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-neutral-400: oklch(70.8% 0 0); --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-50: oklch(98.5% 0 0); --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --colors-neutral-300: oklch(87% 0 0); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --radius-2xl: 1rem; --colors-info-9: var(--info-9); --colors-primary-9: var(--primary-9); --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --radius-none: 0; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-3xl: 1.5rem; --ease-linear: linear; --colors-secondary-500: #64748b; --colors-secondary-300: #cbd5e1; --colors-secondary-700: #334155; --colors-secondary-100: #f1f5f9; --colors-secondary-800: #1e293b; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-secondary-600: #475569; --colors-secondary-50: #f8fafc; --colors-secondary-400: #94a3b8; --colors-secondary-200: #e2e8f0; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --leading-tight: 1.25; --container-4xl: 56rem; --fontWeight-bold: 700; --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
62
+ :root, :host { --spacing: 0.25rem; --radius-xl: 0.75rem; --radius-lg: 0.5rem; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --fontWeight-medium: 500; --colors-black: #000; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --fontWeight-semibold: 600; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --radius-md: 0.375rem; --leading-none: 1; --colors-white: #fff; --radius-DEFAULT: 0.25rem; --colors-red-500: oklch(63.7% 0.237 25.331); --colors-red-600: oklch(57.7% 0.245 27.325); --colors-neutral-400: oklch(70.8% 0 0); --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-200: oklch(92.2% 0 0); --colors-neutral-600: oklch(43.9% 0 0); --colors-neutral-50: oklch(98.5% 0 0); --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --colors-neutral-300: oklch(87% 0 0); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --radius-2xl: 1rem; --colors-info-9: var(--info-9); --colors-primary-9: var(--primary-9); --radius-none: 0; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-3xl: 1.5rem; --ease-linear: linear; --colors-secondary-500: #64748b; --colors-secondary-300: #cbd5e1; --colors-secondary-700: #334155; --colors-secondary-100: #f1f5f9; --colors-secondary-800: #1e293b; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-secondary-600: #475569; --colors-secondary-50: #f8fafc; --colors-secondary-400: #94a3b8; --colors-secondary-200: #e2e8f0; --colors-amber-DEFAULT: oklch(82.8% 0.189 84.429); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --colors-gray-DEFAULT: oklch(70.7% 0.022 261.325); --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --leading-tight: 1.25; --container-4xl: 56rem; --fontWeight-bold: 700; --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
63
63
  /* layer: base */
64
64
  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var( --default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' ); font-feature-settings: var(--default-font-featureSettings, normal); font-variation-settings: var(--default-font-variationSettings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace ); font-feature-settings: var(--default-monoFont-featureSettings, normal); font-variation-settings: var(--default-monoFont-variationSettings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring:where(:not(iframe)) { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
65
65
  /* layer: preflights */
@@ -843,6 +843,7 @@
843
843
  [truncate=""]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
844
844
  .uppercase,
845
845
  [uppercase=""]{text-transform:uppercase;}
846
+ .lowercase{text-transform:lowercase;}
846
847
  .ring{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
847
848
  .ring-2{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
848
849
  .focus\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
package/dist/tokens.css CHANGED
@@ -1,3 +1,8 @@
1
+ /* SPDX-License-Identifier: LicenseRef-Proprietary */
2
+ /* Copyright (C) 2026, araCreate Group */
3
+ /* Author: Kishor <kishor@aracreate.group> */
4
+ /* Description: This file contains the design tokens and utility classes the components rely on, shipped as tokens.css */
5
+
1
6
  /* ── Poppins font binding ──────────────────────────────────────────────────
2
7
  * The app's fonts.css self-hosts Poppins via @fontsource; the DS package
3
8
  * doesn't own font files, so consumers must load Poppins themselves and this
@@ -587,14 +592,14 @@
587
592
  /* Add-account tile (AddAccountMenu's tile variant; calendar-fe's "Add Calendar")
588
593
  *
589
594
  * A grid tile, not a button: it sits in the card grid as the last cell, so its
590
- * height is the card height (layout.connectedAccountCardH, 54px at 90%), not a
595
+ * height is the card height (layout.connected_account_card_h, 54px at 90%), not a
591
596
  * button role's 29px. Squashing it to button height would leave a short cell in
592
597
  * a row of cards and hide the page's onboarding action.
593
598
  *
594
599
  * It used to be `height: 100%`, which gave it no height of its own — each
595
600
  * consumer had to wrap it in a box sized to the cards, and a wrapper of any
596
601
  * other height produced a tile that did not line up with its row. The tile now
597
- * owns the card height, and AddAccountMenu.test.tsx fails if the two drift. */
602
+ * owns the card height, and add-account-menu.test.tsx fails if the two drift. */
598
603
  .connect-account-tile {
599
604
  display: flex;
600
605
  align-items: center;
@@ -783,7 +788,7 @@
783
788
  }
784
789
  }
785
790
 
786
- /* Accordion — collapsible sections (Accordion.tsx). The values are the ones the
791
+ /* Accordion — collapsible sections (accordion.tsx). The values are the ones the
787
792
  core-fe wrapper had as utilities (neutral-N = gray-N, px-4 = 1rem, text-sm),
788
793
  moved here because consumers' UnoCSS does not scan this package. */
789
794
  .arm-accordion {
@@ -846,7 +851,7 @@
846
851
  color: var(--gray-11);
847
852
  }
848
853
 
849
- /* Drawer — side sheet (Drawer.tsx). Same values as the core-fe wrapper's
854
+ /* Drawer — side sheet (drawer.tsx). Same values as the core-fe wrapper's
850
855
  utilities; width set by data-size, edge by data-side. */
851
856
  .arm-drawer__overlay {
852
857
  position: fixed;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aracreate/arm-ui",
3
- "version": "3.12.0",
3
+ "version": "4.0.0",
4
4
  "description": "A modern, lightweight, and customizable React UI library built with TypeScript, UnoCSS, and Storybook",
5
5
  "private": false,
6
6
  "publishConfig": {
@@ -46,7 +46,6 @@
46
46
  "test:storybook:watch": "vitest --config vitest.config.ts",
47
47
  "prepublishOnly": "npm run clean && npm run build && npm run check:dist",
48
48
  "check:dist": "node scripts/check-dist-exports.mjs",
49
- "release": "semantic-release",
50
49
  "storybook": "npm run build:css && storybook dev -p 6006",
51
50
  "build-storybook": "storybook build"
52
51
  },
@@ -117,12 +116,6 @@
117
116
  "@radix-ui/react-toggle-group": "^1.1.19",
118
117
  "@radix-ui/react-toolbar": "^1.1.19",
119
118
  "@radix-ui/react-tooltip": "^1.2.16",
120
- "@semantic-release/changelog": "^7.0.0",
121
- "@semantic-release/commit-analyzer": "^13.0.1",
122
- "@semantic-release/exec": "^7.1.0",
123
- "@semantic-release/git": "^11.0.1",
124
- "@semantic-release/github": "^12.0.10",
125
- "@semantic-release/release-notes-generator": "^14.1.1",
126
119
  "@storybook/addon-a11y": "^10.6.0",
127
120
  "@storybook/addon-docs": "^10.6.0",
128
121
  "@storybook/addon-onboarding": "^10.6.0",
@@ -147,7 +140,6 @@
147
140
  "@vitejs/plugin-react": "^6.1.1",
148
141
  "@vitest/browser-playwright": "^4.1.11",
149
142
  "@vitest/coverage-v8": "^4.1.11",
150
- "conventional-changelog-conventionalcommits": "^9.3.1",
151
143
  "eslint": "^10.10.0",
152
144
  "eslint-plugin-react-hooks": "^7.1.1",
153
145
  "eslint-plugin-react-refresh": "^0.5.6",
@@ -161,7 +153,6 @@
161
153
  "react": "^19.2.8",
162
154
  "react-dom": "^19.2.8",
163
155
  "react-router-dom": "^7.18.3",
164
- "semantic-release": "^25.0.9",
165
156
  "storybook": "^10.6.0",
166
157
  "tsup": "^8.5.1",
167
158
  "typescript": "^5.9.3",
@@ -201,7 +192,7 @@
201
192
  "accessibility",
202
193
  "storybook"
203
194
  ],
204
- "author": "Kishor araCreate",
195
+ "author": "Kishor <kishor@aracreate.group>",
205
196
  "license": "LicenseRef-Proprietary",
206
197
  "homepage": "https://github.com/aracreate-group/arm-ui-library#readme",
207
198
  "repository": {
package/dist/chunk-LGJWNA6J.mjs DELETED
@@ -1,2 +0,0 @@
1
- var r={primary:{50:"#fef7e6",100:"#fdecc0",200:"#fbd886",300:"#f9c44c",400:"#f7b01f",500:"#F9BF3B",600:"#e6a82d",700:"#cc8f1f",800:"#b37611",900:"#995d03"},secondary:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},success:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warning:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},info:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},background:{primary:"#ffffff",secondary:"#f8fafc",tertiary:"#f1f5f9"},text:{primary:"#0f172a",secondary:"#475569",tertiary:"#64748b",disabled:"#94a3b8"},border:{primary:"#e2e8f0",secondary:"#cbd5e1",focus:"#3b82f6",error:"#ef4444"}},n={colors:r,base:{transition:"transition-all duration-200 ease-in-out motion-reduce:transition-none",focus:"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2",disabled:"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none",interactive:"cursor-pointer select-none",highContrast:"forced-colors:border forced-colors:border-solid"},sizes:{xs:{text:"text-xs",padding:"px-2 py-1",height:"h-6",icon:"h-3 w-3",gap:"gap-1"},sm:{text:"text-sm",padding:"px-3 py-1.5",height:"h-8",icon:"h-4 w-4",gap:"gap-1.5"},md:{text:"text-base",padding:"px-4 py-2",height:"h-10",icon:"h-5 w-5",gap:"gap-2"},lg:{text:"text-lg",padding:"px-5 py-2.5",height:"h-12",icon:"h-6 w-6",gap:"gap-2.5"},xl:{text:"text-xl",padding:"px-6 py-3",height:"h-14",icon:"h-7 w-7",gap:"gap-3"}},variants:{primary:{solid:"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10",outline:"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8",ghost:"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8",soft:"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8"},secondary:{solid:"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700",outline:"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500",ghost:"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500",soft:"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500"},destructive:{solid:"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10",outline:"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8",ghost:"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8",soft:"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8"},success:{solid:"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10",outline:"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8",ghost:"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8",soft:"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8"},warning:{solid:"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10",outline:"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8",ghost:"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8",soft:"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8"},info:{solid:"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10",outline:"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8",ghost:"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8",soft:"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8"}},radius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full"},spacing:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8","3xl":"gap-12"},typography:{xs:"text-xs leading-4",sm:"text-sm leading-5",base:"text-base leading-6",lg:"text-lg leading-7",xl:"text-xl leading-8","2xl":"text-2xl leading-9","3xl":"text-3xl leading-10"},animations:{duration:{fast:"duration-150",normal:"duration-200",slow:"duration-300"},easing:{linear:"ease-linear",in:"ease-in",out:"ease-out",inOut:"ease-in-out"},fadeIn:"animate-in fade-in",fadeOut:"animate-out fade-out",slideIn:"animate-in slide-in-from-bottom-2",slideOut:"animate-out slide-out-to-bottom-2",scaleIn:"animate-in zoom-in-95",scaleOut:"animate-out zoom-out-95"},accessibility:{srOnly:"sr-only",focusTrap:"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",highContrast:"forced-colors:border forced-colors:border-solid",reducedMotion:"motion-reduce:transition-none motion-reduce:animate-none",touchTarget:"min-h-11 min-w-11"}},i=(t,o=500)=>{let e=r[t];return typeof e=="object"&&e!==null&&o in e?e[String(o)]:r.primary[500]};export{r as a,n as b,i as c};
2
- //# sourceMappingURL=chunk-LGJWNA6J.mjs.map
package/dist/chunk-LGJWNA6J.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/lib/theme.ts"],"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"],"mappings":"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","names":["colors","theme","getColor","colorName","shade","colorGroup"]}
package/dist/chunk-TD6NGM5I.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var r={primary:{50:"#fef7e6",100:"#fdecc0",200:"#fbd886",300:"#f9c44c",400:"#f7b01f",500:"#F9BF3B",600:"#e6a82d",700:"#cc8f1f",800:"#b37611",900:"#995d03"},secondary:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},success:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warning:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},info:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},background:{primary:"#ffffff",secondary:"#f8fafc",tertiary:"#f1f5f9"},text:{primary:"#0f172a",secondary:"#475569",tertiary:"#64748b",disabled:"#94a3b8"},border:{primary:"#e2e8f0",secondary:"#cbd5e1",focus:"#3b82f6",error:"#ef4444"}},n= exports.b ={colors:r,base:{transition:"transition-all duration-200 ease-in-out motion-reduce:transition-none",focus:"focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-background-primary focus-visible:ring-2",disabled:"disabled:opacity-60 disabled:cursor-not-allowed disabled:pointer-events-none",interactive:"cursor-pointer select-none",highContrast:"forced-colors:border forced-colors:border-solid"},sizes:{xs:{text:"text-xs",padding:"px-2 py-1",height:"h-6",icon:"h-3 w-3",gap:"gap-1"},sm:{text:"text-sm",padding:"px-3 py-1.5",height:"h-8",icon:"h-4 w-4",gap:"gap-1.5"},md:{text:"text-base",padding:"px-4 py-2",height:"h-10",icon:"h-5 w-5",gap:"gap-2"},lg:{text:"text-lg",padding:"px-5 py-2.5",height:"h-12",icon:"h-6 w-6",gap:"gap-2.5"},xl:{text:"text-xl",padding:"px-6 py-3",height:"h-14",icon:"h-7 w-7",gap:"gap-3"}},variants:{primary:{solid:"bg-primary-9 text-neutral-12 hover:bg-primary-10 focus:ring-primary-8 active:bg-primary-10",outline:"border border-primary-8 text-primary-11 hover:bg-primary-3 hover:border-primary-9 focus:ring-primary-8",ghost:"text-primary-11 hover:bg-primary-3 hover:text-primary-12 focus:ring-primary-8",soft:"bg-primary-3 text-primary-11 hover:bg-primary-4 focus:ring-primary-8"},secondary:{solid:"bg-secondary-500 text-white hover:bg-secondary-600 focus:ring-secondary-500 active:bg-secondary-700",outline:"border border-secondary-300 text-secondary-700 hover:bg-secondary-50 hover:border-secondary-400 focus:ring-secondary-500",ghost:"text-secondary-700 hover:bg-secondary-100 hover:text-secondary-800 focus:ring-secondary-500",soft:"bg-secondary-100 text-secondary-800 hover:bg-secondary-200 focus:ring-secondary-500"},destructive:{solid:"bg-error-9 text-white hover:bg-error-10 focus:ring-error-8 active:bg-error-10",outline:"border border-error-8 text-error-11 hover:bg-error-3 hover:border-error-9 focus:ring-error-8",ghost:"text-error-11 hover:bg-error-3 hover:text-error-12 focus:ring-error-8",soft:"bg-error-3 text-error-11 hover:bg-error-4 focus:ring-error-8"},success:{solid:"bg-success-9 text-white hover:bg-success-10 focus:ring-success-8 active:bg-success-10",outline:"border border-success-8 text-success-11 hover:bg-success-3 hover:border-success-9 focus:ring-success-8",ghost:"text-success-11 hover:bg-success-3 hover:text-success-12 focus:ring-success-8",soft:"bg-success-3 text-success-11 hover:bg-success-4 focus:ring-success-8"},warning:{solid:"bg-warning-9 text-neutral-12 hover:bg-warning-10 focus:ring-warning-8 active:bg-warning-10",outline:"border border-warning-8 text-warning-11 hover:bg-warning-3 hover:border-warning-9 focus:ring-warning-8",ghost:"text-warning-11 hover:bg-warning-3 hover:text-warning-12 focus:ring-warning-8",soft:"bg-warning-3 text-warning-11 hover:bg-warning-4 focus:ring-warning-8"},info:{solid:"bg-info-9 text-white hover:bg-info-10 focus:ring-info-8 active:bg-info-10",outline:"border border-info-8 text-info-11 hover:bg-info-3 hover:border-info-9 focus:ring-info-8",ghost:"text-info-11 hover:bg-info-3 hover:text-info-12 focus:ring-info-8",soft:"bg-info-3 text-info-11 hover:bg-info-4 focus:ring-info-8"}},radius:{none:"rounded-none",xs:"rounded-xs",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full"},spacing:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-3",lg:"gap-4",xl:"gap-6","2xl":"gap-8","3xl":"gap-12"},typography:{xs:"text-xs leading-4",sm:"text-sm leading-5",base:"text-base leading-6",lg:"text-lg leading-7",xl:"text-xl leading-8","2xl":"text-2xl leading-9","3xl":"text-3xl leading-10"},animations:{duration:{fast:"duration-150",normal:"duration-200",slow:"duration-300"},easing:{linear:"ease-linear",in:"ease-in",out:"ease-out",inOut:"ease-in-out"},fadeIn:"animate-in fade-in",fadeOut:"animate-out fade-out",slideIn:"animate-in slide-in-from-bottom-2",slideOut:"animate-out slide-out-to-bottom-2",scaleIn:"animate-in zoom-in-95",scaleOut:"animate-out zoom-out-95"},accessibility:{srOnly:"sr-only",focusTrap:"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",highContrast:"forced-colors:border forced-colors:border-solid",reducedMotion:"motion-reduce:transition-none motion-reduce:animate-none",touchTarget:"min-h-11 min-w-11"}},i= exports.c =(t,o=500)=>{let e=r[t];return typeof e=="object"&&e!==null&&o in e?e[String(o)]:r.primary[500]};exports.a = r; exports.b = n; exports.c = i;
2
- //# sourceMappingURL=chunk-TD6NGM5I.js.map
package/dist/chunk-TD6NGM5I.js.map DELETED
@@ -1 +0,0 @@
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-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"]}