@aracreate/arm-ui 3.13.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.
package/README.md CHANGED
@@ -6,7 +6,7 @@ source of the platform's design system — 42 components plus the UnoCSS preset
6
6
  scales — consumed by `arm-core-fe`, the calendar frontend and the admin frontend so all three look
7
7
  like one product.
8
8
 
9
- - Ships the components **and** the UnoCSS preset (`acPreset`) that generates their classes; a
9
+ - Ships the components **and** the UnoCSS preset (`ac_preset`) that generates their classes; a
10
10
  consuming app installs both or the components render unstyled
11
11
  - Purpose-built for ARM rather than general-purpose: the catalogue is calendar-, auth- and
12
12
  dashboard-shaped (`SyncDetailsDialog`, `ImportCalendarsDialog`, `BigCalendarView`, `OtpVerifyStep`)
@@ -24,12 +24,12 @@ the previously published types until the bump happens.
24
24
  | --- | --- |
25
25
  | Framework | React 19 (peer: `>=18`) |
26
26
  | Bundler | `tsup` — ESM + CJS + `.d.ts` |
27
- | Styling | UnoCSS, shipped as the `acPreset` preset and a pre-built `style.css` |
27
+ | Styling | UnoCSS, shipped as the `ac_preset` preset and a pre-built `style.css` |
28
28
  | Primitives | Radix Themes and `@radix-ui/react-icons`, re-exported from this package |
29
29
  | Calendar grid | `react-big-calendar`, with brand overrides shipped separately |
30
30
  | Catalogue | Storybook |
31
31
  | Tests | Vitest — two configs (components, Storybook) — plus axe accessibility tests |
32
- | Release | semantic-release → npm |
32
+ | Release | By hand: `VERSION`, `CHANGELOG.md`, then `npm publish` |
33
33
  | Language | TypeScript |
34
34
  | Package manager | pnpm |
35
35
 
@@ -42,9 +42,9 @@ src/
42
42
  │ ├── index.ts ← Named exports; this file defines the public component API
43
43
  │ ├── tokens.css ← Design tokens, shipped to consumers as /tokens.css
44
44
  │ └── big-calendar-overrides.css ← react-big-calendar brand overrides, shipped separately
45
- ├── preset.ts ← acPreset — wraps presetWind4 and adds the brand scales
45
+ ├── preset.ts ← ac_preset — wraps presetWind4 and adds the brand scales
46
46
  ├── styles/ ← radix-brand-tokens.css, theme.css
47
- ├── lib/ ← theme object, getColor, and the class-building helpers
47
+ ├── lib/ ← theme object, get_color, and the class-building helpers
48
48
  ├── types/ ← Shared prop types (Size, Variant, polymorphic helpers)
49
49
  └── stories/ ← Storybook stories
50
50
  ```
@@ -53,8 +53,8 @@ src/
53
53
 
54
54
  | Entry | Contents |
55
55
  | --- | --- |
56
- | `.` | Components, types, `theme`/`getColor`/`colors`, class helpers |
57
- | `./preset` | `acPreset` for a consuming app's `uno.config.ts` |
56
+ | `.` | Components, types, `theme`/`get_color`/`colors`, class helpers |
57
+ | `./preset` | `ac_preset` for a consuming app's `uno.config.ts` |
58
58
  | `./style.css` | Pre-built stylesheet — the alternative to scanning library sources |
59
59
  | `./tokens.css` | Design tokens alone |
60
60
  | `./big-calendar-overrides.css` | `react-big-calendar` brand overrides |
@@ -109,10 +109,10 @@ Then wire the preset into the app's `uno.config.ts`:
109
109
 
110
110
  ```ts
111
111
  import { defineConfig } from "unocss";
112
- import { acPreset } from "@aracreate/arm-ui/preset";
112
+ import { ac_preset } from "@aracreate/arm-ui/preset";
113
113
 
114
114
  export default defineConfig({
115
- presets: [acPreset()],
115
+ presets: [ac_preset()],
116
116
  content: {
117
117
  pipeline: {
118
118
  include: [
@@ -134,39 +134,45 @@ pre-built stylesheet instead:
134
134
  import "@aracreate/arm-ui/style.css";
135
135
  ```
136
136
 
137
- Use `acPreset()`, never a bare `presetWind4()` — the preset is what adds the brand scales, and the
137
+ Use `ac_preset()`, never a bare `presetWind4()` — the preset is what adds the brand scales, and the
138
138
  consuming apps' ESLint configs fail the build on a direct `@unocss/preset-wind4` import and on
139
139
  stock-palette classes (`text-gray-500`, `bg-blue-600`) for exactly this reason.
140
140
 
141
141
  ## Commands
142
142
 
143
- **This repo has no `Makefile`** (unlike every other repo in the workspace), so it is driven through
144
- `package.json` scripts:
143
+ The `Makefile` is the entry point (`make help` lists the targets); the targets
144
+ run the `package.json` scripts below.
145
+
146
+ ```sh
147
+ make install # pnpm install --frozen-lockfile
148
+ make setup # install, and use the repo's git hooks (scripts/hooks)
149
+ make dev # build CSS once, then tsup --watch
150
+ make build # build:js (tsup) + build:css (UnoCSS + token CSS copy)
151
+ make test # component tests (vitest.components.config.ts)
152
+ make lint # eslint src, check only
153
+ make storybook # Storybook on :6006 — the component catalogue
154
+ make release # check VERSION, package.json and CHANGELOG.md agree; print the steps
155
+ make clean # remove dist/ and other build output
156
+ make conventions-check # the ARM repo rules
157
+ ```
158
+
159
+ Scripts with no target of their own:
145
160
 
146
161
  ```sh
147
- pnpm install
148
- pnpm dev # build CSS once, then tsup --watch
149
- pnpm build # build:js (tsup) + build:css (UnoCSS + token CSS copy)
150
- pnpm storybook # Storybook on :6006 — the component catalogue
151
- pnpm test # component tests (vitest.components.config.ts)
152
162
  pnpm test:storybook # Storybook tests (vitest.config.ts) — a genuinely separate suite
153
163
  pnpm type-check # tsc --noEmit
154
- pnpm lint # eslint src
164
+ pnpm check:dist # the built ESM bundle's export list
155
165
  pnpm format # prettier --write
156
- pnpm release # semantic-release (CI)
157
- pnpm clean # rm -rf dist
158
166
  ```
159
167
 
160
- `prepublishOnly` runs `clean` then `build`, so a publish cannot ship a stale `dist/`.
168
+ `prepublishOnly` runs `clean`, `build` and `check:dist`, so a publish cannot ship a stale `dist/`.
161
169
 
162
170
  ## Conventions
163
171
 
164
172
  Repo conventions (file headers, naming, versioning, Makefile targets) follow
165
- [aracreate-conventions](https://github.com/aracreate-group/aracreate-conventions) — formerly
166
- `aracreate-template-codebase`, still checked out locally under that name at
167
- [`../../tools/aracreate-template-codebase`](../../tools/aracreate-template-codebase). Template-conformance work
168
- for this repo is tracked in `TASK_SHEET.md`; this repo is currently short a `Makefile` and a
169
- `VERSION` file, so its version lives in `package.json` and is managed by semantic-release.
173
+ [aracreate-conventions](https://github.com/aracreate-group/aracreate-conventions), with ARM's own
174
+ rules in arm-docs `docs/TEMPLATE-CONFORMANCE.md`; `make conventions-check` checks them. `VERSION` is
175
+ the version's single source, bumped by hand with its `CHANGELOG.md` entry.
170
176
 
171
177
  Project-specific rules:
172
178
 
@@ -176,7 +182,7 @@ Project-specific rules:
176
182
  - **Bump and publish before a consumer can use a change** — see the pinned-dependency note above.
177
183
 
178
184
  Deeper internals — the `tsup` build, why there are two Vitest configs, how to add a component, the
179
- token system, and the publishing flow — are in [DEVELOPER.md](./DEVELOPER.md), which this README
185
+ token system, and the publishing flow — are in [docs/developer.md](./docs/developer.md), which this README
180
186
  deliberately does not duplicate.
181
187
 
182
188
  ## License
@@ -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 react-big-calendar overrides that restyle it with Radix tokens */
5
+
1
6
  /* Restyles react-big-calendar's default look with Radix tokens — only
2
7
  * color/border/typography/spacing values change; all layout math (grid,
3
8
  * flex, absolute positioning for event columns) stays exactly as the
@@ -8,11 +13,11 @@
8
13
  font-family: var(--font-poppins);
9
14
  }
10
15
 
11
- /* ── Toolbar — rendered by CalendarToolbar.tsx (real Radix Button/IconButton
16
+ /* ── Toolbar — rendered by calendar-toolbar.tsx (real Radix Button/IconButton
12
17
  * components), not RBC's default <button> markup. It is a CHILD of
13
18
  * `.rbc-calendar` in RBC's actual render tree (same parent as the grid
14
19
  * view), not a sibling above it — see Calendar.js render(). `.calendar-toolbar`
15
- * is the class hook CalendarToolbar.tsx puts on its own root, so we can give
20
+ * is the class hook calendar-toolbar.tsx puts on its own root, so we can give
16
21
  * it padding + a divider that visually seams it to the grid below. */
17
22
  .rbc-radix-scope .calendar-toolbar {
18
23
  padding: var(--space-4) var(--space-4) var(--space-3);
@@ -34,7 +39,7 @@
34
39
  padding: var(--space-3) 0 var(--space-3);
35
40
  border-color: var(--gray-4) !important;
36
41
  /* RBC's base CSS sets overflow:hidden on this cell — the today-marker
37
- * circle in CalendarDayHeader.tsx needs room to render at full size. */
42
+ * circle in calendar-day-header.tsx needs room to render at full size. */
38
43
  overflow: visible;
39
44
  }
40
45
  /* CalendarDayHeader renders a two-row layout (weekday label + date circle)
@@ -84,7 +89,7 @@
84
89
  min-height: calc(var(--space-9) + var(--space-6));
85
90
  }
86
91
  /* Today is marked by the amber circle on the date number alone (via
87
- * CalendarDayHeader.tsx in week view / .rbc-now below in month view) — no
92
+ * calendar-day-header.tsx in week view / .rbc-now below in month view) — no
88
93
  * full-column/full-cell background wash, which read as an oversized block
89
94
  * of color rather than a subtle marker. */
90
95
  .rbc-radix-scope .rbc-today {
@@ -0,0 +1,2 @@
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",high_contrast:"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",in_out:"ease-in-out"},fade_in:"animate-in fade-in",fade_out:"animate-out fade-out",slide_in:"animate-in slide-in-from-bottom-2",slide_out:"animate-out slide-out-to-bottom-2",scale_in:"animate-in zoom-in-95",scale_out:"animate-out zoom-out-95"},accessibility:{sr_only:"sr-only",focus_trap:"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",high_contrast:"forced-colors:border forced-colors:border-solid",reduced_motion:"motion-reduce:transition-none motion-reduce:animate-none",touch_target:"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-UTKQHNA3.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/lib/theme.ts"],"sourcesContent":["// SPDX-License-Identifier: LicenseRef-Proprietary\n// Copyright (C) 2026, araCreate Group\n// Author: Kishor <kishor@aracreate.group>\n// Description: This file contains the theme object: colours, sizes, variants, spacing, radius, typography and animation\n\n// 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 high_contrast: \"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 in_out: \"ease-in-out\",\n },\n\n // Common animations\n fade_in: \"animate-in fade-in\",\n fade_out: \"animate-out fade-out\",\n slide_in: \"animate-in slide-in-from-bottom-2\",\n slide_out: \"animate-out slide-out-to-bottom-2\",\n scale_in: \"animate-in zoom-in-95\",\n scale_out: \"animate-out zoom-out-95\",\n },\n\n // Accessibility features\n accessibility: {\n // Screen reader only content\n sr_only: \"sr-only\",\n\n // Focus management\n focus_trap: \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n\n // High contrast mode\n high_contrast: \"forced-colors:border forced-colors:border-solid\",\n\n // Reduced motion\n reduced_motion: \"motion-reduce:transition-none motion-reduce:animate-none\",\n\n // Touch targets (minimum 44px)\n touch_target: \"min-h-11 min-w-11\",\n },\n} as const;\n\n// Helper function to get colors\nexport const get_color = (\n color_name: 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 color_group = colors[color_name];\n\n if (typeof color_group === \"object\" && color_group !== null && shade in color_group) {\n return (color_group 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","get_color","color_name","shade","color_group"]}
@@ -0,0 +1,2 @@
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",high_contrast:"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",in_out:"ease-in-out"},fade_in:"animate-in fade-in",fade_out:"animate-out fade-out",slide_in:"animate-in slide-in-from-bottom-2",slide_out:"animate-out slide-out-to-bottom-2",scale_in:"animate-in zoom-in-95",scale_out:"animate-out zoom-out-95"},accessibility:{sr_only:"sr-only",focus_trap:"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",high_contrast:"forced-colors:border forced-colors:border-solid",reduced_motion:"motion-reduce:transition-none motion-reduce:animate-none",touch_target:"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-Z6WRPM3Z.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/lib/theme.ts"],"names":["colors","theme","get_color","color_name","shade","color_group"],"mappings":"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","file":"/Users/kishor/Work/01-araCreate/arm/.claude/scratch/2026-10-19-arm-ui-4/pub/dist/chunk-Z6WRPM3Z.js","sourcesContent":["// SPDX-License-Identifier: LicenseRef-Proprietary\n// Copyright (C) 2026, araCreate Group\n// Author: Kishor <kishor@aracreate.group>\n// Description: This file contains the theme object: colours, sizes, variants, spacing, radius, typography and animation\n\n// 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 high_contrast: \"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 in_out: \"ease-in-out\",\n },\n\n // Common animations\n fade_in: \"animate-in fade-in\",\n fade_out: \"animate-out fade-out\",\n slide_in: \"animate-in slide-in-from-bottom-2\",\n slide_out: \"animate-out slide-out-to-bottom-2\",\n scale_in: \"animate-in zoom-in-95\",\n scale_out: \"animate-out zoom-out-95\",\n },\n\n // Accessibility features\n accessibility: {\n // Screen reader only content\n sr_only: \"sr-only\",\n\n // Focus management\n focus_trap: \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n\n // High contrast mode\n high_contrast: \"forced-colors:border forced-colors:border-solid\",\n\n // Reduced motion\n reduced_motion: \"motion-reduce:transition-none motion-reduce:animate-none\",\n\n // Touch targets (minimum 44px)\n touch_target: \"min-h-11 min-w-11\",\n },\n} as const;\n\n// Helper function to get colors\nexport const get_color = (\n color_name: 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 color_group = colors[color_name];\n\n if (typeof color_group === \"object\" && color_group !== null && shade in color_group) {\n return (color_group as Record<string, string>)[String(shade)];\n }\n\n // Fallback to primary color if not found\n return colors.primary[500];\n};\n\n// Type helpers for theme\nexport type ThemeSize = keyof typeof theme.sizes;\nexport type ThemeVariant = keyof typeof theme.variants;\nexport type ThemeVariantStyle = keyof typeof theme.variants.primary;\nexport type ThemeRadius = keyof typeof theme.radius;\nexport type ThemeSpacing = keyof typeof theme.spacing;\nexport type ThemeTypography = keyof typeof theme.typography;\nexport type ThemeColor = keyof typeof colors;\n// 1-12: Radix scale (new). 50-900: legacy shades (kept during Phase 12B migration).\nexport type ThemeColorShade =\n | 1\n | 2\n | 3\n | 4\n | 5\n | 6\n | 7\n | 8\n | 9\n | 10\n | 11\n | 12\n | 50\n | 100\n | 200\n | 300\n | 400\n | 500\n | 600\n | 700\n | 800\n | 900;\nexport type ThemeAnimation = keyof typeof theme.animations;\n\n// Export colors for external use\nexport { colors };\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/big-calendar-overrides.css","../src/styles/radix-brand-tokens.css"],"sourcesContent":["/* Restyles react-big-calendar's default look with Radix tokens — only\n * color/border/typography/spacing values change; all layout math (grid,\n * flex, absolute positioning for event columns) stays exactly as the\n * library ships it. See AGENTS.md: tokens only, no raw px for spacing. */\n\n.rbc-radix-scope,\n.rbc-radix-scope .rbc-calendar * {\n font-family: var(--font-poppins);\n}\n\n/* ── Toolbar — rendered by CalendarToolbar.tsx (real Radix Button/IconButton\n * components), not RBC's default <button> markup. It is a CHILD of\n * `.rbc-calendar` in RBC's actual render tree (same parent as the grid\n * view), not a sibling above it — see Calendar.js render(). `.calendar-toolbar`\n * is the class hook CalendarToolbar.tsx puts on its own root, so we can give\n * it padding + a divider that visually seams it to the grid below. */\n.rbc-radix-scope .calendar-toolbar {\n padding: var(--space-4) var(--space-4) var(--space-3);\n border-bottom: 1px solid var(--gray-4);\n}\n\n/* ── Grid chrome (borders, headers, today highlight) ───────────────────── */\n.rbc-radix-scope .rbc-calendar {\n border-radius: var(--radius-5);\n border: 1px solid var(--gray-5);\n box-shadow: var(--shadow-card);\n background: var(--color-panel-solid);\n overflow: hidden;\n}\n.rbc-radix-scope .rbc-header {\n color: var(--gray-10);\n font-weight: 600;\n font-size: var(--font-size-2);\n padding: var(--space-3) 0 var(--space-3);\n border-color: var(--gray-4) !important;\n /* RBC's base CSS sets overflow:hidden on this cell — the today-marker\n * circle in CalendarDayHeader.tsx needs room to render at full size. */\n overflow: visible;\n}\n/* CalendarDayHeader renders a two-row layout (weekday label + date circle)\n that is taller than RBC's assumed single-line header. Force the header\n content row to accommodate both rows without clipping. */\n.rbc-radix-scope .rbc-time-header-content > .rbc-row:first-child {\n min-height: calc(var(--space-6) + var(--font-size-1) + var(--space-3));\n}\n/* RBC's own header/grid divider — never targeted before, so it stayed at\n * the library's default #ddd instead of our theme's tokens and read as a\n * weak seam against the surrounding gray-3/gray-4 borders. */\n.rbc-radix-scope .rbc-time-header > .rbc-row:first-child {\n border-bottom: 1.5px solid var(--gray-6);\n}\n/* RBC's TimeGridHeader always renders an all-day event row directly below\n * the day-number header (DateContentRow with isAllDay:true) — this app has\n * no all-day event support (see calendar-mock.ts: AvailabilityBlock has no\n * allDay concept), so that row is always empty. Left visible, it added a\n * stray divider line under the header and picked up its own `.rbc-today`\n * wash, making today's header cell look like a tall blue block split by an\n * extra line rather than a clean header. Hide it — nothing can ever\n * populate it. */\n.rbc-radix-scope .rbc-allday-cell {\n display: none;\n}\n.rbc-radix-scope .rbc-month-view,\n.rbc-radix-scope .rbc-time-view,\n.rbc-radix-scope .rbc-time-header,\n.rbc-radix-scope .rbc-time-content,\n.rbc-radix-scope .rbc-day-bg,\n.rbc-radix-scope .rbc-month-row,\n.rbc-radix-scope .rbc-timeslot-group,\n.rbc-radix-scope .rbc-time-header-content,\n.rbc-radix-scope .rbc-header,\n.rbc-radix-scope .rbc-day-slot .rbc-time-slot {\n border-color: var(--gray-3) !important;\n}\n/* Hour boundaries stay a touch stronger than the half-hour sub-lines so the\n * grid reads as grouped hours instead of a uniform mesh. RBC's default\n * min-height (40px) doesn't leave room for our multi-line event card\n * (title + time range + location) even on 60-90min events — raise it so a\n * 30-min slot has enough vertical room for 2-3 short text lines. */\n.rbc-radix-scope .rbc-timeslot-group {\n border-color: var(--gray-4) !important;\n /* Our event card shows up to 3 stacked lines (title, time range,\n * location) on a 60min slot — needs real room, not RBC's 40px default. */\n min-height: calc(var(--space-9) + var(--space-6));\n}\n/* Today is marked by the amber circle on the date number alone (via\n * CalendarDayHeader.tsx in week view / .rbc-now below in month view) — no\n * full-column/full-cell background wash, which read as an oversized block\n * of color rather than a subtle marker. */\n.rbc-radix-scope .rbc-today {\n background-color: transparent;\n}\n/* RBC right-aligns the date number by default (text-align:right) — center\n * it at the top of each cell instead, with a touch of top padding so it\n * doesn't sit flush against the header border. */\n.rbc-radix-scope .rbc-date-cell {\n text-align: center;\n padding: var(--space-1) 0 var(--space-2);\n}\n/* Month view has no custom header component — mark today's date number with\n * a filled amber circle to match the week view's CalendarDayHeader marker. */\n.rbc-radix-scope .rbc-month-view .rbc-now .rbc-button-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--space-6);\n height: var(--space-6);\n border-radius: 50%;\n background: var(--accent-9);\n color: var(--accent-contrast);\n font-weight: 500;\n font-size: var(--font-size-3);\n line-height: 1;\n}\n.rbc-radix-scope .rbc-off-range-bg {\n background: var(--gray-2);\n}\n.rbc-radix-scope .rbc-off-range {\n color: var(--gray-11);\n}\n.rbc-radix-scope .rbc-label {\n color: var(--gray-11);\n font-size: var(--font-size-1);\n}\n.rbc-radix-scope .rbc-current-time-indicator {\n background-color: var(--accent-9);\n height: 2px;\n}\n.rbc-radix-scope .rbc-show-more {\n color: var(--accent-11);\n font-weight: 600;\n font-size: var(--font-size-1);\n}\n\n/* RBC reserves a fixed 10px right margin on the events container (its own\n * scrollbar-gutter allowance) — shrink it to a Radix space step so the\n * block doesn't look like it's leaving unexplained dead space when no\n * scrollbar is present. */\n.rbc-radix-scope .rbc-day-slot .rbc-events-container {\n margin-right: var(--space-1);\n}\n\n/* ── Events — base shape only; color comes from eventPropGetter per-event ──\n * Week view: solid-fill colored block (card shape, shadow, padding). Month\n * view: plain dot+text row (see components.month.event in BigCalendarView)\n * — no fill, so no card chrome needed, just enough padding to breathe. */\n.rbc-radix-scope .rbc-time-view .rbc-event {\n border-radius: var(--radius-3);\n padding: var(--space-1) var(--space-2);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);\n /* Defensive backstop: content taller than the event's time-computed height\n * clips inside its own box instead of bleeding into the cell below. */\n overflow: hidden;\n}\n/* Chip styling (background, radius, padding) lives on the event content\n * itself in components.month.event — the .rbc-event wrapper just needs to\n * get out of the way so the chip isn't double-padded/double-boxed. */\n.rbc-radix-scope .rbc-month-view .rbc-event {\n padding: 0;\n background: none;\n box-shadow: none;\n}\n.rbc-radix-scope .rbc-event:focus {\n outline: 2px solid var(--accent-8);\n outline-offset: 1px;\n}\n.rbc-radix-scope .rbc-event-label {\n display: none; /* time is redundant with our custom event content */\n}\n.rbc-radix-scope .rbc-selected-cell {\n background-color: var(--accent-3);\n}\n\n/* ── Narrow container — the desktop row-height (~96px/hour, sized for a\n * 3-line week-view event card) and toolbar/header padding are too generous\n * once the calendar itself renders under ~480px wide (e.g. narrow mobile,\n * or the stacked-sidebar layout in CalendarMergedView). Scale both down so\n * the grid doesn't force excessive scrolling or crowd the toolbar. */\n@container (max-width: 480px) {\n .rbc-radix-scope .calendar-toolbar {\n padding: var(--space-3) var(--space-3) var(--space-2);\n }\n .rbc-radix-scope .rbc-header {\n padding: var(--space-2) 0;\n }\n .rbc-radix-scope .rbc-timeslot-group {\n min-height: var(--space-8);\n }\n /* At the smaller row height above, even a 60min+ event card no longer has\n * room for 3 stacked lines — drop to title-only regardless of duration.\n * (.rbc-event already clips overflow as a backstop; this avoids relying\n * on that and keeps text from ever getting cut off in the first place.) */\n .rbc-radix-scope .rbc-time-view .rbc-event > div > *:not(:first-child) {\n display: none;\n }\n}\n","/*\n * ─────────────────────────────────────────────\n * Brand Token Overrides for Radix Themes\n * accentColor : #FFC936 (golden yellow)\n * grayColor : #8C8C8C (neutral gray)\n *\n * Step 9 is always exactly your brand hex.\n * Steps 1–8 → progressively lighter tints.\n * Steps 10–12 → progressively darker shades.\n *\n * Step usage:\n * 1 — App background\n * 2 — Subtle background\n * 3 — UI element background\n * 4 — Hovered UI element background\n * 5 — Active / selected background\n * 6 — Subtle border and separator\n * 7 — UI element border and focus ring\n * 8 — Hovered border\n * 9 — Solid background ◄── YOUR BRAND HEX GOES HERE\n * 10 — Hovered solid background\n * 11 — Low-contrast text\n * 12 — High-contrast text\n *\n * Import this file AFTER @radix-ui/themes/styles.css\n * so these values override the defaults.\n * ─────────────────────────────────────────────\n */\n\n.radix-themes {\n\n /* Accent scale — #FFC936 anchored at step 9 */\n /*\n * 1 — App background\n * 2 — Subtle background\n * 3 — UI element background\n * 4 — Hovered UI element background\n * 5 — Active / selected background\n * 6 — Subtle border and separator\n * 7 — UI element border and focus ring\n * 8 — Hovered border\n * 9 — Solid background ◄── YOUR BRAND HEX GOES HERE\n * 10 — Hovered solid background\n * 11 — Low-contrast text\n * 12 — High-contrast text\n */\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; /* ← exact brand accent */\n --accent-10: #f0b800; /* hover state */\n --accent-11: #7a5c00; /* accessible text on light bg */\n --accent-12: #3d2e00; /* high-contrast text */\n\n /* Alpha variants for accent */\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 /* Text ON accent-9 background — black for maximum contrast on yellow */\n --accent-contrast: #000000;\n\n /* Text ON semantic solid backgrounds (error-9, success-9, info-9, warning-9) */\n --error-contrast: #ffffff;\n --success-contrast: #ffffff;\n --info-contrast: #ffffff;\n --warning-contrast: #000000;\n\n /* Gray scale — #8C8C8C anchored at step 9 */\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; /* ← exact brand gray */\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 /* Semantic aliases — consumed by Radix components internally */\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 /* Component-friendly aliases */\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 /* Semantic scales → fixed Radix color scales */\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 /* Foreground / text tokens */\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 /* Map project semantic variables to Radix tokens so utility classes (e.g. .text-text)\n resolve to theme-aware colors when inside .radix-themes */\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/* Enforce utility text classes to use Radix semantic tokens when inside the theme container.\n This ensures components that rely on `.text-text` / `.text-textMuted` pick up\n theme-aware colors. */\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"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/components/big-calendar-overrides.css","../src/styles/radix-brand-tokens.css"],"sourcesContent":["/* SPDX-License-Identifier: LicenseRef-Proprietary */\n/* Copyright (C) 2026, araCreate Group */\n/* Author: Kishor <kishor@aracreate.group> */\n/* Description: This file contains the react-big-calendar overrides that restyle it with Radix tokens */\n\n/* Restyles react-big-calendar's default look with Radix tokens — only\n * color/border/typography/spacing values change; all layout math (grid,\n * flex, absolute positioning for event columns) stays exactly as the\n * library ships it. See AGENTS.md: tokens only, no raw px for spacing. */\n\n.rbc-radix-scope,\n.rbc-radix-scope .rbc-calendar * {\n font-family: var(--font-poppins);\n}\n\n/* ── Toolbar — rendered by calendar-toolbar.tsx (real Radix Button/IconButton\n * components), not RBC's default <button> markup. It is a CHILD of\n * `.rbc-calendar` in RBC's actual render tree (same parent as the grid\n * view), not a sibling above it — see Calendar.js render(). `.calendar-toolbar`\n * is the class hook calendar-toolbar.tsx puts on its own root, so we can give\n * it padding + a divider that visually seams it to the grid below. */\n.rbc-radix-scope .calendar-toolbar {\n padding: var(--space-4) var(--space-4) var(--space-3);\n border-bottom: 1px solid var(--gray-4);\n}\n\n/* ── Grid chrome (borders, headers, today highlight) ───────────────────── */\n.rbc-radix-scope .rbc-calendar {\n border-radius: var(--radius-5);\n border: 1px solid var(--gray-5);\n box-shadow: var(--shadow-card);\n background: var(--color-panel-solid);\n overflow: hidden;\n}\n.rbc-radix-scope .rbc-header {\n color: var(--gray-10);\n font-weight: 600;\n font-size: var(--font-size-2);\n padding: var(--space-3) 0 var(--space-3);\n border-color: var(--gray-4) !important;\n /* RBC's base CSS sets overflow:hidden on this cell — the today-marker\n * circle in calendar-day-header.tsx needs room to render at full size. */\n overflow: visible;\n}\n/* CalendarDayHeader renders a two-row layout (weekday label + date circle)\n that is taller than RBC's assumed single-line header. Force the header\n content row to accommodate both rows without clipping. */\n.rbc-radix-scope .rbc-time-header-content > .rbc-row:first-child {\n min-height: calc(var(--space-6) + var(--font-size-1) + var(--space-3));\n}\n/* RBC's own header/grid divider — never targeted before, so it stayed at\n * the library's default #ddd instead of our theme's tokens and read as a\n * weak seam against the surrounding gray-3/gray-4 borders. */\n.rbc-radix-scope .rbc-time-header > .rbc-row:first-child {\n border-bottom: 1.5px solid var(--gray-6);\n}\n/* RBC's TimeGridHeader always renders an all-day event row directly below\n * the day-number header (DateContentRow with isAllDay:true) — this app has\n * no all-day event support (see calendar-mock.ts: AvailabilityBlock has no\n * allDay concept), so that row is always empty. Left visible, it added a\n * stray divider line under the header and picked up its own `.rbc-today`\n * wash, making today's header cell look like a tall blue block split by an\n * extra line rather than a clean header. Hide it — nothing can ever\n * populate it. */\n.rbc-radix-scope .rbc-allday-cell {\n display: none;\n}\n.rbc-radix-scope .rbc-month-view,\n.rbc-radix-scope .rbc-time-view,\n.rbc-radix-scope .rbc-time-header,\n.rbc-radix-scope .rbc-time-content,\n.rbc-radix-scope .rbc-day-bg,\n.rbc-radix-scope .rbc-month-row,\n.rbc-radix-scope .rbc-timeslot-group,\n.rbc-radix-scope .rbc-time-header-content,\n.rbc-radix-scope .rbc-header,\n.rbc-radix-scope .rbc-day-slot .rbc-time-slot {\n border-color: var(--gray-3) !important;\n}\n/* Hour boundaries stay a touch stronger than the half-hour sub-lines so the\n * grid reads as grouped hours instead of a uniform mesh. RBC's default\n * min-height (40px) doesn't leave room for our multi-line event card\n * (title + time range + location) even on 60-90min events — raise it so a\n * 30-min slot has enough vertical room for 2-3 short text lines. */\n.rbc-radix-scope .rbc-timeslot-group {\n border-color: var(--gray-4) !important;\n /* Our event card shows up to 3 stacked lines (title, time range,\n * location) on a 60min slot — needs real room, not RBC's 40px default. */\n min-height: calc(var(--space-9) + var(--space-6));\n}\n/* Today is marked by the amber circle on the date number alone (via\n * calendar-day-header.tsx in week view / .rbc-now below in month view) — no\n * full-column/full-cell background wash, which read as an oversized block\n * of color rather than a subtle marker. */\n.rbc-radix-scope .rbc-today {\n background-color: transparent;\n}\n/* RBC right-aligns the date number by default (text-align:right) — center\n * it at the top of each cell instead, with a touch of top padding so it\n * doesn't sit flush against the header border. */\n.rbc-radix-scope .rbc-date-cell {\n text-align: center;\n padding: var(--space-1) 0 var(--space-2);\n}\n/* Month view has no custom header component — mark today's date number with\n * a filled amber circle to match the week view's CalendarDayHeader marker. */\n.rbc-radix-scope .rbc-month-view .rbc-now .rbc-button-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--space-6);\n height: var(--space-6);\n border-radius: 50%;\n background: var(--accent-9);\n color: var(--accent-contrast);\n font-weight: 500;\n font-size: var(--font-size-3);\n line-height: 1;\n}\n.rbc-radix-scope .rbc-off-range-bg {\n background: var(--gray-2);\n}\n.rbc-radix-scope .rbc-off-range {\n color: var(--gray-11);\n}\n.rbc-radix-scope .rbc-label {\n color: var(--gray-11);\n font-size: var(--font-size-1);\n}\n.rbc-radix-scope .rbc-current-time-indicator {\n background-color: var(--accent-9);\n height: 2px;\n}\n.rbc-radix-scope .rbc-show-more {\n color: var(--accent-11);\n font-weight: 600;\n font-size: var(--font-size-1);\n}\n\n/* RBC reserves a fixed 10px right margin on the events container (its own\n * scrollbar-gutter allowance) — shrink it to a Radix space step so the\n * block doesn't look like it's leaving unexplained dead space when no\n * scrollbar is present. */\n.rbc-radix-scope .rbc-day-slot .rbc-events-container {\n margin-right: var(--space-1);\n}\n\n/* ── Events — base shape only; color comes from eventPropGetter per-event ──\n * Week view: solid-fill colored block (card shape, shadow, padding). Month\n * view: plain dot+text row (see components.month.event in BigCalendarView)\n * — no fill, so no card chrome needed, just enough padding to breathe. */\n.rbc-radix-scope .rbc-time-view .rbc-event {\n border-radius: var(--radius-3);\n padding: var(--space-1) var(--space-2);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);\n /* Defensive backstop: content taller than the event's time-computed height\n * clips inside its own box instead of bleeding into the cell below. */\n overflow: hidden;\n}\n/* Chip styling (background, radius, padding) lives on the event content\n * itself in components.month.event — the .rbc-event wrapper just needs to\n * get out of the way so the chip isn't double-padded/double-boxed. */\n.rbc-radix-scope .rbc-month-view .rbc-event {\n padding: 0;\n background: none;\n box-shadow: none;\n}\n.rbc-radix-scope .rbc-event:focus {\n outline: 2px solid var(--accent-8);\n outline-offset: 1px;\n}\n.rbc-radix-scope .rbc-event-label {\n display: none; /* time is redundant with our custom event content */\n}\n.rbc-radix-scope .rbc-selected-cell {\n background-color: var(--accent-3);\n}\n\n/* ── Narrow container — the desktop row-height (~96px/hour, sized for a\n * 3-line week-view event card) and toolbar/header padding are too generous\n * once the calendar itself renders under ~480px wide (e.g. narrow mobile,\n * or the stacked-sidebar layout in CalendarMergedView). Scale both down so\n * the grid doesn't force excessive scrolling or crowd the toolbar. */\n@container (max-width: 480px) {\n .rbc-radix-scope .calendar-toolbar {\n padding: var(--space-3) var(--space-3) var(--space-2);\n }\n .rbc-radix-scope .rbc-header {\n padding: var(--space-2) 0;\n }\n .rbc-radix-scope .rbc-timeslot-group {\n min-height: var(--space-8);\n }\n /* At the smaller row height above, even a 60min+ event card no longer has\n * room for 3 stacked lines — drop to title-only regardless of duration.\n * (.rbc-event already clips overflow as a backstop; this avoids relying\n * on that and keeps text from ever getting cut off in the first place.) */\n .rbc-radix-scope .rbc-time-view .rbc-event > div > *:not(:first-child) {\n display: none;\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 brand overrides of the Radix accent and gray scales */\n\n/*\n * ─────────────────────────────────────────────\n * Brand Token Overrides for Radix Themes\n * accentColor : #FFC936 (golden yellow)\n * grayColor : #8C8C8C (neutral gray)\n *\n * Step 9 is always exactly your brand hex.\n * Steps 1–8 → progressively lighter tints.\n * Steps 10–12 → progressively darker shades.\n *\n * Step usage:\n * 1 — App background\n * 2 — Subtle background\n * 3 — UI element background\n * 4 — Hovered UI element background\n * 5 — Active / selected background\n * 6 — Subtle border and separator\n * 7 — UI element border and focus ring\n * 8 — Hovered border\n * 9 — Solid background ◄── YOUR BRAND HEX GOES HERE\n * 10 — Hovered solid background\n * 11 — Low-contrast text\n * 12 — High-contrast text\n *\n * Import this file AFTER @radix-ui/themes/styles.css\n * so these values override the defaults.\n * ─────────────────────────────────────────────\n */\n\n.radix-themes {\n\n /* Accent scale — #FFC936 anchored at step 9 */\n /*\n * 1 — App background\n * 2 — Subtle background\n * 3 — UI element background\n * 4 — Hovered UI element background\n * 5 — Active / selected background\n * 6 — Subtle border and separator\n * 7 — UI element border and focus ring\n * 8 — Hovered border\n * 9 — Solid background ◄── YOUR BRAND HEX GOES HERE\n * 10 — Hovered solid background\n * 11 — Low-contrast text\n * 12 — High-contrast text\n */\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; /* ← exact brand accent */\n --accent-10: #f0b800; /* hover state */\n --accent-11: #7a5c00; /* accessible text on light bg */\n --accent-12: #3d2e00; /* high-contrast text */\n\n /* Alpha variants for accent */\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 /* Text ON accent-9 background — black for maximum contrast on yellow */\n --accent-contrast: #000000;\n\n /* Text ON semantic solid backgrounds (error-9, success-9, info-9, warning-9) */\n --error-contrast: #ffffff;\n --success-contrast: #ffffff;\n --info-contrast: #ffffff;\n --warning-contrast: #000000;\n\n /* Gray scale — #8C8C8C anchored at step 9 */\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; /* ← exact brand gray */\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 /* Semantic aliases — consumed by Radix components internally */\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 /* Component-friendly aliases */\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 /* Semantic scales → fixed Radix color scales */\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 /* Foreground / text tokens */\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 /* Map project semantic variables to Radix tokens so utility classes (e.g. .text-text)\n resolve to theme-aware colors when inside .radix-themes */\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/* Enforce utility text classes to use Radix semantic tokens when inside the theme container.\n This ensures components that rely on `.text-text` / `.text-textMuted` pick up\n theme-aware colors. */\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"],"mappings":"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","names":[]}