@skdx/tokens 0.27.0 → 0.29.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SkandaDX
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -29,7 +29,7 @@ import { applyTheme, defaultTheme, foundationToCss } from '@skdx/tokens';
 
 // Once: the type scale, spacing, radii, shadow geometry and motion every theme shares.
 document.head.appendChild(
-  Object.assign(document.createElement('style'), { textContent: foundationToCss() })
+  Object.assign(document.createElement('style'), { textContent: foundationToCss() }),
 );
 // Per theme: colors.
 applyTheme(defaultTheme);
@@ -50,14 +50,14 @@ applyTheme(defaultTheme);
 ## The theme contract
 
 **A theme is colors.** The type scale, spacing, radii, shadow geometry and motion are identical
-in all 38 bundled themes, so they aren't part of a theme at all — they're the *foundation*,
+in all 38 bundled themes, so they aren't part of a theme at all — they're the _foundation_,
 exported once and emitted at `:root` by `foundationToCss()`.
 
-| Group                                                           | Type                | Contents                                                                                                                                              |
-| --------------------------------------------------------------- | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `colors.primary` / `neutral` / `success` / `warning` / `danger` | `ColorScale`        | 11-step scales, `50` (lightest) → `950` (darkest)                                                                                                     |
-| `colors.semantic`                                               | `SemanticColors`    | Purpose-driven colors: `background`, `surface`, `surfaceHover`, `overlay`, `text`, `textMuted`, `textInverted`, `border`, `borderStrong`, `focusRing` |
-| `shadow`                                                        | `ThemeShadowColor`  | The color half of the shared shadow geometry: `color` (an sRGB triple like `'2 6 23'`) and `strength` (a multiplier on the shared base alphas)         |
+| Group                                                           | Type               | Contents                                                                                                                                              |
+| --------------------------------------------------------------- | ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `colors.primary` / `neutral` / `success` / `warning` / `danger` | `ColorScale`       | 11-step scales, `50` (lightest) → `950` (darkest)                                                                                                     |
+| `colors.semantic`                                               | `SemanticColors`   | Purpose-driven colors: `background`, `surface`, `surfaceHover`, `overlay`, `text`, `textMuted`, `textInverted`, `border`, `borderStrong`, `focusRing` |
+| `shadow`                                                        | `ThemeShadowColor` | The color half of the shared shadow geometry: `color` (an sRGB triple like `'2 6 23'`) and `strength` (a multiplier on the shared base alphas)        |
 
 Components should use the **semantic** colors (`colors.semantic.*`) wherever possible and reach into the raw scales only for accents — that is what lets one component tree re-brand cleanly across light and dark themes.
 
@@ -65,18 +65,18 @@ Components should use the **semantic** colors (`colors.semantic.*`) wherever pos
 
 Imported as bare named exports, not read off a theme:
 
-| Export       | Type              | Contents                                                                                                                            |
-| ------------ | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
-| `typography` | `ThemeTypography` | `fontFamily`, `fontFamilyMono`, `fontSize` (`xs`–`3xl`), `fontWeight` (`regular`–`bold`), `lineHeight`, `letterSpacing`             |
-| `space`      | `ThemeSpace`      | Spacing steps `1`–`16` (`0.25rem`–`4rem`)                                                                                            |
-| `radii`      | `ThemeRadii`      | `sm`, `md`, `lg`, `xl`, `full`                                                                                                       |
-| `shadows`    | `ThemeShadows`    | `sm`, `md`, `lg`, `overlay` — geometry only; each defers its color to `var(--skdx-shadow-color)` / `var(--skdx-shadow-strength)`      |
-| `motion`     | `ThemeMotion`     | `durationFast`/`Normal`/`Slow`, `easing`, plus the optional `easingExit`/`Steady`/`Linear` and the two staggers                       |
+| Export       | Type              | Contents                                                                                                                         |
+| ------------ | ----------------- | -------------------------------------------------------------------------------------------------------------------------------- |
+| `typography` | `ThemeTypography` | `fontFamily`, `fontFamilyMono`, `fontSize` (`xs`–`3xl`), `fontWeight` (`regular`–`bold`), `lineHeight`, `letterSpacing`          |
+| `space`      | `ThemeSpace`      | Spacing steps `1`–`16` (`0.25rem`–`4rem`)                                                                                        |
+| `radii`      | `ThemeRadii`      | `sm`, `md`, `lg`, `xl`, `full`                                                                                                   |
+| `shadows`    | `ThemeShadows`    | `sm`, `md`, `lg`, `overlay` — geometry only; each defers its color to `var(--skdx-shadow-color)` / `var(--skdx-shadow-strength)` |
+| `motion`     | `ThemeMotion`     | `durationFast`/`Normal`/`Slow`, `easing`, plus the optional `easingExit`/`Steady`/`Linear` and the two staggers                  |
 
 ### The two escape hatches
 
 A theme may optionally declare `typography` (just `fontFamily` / `fontFamilyMono`) and `motion`
-(just the four base tokens). Declaring one *is* the deviation — there is no wrapper to opt into,
+(just the four base tokens). Declaring one _is_ the deviation — there is no wrapper to opt into,
 and they re-emit at the theme's own higher-specificity selector so `[data-skdx-theme="material-you"]`
 beats `:root`.
 
@@ -100,18 +100,18 @@ applyTheme(nord.themes[mode]); // stamps data-skdx-theme="nord-dark|nord-light"
 
 Brand and color mode are **independent dimensions**: the brand decides identity (hues, and for three themes type and motion), the mode decides light or dark appearance, and the resolved theme is an ordinary `Theme` — so `themeToCss` / `applyTheme` and every `--skdx-*` variable name work exactly as before. Store a user's brand preference and color-mode preference (`'light' | 'dark' | 'system'`) separately; resolve `'system'` via `prefers-color-scheme`, then apply `brand.themes[resolvedMode]`. `getBrandByThemeName('one-dark')` maps a persisted pre-brand theme name to its owning brand for migrations, and `defaultBrand` is `skanda`.
 
-The original twenty-two themes are unchanged (names, exports, and light-mode values preserved); the sixteen `*Dark`/`*Light` counterparts were added so every brand covers both modes. Each counterpart is a `createTheme` override of its sibling, keeping the brand's ramps. Themes inspired by third-party palettes only use permissively licensed sources (MIT / MIT-X11) — see [THIRD-PARTY-NOTICES.md](./THIRD-PARTY-NOTICES.md):
+Every theme is exported as `<brand><Mode>`, except the pairs whose upstream already names the modes (`catppuccinLatte`/`catppuccinMocha`, `rosePineDawn`/`rosePine`). Within a brand, one mode is authored in full and the other is a `createTheme` override of it, keeping the brand's ramps. Themes inspired by third-party palettes only use permissively licensed sources (MIT / MIT-X11) — see [THIRD-PARTY-NOTICES.md](./THIRD-PARTY-NOTICES.md):
 
 | Export            | Name                | Character                                                                           |
 | ----------------- | ------------------- | ----------------------------------------------------------------------------------- |
 | `skandaLight`     | `skanda-light`      | The default SkandaDX light theme (same values as `defaultTheme`)                    |
-| `emeraldBrand`    | `emerald-brand`     | Fresh greens, soft mint surfaces, tight corners                                     |
-| `midnightBrand`   | `midnight-brand`    | Dark theme — violet actions on deep indigo surfaces                                 |
-| `graphiteBrand`   | `graphite`          | Monochrome, shadcn/ui-zinc spirit: near-black actions, quiet grays                  |
-| `materialBrand`   | `material-you`      | Material Design 3 inspired: tonal purple, Roboto, M3's slower emphasized motion      |
-| `antBrand`        | `ant-daybreak`      | Ant Design inspired: daybreak blue, compact corners                                 |
-| `fluentBrand`     | `fluent`            | Microsoft Fluent 2 inspired: communication blue, Segoe UI                           |
-| `chakraBrand`     | `chakra-teal`       | Chakra UI inspired: teal actions, blue focus ring                                   |
+| `emeraldLight`    | `emerald-brand`     | Fresh greens, soft mint surfaces, tight corners                                     |
+| `midnightDark`    | `midnight-brand`    | Dark theme — violet actions on deep indigo surfaces                                 |
+| `graphiteLight`   | `graphite`          | Monochrome, shadcn/ui-zinc spirit: near-black actions, quiet grays                  |
+| `materialLight`   | `material-you`      | Material Design 3 inspired: tonal purple, Roboto, M3's slower emphasized motion     |
+| `antLight`        | `ant-daybreak`      | Ant Design inspired: daybreak blue, compact corners                                 |
+| `fluentLight`     | `fluent`            | Microsoft Fluent 2 inspired: communication blue, Segoe UI                           |
+| `chakraLight`     | `chakra-teal`       | Chakra UI inspired: teal actions, blue focus ring                                   |
 | `nordDark`        | `nord-dark`         | Dark theme — polar-night surfaces, frost blue actions                               |
 | `draculaDark`     | `dracula`           | Dark theme — purple actions on the classic `#282a36`                                |
 | `catppuccinLatte` | `catppuccin-latte`  | Catppuccin Latte inspired: warm off-white surfaces, saturated blue actions          |
@@ -143,12 +143,12 @@ The original twenty-two themes are unchanged (names, exports, and light-mode val
 | `cupcakeDark`     | `cupcake-dark`      | Dark counterpart of `cupcake-light` — pastel teal on deep plum                      |
 | `synthwaveLight`  | `synthwave-light`   | Light counterpart of `synthwave-dark` — neon pink on pale lavender                  |
 
-`themes` exports all thirty-eight as an array — handy for theme pickers and galleries:
+`themes` exports all thirty-eight as an array, derived from `brands` brand by brand with light before dark — handy for theme pickers and galleries:
 
 ```ts
-import { themes, applyTheme } from '@skdx/tokens';
+import { applyTheme, themes } from '@skdx/tokens';
 
-themes.map((t) => t.name); // ['skanda-light', 'emerald-brand', ...]
+themes.map((t) => t.name); // ['skanda-light', 'skanda-dark', 'emerald-brand', ...]
 applyTheme(themes.find((t) => t.name === 'nord-dark')!);
 ```
 
@@ -197,7 +197,7 @@ Sets all variables as inline styles on `element` (default `document.documentElem
 Renders a theme as a CSS rule, ready to inject into a `<style>` tag or write to a file at build time:
 
 ```ts
-import { themeToCss, nordDark } from '@skdx/tokens';
+import { nordDark, themeToCss } from '@skdx/tokens';
 
 themeToCss(nordDark);
 // [data-skdx-theme="nord-dark"] {
@@ -227,7 +227,7 @@ themeToCss(defaultTheme, { selector: ':root' });
 Returns the raw `Record<string, string>` of variable names to values (`{ '--skdx-color-primary-500': '#3d6eef', ... }`). Useful for CSS-in-JS style objects or React inline styles:
 
 ```tsx
-<div style={themeToCssVars(emeraldBrand)}>...</div>
+<div style={themeToCssVars(emeraldLight)}>...</div>
 ```
 
 ## Non-themed foundation tokens
@@ -238,7 +238,17 @@ way color is. Every theme should behave the same way, so they're exported once a
 rather than duplicated into all 38 `Theme` objects:
 
 ```ts
-import { typography, space, radii, zIndex, focusRing, borderWidth, opacity, breakpoints, foundationToCss } from '@skdx/tokens';
+import {
+  borderWidth,
+  breakpoints,
+  focusRing,
+  foundationToCss,
+  opacity,
+  radii,
+  space,
+  typography,
+  zIndex,
+} from '@skdx/tokens';
 
 typography.fontSize.md; // '1rem'
 space['4']; // '1rem'
@@ -250,7 +260,9 @@ opacity.disabled; // '0.5'
 breakpoints.lg; // 1024 (a number — see below)
 
 // Inject once. Without it the shared half of the --skdx-* surface does not exist.
-document.head.appendChild(Object.assign(document.createElement('style'), { textContent: foundationToCss() }));
+document.head.appendChild(
+  Object.assign(document.createElement('style'), { textContent: foundationToCss() }),
+);
 ```
 
 `zIndex` scale (low → high): `base`, `dropdown`, `sticky`, `overlay`, `modal`, `popover`, `toast`, `max`.
@@ -302,24 +314,34 @@ theme (see `themeToCss`).
 
 ```ts
 // Nuxt — nuxt.config.ts
-app: { head: { script: [{ innerHTML: getThemeInitScript(), tagPosition: 'head' }] } }
+app: {
+  head: {
+    script: [{ innerHTML: getThemeInitScript(), tagPosition: 'head' }];
+  }
+}
 ```
 
+<!-- prettier-ignore -->
 ```html
 <!-- SvelteKit — src/app.html; replace the placeholder from a Vite plugin at build time -->
 <head>
   %sveltekit.head%
-  <script>%skdx.themeInit%</script>
+  <script>
+    %skdx.themeInit%
+  </script>
 </head>
 ```
 
 ```astro
 <!-- Astro — src/layouts/Base.astro -->
-<script is:inline set:html={getThemeInitScript()} />
+<script
+  is:inline
+  set:html={getThemeInitScript()}
+/>
 ```
 
 Storage keys default to `skdx-brand` and `skdx-mode` (exported as `BRAND_STORAGE_KEY` /
-`MODE_STORAGE_KEY`) and are overridable via `getThemeInitScript({ brandKey, modeKey, fallbackBrand })`.
+`MODE_STORAGE_KEY`) and are overridable via `getThemeInitScript({ brandKey, modeKey, brand })`.
 
 ## Validating contrast
 
@@ -347,8 +369,8 @@ of the two blocks declares them moved.
 
 From a `Theme`, at `[data-skdx-theme="…"]`:
 
-| Theme path                     | CSS variable                         |
-| ------------------------------ | ------------------------------------ |
+| Theme path                     | CSS variable                          |
+| ------------------------------ | ------------------------------------- |
 | `colors.primary[500]`          | `--skdx-color-primary-500`            |
 | `colors.semantic.surfaceHover` | `--skdx-color-semantic-surface-hover` |
 | `shadow.color`                 | `--skdx-shadow-color`                 |
@@ -356,18 +378,18 @@ From a `Theme`, at `[data-skdx-theme="…"]`:
 
 From the foundation, at `:root`:
 
-| Foundation path             | CSS variable                     |
-| --------------------------- | -------------------------------- |
-| `typography.fontFamily`     | `--skdx-font-family`              |
-| `typography.fontSize.md`    | `--skdx-font-size-md`             |
-| `typography.fontWeight.semibold` | `--skdx-font-weight-semibold`|
-| `typography.lineHeight.tight`    | `--skdx-font-line-height-tight` |
+| Foundation path                  | CSS variable                      |
+| -------------------------------- | --------------------------------- |
+| `typography.fontFamily`          | `--skdx-font-family`              |
+| `typography.fontSize.md`         | `--skdx-font-size-md`             |
+| `typography.fontWeight.semibold` | `--skdx-font-weight-semibold`     |
+| `typography.lineHeight.tight`    | `--skdx-font-line-height-tight`   |
 | `typography.letterSpacing.wide`  | `--skdx-font-letter-spacing-wide` |
-| `space[4]`                  | `--skdx-space-4`                  |
-| `radii.md`                  | `--skdx-radius-md`                |
-| `shadows.overlay`           | `--skdx-shadow-overlay`           |
-| `motion.durationFast`       | `--skdx-motion-duration-fast`     |
-| `motion.easing`             | `--skdx-motion-easing`            |
+| `space[4]`                       | `--skdx-space-4`                  |
+| `radii.md`                       | `--skdx-radius-md`                |
+| `shadows.overlay`                | `--skdx-shadow-overlay`           |
+| `motion.durationFast`            | `--skdx-motion-duration-fast`     |
+| `motion.easing`                  | `--skdx-motion-easing`            |
 
 The pattern: section prefix (`color`, `font`, `space`, `radius`, `shadow`, `motion`) followed by the kebab-cased path within that group. When the path already starts with the section prefix (typography's `fontSize`, `fontFamily`, `fontWeight`), the prefix is not doubled — `--skdx-font-size-md`, not `--skdx-font-font-size-md`.
 
@@ -379,7 +401,8 @@ A shadow resolves across both blocks:
 
 ```css
 /* :root, from foundationToCss() */
---skdx-shadow-md: 0 4px 6px -1px rgb(var(--skdx-shadow-color) / calc(0.1 * var(--skdx-shadow-strength))), …;
+--skdx-shadow-md:
+  0 4px 6px -1px rgb(var(--skdx-shadow-color) / calc(0.1 * var(--skdx-shadow-strength))), …;
 /* [data-skdx-theme="nord-dark"], from themeToCss() */
 --skdx-shadow-color: 0 0 0;
 --skdx-shadow-strength: 4.7;
@@ -391,27 +414,27 @@ run around `5`. It's a look, not a measurement — tune it by eye.
 
 ## API summary
 
-| Export                                | Kind             | Description                                                       |
-| ------------------------------------- | ---------------- | ----------------------------------------------------------------- |
-| `defaultTheme`                        | `Theme`          | The reference theme (`skanda-light`)                              |
-| `createTheme(name, override?, base?)` | function         | Deep-merge a partial override into a base theme                   |
-| `themeToCssVars(theme)`               | function         | Theme → flat `--skdx-*` variable map                               |
-| `themeToCss(theme, options?)`         | function         | Theme → CSS rule string (scoped to `[data-skdx-theme]` by default) |
-| `applyTheme(theme, element?)`         | function         | Set variables inline on an element at runtime                     |
-| `skandaLight` … `synthwaveDark`       | `Theme` × 38     | Built-in brand themes (19 brands × light/dark)                    |
-| `watchSystemMode(options?)`           | function         | Apply a brand's theme from `prefers-color-scheme`, and on change  |
-| `getThemeInitScript(options?)`        | function         | Pre-paint snippet that stamps `data-skdx-theme`/`-mode` (no FOUC)  |
-| `zIndex`                              | `ZIndexScale`    | Non-themed overlay stacking-order scale (`base`…`max`)            |
-| `focusRing`                           | `FocusRingScale` | Non-themed focus-ring `width`/`offset`                            |
-| `borderWidth`                         | `BorderWidthScale` | Non-themed `thin`/`thick`/`thicker` border thicknesses          |
-| `opacity`                             | `OpacityScale`   | Non-themed `disabled` and `scrim` opacities                       |
-| `breakpoints`                         | `BreakpointScale` | Viewport widths in px — TS only, never emitted as CSS vars       |
-| `typography` / `space` / `radii` / `shadows` / `motion` | constants | The shared scales every theme inherits — not per-theme |
-| `foundationToCss()`                   | function         | The shared scales + `zIndex`/`focusRing`/`borderWidth`/`opacity` → a `:root` CSS block, plus its reduced-motion override |
-| `foundationToCssVars()`               | function         | The same, as a flat `--skdx-*` variable map |
-| `contrastRatio(hexA, hexB)`           | function         | WCAG relative-luminance contrast ratio between two colors         |
-| `themes`                              | `Theme[]`        | All built-in themes                                               |
-| `Theme`, `ThemeOverride`, …           | types            | The full theme contract                                           |
+| Export                                                  | Kind               | Description                                                                                                              |
+| ------------------------------------------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------ |
+| `defaultTheme`                                          | `Theme`            | The reference theme (`skanda-light`)                                                                                     |
+| `createTheme(name, override?, base?)`                   | function           | Deep-merge a partial override into a base theme                                                                          |
+| `themeToCssVars(theme)`                                 | function           | Theme → flat `--skdx-*` variable map                                                                                     |
+| `themeToCss(theme, options?)`                           | function           | Theme → CSS rule string (scoped to `[data-skdx-theme]` by default)                                                       |
+| `applyTheme(theme, element?)`                           | function           | Set variables inline on an element at runtime                                                                            |
+| `skandaLight` … `synthwaveDark`                         | `Theme` × 38       | Built-in brand themes (19 brands × light/dark)                                                                           |
+| `watchSystemMode(options?)`                             | function           | Apply a brand's theme from `prefers-color-scheme`, and on change                                                         |
+| `getThemeInitScript(options?)`                          | function           | Pre-paint snippet that stamps `data-skdx-theme`/`-mode` (no FOUC)                                                        |
+| `zIndex`                                                | `ZIndexScale`      | Non-themed overlay stacking-order scale (`base`…`max`)                                                                   |
+| `focusRing`                                             | `FocusRingScale`   | Non-themed focus-ring `width`/`offset`                                                                                   |
+| `borderWidth`                                           | `BorderWidthScale` | Non-themed `thin`/`thick`/`thicker` border thicknesses                                                                   |
+| `opacity`                                               | `OpacityScale`     | Non-themed `disabled` and `scrim` opacities                                                                              |
+| `breakpoints`                                           | `BreakpointScale`  | Viewport widths in px — TS only, never emitted as CSS vars                                                               |
+| `typography` / `space` / `radii` / `shadows` / `motion` | constants          | The shared scales every theme inherits — not per-theme                                                                   |
+| `foundationToCss()`                                     | function           | The shared scales + `zIndex`/`focusRing`/`borderWidth`/`opacity` → a `:root` CSS block, plus its reduced-motion override |
+| `foundationToCssVars()`                                 | function           | The same, as a flat `--skdx-*` variable map                                                                              |
+| `contrastRatio(hexA, hexB)`                             | function           | WCAG relative-luminance contrast ratio between two colors                                                                |
+| `themes`                                                | `Theme[]`          | All built-in themes                                                                                                      |
+| `Theme`, `ThemeOverride`, …                             | types              | The full theme contract                                                                                                  |
 
 ## Package layout
 

package/dist/foundation.css

@@ -1 +1 @@
-:root{--skdx-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--skdx-font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--skdx-font-size-xs: .75rem;--skdx-font-size-sm: .875rem;--skdx-font-size-md: 1rem;--skdx-font-size-lg: 1.125rem;--skdx-font-size-xl: 1.25rem;--skdx-font-size-2xl: 1.5rem;--skdx-font-size-3xl: 1.875rem;--skdx-font-weight-regular: 400;--skdx-font-weight-medium: 500;--skdx-font-weight-semibold: 600;--skdx-font-weight-bold: 700;--skdx-font-line-height-tight: 1.25;--skdx-font-line-height-snug: 1.43;--skdx-font-line-height-normal: 1.5;--skdx-font-line-height-relaxed: 1.75;--skdx-font-letter-spacing-tight: -.015em;--skdx-font-letter-spacing-normal: 0em;--skdx-font-letter-spacing-wide: .025em;--skdx-font-letter-spacing-wider: .05em;--skdx-space-1: .25rem;--skdx-space-2: .5rem;--skdx-space-3: .75rem;--skdx-space-4: 1rem;--skdx-space-5: 1.25rem;--skdx-space-6: 1.5rem;--skdx-space-8: 2rem;--skdx-space-10: 2.5rem;--skdx-space-12: 3rem;--skdx-space-16: 4rem;--skdx-radius-sm: .25rem;--skdx-radius-inner: .375rem;--skdx-radius-md: .5rem;--skdx-radius-lg: .75rem;--skdx-radius-xl: 1rem;--skdx-radius-full: 9999px;--skdx-shadow-sm: 0 1px 2px 0 rgb(var(--skdx-shadow-color) / calc(.05 * var(--skdx-shadow-strength)));--skdx-shadow-md: 0 4px 6px -1px rgb(var(--skdx-shadow-color) / calc(.1 * var(--skdx-shadow-strength))), 0 2px 4px -2px rgb(var(--skdx-shadow-color) / calc(.1 * var(--skdx-shadow-strength)));--skdx-shadow-lg: 0 10px 15px -3px rgb(var(--skdx-shadow-color) / calc(.1 * var(--skdx-shadow-strength))), 0 4px 6px -4px rgb(var(--skdx-shadow-color) / calc(.1 * var(--skdx-shadow-strength)));--skdx-shadow-overlay: 0 25px 50px -12px rgb(var(--skdx-shadow-color) / calc(.25 * var(--skdx-shadow-strength)));--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: .1s;--skdx-motion-duration-normal: .2s;--skdx-motion-duration-slow: .3s;--skdx-motion-easing: cubic-bezier(.16, 1, .3, 1);--skdx-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--skdx-motion-easing-steady: cubic-bezier(.4, 0, .2, 1);--skdx-motion-easing-linear: linear;--skdx-motion-stagger-tight: 4ms;--skdx-motion-stagger-loose: 40ms;--skdx-z-index-base: 0;--skdx-z-index-dropdown: 10;--skdx-z-index-sticky: 20;--skdx-z-index-overlay: 30;--skdx-z-index-modal: 35;--skdx-z-index-popover: 40;--skdx-z-index-toast: 50;--skdx-z-index-max: 9999;--skdx-focus-ring-width: 2px;--skdx-focus-ring-offset: 2px;--skdx-focus-ring-offset-inset: calc(-1 * var(--skdx-focus-ring-width));--skdx-border-width-thin: 1px;--skdx-border-width-thick: 2px;--skdx-border-width-thicker: 4px;--skdx-opacity-disabled: .5;--skdx-opacity-scrim: .6;--skdx-control-height-sm: 1.875rem;--skdx-control-height-md: 2.25rem;--skdx-control-height-lg: 2.625rem;--skdx-control-height-compact: 2rem;--skdx-control-padding-sm: .625rem;--skdx-control-padding-md: var(--skdx-space-3);--skdx-control-padding-lg: var(--skdx-space-4);--skdx-control-gap-sm: var(--skdx-space-1);--skdx-control-gap-md: var(--skdx-space-2);--skdx-control-gap-lg: var(--skdx-space-2);--skdx-icon-size-sm: 1rem;--skdx-icon-size-md: 1.25rem;--skdx-icon-size-lg: 1.5rem;--skdx-indicator-size-sm: 1rem;--skdx-indicator-size-md: 1.25rem;--skdx-indicator-size-lg: 1.5rem;--skdx-item-height-sm: 1.75rem;--skdx-item-height-md: 2.25rem;--skdx-item-height-lg: 2.5rem;--skdx-item-gap: 2px;--skdx-overlay-padding: var(--skdx-space-1);--skdx-overlay-radius: var(--skdx-radius-lg);--skdx-overlay-min-width: 7.5rem;--skdx-field-gap: var(--skdx-space-1);--skdx-field-label-gap: var(--skdx-space-1);--skdx-target-min: 24px}@media(prefers-reduced-motion:reduce){:root{--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: 0ms;--skdx-motion-duration-normal: 0ms;--skdx-motion-duration-slow: 0ms;--skdx-motion-stagger-tight: 0ms;--skdx-motion-stagger-loose: 0ms}}@media(pointer:coarse){:root{--skdx-control-height-sm: 2.25rem;--skdx-control-height-md: 2.75rem;--skdx-control-height-lg: 3rem;--skdx-control-height-compact: 2.75rem;--skdx-item-height-sm: 2.25rem;--skdx-item-height-md: 2.75rem;--skdx-item-height-lg: 3rem;--skdx-target-min: 44px}}:root{--skdx-color-surface-inverse: var(--skdx-color-neutral-900);--skdx-color-text-on-inverse: var(--skdx-color-neutral-50);--skdx-color-surface-page: var(--skdx-color-semantic-background);--skdx-color-surface-default: var(--skdx-color-semantic-surface);--skdx-color-surface-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-surface-raised: var(--skdx-color-semantic-background);--skdx-color-surface-sunken: var(--skdx-color-semantic-surface);--skdx-color-surface-pressed: var(--skdx-color-neutral-200);--skdx-color-surface-selected: var(--skdx-color-primary-50);--skdx-color-surface-disabled: var(--skdx-color-neutral-100);--skdx-color-surface-overlay: var(--skdx-color-semantic-overlay);--skdx-color-text-default: var(--skdx-color-semantic-text);--skdx-color-text-muted: var(--skdx-color-semantic-text-muted);--skdx-color-text-on-accent: var(--skdx-color-semantic-text-inverted);--skdx-color-text-accent: var(--skdx-color-primary-700);--skdx-color-text-disabled: var(--skdx-color-neutral-600);--skdx-color-text-placeholder: var(--skdx-color-semantic-text-muted);--skdx-color-text-danger: var(--skdx-color-danger-700);--skdx-color-text-success: var(--skdx-color-success-800);--skdx-color-text-warning: var(--skdx-color-warning-900);--skdx-color-text-info: var(--skdx-color-primary-700);--skdx-color-border-default: var(--skdx-color-semantic-border);--skdx-color-border-strong: var(--skdx-color-semantic-border-strong);--skdx-color-border-subtle: var(--skdx-color-neutral-200);--skdx-color-border-accent: var(--skdx-color-primary-600);--skdx-color-border-disabled: var(--skdx-color-neutral-200);--skdx-color-border-danger: var(--skdx-color-danger-600);--skdx-color-border-success: var(--skdx-color-success-600);--skdx-color-border-warning: var(--skdx-color-warning-600);--skdx-color-action-primary-bg: var(--skdx-color-primary-600);--skdx-color-action-primary-bg-hover: var(--skdx-color-primary-600);--skdx-color-action-primary-bg-pressed: var(--skdx-color-primary-600);--skdx-color-action-primary-border-hover: var(--skdx-color-primary-800);--skdx-color-action-primary-text: var(--skdx-color-semantic-text-inverted);--skdx-color-action-primary-border: var(--skdx-color-primary-600);--skdx-color-action-secondary-bg: var(--skdx-color-semantic-surface);--skdx-color-action-secondary-bg-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-action-secondary-bg-pressed: var(--skdx-color-neutral-300);--skdx-color-action-secondary-text: var(--skdx-color-semantic-text);--skdx-color-action-secondary-border: var(--skdx-color-semantic-border);--skdx-color-action-outline-text: var(--skdx-color-semantic-text);--skdx-color-action-outline-border: var(--skdx-color-semantic-border-strong);--skdx-color-action-outline-bg-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-action-outline-bg-pressed: var(--skdx-color-neutral-200);--skdx-color-action-ghost-text: var(--skdx-color-semantic-text);--skdx-color-action-ghost-bg-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-action-ghost-bg-pressed: var(--skdx-color-neutral-200);--skdx-color-action-danger-bg: var(--skdx-color-danger-700);--skdx-color-action-danger-bg-hover: var(--skdx-color-danger-800);--skdx-color-action-danger-bg-pressed: var(--skdx-color-danger-900);--skdx-color-action-danger-text: var(--skdx-color-danger-50);--skdx-color-action-danger-border: var(--skdx-color-danger-700);--skdx-color-action-disabled-bg: var(--skdx-color-neutral-100);--skdx-color-action-disabled-text: var(--skdx-color-neutral-700);--skdx-color-action-disabled-border: var(--skdx-color-neutral-200);--skdx-color-field-bg: var(--skdx-color-semantic-background);--skdx-color-field-bg-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-field-bg-disabled: var(--skdx-color-neutral-100);--skdx-color-field-bg-readonly: var(--skdx-color-neutral-50);--skdx-color-field-border: var(--skdx-color-semantic-border-strong);--skdx-color-field-border-hover: var(--skdx-color-neutral-500);--skdx-color-field-border-focus: var(--skdx-color-primary-600);--skdx-color-field-border-invalid: var(--skdx-color-danger-700);--skdx-color-field-text: var(--skdx-color-semantic-text);--skdx-color-selection-bg: var(--skdx-color-primary-600);--skdx-color-selection-bg-hover: var(--skdx-color-primary-600);--skdx-color-selection-mark: var(--skdx-color-semantic-text-inverted);--skdx-color-highlight-bg: var(--skdx-color-semantic-surface-hover);--skdx-color-highlight-text: var(--skdx-color-semantic-text);--skdx-color-status-info-bg: var(--skdx-color-primary-50);--skdx-color-status-info-border: var(--skdx-color-primary-200);--skdx-color-status-info-text: var(--skdx-color-primary-800);--skdx-color-status-info-icon: var(--skdx-color-primary-600);--skdx-color-status-success-bg: var(--skdx-color-success-50);--skdx-color-status-success-border: var(--skdx-color-success-200);--skdx-color-status-success-text: var(--skdx-color-success-800);--skdx-color-status-success-icon: var(--skdx-color-success-600);--skdx-color-status-warning-bg: var(--skdx-color-warning-50);--skdx-color-status-warning-border: var(--skdx-color-warning-200);--skdx-color-status-warning-text: var(--skdx-color-warning-800);--skdx-color-status-warning-icon: var(--skdx-color-warning-600);--skdx-color-status-danger-bg: var(--skdx-color-danger-50);--skdx-color-status-danger-border: var(--skdx-color-danger-200);--skdx-color-status-danger-text: var(--skdx-color-danger-800);--skdx-color-status-danger-icon: var(--skdx-color-danger-600);--skdx-color-status-neutral-bg: var(--skdx-color-semantic-surface);--skdx-color-status-neutral-border: var(--skdx-color-semantic-border);--skdx-color-status-neutral-text: var(--skdx-color-semantic-text);--skdx-color-status-neutral-icon: var(--skdx-color-semantic-text-muted);--skdx-color-focus-ring: var(--skdx-color-semantic-focus-ring);--skdx-color-focus-ring-offset: var(--skdx-color-semantic-background);--skdx-color-separator: var(--skdx-color-semantic-border);--skdx-color-track: var(--skdx-color-neutral-100);--skdx-color-track-fill: var(--skdx-color-primary-600);--skdx-color-skeleton: var(--skdx-color-neutral-200);--skdx-color-skeleton-sheen: var(--skdx-color-neutral-100)}
+:root{--skdx-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--skdx-font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;--skdx-font-size-xs: .75rem;--skdx-font-size-sm: .875rem;--skdx-font-size-md: 1rem;--skdx-font-size-lg: 1.125rem;--skdx-font-size-xl: 1.25rem;--skdx-font-size-2xl: 1.5rem;--skdx-font-size-3xl: 1.875rem;--skdx-font-weight-regular: 400;--skdx-font-weight-medium: 500;--skdx-font-weight-semibold: 600;--skdx-font-weight-bold: 700;--skdx-font-line-height-tight: 1.25;--skdx-font-line-height-snug: 1.43;--skdx-font-line-height-normal: 1.5;--skdx-font-line-height-relaxed: 1.75;--skdx-font-letter-spacing-tight: -.015em;--skdx-font-letter-spacing-normal: 0em;--skdx-font-letter-spacing-wide: .025em;--skdx-font-letter-spacing-wider: .05em;--skdx-space-1: .25rem;--skdx-space-2: .5rem;--skdx-space-3: .75rem;--skdx-space-4: 1rem;--skdx-space-5: 1.25rem;--skdx-space-6: 1.5rem;--skdx-space-8: 2rem;--skdx-space-10: 2.5rem;--skdx-space-12: 3rem;--skdx-space-16: 4rem;--skdx-radius-sm: .25rem;--skdx-radius-inner: .375rem;--skdx-radius-md: .5rem;--skdx-radius-lg: .75rem;--skdx-radius-xl: 1rem;--skdx-radius-full: 9999px;--skdx-shadow-sm: 0 1px 2px 0 rgb(var(--skdx-shadow-color) / calc(.05 * var(--skdx-shadow-strength)));--skdx-shadow-md: 0 4px 6px -1px rgb(var(--skdx-shadow-color) / calc(.1 * var(--skdx-shadow-strength))), 0 2px 4px -2px rgb(var(--skdx-shadow-color) / calc(.1 * var(--skdx-shadow-strength)));--skdx-shadow-lg: 0 10px 15px -3px rgb(var(--skdx-shadow-color) / calc(.1 * var(--skdx-shadow-strength))), 0 4px 6px -4px rgb(var(--skdx-shadow-color) / calc(.1 * var(--skdx-shadow-strength)));--skdx-shadow-overlay: 0 25px 50px -12px rgb(var(--skdx-shadow-color) / calc(.25 * var(--skdx-shadow-strength)));--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: .1s;--skdx-motion-duration-normal: .2s;--skdx-motion-duration-slow: .3s;--skdx-motion-easing: cubic-bezier(.16, 1, .3, 1);--skdx-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--skdx-motion-easing-steady: cubic-bezier(.4, 0, .2, 1);--skdx-motion-easing-linear: linear;--skdx-motion-stagger-tight: 4ms;--skdx-motion-stagger-loose: 40ms;--skdx-z-index-base: 0;--skdx-z-index-dropdown: 10;--skdx-z-index-sticky: 20;--skdx-z-index-overlay: 30;--skdx-z-index-modal: 35;--skdx-z-index-popover: 40;--skdx-z-index-toast: 50;--skdx-z-index-max: 9999;--skdx-focus-ring-width: 2px;--skdx-focus-ring-offset: 2px;--skdx-focus-ring-offset-inset: calc(-1 * var(--skdx-focus-ring-width));--skdx-border-width-thin: 1px;--skdx-border-width-thick: 2px;--skdx-border-width-thicker: 4px;--skdx-opacity-disabled: .5;--skdx-opacity-scrim: .6;--skdx-control-height-sm: 1.875rem;--skdx-control-height-md: 2.25rem;--skdx-control-height-lg: 2.625rem;--skdx-control-height-compact: 2rem;--skdx-control-padding-sm: .625rem;--skdx-control-padding-md: var(--skdx-space-3);--skdx-control-padding-lg: var(--skdx-space-4);--skdx-control-gap-sm: var(--skdx-space-1);--skdx-control-gap-md: var(--skdx-space-2);--skdx-control-gap-lg: var(--skdx-space-2);--skdx-icon-size-sm: 1rem;--skdx-icon-size-md: 1.25rem;--skdx-icon-size-lg: 1.5rem;--skdx-indicator-size-sm: 1rem;--skdx-indicator-size-md: 1.25rem;--skdx-indicator-size-lg: 1.5rem;--skdx-item-height-sm: 1.75rem;--skdx-item-height-md: 2.25rem;--skdx-item-height-lg: 2.5rem;--skdx-item-gap: 2px;--skdx-overlay-padding: var(--skdx-space-1);--skdx-overlay-radius: var(--skdx-radius-lg);--skdx-overlay-min-width: 7.5rem;--skdx-field-gap: var(--skdx-space-1);--skdx-field-label-gap: var(--skdx-space-1);--skdx-target-min: 24px}@media(prefers-reduced-motion:reduce){:root{--skdx-motion-duration-instant: 0ms;--skdx-motion-duration-fast: 0ms;--skdx-motion-duration-normal: 0ms;--skdx-motion-duration-slow: 0ms;--skdx-motion-stagger-tight: 0ms;--skdx-motion-stagger-loose: 0ms}}@media(pointer:coarse){:root{--skdx-control-height-sm: 2.25rem;--skdx-control-height-md: 2.75rem;--skdx-control-height-lg: 3rem;--skdx-control-height-compact: 2.75rem;--skdx-item-height-sm: 2.25rem;--skdx-item-height-md: 2.75rem;--skdx-item-height-lg: 3rem;--skdx-target-min: 44px}}:root{--skdx-color-surface-inverse: var(--skdx-color-neutral-900);--skdx-color-text-on-inverse: var(--skdx-color-neutral-50);--skdx-color-surface-page: var(--skdx-color-semantic-background);--skdx-color-surface-default: var(--skdx-color-semantic-surface);--skdx-color-surface-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-surface-raised: var(--skdx-color-semantic-background);--skdx-color-surface-sunken: var(--skdx-color-semantic-surface);--skdx-color-surface-pressed: var(--skdx-color-neutral-200);--skdx-color-surface-selected: var(--skdx-color-primary-50);--skdx-color-surface-disabled: var(--skdx-color-neutral-100);--skdx-color-surface-overlay: var(--skdx-color-semantic-overlay);--skdx-color-text-default: var(--skdx-color-semantic-text);--skdx-color-text-muted: var(--skdx-color-semantic-text-muted);--skdx-color-text-on-accent: var(--skdx-color-semantic-text-inverted);--skdx-color-text-accent: var(--skdx-color-primary-700);--skdx-color-text-disabled: var(--skdx-color-neutral-600);--skdx-color-text-placeholder: var(--skdx-color-semantic-text-muted);--skdx-color-text-danger: var(--skdx-color-danger-700);--skdx-color-text-success: var(--skdx-color-success-800);--skdx-color-text-warning: var(--skdx-color-warning-900);--skdx-color-text-info: var(--skdx-color-primary-700);--skdx-color-border-default: var(--skdx-color-semantic-border);--skdx-color-border-strong: var(--skdx-color-semantic-border-strong);--skdx-color-border-subtle: var(--skdx-color-neutral-200);--skdx-color-border-accent: var(--skdx-color-primary-600);--skdx-color-border-disabled: var(--skdx-color-neutral-200);--skdx-color-border-danger: var(--skdx-color-danger-600);--skdx-color-border-success: var(--skdx-color-success-600);--skdx-color-border-warning: var(--skdx-color-warning-600);--skdx-color-action-primary-bg: var(--skdx-color-primary-600);--skdx-color-action-primary-bg-hover: var(--skdx-color-primary-600);--skdx-color-action-primary-border-hover: var(--skdx-color-primary-800);--skdx-color-action-primary-text: var(--skdx-color-semantic-text-inverted);--skdx-color-action-primary-border: var(--skdx-color-primary-600);--skdx-color-action-secondary-bg: var(--skdx-color-semantic-surface);--skdx-color-action-secondary-bg-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-action-secondary-bg-pressed: var(--skdx-color-neutral-300);--skdx-color-action-secondary-text: var(--skdx-color-semantic-text);--skdx-color-action-secondary-border: var(--skdx-color-semantic-border);--skdx-color-action-outline-text: var(--skdx-color-semantic-text);--skdx-color-action-outline-border: var(--skdx-color-semantic-border-strong);--skdx-color-action-outline-bg-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-action-outline-bg-pressed: var(--skdx-color-neutral-200);--skdx-color-action-ghost-text: var(--skdx-color-semantic-text);--skdx-color-action-ghost-bg-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-action-ghost-bg-pressed: var(--skdx-color-neutral-200);--skdx-color-action-danger-bg: var(--skdx-color-danger-700);--skdx-color-action-danger-bg-hover: var(--skdx-color-danger-800);--skdx-color-action-danger-bg-pressed: var(--skdx-color-danger-900);--skdx-color-action-danger-text: var(--skdx-color-danger-50);--skdx-color-action-danger-border: var(--skdx-color-danger-700);--skdx-color-action-disabled-bg: var(--skdx-color-neutral-100);--skdx-color-action-disabled-text: var(--skdx-color-neutral-700);--skdx-color-action-disabled-border: var(--skdx-color-neutral-200);--skdx-color-field-bg: var(--skdx-color-semantic-background);--skdx-color-field-bg-hover: var(--skdx-color-semantic-surface-hover);--skdx-color-field-bg-disabled: var(--skdx-color-neutral-100);--skdx-color-field-bg-readonly: var(--skdx-color-neutral-50);--skdx-color-field-border: var(--skdx-color-semantic-border-strong);--skdx-color-field-border-hover: var(--skdx-color-neutral-500);--skdx-color-field-border-focus: var(--skdx-color-primary-600);--skdx-color-field-border-invalid: var(--skdx-color-danger-700);--skdx-color-field-text: var(--skdx-color-semantic-text);--skdx-color-selection-bg: var(--skdx-color-primary-600);--skdx-color-selection-mark: var(--skdx-color-semantic-text-inverted);--skdx-color-highlight-bg: var(--skdx-color-semantic-surface-hover);--skdx-color-highlight-text: var(--skdx-color-semantic-text);--skdx-color-status-info-bg: var(--skdx-color-primary-50);--skdx-color-status-info-border: var(--skdx-color-primary-200);--skdx-color-status-info-text: var(--skdx-color-primary-800);--skdx-color-status-info-icon: var(--skdx-color-primary-600);--skdx-color-status-success-bg: var(--skdx-color-success-50);--skdx-color-status-success-border: var(--skdx-color-success-200);--skdx-color-status-success-text: var(--skdx-color-success-800);--skdx-color-status-success-icon: var(--skdx-color-success-600);--skdx-color-status-warning-bg: var(--skdx-color-warning-50);--skdx-color-status-warning-border: var(--skdx-color-warning-200);--skdx-color-status-warning-text: var(--skdx-color-warning-800);--skdx-color-status-warning-icon: var(--skdx-color-warning-600);--skdx-color-status-danger-bg: var(--skdx-color-danger-50);--skdx-color-status-danger-border: var(--skdx-color-danger-200);--skdx-color-status-danger-text: var(--skdx-color-danger-800);--skdx-color-status-danger-icon: var(--skdx-color-danger-600);--skdx-color-status-neutral-bg: var(--skdx-color-semantic-surface);--skdx-color-status-neutral-border: var(--skdx-color-semantic-border);--skdx-color-status-neutral-text: var(--skdx-color-semantic-text);--skdx-color-status-neutral-icon: var(--skdx-color-semantic-text-muted);--skdx-color-focus-ring: var(--skdx-color-semantic-focus-ring);--skdx-color-separator: var(--skdx-color-semantic-border);--skdx-color-track: var(--skdx-color-neutral-100);--skdx-color-track-fill: var(--skdx-color-primary-600);--skdx-color-skeleton: var(--skdx-color-neutral-200)}@media(prefers-contrast:more){:root{--skdx-color-border-default: var(--skdx-color-semantic-border-strong);--skdx-color-border-strong: var(--skdx-color-semantic-text-muted);--skdx-color-border-subtle: var(--skdx-color-neutral-400);--skdx-color-text-muted: var(--skdx-color-semantic-text);--skdx-color-text-placeholder: var(--skdx-color-semantic-text);--skdx-color-text-disabled: var(--skdx-color-neutral-800);--skdx-color-focus-ring: var(--skdx-color-semantic-text);--skdx-color-separator: var(--skdx-color-semantic-border-strong)}}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var g=(s,o)=>{for(var h in o)m(s,h,{get:o[h],enumerable:!0})},y=(s,o,h,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of T(o))!k.call(s,n)&&n!==h&&m(s,n,{get:()=>o[n],enumerable:!(d=l(o,n))||d.enumerable});return s};var D=s=>y(m({},"__esModule",{value:!0}),s);var C={};g(C,{BRAND_STORAGE_KEY:()=>t.BRAND_STORAGE_KEY,MODE_STORAGE_KEY:()=>t.MODE_STORAGE_KEY,aliasesToCss:()=>r.aliasesToCss,aliasesToCssVars:()=>r.aliasesToCssVars,antBrand:()=>e.antBrand,antDark:()=>e.antDark,applyTheme:()=>i.applyTheme,borderWidth:()=>a.borderWidth,brands:()=>e.brands,breakpoints:()=>a.breakpoints,catppuccinLatte:()=>e.catppuccinLatte,catppuccinMocha:()=>e.catppuccinMocha,chakraBrand:()=>e.chakraBrand,chakraDark:()=>e.chakraDark,coarsePointerToCssVars:()=>a.coarsePointerToCssVars,colorAliases:()=>r.colorAliases,contrastRatio:()=>c.contrastRatio,controls:()=>a.controls,controlsCoarse:()=>a.controlsCoarse,createTheme:()=>p.createTheme,cupcakeDark:()=>e.cupcakeDark,cupcakeLight:()=>e.cupcakeLight,darkAliasesToCss:()=>r.darkAliasesToCss,darkColorAliases:()=>r.darkColorAliases,defaultBrand:()=>e.defaultBrand,defaultTheme:()=>p.defaultTheme,draculaDark:()=>e.draculaDark,draculaLight:()=>e.draculaLight,emeraldBrand:()=>e.emeraldBrand,emeraldDark:()=>e.emeraldDark,everforestDark:()=>e.everforestDark,everforestLight:()=>e.everforestLight,fluentBrand:()=>e.fluentBrand,fluentDark:()=>e.fluentDark,focusRing:()=>a.focusRing,foundationToCss:()=>a.foundationToCss,foundationToCssVars:()=>a.foundationToCssVars,getBrand:()=>e.getBrand,getBrandByThemeName:()=>e.getBrandByThemeName,getThemeInitScript:()=>t.getThemeInitScript,graphiteBrand:()=>e.graphiteBrand,graphiteDark:()=>e.graphiteDark,gruvboxDark:()=>e.gruvboxDark,gruvboxLight:()=>e.gruvboxLight,materialBrand:()=>e.materialBrand,materialDark:()=>e.materialDark,midnightBrand:()=>e.midnightBrand,midnightLight:()=>e.midnightLight,motion:()=>a.motion,nordDark:()=>e.nordDark,nordLight:()=>e.nordLight,oneDark:()=>e.oneDark,oneLight:()=>e.oneLight,opacity:()=>a.opacity,primerDark:()=>e.primerDark,primerLight:()=>e.primerLight,radii:()=>a.radii,rosePine:()=>e.rosePine,rosePineDawn:()=>e.rosePineDawn,shadows:()=>a.shadows,skandaDark:()=>e.skandaDark,skandaLight:()=>e.skandaLight,solarizedDark:()=>e.solarizedDark,solarizedLight:()=>e.solarizedLight,space:()=>a.space,synthwaveDark:()=>e.synthwaveDark,synthwaveLight:()=>e.synthwaveLight,themeToCss:()=>i.themeToCss,themeToCssVars:()=>i.themeToCssVars,themes:()=>e.themes,typography:()=>a.typography,watchSystemMode:()=>t.watchSystemMode,zIndex:()=>a.zIndex});module.exports=D(C);var p=require("./themes/DefaultTheme.cjs"),i=require("./utils/toCss.cjs"),r=require("./utils/aliases.cjs"),a=require("./utils/foundation.cjs"),c=require("./utils/contrast.cjs"),t=require("./utils/mode.cjs"),e=require("./themes/index.cjs");0&&(module.exports={BRAND_STORAGE_KEY,MODE_STORAGE_KEY,aliasesToCss,aliasesToCssVars,antBrand,antDark,applyTheme,borderWidth,brands,breakpoints,catppuccinLatte,catppuccinMocha,chakraBrand,chakraDark,coarsePointerToCssVars,colorAliases,contrastRatio,controls,controlsCoarse,createTheme,cupcakeDark,cupcakeLight,darkAliasesToCss,darkColorAliases,defaultBrand,defaultTheme,draculaDark,draculaLight,emeraldBrand,emeraldDark,everforestDark,everforestLight,fluentBrand,fluentDark,focusRing,foundationToCss,foundationToCssVars,getBrand,getBrandByThemeName,getThemeInitScript,graphiteBrand,graphiteDark,gruvboxDark,gruvboxLight,materialBrand,materialDark,midnightBrand,midnightLight,motion,nordDark,nordLight,oneDark,oneLight,opacity,primerDark,primerLight,radii,rosePine,rosePineDawn,shadows,skandaDark,skandaLight,solarizedDark,solarizedLight,space,synthwaveDark,synthwaveLight,themeToCss,themeToCssVars,themes,typography,watchSystemMode,zIndex});
+"use strict";var m=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var y=(s,o)=>{for(var n in o)m(s,n,{get:o[n],enumerable:!0})},C=(s,o,n,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let h of g(o))!k.call(s,h)&&h!==n&&m(s,h,{get:()=>o[h],enumerable:!(c=T(o,h))||c.enumerable});return s};var D=s=>C(m({},"__esModule",{value:!0}),s);var f={};y(f,{BRAND_STORAGE_KEY:()=>t.BRAND_STORAGE_KEY,MODE_STORAGE_KEY:()=>t.MODE_STORAGE_KEY,aliasesToCss:()=>r.aliasesToCss,aliasesToCssVars:()=>r.aliasesToCssVars,antDark:()=>e.antDark,antLight:()=>e.antLight,applyTheme:()=>i.applyTheme,borderWidth:()=>a.borderWidth,brands:()=>e.brands,breakpoints:()=>a.breakpoints,catppuccinLatte:()=>e.catppuccinLatte,catppuccinMocha:()=>e.catppuccinMocha,chakraDark:()=>e.chakraDark,chakraLight:()=>e.chakraLight,coarsePointerToCssVars:()=>a.coarsePointerToCssVars,colorAliases:()=>r.colorAliases,contrastAliasesToCss:()=>r.contrastAliasesToCss,contrastColorAliases:()=>r.contrastColorAliases,contrastRatio:()=>d.contrastRatio,controls:()=>a.controls,controlsCoarse:()=>a.controlsCoarse,createTheme:()=>p.createTheme,cupcakeDark:()=>e.cupcakeDark,cupcakeLight:()=>e.cupcakeLight,darkAliasesToCss:()=>r.darkAliasesToCss,darkColorAliases:()=>r.darkColorAliases,defaultBrand:()=>e.defaultBrand,defaultTheme:()=>p.defaultTheme,draculaDark:()=>e.draculaDark,draculaLight:()=>e.draculaLight,emeraldDark:()=>e.emeraldDark,emeraldLight:()=>e.emeraldLight,everforestDark:()=>e.everforestDark,everforestLight:()=>e.everforestLight,fluentDark:()=>e.fluentDark,fluentLight:()=>e.fluentLight,focusRing:()=>a.focusRing,foundationToCss:()=>a.foundationToCss,foundationToCssVars:()=>a.foundationToCssVars,getBrand:()=>e.getBrand,getBrandByThemeName:()=>e.getBrandByThemeName,getThemeInitScript:()=>t.getThemeInitScript,graphiteDark:()=>e.graphiteDark,graphiteLight:()=>e.graphiteLight,gruvboxDark:()=>e.gruvboxDark,gruvboxLight:()=>e.gruvboxLight,materialDark:()=>e.materialDark,materialLight:()=>e.materialLight,midnightDark:()=>e.midnightDark,midnightLight:()=>e.midnightLight,motion:()=>a.motion,nordDark:()=>e.nordDark,nordLight:()=>e.nordLight,oneDark:()=>e.oneDark,oneLight:()=>e.oneLight,opacity:()=>a.opacity,primerDark:()=>e.primerDark,primerLight:()=>e.primerLight,radii:()=>a.radii,rosePine:()=>e.rosePine,rosePineDawn:()=>e.rosePineDawn,sectionsToCssVars:()=>l.sectionsToCssVars,shadows:()=>a.shadows,skandaDark:()=>e.skandaDark,skandaLight:()=>e.skandaLight,solarizedDark:()=>e.solarizedDark,solarizedLight:()=>e.solarizedLight,space:()=>a.space,synthwaveDark:()=>e.synthwaveDark,synthwaveLight:()=>e.synthwaveLight,themeToCss:()=>i.themeToCss,themeToCssVars:()=>i.themeToCssVars,themes:()=>e.themes,typography:()=>a.typography,watchSystemMode:()=>t.watchSystemMode,zIndex:()=>a.zIndex});module.exports=D(f);var p=require("./themes/DefaultTheme.cjs"),i=require("./utils/toCss.cjs"),l=require("./utils/cssVars.cjs"),r=require("./utils/aliases.cjs"),a=require("./utils/foundation.cjs"),d=require("./utils/contrast.cjs"),t=require("./utils/mode.cjs"),e=require("./themes/index.cjs");0&&(module.exports={BRAND_STORAGE_KEY,MODE_STORAGE_KEY,aliasesToCss,aliasesToCssVars,antDark,antLight,applyTheme,borderWidth,brands,breakpoints,catppuccinLatte,catppuccinMocha,chakraDark,chakraLight,coarsePointerToCssVars,colorAliases,contrastAliasesToCss,contrastColorAliases,contrastRatio,controls,controlsCoarse,createTheme,cupcakeDark,cupcakeLight,darkAliasesToCss,darkColorAliases,defaultBrand,defaultTheme,draculaDark,draculaLight,emeraldDark,emeraldLight,everforestDark,everforestLight,fluentDark,fluentLight,focusRing,foundationToCss,foundationToCssVars,getBrand,getBrandByThemeName,getThemeInitScript,graphiteDark,graphiteLight,gruvboxDark,gruvboxLight,materialDark,materialLight,midnightDark,midnightLight,motion,nordDark,nordLight,oneDark,oneLight,opacity,primerDark,primerLight,radii,rosePine,rosePineDawn,sectionsToCssVars,shadows,skandaDark,skandaLight,solarizedDark,solarizedLight,space,synthwaveDark,synthwaveLight,themeToCss,themeToCssVars,themes,typography,watchSystemMode,zIndex});

package/dist/index.d.cts

@@ -1,8 +1,9 @@
 export type { Theme, ThemeColorMode, ThemeOverride, ThemeColors, ColorScale, SemanticColors, ThemeTypography, ThemeSpace, ThemeRadii, ThemeControls, ThemeControlsCoarse, ThemeShadows, ThemeShadowColor, ThemeTypographyDeviation, ThemeMotionDeviation, ThemeMotion, } from './utils/theme.cjs';
 export { defaultTheme, createTheme } from './themes/DefaultTheme.cjs';
 export { themeToCss, themeToCssVars, applyTheme, type ThemeToCssOptions } from './utils/toCss.cjs';
-export { aliasesToCss, aliasesToCssVars, colorAliases, darkAliasesToCss, darkColorAliases, } from './utils/aliases.cjs';
+export { sectionsToCssVars, type CssVar, type CssVarSection } from './utils/cssVars.cjs';
+export { aliasesToCss, aliasesToCssVars, colorAliases, contrastAliasesToCss, contrastColorAliases, darkAliasesToCss, darkColorAliases, } from './utils/aliases.cjs';
 export { typography, space, radii, shadows, motion, zIndex, focusRing, borderWidth, opacity, breakpoints, controls, controlsCoarse, foundationToCss, foundationToCssVars, coarsePointerToCssVars, type ZIndexScale, type FocusRingScale, type BorderWidthScale, type OpacityScale, type BreakpointScale, } from './utils/foundation.cjs';
 export { contrastRatio } from './utils/contrast.cjs';
 export { watchSystemMode, getThemeInitScript, MODE_STORAGE_KEY, BRAND_STORAGE_KEY, type WatchSystemModeOptions, type ThemeInitScriptOptions, } from './utils/mode.cjs';
-export { skandaLight, emeraldBrand, midnightBrand, graphiteBrand, materialBrand, antBrand, fluentBrand, chakraBrand, nordDark, draculaDark, catppuccinLatte, catppuccinMocha, solarizedLight, solarizedDark, gruvboxDark, rosePine, everforestDark, oneDark, primerLight, primerDark, cupcakeLight, synthwaveDark, skandaDark, emeraldDark, midnightLight, graphiteDark, materialDark, antDark, fluentDark, chakraDark, nordLight, draculaLight, gruvboxLight, rosePineDawn, everforestLight, oneLight, cupcakeDark, synthwaveLight, themes, brands, defaultBrand, getBrand, getBrandByThemeName, type Brand, } from './themes/index.cjs';
+export { skandaLight, emeraldLight, midnightDark, graphiteLight, materialLight, antLight, fluentLight, chakraLight, nordDark, draculaDark, catppuccinLatte, catppuccinMocha, solarizedLight, solarizedDark, gruvboxDark, rosePine, everforestDark, oneDark, primerLight, primerDark, cupcakeLight, synthwaveDark, skandaDark, emeraldDark, midnightLight, graphiteDark, materialDark, antDark, fluentDark, chakraDark, nordLight, draculaLight, gruvboxLight, rosePineDawn, everforestLight, oneLight, cupcakeDark, synthwaveLight, themes, brands, defaultBrand, getBrand, getBrandByThemeName, type Brand, } from './themes/index.cjs';

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 export type { Theme, ThemeColorMode, ThemeOverride, ThemeColors, ColorScale, SemanticColors, ThemeTypography, ThemeSpace, ThemeRadii, ThemeControls, ThemeControlsCoarse, ThemeShadows, ThemeShadowColor, ThemeTypographyDeviation, ThemeMotionDeviation, ThemeMotion, } from './utils/theme.js';
 export { defaultTheme, createTheme } from './themes/DefaultTheme.js';
 export { themeToCss, themeToCssVars, applyTheme, type ThemeToCssOptions } from './utils/toCss.js';
-export { aliasesToCss, aliasesToCssVars, colorAliases, darkAliasesToCss, darkColorAliases, } from './utils/aliases.js';
+export { sectionsToCssVars, type CssVar, type CssVarSection } from './utils/cssVars.js';
+export { aliasesToCss, aliasesToCssVars, colorAliases, contrastAliasesToCss, contrastColorAliases, darkAliasesToCss, darkColorAliases, } from './utils/aliases.js';
 export { typography, space, radii, shadows, motion, zIndex, focusRing, borderWidth, opacity, breakpoints, controls, controlsCoarse, foundationToCss, foundationToCssVars, coarsePointerToCssVars, type ZIndexScale, type FocusRingScale, type BorderWidthScale, type OpacityScale, type BreakpointScale, } from './utils/foundation.js';
 export { contrastRatio } from './utils/contrast.js';
 export { watchSystemMode, getThemeInitScript, MODE_STORAGE_KEY, BRAND_STORAGE_KEY, type WatchSystemModeOptions, type ThemeInitScriptOptions, } from './utils/mode.js';
-export { skandaLight, emeraldBrand, midnightBrand, graphiteBrand, materialBrand, antBrand, fluentBrand, chakraBrand, nordDark, draculaDark, catppuccinLatte, catppuccinMocha, solarizedLight, solarizedDark, gruvboxDark, rosePine, everforestDark, oneDark, primerLight, primerDark, cupcakeLight, synthwaveDark, skandaDark, emeraldDark, midnightLight, graphiteDark, materialDark, antDark, fluentDark, chakraDark, nordLight, draculaLight, gruvboxLight, rosePineDawn, everforestLight, oneLight, cupcakeDark, synthwaveLight, themes, brands, defaultBrand, getBrand, getBrandByThemeName, type Brand, } from './themes/index.js';
+export { skandaLight, emeraldLight, midnightDark, graphiteLight, materialLight, antLight, fluentLight, chakraLight, nordDark, draculaDark, catppuccinLatte, catppuccinMocha, solarizedLight, solarizedDark, gruvboxDark, rosePine, everforestDark, oneDark, primerLight, primerDark, cupcakeLight, synthwaveDark, skandaDark, emeraldDark, midnightLight, graphiteDark, materialDark, antDark, fluentDark, chakraDark, nordLight, draculaLight, gruvboxLight, rosePineDawn, everforestLight, oneLight, cupcakeDark, synthwaveLight, themes, brands, defaultBrand, getBrand, getBrandByThemeName, type Brand, } from './themes/index.js';

package/dist/index.js

@@ -1 +1 @@
-import{defaultTheme as r,createTheme as o}from"./themes/DefaultTheme.js";import{themeToCss as s,themeToCssVars as i,applyTheme as n}from"./utils/toCss.js";import{aliasesToCss as p,aliasesToCssVars as m,colorAliases as d,darkAliasesToCss as c,darkColorAliases as l}from"./utils/aliases.js";import{typography as k,space as g,radii as y,shadows as D,motion as C,zIndex as f,focusRing as u,borderWidth as S,opacity as B,breakpoints as x,controls as L,controlsCoarse as v,foundationToCss as O,foundationToCssVars as w,coarsePointerToCssVars as M}from"./utils/foundation.js";import{contrastRatio as A}from"./utils/contrast.js";import{watchSystemMode as E,getThemeInitScript as I,MODE_STORAGE_KEY as V,BRAND_STORAGE_KEY as _}from"./utils/mode.js";import{skandaLight as P,emeraldBrand as W,midnightBrand as G,graphiteBrand as K,materialBrand as N,antBrand as Y,fluentBrand as F,chakraBrand as Z,nordDark as j,draculaDark as q,catppuccinLatte as H,catppuccinMocha as J,solarizedLight as Q,solarizedDark as U,gruvboxDark as X,rosePine as $,everforestDark as ee,oneDark as ae,primerLight as re,primerDark as oe,cupcakeLight as te,synthwaveDark as se,skandaDark as ie,emeraldDark as ne,midnightLight as he,graphiteDark as pe,materialDark as me,antDark as de,fluentDark as ce,chakraDark as le,nordLight as Te,draculaLight as ke,gruvboxLight as ge,rosePineDawn as ye,everforestLight as De,oneLight as Ce,cupcakeDark as fe,synthwaveLight as ue,themes as Se,brands as Be,defaultBrand as xe,getBrand as Le,getBrandByThemeName as ve}from"./themes/index.js";export{_ as BRAND_STORAGE_KEY,V as MODE_STORAGE_KEY,p as aliasesToCss,m as aliasesToCssVars,Y as antBrand,de as antDark,n as applyTheme,S as borderWidth,Be as brands,x as breakpoints,H as catppuccinLatte,J as catppuccinMocha,Z as chakraBrand,le as chakraDark,M as coarsePointerToCssVars,d as colorAliases,A as contrastRatio,L as controls,v as controlsCoarse,o as createTheme,fe as cupcakeDark,te as cupcakeLight,c as darkAliasesToCss,l as darkColorAliases,xe as defaultBrand,r as defaultTheme,q as draculaDark,ke as draculaLight,W as emeraldBrand,ne as emeraldDark,ee as everforestDark,De as everforestLight,F as fluentBrand,ce as fluentDark,u as focusRing,O as foundationToCss,w as foundationToCssVars,Le as getBrand,ve as getBrandByThemeName,I as getThemeInitScript,K as graphiteBrand,pe as graphiteDark,X as gruvboxDark,ge as gruvboxLight,N as materialBrand,me as materialDark,G as midnightBrand,he as midnightLight,C as motion,j as nordDark,Te as nordLight,ae as oneDark,Ce as oneLight,B as opacity,oe as primerDark,re as primerLight,y as radii,$ as rosePine,ye as rosePineDawn,D as shadows,ie as skandaDark,P as skandaLight,U as solarizedDark,Q as solarizedLight,g as space,se as synthwaveDark,ue as synthwaveLight,s as themeToCss,i as themeToCssVars,Se as themes,k as typography,E as watchSystemMode,f as zIndex};
+import{defaultTheme as r,createTheme as o}from"./themes/DefaultTheme.js";import{themeToCss as s,themeToCssVars as i,applyTheme as h}from"./utils/toCss.js";import{sectionsToCssVars as p}from"./utils/cssVars.js";import{aliasesToCss as c,aliasesToCssVars as l,colorAliases as d,contrastAliasesToCss as T,contrastColorAliases as g,darkAliasesToCss as k,darkColorAliases as y}from"./utils/aliases.js";import{typography as D,space as f,radii as L,shadows as u,motion as S,zIndex as x,focusRing as v,borderWidth as A,opacity as B,breakpoints as O,controls as w,controlsCoarse as M,foundationToCss as R,foundationToCssVars as V,coarsePointerToCssVars as b}from"./utils/foundation.js";import{contrastRatio as I}from"./utils/contrast.js";import{watchSystemMode as z,getThemeInitScript as P,MODE_STORAGE_KEY as W,BRAND_STORAGE_KEY as G}from"./utils/mode.js";import{skandaLight as N,emeraldLight as Y,midnightDark as F,graphiteLight as Z,materialLight as j,antLight as q,fluentLight as H,chakraLight as J,nordDark as Q,draculaDark as U,catppuccinLatte as X,catppuccinMocha as $,solarizedLight as ee,solarizedDark as ae,gruvboxDark as re,rosePine as oe,everforestDark as te,oneDark as se,primerLight as ie,primerDark as he,cupcakeLight as ne,synthwaveDark as pe,skandaDark as me,emeraldDark as ce,midnightLight as le,graphiteDark as de,materialDark as Te,antDark as ge,fluentDark as ke,chakraDark as ye,nordLight as Ce,draculaLight as De,gruvboxLight as fe,rosePineDawn as Le,everforestLight as ue,oneLight as Se,cupcakeDark as xe,synthwaveLight as ve,themes as Ae,brands as Be,defaultBrand as Oe,getBrand as we,getBrandByThemeName as Me}from"./themes/index.js";export{G as BRAND_STORAGE_KEY,W as MODE_STORAGE_KEY,c as aliasesToCss,l as aliasesToCssVars,ge as antDark,q as antLight,h as applyTheme,A as borderWidth,Be as brands,O as breakpoints,X as catppuccinLatte,$ as catppuccinMocha,ye as chakraDark,J as chakraLight,b as coarsePointerToCssVars,d as colorAliases,T as contrastAliasesToCss,g as contrastColorAliases,I as contrastRatio,w as controls,M as controlsCoarse,o as createTheme,xe as cupcakeDark,ne as cupcakeLight,k as darkAliasesToCss,y as darkColorAliases,Oe as defaultBrand,r as defaultTheme,U as draculaDark,De as draculaLight,ce as emeraldDark,Y as emeraldLight,te as everforestDark,ue as everforestLight,ke as fluentDark,H as fluentLight,v as focusRing,R as foundationToCss,V as foundationToCssVars,we as getBrand,Me as getBrandByThemeName,P as getThemeInitScript,de as graphiteDark,Z as graphiteLight,re as gruvboxDark,fe as gruvboxLight,Te as materialDark,j as materialLight,F as midnightDark,le as midnightLight,S as motion,Q as nordDark,Ce as nordLight,se as oneDark,Se as oneLight,B as opacity,he as primerDark,ie as primerLight,L as radii,oe as rosePine,Le as rosePineDawn,p as sectionsToCssVars,u as shadows,me as skandaDark,N as skandaLight,ae as solarizedDark,ee as solarizedLight,f as space,pe as synthwaveDark,ve as synthwaveLight,s as themeToCss,i as themeToCssVars,Ae as themes,D as typography,z as watchSystemMode,x as zIndex};

package/dist/themes/AntDark.cjs

@@ -1 +1 @@
-"use strict";var t=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var s=(r,e)=>{for(var f in e)t(r,f,{get:e[f],enumerable:!0})},u=(r,e,f,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of b(e))!m.call(r,a)&&a!==f&&t(r,a,{get:()=>e[a],enumerable:!(c=n(e,a))||c.enumerable});return r};var g=r=>u(t({},"__esModule",{value:!0}),r);var k={};s(k,{antDark:()=>i});module.exports=g(k);var o=require("./AntBrand.cjs"),d=require("./DefaultTheme.cjs"),i=(0,d.createTheme)("ant-dark",{mode:"dark",colors:{primary:{50:"#f3f9fe",100:"#e4f1fc",200:"#c5e1f8",300:"#9ecdf4",400:"#7abaef",500:"#5baaec",600:"#3c9ae8",700:"#327dbd",800:"#2a669a",900:"#23527c",950:"#18324c"},neutral:{200:"#303030",300:"#424242",800:"#1f1f1f",900:"#141414",950:"#0a0a0a"},semantic:{background:"#141414",surface:"#1f1f1f",surfaceHover:"#262626",overlay:"rgb(0 0 0 / 0.65)",text:"#d9d9d9",textMuted:"#8c8c8c",textInverted:"#141414",border:"#303030",borderStrong:"#6b6b6b",focusRing:"#4096ff"}},shadow:{color:"0 0 0",strength:"4.7"}},o.antBrand);0&&(module.exports={antDark});
+"use strict";var f=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var s=(r,e)=>{for(var a in e)f(r,a,{get:e[a],enumerable:!0})},i=(r,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of n(e))!b.call(r,t)&&t!==a&&f(r,t,{get:()=>e[t],enumerable:!(o=m(e,t))||o.enumerable});return r};var h=r=>i(f({},"__esModule",{value:!0}),r);var g={};s(g,{antDark:()=>u});module.exports=h(g);var c=require("./AntLight.cjs"),d=require("./DefaultTheme.cjs"),u=(0,d.createTheme)("ant-dark",{mode:"dark",colors:{primary:{50:"#f3f9fe",100:"#e4f1fc",200:"#c5e1f8",300:"#9ecdf4",400:"#7abaef",500:"#5baaec",600:"#3c9ae8",700:"#327dbd",800:"#2a669a",900:"#23527c",950:"#18324c"},neutral:{200:"#303030",300:"#424242",800:"#1f1f1f",900:"#141414",950:"#0a0a0a"},semantic:{background:"#141414",surface:"#1f1f1f",surfaceHover:"#262626",overlay:"rgb(0 0 0 / 0.65)",text:"#d9d9d9",textMuted:"#8c8c8c",textInverted:"#141414",border:"#303030",borderStrong:"#6b6b6b",focusRing:"#4096ff"}},shadow:{color:"0 0 0",strength:"4.7"}},c.antLight);0&&(module.exports={antDark});

package/dist/themes/AntDark.d.cts

@@ -1,12 +1,3 @@
-/**
- * Dark counterpart of `ant-daybreak`, following Ant Design's dark
- * algorithm surfaces (#141414 / #1f1f1f) and daybreak-blue accents.
- *
- * The accent comes from Ant's *dark* daybreak ramp rather than the light
- * one — Ant's dark algorithm re-derives the palette against #141414, and
- * the light ramp's blue-7 lands at 2.99:1 there. This takes the dark ramp's
- * seventh step, which clears the gate with dark ink on the filled state.
- *
- * @public
- */
-export declare const antDark: import("../index.cjs").Theme;
+import type { Theme } from '../utils/theme.cjs';
+/** Dark counterpart of Ant Design's dark surfaces (#141414/#1f1f1f), using the dark-derived blue since the light ramp's blue fails contrast on dark backgrounds. @public */
+export declare const antDark: Theme;

package/dist/themes/AntDark.d.ts

@@ -1,12 +1,3 @@
-/**
- * Dark counterpart of `ant-daybreak`, following Ant Design's dark
- * algorithm surfaces (#141414 / #1f1f1f) and daybreak-blue accents.
- *
- * The accent comes from Ant's *dark* daybreak ramp rather than the light
- * one — Ant's dark algorithm re-derives the palette against #141414, and
- * the light ramp's blue-7 lands at 2.99:1 there. This takes the dark ramp's
- * seventh step, which clears the gate with dark ink on the filled state.
- *
- * @public
- */
-export declare const antDark: import("../index.js").Theme;
+import type { Theme } from '../utils/theme.js';
+/** Dark counterpart of Ant Design's dark surfaces (#141414/#1f1f1f), using the dark-derived blue since the light ramp's blue fails contrast on dark backgrounds. @public */
+export declare const antDark: Theme;

package/dist/themes/AntDark.js

@@ -1 +1 @@
-import{antBrand as e}from"./AntBrand.js";import{createTheme as r}from"./DefaultTheme.js";var t=r("ant-dark",{mode:"dark",colors:{primary:{50:"#f3f9fe",100:"#e4f1fc",200:"#c5e1f8",300:"#9ecdf4",400:"#7abaef",500:"#5baaec",600:"#3c9ae8",700:"#327dbd",800:"#2a669a",900:"#23527c",950:"#18324c"},neutral:{200:"#303030",300:"#424242",800:"#1f1f1f",900:"#141414",950:"#0a0a0a"},semantic:{background:"#141414",surface:"#1f1f1f",surfaceHover:"#262626",overlay:"rgb(0 0 0 / 0.65)",text:"#d9d9d9",textMuted:"#8c8c8c",textInverted:"#141414",border:"#303030",borderStrong:"#6b6b6b",focusRing:"#4096ff"}},shadow:{color:"0 0 0",strength:"4.7"}},e);export{t as antDark};
+import{antLight as e}from"./AntLight.js";import{createTheme as r}from"./DefaultTheme.js";var f=r("ant-dark",{mode:"dark",colors:{primary:{50:"#f3f9fe",100:"#e4f1fc",200:"#c5e1f8",300:"#9ecdf4",400:"#7abaef",500:"#5baaec",600:"#3c9ae8",700:"#327dbd",800:"#2a669a",900:"#23527c",950:"#18324c"},neutral:{200:"#303030",300:"#424242",800:"#1f1f1f",900:"#141414",950:"#0a0a0a"},semantic:{background:"#141414",surface:"#1f1f1f",surfaceHover:"#262626",overlay:"rgb(0 0 0 / 0.65)",text:"#d9d9d9",textMuted:"#8c8c8c",textInverted:"#141414",border:"#303030",borderStrong:"#6b6b6b",focusRing:"#4096ff"}},shadow:{color:"0 0 0",strength:"4.7"}},e);export{f as antDark};

package/dist/themes/{AntBrand.cjs → AntLight.cjs}

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var n=(e,f)=>{for(var d in f)r(e,d,{get:f[d],enumerable:!0})},s=(e,f,d,c)=>{if(f&&typeof f=="object"||typeof f=="function")for(let a of b(f))!o.call(e,a)&&a!==d&&r(e,a,{get:()=>f[a],enumerable:!(c=t(f,a))||c.enumerable});return e};var i=e=>s(r({},"__esModule",{value:!0}),e);var g={};n(g,{antBrand:()=>m});module.exports=i(g);var m={name:"ant-daybreak",mode:"light",colors:{primary:{50:"#e6f4ff",100:"#bae0ff",200:"#91caff",300:"#69b1ff",400:"#4096ff",500:"#1677ff",600:"#0958d9",700:"#003eb3",800:"#002c8c",900:"#001d66",950:"#001141"},neutral:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},success:{50:"#f6ffed",100:"#d9f7be",200:"#b7eb8f",300:"#95de64",400:"#73d13d",500:"#52c41a",600:"#389e0d",700:"#237804",800:"#135200",900:"#092b00",950:"#051f00"},warning:{50:"#fffbe6",100:"#fff1b8",200:"#ffe58f",300:"#ffd666",400:"#ffc53d",500:"#faad14",600:"#d48806",700:"#ad6800",800:"#874d00",900:"#613400",950:"#422400"},danger:{50:"#fff1f0",100:"#ffccc7",200:"#ffa39e",300:"#ff7875",400:"#ff4d4f",500:"#f5222d",600:"#cf1322",700:"#a8071a",800:"#820014",900:"#5c0011",950:"#3d000b"},semantic:{background:"#ffffff",surface:"#fafafa",surfaceHover:"#f5f5f5",overlay:"rgb(0 0 0 / 0.45)",text:"#1f1f1f",textMuted:"#737373",textInverted:"#ffffff",border:"#d9d9d9",borderStrong:"#919191",focusRing:"#1677ff"}},shadow:{color:"2 6 23",strength:"1"},motion:{easing:"cubic-bezier(0.645, 0.045, 0.355, 1)"}};0&&(module.exports={antBrand});
+"use strict";var c=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var n=(e,f)=>{for(var d in f)c(e,d,{get:f[d],enumerable:!0})},s=(e,f,d,r)=>{if(f&&typeof f=="object"||typeof f=="function")for(let a of b(f))!o.call(e,a)&&a!==d&&c(e,a,{get:()=>f[a],enumerable:!(r=t(f,a))||r.enumerable});return e};var i=e=>s(c({},"__esModule",{value:!0}),e);var m={};n(m,{antLight:()=>g});module.exports=i(m);var g={name:"ant-daybreak",mode:"light",colors:{primary:{50:"#e6f4ff",100:"#bae0ff",200:"#91caff",300:"#69b1ff",400:"#4096ff",500:"#1677ff",600:"#0958d9",700:"#003eb3",800:"#002c8c",900:"#001d66",950:"#001141"},neutral:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},success:{50:"#f6ffed",100:"#d9f7be",200:"#b7eb8f",300:"#95de64",400:"#73d13d",500:"#52c41a",600:"#389e0d",700:"#237804",800:"#135200",900:"#092b00",950:"#051f00"},warning:{50:"#fffbe6",100:"#fff1b8",200:"#ffe58f",300:"#ffd666",400:"#ffc53d",500:"#faad14",600:"#c88006",700:"#ad6800",800:"#874d00",900:"#613400",950:"#422400"},danger:{50:"#fff1f0",100:"#ffccc7",200:"#ffa39e",300:"#ff7875",400:"#ff4d4f",500:"#f5222d",600:"#cf1322",700:"#a8071a",800:"#820014",900:"#5c0011",950:"#3d000b"},semantic:{background:"#ffffff",surface:"#fafafa",surfaceHover:"#f5f5f5",overlay:"rgb(0 0 0 / 0.45)",text:"#1f1f1f",textMuted:"#737373",textInverted:"#ffffff",border:"#d9d9d9",borderStrong:"#919191",focusRing:"#1677ff"}},shadow:{color:"2 6 23",strength:"1"},motion:{easing:"cubic-bezier(0.645, 0.045, 0.355, 1)"}};0&&(module.exports={antLight});

package/dist/themes/{AntBrand.d.cts → AntLight.d.cts}

@@ -1,3 +1,3 @@
 import type { Theme } from '../utils/theme.cjs';
 /** Ant Design inspired: daybreak blue, compact corners, signature status palettes. @public */
-export declare const antBrand: Theme;
+export declare const antLight: Theme;

package/dist/themes/{AntBrand.d.ts → AntLight.d.ts}

@@ -1,3 +1,3 @@
 import type { Theme } from '../utils/theme.js';
 /** Ant Design inspired: daybreak blue, compact corners, signature status palettes. @public */
-export declare const antBrand: Theme;
+export declare const antLight: Theme;

package/dist/themes/{AntBrand.js → AntLight.js}

@@ -1 +1 @@
-var f={name:"ant-daybreak",mode:"light",colors:{primary:{50:"#e6f4ff",100:"#bae0ff",200:"#91caff",300:"#69b1ff",400:"#4096ff",500:"#1677ff",600:"#0958d9",700:"#003eb3",800:"#002c8c",900:"#001d66",950:"#001141"},neutral:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},success:{50:"#f6ffed",100:"#d9f7be",200:"#b7eb8f",300:"#95de64",400:"#73d13d",500:"#52c41a",600:"#389e0d",700:"#237804",800:"#135200",900:"#092b00",950:"#051f00"},warning:{50:"#fffbe6",100:"#fff1b8",200:"#ffe58f",300:"#ffd666",400:"#ffc53d",500:"#faad14",600:"#d48806",700:"#ad6800",800:"#874d00",900:"#613400",950:"#422400"},danger:{50:"#fff1f0",100:"#ffccc7",200:"#ffa39e",300:"#ff7875",400:"#ff4d4f",500:"#f5222d",600:"#cf1322",700:"#a8071a",800:"#820014",900:"#5c0011",950:"#3d000b"},semantic:{background:"#ffffff",surface:"#fafafa",surfaceHover:"#f5f5f5",overlay:"rgb(0 0 0 / 0.45)",text:"#1f1f1f",textMuted:"#737373",textInverted:"#ffffff",border:"#d9d9d9",borderStrong:"#919191",focusRing:"#1677ff"}},shadow:{color:"2 6 23",strength:"1"},motion:{easing:"cubic-bezier(0.645, 0.045, 0.355, 1)"}};export{f as antBrand};
+var f={name:"ant-daybreak",mode:"light",colors:{primary:{50:"#e6f4ff",100:"#bae0ff",200:"#91caff",300:"#69b1ff",400:"#4096ff",500:"#1677ff",600:"#0958d9",700:"#003eb3",800:"#002c8c",900:"#001d66",950:"#001141"},neutral:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},success:{50:"#f6ffed",100:"#d9f7be",200:"#b7eb8f",300:"#95de64",400:"#73d13d",500:"#52c41a",600:"#389e0d",700:"#237804",800:"#135200",900:"#092b00",950:"#051f00"},warning:{50:"#fffbe6",100:"#fff1b8",200:"#ffe58f",300:"#ffd666",400:"#ffc53d",500:"#faad14",600:"#c88006",700:"#ad6800",800:"#874d00",900:"#613400",950:"#422400"},danger:{50:"#fff1f0",100:"#ffccc7",200:"#ffa39e",300:"#ff7875",400:"#ff4d4f",500:"#f5222d",600:"#cf1322",700:"#a8071a",800:"#820014",900:"#5c0011",950:"#3d000b"},semantic:{background:"#ffffff",surface:"#fafafa",surfaceHover:"#f5f5f5",overlay:"rgb(0 0 0 / 0.45)",text:"#1f1f1f",textMuted:"#737373",textInverted:"#ffffff",border:"#d9d9d9",borderStrong:"#919191",focusRing:"#1677ff"}},shadow:{color:"2 6 23",strength:"1"},motion:{easing:"cubic-bezier(0.645, 0.045, 0.355, 1)"}};export{f as antLight};

package/dist/themes/CatppuccinLatte.cjs

@@ -1 +1 @@
-"use strict";var a=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var n=(f,e)=>{for(var d in e)a(f,d,{get:e[d],enumerable:!0})},s=(f,e,d,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of o(e))!b.call(f,c)&&c!==d&&a(f,c,{get:()=>e[c],enumerable:!(t=r(e,c))||t.enumerable});return f};var u=f=>s(a({},"__esModule",{value:!0}),f);var m={};n(m,{catppuccinLatte:()=>i});module.exports=u(m);var i={name:"catppuccin-latte",mode:"light",colors:{primary:{50:"#eef2fe",100:"#dde6fd",200:"#c1d2fb",300:"#96b4f9",400:"#648df7",500:"#3a70f6",600:"#1e66f5",700:"#1652cd",800:"#1543a4",900:"#163a82",950:"#12254f"},neutral:{50:"#f4f6fa",100:"#eff1f5",200:"#e6e9ef",300:"#ccd0da",400:"#acb0be",500:"#9ca0b0",600:"#7c7f93",700:"#6c6f85",800:"#5c5f77",900:"#4c4f69",950:"#3a3d52"},success:{50:"#f1faee",100:"#e0f4d9",200:"#c3e8b6",300:"#9cd688",400:"#6fbe55",500:"#4fae38",600:"#40a02b",700:"#357f25",800:"#2d6521",900:"#27531f",950:"#112d0c"},warning:{50:"#fdf7ec",100:"#f9ecd3",200:"#f3d7a5",300:"#ecbd6e",400:"#e5a340",500:"#df8e1d",600:"#c67916",700:"#a45e15",800:"#854a17",900:"#6d3d16",950:"#3e1f09"},danger:{50:"#fef1f4",100:"#fde0e7",200:"#fbc6d3",300:"#f79cb1",400:"#f16587",500:"#e63862",600:"#d20f39",700:"#b10d33",800:"#940e31",900:"#7f102f",950:"#470415"},semantic:{background:"#eff1f5",surface:"#e6e9ef",surfaceHover:"#dce0e8",overlay:"rgb(76 79 105 / 0.4)",text:"#4c4f69",textMuted:"#65687d",textInverted:"#ffffff",border:"#ccd0da",borderStrong:"#7c849c",focusRing:"#1e66f5"}},shadow:{color:"76 79 105",strength:"1.3"}};0&&(module.exports={catppuccinLatte});
+"use strict";var a=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var n=(f,e)=>{for(var d in e)a(f,d,{get:e[d],enumerable:!0})},s=(f,e,d,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of o(e))!b.call(f,c)&&c!==d&&a(f,c,{get:()=>e[c],enumerable:!(t=r(e,c))||t.enumerable});return f};var u=f=>s(a({},"__esModule",{value:!0}),f);var m={};n(m,{catppuccinLatte:()=>i});module.exports=u(m);var i={name:"catppuccin-latte",mode:"light",colors:{primary:{50:"#eef2fe",100:"#dde6fd",200:"#c1d2fb",300:"#96b4f9",400:"#648df7",500:"#3a70f6",600:"#1e66f5",700:"#1652cd",800:"#1543a4",900:"#163a82",950:"#12254f"},neutral:{50:"#f4f6fa",100:"#eff1f5",200:"#e6e9ef",300:"#ccd0da",400:"#acb0be",500:"#9ca0b0",600:"#7c7f93",700:"#6c6f85",800:"#5c5f77",900:"#4c4f69",950:"#3a3d52"},success:{50:"#f1faee",100:"#e0f4d9",200:"#c3e8b6",300:"#9cd688",400:"#6fbe55",500:"#4fae38",600:"#3f9e2a",700:"#357f25",800:"#2d6521",900:"#27531f",950:"#112d0c"},warning:{50:"#fdf7ec",100:"#f9ecd3",200:"#f3d7a5",300:"#ecbd6e",400:"#e5a340",500:"#df8e1d",600:"#c67916",700:"#a45e15",800:"#854a17",900:"#6d3d16",950:"#3e1f09"},danger:{50:"#fef1f4",100:"#fde0e7",200:"#fbc6d3",300:"#f79cb1",400:"#f16587",500:"#e63862",600:"#d20f39",700:"#b10d33",800:"#940e31",900:"#7f102f",950:"#470415"},semantic:{background:"#eff1f5",surface:"#e6e9ef",surfaceHover:"#dce0e8",overlay:"rgb(76 79 105 / 0.4)",text:"#4c4f69",textMuted:"#65687d",textInverted:"#ffffff",border:"#ccd0da",borderStrong:"#7c849c",focusRing:"#1e66f5"}},shadow:{color:"76 79 105",strength:"1.3"}};0&&(module.exports={catppuccinLatte});

package/dist/themes/CatppuccinLatte.d.cts

@@ -1,9 +1,3 @@
 import type { Theme } from '../utils/theme.cjs';
-/**
- * Catppuccin Latte inspired light theme: warm off-white surfaces, saturated
- * blue actions, and the Latte green/yellow/red status hues.
- * Palette source: catppuccin/catppuccin (MIT).
- *
- * @public
- */
+/** Catppuccin Latte inspired light theme: warm off-white surfaces, saturated blue actions, Latte status hues. Palette source: catppuccin/catppuccin (MIT). @public */
 export declare const catppuccinLatte: Theme;

package/dist/themes/CatppuccinLatte.d.ts

@@ -1,9 +1,3 @@
 import type { Theme } from '../utils/theme.js';
-/**
- * Catppuccin Latte inspired light theme: warm off-white surfaces, saturated
- * blue actions, and the Latte green/yellow/red status hues.
- * Palette source: catppuccin/catppuccin (MIT).
- *
- * @public
- */
+/** Catppuccin Latte inspired light theme: warm off-white surfaces, saturated blue actions, Latte status hues. Palette source: catppuccin/catppuccin (MIT). @public */
 export declare const catppuccinLatte: Theme;

package/dist/themes/CatppuccinLatte.js

@@ -1 +1 @@
-var e={name:"catppuccin-latte",mode:"light",colors:{primary:{50:"#eef2fe",100:"#dde6fd",200:"#c1d2fb",300:"#96b4f9",400:"#648df7",500:"#3a70f6",600:"#1e66f5",700:"#1652cd",800:"#1543a4",900:"#163a82",950:"#12254f"},neutral:{50:"#f4f6fa",100:"#eff1f5",200:"#e6e9ef",300:"#ccd0da",400:"#acb0be",500:"#9ca0b0",600:"#7c7f93",700:"#6c6f85",800:"#5c5f77",900:"#4c4f69",950:"#3a3d52"},success:{50:"#f1faee",100:"#e0f4d9",200:"#c3e8b6",300:"#9cd688",400:"#6fbe55",500:"#4fae38",600:"#40a02b",700:"#357f25",800:"#2d6521",900:"#27531f",950:"#112d0c"},warning:{50:"#fdf7ec",100:"#f9ecd3",200:"#f3d7a5",300:"#ecbd6e",400:"#e5a340",500:"#df8e1d",600:"#c67916",700:"#a45e15",800:"#854a17",900:"#6d3d16",950:"#3e1f09"},danger:{50:"#fef1f4",100:"#fde0e7",200:"#fbc6d3",300:"#f79cb1",400:"#f16587",500:"#e63862",600:"#d20f39",700:"#b10d33",800:"#940e31",900:"#7f102f",950:"#470415"},semantic:{background:"#eff1f5",surface:"#e6e9ef",surfaceHover:"#dce0e8",overlay:"rgb(76 79 105 / 0.4)",text:"#4c4f69",textMuted:"#65687d",textInverted:"#ffffff",border:"#ccd0da",borderStrong:"#7c849c",focusRing:"#1e66f5"}},shadow:{color:"76 79 105",strength:"1.3"}};export{e as catppuccinLatte};
+var e={name:"catppuccin-latte",mode:"light",colors:{primary:{50:"#eef2fe",100:"#dde6fd",200:"#c1d2fb",300:"#96b4f9",400:"#648df7",500:"#3a70f6",600:"#1e66f5",700:"#1652cd",800:"#1543a4",900:"#163a82",950:"#12254f"},neutral:{50:"#f4f6fa",100:"#eff1f5",200:"#e6e9ef",300:"#ccd0da",400:"#acb0be",500:"#9ca0b0",600:"#7c7f93",700:"#6c6f85",800:"#5c5f77",900:"#4c4f69",950:"#3a3d52"},success:{50:"#f1faee",100:"#e0f4d9",200:"#c3e8b6",300:"#9cd688",400:"#6fbe55",500:"#4fae38",600:"#3f9e2a",700:"#357f25",800:"#2d6521",900:"#27531f",950:"#112d0c"},warning:{50:"#fdf7ec",100:"#f9ecd3",200:"#f3d7a5",300:"#ecbd6e",400:"#e5a340",500:"#df8e1d",600:"#c67916",700:"#a45e15",800:"#854a17",900:"#6d3d16",950:"#3e1f09"},danger:{50:"#fef1f4",100:"#fde0e7",200:"#fbc6d3",300:"#f79cb1",400:"#f16587",500:"#e63862",600:"#d20f39",700:"#b10d33",800:"#940e31",900:"#7f102f",950:"#470415"},semantic:{background:"#eff1f5",surface:"#e6e9ef",surfaceHover:"#dce0e8",overlay:"rgb(76 79 105 / 0.4)",text:"#4c4f69",textMuted:"#65687d",textInverted:"#ffffff",border:"#ccd0da",borderStrong:"#7c849c",focusRing:"#1e66f5"}},shadow:{color:"76 79 105",strength:"1.3"}};export{e as catppuccinLatte};