@cube-dev/ui-kit 0.137.0 → 0.138.0

package/dist/tokens/palette.js

@@ -0,0 +1,364 @@
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
+import { glaze } from "@tenphi/glaze";
+
+//#region src/tokens/palette.ts
+/**
+* Glaze-generated color palette for the Cube UI Kit.
+*
+* Produces light, dark, and high-contrast color variants from a single
+* source of truth. Every color token is emitted as a tasty state map:
+*
+*   '#surface': { '': 'okhsl(...)', '@dark': 'okhsl(...)', '@hc': 'okhsl(...)' }
+*
+* The `@dark` and `@hc` state aliases are wired up globally in
+* `src/components/Root.tsx` (see `setGlobalPredefinedStates`).
+*/
+const PURPLE_HUE = 280.3;
+const SUCCESS_HUE = 156.9;
+const DANGER_HUE = 23.1;
+const WARNING_HUE = 84.3;
+const NOTE_HUE = 302.3;
+/** Seed saturation; per-color saturation factors below are 0–1 of this seed. */
+const SEED_SATURATION = 80;
+glaze.configure({
+	states: {
+		dark: "@dark",
+		highContrast: "@hc"
+	},
+	modes: {
+		dark: true,
+		highContrast: true
+	}
+});
+const defaultTheme = glaze(PURPLE_HUE, SEED_SATURATION);
+defaultTheme.colors({
+	surface: {
+		lightness: 100,
+		saturation: .11
+	},
+	"surface-2": {
+		base: "surface",
+		lightness: "-2",
+		saturation: .15,
+		inherit: false
+	},
+	"surface-3": {
+		base: "surface",
+		lightness: "-4",
+		saturation: .19,
+		inherit: false
+	},
+	"surface-text": {
+		base: "surface",
+		lightness: 2,
+		saturation: .475
+	},
+	"surface-text-soft": {
+		base: "surface",
+		lightness: "-1",
+		saturation: .375,
+		contrast: [9, 11],
+		inherit: false
+	},
+	"surface-text-soft-2": {
+		base: "surface",
+		lightness: "-1",
+		saturation: .24,
+		contrast: [4.5, 5.5],
+		inherit: false
+	},
+	"surface-2-text": {
+		base: "surface-2",
+		lightness: 2,
+		saturation: .475,
+		inherit: false
+	},
+	"surface-2-text-soft": {
+		base: "surface-2",
+		lightness: "-1",
+		saturation: .375,
+		contrast: [9, 11],
+		inherit: false
+	},
+	"surface-3-text": {
+		base: "surface-3",
+		lightness: 2,
+		saturation: .475,
+		inherit: false
+	},
+	"surface-3-text-soft": {
+		base: "surface-3",
+		lightness: "-1",
+		saturation: .375,
+		contrast: [9, 11],
+		inherit: false
+	},
+	border: {
+		base: "surface",
+		lightness: ["-10", "-20"],
+		saturation: .175,
+		inherit: false
+	},
+	placeholder: {
+		base: "surface",
+		lightness: 67,
+		saturation: .175,
+		inherit: false
+	},
+	focus: {
+		base: "surface",
+		lightness: 71,
+		saturation: .8625,
+		inherit: false
+	},
+	disabled: {
+		lightness: 80.8,
+		saturation: .4,
+		inherit: false
+	},
+	"disabled-surface": {
+		base: "surface",
+		lightness: "-1",
+		saturation: .2,
+		contrast: [1.1, 1.2],
+		inherit: false
+	},
+	"disabled-surface-text": {
+		base: "surface",
+		lightness: "-1",
+		saturation: .3,
+		contrast: [2, 2.5],
+		inherit: false
+	},
+	"surface-inverse": {
+		lightness: 12,
+		saturation: .475,
+		mode: "fixed",
+		inherit: false
+	},
+	"accent-surface-text": {
+		lightness: 100,
+		mode: "fixed"
+	},
+	"accent-surface": {
+		base: "accent-surface-text",
+		lightness: "-1",
+		contrast: [4.5, 7],
+		mode: "fixed"
+	},
+	"accent-surface-2": {
+		base: "accent-surface-text",
+		lightness: "-1",
+		contrast: [4.8, 7.5],
+		mode: "fixed"
+	},
+	"accent-surface-3": {
+		base: "accent-surface-text",
+		lightness: "-1",
+		contrast: [5.2, 8],
+		mode: "fixed"
+	},
+	"accent-surface-hover": {
+		base: "accent-surface-text",
+		lightness: "-1",
+		contrast: [6, 8.5],
+		mode: "fixed"
+	},
+	"accent-text": {
+		base: "surface",
+		lightness: "-1",
+		saturation: 1,
+		contrast: [6.4, 10]
+	},
+	"accent-text-soft": {
+		base: "surface",
+		lightness: "-1",
+		saturation: 1,
+		contrast: [4.5, 7]
+	},
+	"accent-icon": {
+		base: "surface",
+		lightness: "-1",
+		saturation: .9375,
+		contrast: [3.2, 5]
+	},
+	"accent-disabled-surface": {
+		base: "surface",
+		lightness: "-1",
+		saturation: .5,
+		contrast: [1.4, 1.3]
+	},
+	"accent-disabled-surface-text": {
+		base: "accent-disabled-surface",
+		lightness: "+1",
+		saturation: .4,
+		contrast: 1.51,
+		mode: "fixed"
+	},
+	"code-comment": {
+		base: "surface",
+		hue: 280,
+		saturation: .1,
+		lightness: "-1",
+		contrast: [4.5, 7],
+		inherit: false
+	},
+	"code-punctuation": {
+		base: "surface",
+		hue: 348,
+		saturation: .4,
+		lightness: "-1",
+		contrast: [4.5, 7],
+		inherit: false
+	},
+	"code-keyword": {
+		base: "surface",
+		hue: 348,
+		saturation: 1,
+		lightness: "-1",
+		contrast: [5, 7.5],
+		inherit: false
+	},
+	"code-string": {
+		base: "surface",
+		hue: PURPLE_HUE,
+		saturation: 1,
+		lightness: "-1",
+		contrast: [4.5, 7],
+		inherit: false
+	},
+	"code-number": {
+		base: "surface",
+		hue: 156,
+		saturation: .9,
+		lightness: "-1",
+		contrast: [4.5, 7],
+		inherit: false
+	},
+	"code-function": {
+		base: "surface",
+		hue: 348,
+		saturation: 1,
+		lightness: "-1",
+		contrast: [5, 7.5],
+		inherit: false
+	},
+	"code-attribute": {
+		base: "surface",
+		hue: 200,
+		saturation: 1,
+		lightness: "-1",
+		contrast: [4.5, 7],
+		inherit: false
+	},
+	"loading-face-1": {
+		base: "surface",
+		lightness: 98,
+		saturation: .3,
+		contrast: [1.04, 1.5],
+		inherit: false
+	},
+	"loading-face-2": {
+		base: "surface",
+		lightness: 91,
+		saturation: .62,
+		contrast: [1.24, 2.5],
+		inherit: false
+	},
+	"loading-face-3": {
+		base: "surface",
+		lightness: 79,
+		saturation: .66,
+		contrast: [1.75, 4],
+		inherit: false
+	},
+	"shadow-sm": {
+		type: "shadow",
+		bg: "surface",
+		fg: "surface-text",
+		intensity: 5,
+		inherit: false
+	},
+	"shadow-md": {
+		type: "shadow",
+		bg: "surface",
+		fg: "surface-text",
+		intensity: 10,
+		inherit: false
+	},
+	"shadow-lg": {
+		type: "shadow",
+		bg: "surface",
+		fg: "surface-text",
+		intensity: 15,
+		inherit: false
+	},
+	overlay: {
+		lightness: 10,
+		opacity: .5,
+		inherit: false
+	}
+});
+/** Override `surface` per colored theme so the banner bg is visibly tinted. */
+const TINTED_SURFACE_OVERRIDE = { surface: {
+	lightness: 96,
+	saturation: .8
+} };
+const primaryTheme = defaultTheme.extend({ colors: TINTED_SURFACE_OVERRIDE });
+const successTheme = defaultTheme.extend({
+	hue: SUCCESS_HUE,
+	colors: TINTED_SURFACE_OVERRIDE
+});
+const dangerTheme = defaultTheme.extend({
+	hue: DANGER_HUE,
+	colors: TINTED_SURFACE_OVERRIDE
+});
+const warningTheme = defaultTheme.extend({
+	hue: WARNING_HUE,
+	colors: TINTED_SURFACE_OVERRIDE
+});
+const noteTheme = defaultTheme.extend({
+	hue: NOTE_HUE,
+	colors: TINTED_SURFACE_OVERRIDE
+});
+/**
+* Theme map for the palette.
+*
+* `purple` is the legacy alias for `primary` and resolves to identical tokens
+* (same theme instance, different prefix → no token-value collision).
+*
+* `default` is emitted with an empty prefix (custom map below), so its tokens
+* appear unprefixed (`#surface`, `#border`, …). All other themes are prefixed
+* with `<themeName>-`.
+*/
+const palette = glaze.palette({
+	default: defaultTheme,
+	primary: primaryTheme,
+	purple: primaryTheme,
+	success: successTheme,
+	danger: dangerTheme,
+	warning: warningTheme,
+	note: noteTheme
+});
+/**
+* All Glaze-generated color tokens as a tasty `Styles` map.
+*
+* Keys use `#name` syntax; values are state maps:
+*   '#surface': { '': 'okhsl(...)', '@dark': 'okhsl(...)', '@hc': 'okhsl(...)' }
+*
+* Spread into `useGlobalStyles('body', tokens)` (already wired through
+* `src/components/GlobalStyles.tsx`).
+*/
+const PALETTE_TOKENS = palette.tasty({ prefix: {
+	default: "",
+	primary: "primary-",
+	purple: "purple-",
+	success: "success-",
+	danger: "danger-",
+	warning: "warning-",
+	note: "note-"
+} });
+
+//#endregion
+export { PALETTE_TOKENS };
+//# sourceMappingURL=palette.js.map

package/dist/tokens/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":[],"sources":["../../src/tokens/palette.ts"],"sourcesContent":["import { glaze } from '@tenphi/glaze';\n\nimport type { ColorMap } from '@tenphi/glaze';\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * Glaze-generated color palette for the Cube UI Kit.\n *\n * Produces light, dark, and high-contrast color variants from a single\n * source of truth. Every color token is emitted as a tasty state map:\n *\n *   '#surface': { '': 'okhsl(...)', '@dark': 'okhsl(...)', '@hc': 'okhsl(...)' }\n *\n * The `@dark` and `@hc` state aliases are wired up globally in\n * `src/components/Root.tsx` (see `setGlobalPredefinedStates`).\n */\n\n// ============================================================================\n// Hue / saturation seeds\n// ============================================================================\n\nconst PURPLE_HUE = 280.3;\nconst SUCCESS_HUE = 156.9;\nconst DANGER_HUE = 23.1;\nconst WARNING_HUE = 84.3;\nconst NOTE_HUE = 302.3;\n\n/** Seed saturation; per-color saturation factors below are 0–1 of this seed. */\nconst SEED_SATURATION = 80;\n\n// ============================================================================\n// Global Glaze configuration\n// ============================================================================\n\nglaze.configure({\n  states: {\n    dark: '@dark',\n    highContrast: '@hc',\n  },\n  modes: {\n    dark: true,\n    highContrast: true,\n  },\n});\n\n// ============================================================================\n// Default theme (neutral, primary in palette → exported unprefixed)\n// ============================================================================\n\nconst defaultTheme = glaze(PURPLE_HUE, SEED_SATURATION);\n\ndefaultTheme.colors({\n  // ---- Surfaces (neutral, very low saturation) ----\n  surface: { lightness: 100, saturation: 0.11 },\n  'surface-2': {\n    base: 'surface',\n    lightness: '-2',\n    saturation: 0.15,\n    inherit: false,\n  },\n  'surface-3': {\n    base: 'surface',\n    lightness: '-4',\n    saturation: 0.19,\n    inherit: false,\n  },\n\n  // ---- Text on surfaces ----\n  // The darkest text token uses an *absolute* lightness anchored at the very\n  // bottom of Glaze's lightness window (default `[10, 100]` for light /\n  // `[15, 95]` for dark). A contrast-driven `surface-text` would top out near\n  // L≈21 in light mode (because the solver only needs to *meet* the contrast\n  // floor, then stops), leaving it noticeably softer than the legacy `#dark`\n  // (OKHSL L=12). Setting `lightness: 2` (mode: 'auto', default) pins the\n  // light-mode resolved value to L≈11.8 — pixel-equivalent to the legacy\n  // `#dark` — and inverts in dark mode to L≈94 (cr≈13.7 vs the dark surface).\n  // High-contrast pushes it all the way to the absolute extremes (L=2 light /\n  // L=99 dark, cr≈20.8 / 20.5), unbounded by the normal lightness window.\n  //\n  // The softer variants below keep `lightness: '-1'` as a directional hint and\n  // a numeric `contrast` ratio. Values are tuned so light-mode lightness lands\n  // close to the legacy palette (`#dark-02` L=31, `#dark-03` L=49), so the\n  // visual look in light mode is preserved while dark mode gets the proper\n  // inverted ramp via the contrast solver.\n  'surface-text': {\n    base: 'surface',\n    lightness: 2,\n    saturation: 0.475,\n  },\n  'surface-text-soft': {\n    base: 'surface',\n    lightness: '-1',\n    saturation: 0.375,\n    contrast: [9, 11],\n    inherit: false,\n  },\n  'surface-text-soft-2': {\n    base: 'surface',\n    lightness: '-1',\n    saturation: 0.24,\n    contrast: [4.5, 5.5],\n    inherit: false,\n  },\n  'surface-2-text': {\n    base: 'surface-2',\n    lightness: 2,\n    saturation: 0.475,\n    inherit: false,\n  },\n  'surface-2-text-soft': {\n    base: 'surface-2',\n    lightness: '-1',\n    saturation: 0.375,\n    contrast: [9, 11],\n    inherit: false,\n  },\n  'surface-3-text': {\n    base: 'surface-3',\n    lightness: 2,\n    saturation: 0.475,\n    inherit: false,\n  },\n  'surface-3-text-soft': {\n    base: 'surface-3',\n    lightness: '-1',\n    saturation: 0.375,\n    contrast: [9, 11],\n    inherit: false,\n  },\n\n  // ---- Other neutral UI primitives (default-only) ----\n  border: {\n    base: 'surface',\n    lightness: ['-10', '-20'],\n    saturation: 0.175,\n    inherit: false,\n  },\n  placeholder: {\n    base: 'surface',\n    lightness: 67,\n    saturation: 0.175,\n    inherit: false,\n  },\n  focus: {\n    base: 'surface',\n    lightness: 71,\n    saturation: 0.8625,\n    inherit: false,\n  },\n  disabled: {\n    lightness: 80.8,\n    saturation: 0.4,\n    inherit: false,\n  },\n  // Disabled fill chip + text — both adaptive (mode 'auto') and\n  // *contrast-driven* against `surface` so the disabled state has the same\n  // perceived intensity in light and dark schemes.\n  //\n  // The previous design relied on `#dark.04` (alpha tint) for the chip and\n  // `#dark-04` (= `#placeholder`) for text. Because `#dark` is `#surface-text`\n  // (anchored to absolute L=2 → flips to L=94 in dark), the resulting\n  // composite was much more contrasting in dark mode (chip cr=1.04 → 1.51,\n  // text cr=2.21 → 2.75 vs the chip), and combined with `color: '#white'` on\n  // PRIMARY-type buttons text-on-chip jumped from cr=1.6 (washed) to cr=6.5\n  // (fully readable) — the dark disabled state stopped looking disabled.\n  //\n  // With these contrast-driven tokens both schemes resolve to the same\n  // ratios (chip ~1.4, text ~2.0 vs surface, text-on-chip ~1.4) so the\n  // disabled appearance is identical in light, dark, and high-contrast.\n  //\n  // These two tokens are NEUTRAL — the chip has very low saturation and is\n  // used by non-PRIMARY-style disabled states (secondary / outline / neutral\n  // / clear / link / item). PRIMARY-style buttons (solid brand fill, white\n  // label) use `accent-disabled-surface` + `accent-disabled-surface-text`\n  // instead so the disabled chip stays brand-tinted per theme. Both tokens\n  // therefore stay default-only (`inherit: false`) — the colored themes get\n  // their own brand-tinted disabled chip via the inherited accent variants.\n  'disabled-surface': {\n    base: 'surface',\n    lightness: '-1',\n    saturation: 0.2,\n    contrast: [1.1, 1.2],\n    inherit: false,\n  },\n  'disabled-surface-text': {\n    base: 'surface',\n    lightness: '-1',\n    saturation: 0.3,\n    contrast: [2, 2.5],\n    inherit: false,\n  },\n\n  // Fixed-mode \"always dark\" surface for elements that intentionally stay\n  // inverted regardless of scheme (tooltips, code blocks, popovers with their\n  // own dark theme, etc.). `mode: 'fixed'` bypasses the dark-scheme inversion\n  // so the color reads as a dark surface in light, dark, and high-contrast.\n  // Pair with `#white` (built-in) for foreground text.\n  'surface-inverse': {\n    lightness: 12,\n    saturation: 0.475,\n    mode: 'fixed',\n    inherit: false,\n  },\n\n  // ---- Accent system (theme-aware, inherited by colored themes) ----\n  // Everything here is anchored to a fixed white \"accent-surface-text\" via\n  // `mode: 'fixed'` + small *relative* lightness offsets, so accent colors\n  // stay visually consistent across light/dark/high-contrast schemes (the\n  // brand color does not flip). Contrast targets are explicit numeric ratios\n  // — using 'AA'/'AAA' here would let the solver push the color far away\n  // from its anchor in dark schemes, breaking the visual relationship\n  // between `accent-surface` and `accent-text` (e.g. solid button bg vs.\n  // its hover bg). All accent variants therefore share the same shape.\n  'accent-surface-text': { lightness: 100, mode: 'fixed' },\n  'accent-surface': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [4.5, 7],\n    mode: 'fixed',\n  },\n  'accent-surface-2': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [4.8, 7.5],\n    mode: 'fixed',\n  },\n  'accent-surface-3': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [5.2, 8],\n    mode: 'fixed',\n  },\n  // Hover variant of `accent-surface` — a *fixed*-mode darker shade used as\n  // the hover fill for solid PRIMARY-type buttons. Anchored to the same\n  // accent-surface-text so it stays in the same hue family. Numeric contrast\n  // is tuned so the hover shade lands near today's light-mode \"darker\n  // purple\" (≈L=44 light / ≈L=40 dark), giving a visible darkening in BOTH\n  // schemes (~7–9 OKHSL lightness points below `accent-surface`). Using a\n  // dedicated fixed token avoids the trap of reusing `accent-text` (which\n  // is `mode: 'auto'` and inverts direction in dark mode).\n  'accent-surface-hover': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [6, 8.5],\n    mode: 'fixed',\n  },\n  // Saturated foreground variants. Anchored to `surface` (NOT `accent-surface`)\n  // with `mode: 'auto'` so they adapt with the scheme: in dark mode the solver\n  // pushes them lighter to stay readable on the dark surface. Anchoring to the\n  // brand fill instead would only enforce contrast against that fill — leaving\n  // the dark-mode color washed out against the actual surface they sit on\n  // (e.g. SECONDARY button labels). The numeric `contrast` value is the\n  // achieved-light-mode ratio under the previous chain, so the visual\n  // appearance in light mode is preserved while dark mode is brought up to\n  // the same perceived contrast.\n  'accent-text': {\n    base: 'surface',\n    lightness: '-1',\n    saturation: 1,\n    contrast: [6.4, 10],\n  },\n  // Softer adaptive companion to `accent-text` for \"secondary\" foregrounds\n  // (LINK base color, subdued labels, etc.). Same anchor + saturation as\n  // `accent-text` but a relaxed AA-only contrast floor (4.5/7) so it sits\n  // visibly less prominent than the main brand text. Critically, it stays\n  // `mode: 'auto'` (default) — unlike the fixed `accent-surface` brand color,\n  // which would collapse to cr≈3 against the dark surface and break AA. The\n  // adaptive lightness keeps cr≥4.5 in BOTH light and dark schemes.\n  'accent-text-soft': {\n    base: 'surface',\n    lightness: '-1',\n    saturation: 1,\n    contrast: [4.5, 7],\n  },\n  'accent-icon': {\n    base: 'surface',\n    lightness: '-1',\n    saturation: 0.9375,\n    contrast: [3.2, 5],\n  },\n\n  // Brand-tinted disabled chip + label for PRIMARY-style buttons (solid brand\n  // fill, white text). Mirrors the shape of the neutral `disabled-surface` /\n  // `disabled-surface-text` pair (`mode: 'auto'`, contrast-driven against\n  // `surface`) so the disabled state is scheme-symmetric — chip cr ≈ 1.4 vs\n  // surface, label cr ≈ 2.8–3.2 vs surface (≈ 2.1 text-on-chip) in BOTH\n  // light and dark. Saturation is bumped up so the chip reads as a *muted\n  // brand* color rather than a fully neutral grey, preserving the brand\n  // identity even in the disabled state. Inherited per theme, so each colored\n  // theme automatically emits `<theme>-accent-disabled-surface` and\n  // `<theme>-accent-disabled-surface-text` (e.g. `#danger-accent-disabled-surface`).\n  'accent-disabled-surface': {\n    base: 'surface',\n    lightness: '-1',\n    saturation: 0.5,\n    contrast: [1.4, 1.3],\n  },\n  'accent-disabled-surface-text': {\n    base: 'accent-disabled-surface',\n    lightness: '+1',\n    saturation: 0.4,\n    contrast: 1.51,\n    mode: 'fixed',\n  },\n\n  // ---- Code syntax highlighting (PrismCode) ----\n  // A small palette of *adaptive* colored tokens for syntax highlighting.\n  // Each token: `mode: 'auto'` (default) + `base: 'surface'` + a numeric\n  // `contrast` floor of 4.5 (= WCAG AA) so every token reads against `#surface`\n  // in light, dark, and high-contrast schemes alike. Hues mirror the\n  // long-standing PrismCode reference (pink keywords / pink functions /\n  // orange strings / green numbers / gray comments). `code-attribute` keeps\n  // a cyan hue for HTML attribute names / CSS properties / selectors — not\n  // exercised in the SQL reference but useful in other languages. Diff\n  // insertion / deletion re-use the existing `success-*` / `danger-*` ramps.\n  'code-comment': {\n    base: 'surface',\n    hue: 280,\n    saturation: 0.1,\n    lightness: '-1',\n    contrast: [4.5, 7],\n    inherit: false,\n  },\n  'code-punctuation': {\n    base: 'surface',\n    hue: 348,\n    saturation: 0.4,\n    lightness: '-1',\n    contrast: [4.5, 7],\n    inherit: false,\n  },\n  'code-keyword': {\n    base: 'surface',\n    hue: 348,\n    saturation: 1,\n    lightness: '-1',\n    contrast: [5, 7.5],\n    inherit: false,\n  },\n  'code-string': {\n    base: 'surface',\n    hue: PURPLE_HUE,\n    saturation: 1,\n    lightness: '-1',\n    contrast: [4.5, 7],\n    inherit: false,\n  },\n  'code-number': {\n    base: 'surface',\n    hue: 156,\n    saturation: 0.9,\n    lightness: '-1',\n    contrast: [4.5, 7],\n    inherit: false,\n  },\n  'code-function': {\n    base: 'surface',\n    hue: 348,\n    saturation: 1,\n    lightness: '-1',\n    contrast: [5, 7.5],\n    inherit: false,\n  },\n  'code-attribute': {\n    base: 'surface',\n    hue: 200,\n    saturation: 1,\n    lightness: '-1',\n    contrast: [4.5, 7],\n    inherit: false,\n  },\n\n  // ---- Loading-animation cube faces ----\n  'loading-face-1': {\n    base: 'surface',\n    lightness: 98,\n    saturation: 0.3,\n    contrast: [1.04, 1.5],\n    inherit: false,\n  },\n  'loading-face-2': {\n    base: 'surface',\n    lightness: 91,\n    saturation: 0.62,\n    contrast: [1.24, 2.5],\n    inherit: false,\n  },\n  'loading-face-3': {\n    base: 'surface',\n    lightness: 79,\n    saturation: 0.66,\n    contrast: [1.75, 4],\n    inherit: false,\n  },\n\n  // ---- Shadows (default-only) ----\n  'shadow-sm': {\n    type: 'shadow',\n    bg: 'surface',\n    fg: 'surface-text',\n    intensity: 5,\n    inherit: false,\n  },\n  'shadow-md': {\n    type: 'shadow',\n    bg: 'surface',\n    fg: 'surface-text',\n    intensity: 10,\n    inherit: false,\n  },\n  'shadow-lg': {\n    type: 'shadow',\n    bg: 'surface',\n    fg: 'surface-text',\n    intensity: 15,\n    inherit: false,\n  },\n\n  // Backdrop overlay (translucent)\n  overlay: { lightness: 10, opacity: 0.5, inherit: false },\n});\n\n// ============================================================================\n// Colored themes\n// ============================================================================\n\n/** Override `surface` per colored theme so the banner bg is visibly tinted. */\nconst TINTED_SURFACE_OVERRIDE: ColorMap = {\n  surface: { lightness: 96, saturation: 0.8 },\n};\n\nconst primaryTheme = defaultTheme.extend({\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst successTheme = defaultTheme.extend({\n  hue: SUCCESS_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst dangerTheme = defaultTheme.extend({\n  hue: DANGER_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst warningTheme = defaultTheme.extend({\n  hue: WARNING_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst noteTheme = defaultTheme.extend({\n  hue: NOTE_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\n\n// ============================================================================\n// Palette composition\n// ============================================================================\n\n/**\n * Theme map for the palette.\n *\n * `purple` is the legacy alias for `primary` and resolves to identical tokens\n * (same theme instance, different prefix → no token-value collision).\n *\n * `default` is emitted with an empty prefix (custom map below), so its tokens\n * appear unprefixed (`#surface`, `#border`, …). All other themes are prefixed\n * with `<themeName>-`.\n */\nconst palette = glaze.palette({\n  default: defaultTheme,\n  primary: primaryTheme,\n  purple: primaryTheme,\n  success: successTheme,\n  danger: dangerTheme,\n  warning: warningTheme,\n  note: noteTheme,\n});\n\n// ============================================================================\n// Tasty-formatted token export\n// ============================================================================\n\n/**\n * All Glaze-generated color tokens as a tasty `Styles` map.\n *\n * Keys use `#name` syntax; values are state maps:\n *   '#surface': { '': 'okhsl(...)', '@dark': 'okhsl(...)', '@hc': 'okhsl(...)' }\n *\n * Spread into `useGlobalStyles('body', tokens)` (already wired through\n * `src/components/GlobalStyles.tsx`).\n */\nexport const PALETTE_TOKENS: Styles = palette.tasty({\n  prefix: {\n    default: '',\n    primary: 'primary-',\n    purple: 'purple-',\n    success: 'success-',\n    danger: 'danger-',\n    warning: 'warning-',\n    note: 'note-',\n  },\n}) as Styles;\n\n/** Re-exported for advanced consumers / tests. */\nexport {\n  defaultTheme,\n  primaryTheme,\n  successTheme,\n  dangerTheme,\n  warningTheme,\n  noteTheme,\n  palette,\n};\n"],"mappings":"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"}

package/dist/tokens/shadows.d.ts

@@ -8,7 +8,10 @@ import { Styles } from "@tenphi/tasty";
  * Format: `<offset-y> <blur> <spread?> <color>`
  * - `1bw` = 1 × border-width
  * - `.5x` = 0.5 × gap
- * - `#dark.15` = dark color at 15% opacity
+ *
+ * The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are
+ * generated by Glaze and adapt automatically to dark / high-contrast
+ * schemes — see `src/tokens/palette.ts`.
  *
  * Keys use $ prefix for CSS custom properties.
  */

package/dist/tokens/shadows.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.
@@ -6,15 +6,18 @@
 * Format: `<offset-y> <blur> <spread?> <color>`
 * - `1bw` = 1 × border-width
 * - `.5x` = 0.5 × gap
-* - `#dark.15` = dark color at 15% opacity
+*
+* The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are
+* generated by Glaze and adapt automatically to dark / high-contrast
+* schemes — see `src/tokens/palette.ts`.
 *
 * Keys use $ prefix for CSS custom properties.
 */
 const SHADOW_TOKENS = {
-	"$item-shadow": "0 1bw .375x #dark.15",
-	"$card-shadow": "0 .5x 2x #shadow",
-	$shadow: "0 .5x 2x #shadow",
-	"$dialog-shadow": "0 1x 4x #dark.15"
+	"$item-shadow": "0 1bw .375x #shadow-sm",
+	"$card-shadow": "0 .5x 2x #shadow-md",
+	$shadow: "0 .5x 2x #shadow-md",
+	"$dialog-shadow": "0 1x 4x #shadow-lg"
 };
 
 //#endregion

package/dist/tokens/shadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.js","names":[],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n * - `#dark.15` = dark color at 15% opacity\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SHADOW_TOKENS: Styles = {\n  /** Subtle shadow for list items */\n  '$item-shadow': '0 1bw .375x #dark.15',\n  /** Standard card shadow */\n  '$card-shadow': '0 .5x 2x #shadow',\n  /** Standard elevation */\n  $shadow: '0 .5x 2x #shadow',\n  /** Elevated dialog shadow */\n  '$dialog-shadow': '0 1x 4x #dark.15',\n};\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,gBAAwB;CAEnC,gBAAgB;CAEhB,gBAAgB;CAEhB,SAAS;CAET,kBAAkB;CACnB"}
+{"version":3,"file":"shadows.js","names":[],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n *\n * The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are\n * generated by Glaze and adapt automatically to dark / high-contrast\n * schemes — see `src/tokens/palette.ts`.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SHADOW_TOKENS: Styles = {\n  /** Subtle shadow for list items */\n  '$item-shadow': '0 1bw .375x #shadow-sm',\n  /** Standard card shadow */\n  '$card-shadow': '0 .5x 2x #shadow-md',\n  /** Standard elevation */\n  $shadow: '0 .5x 2x #shadow-md',\n  /** Elevated dialog shadow */\n  '$dialog-shadow': '0 1x 4x #shadow-lg',\n};\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,gBAAwB;CAEnC,gBAAgB;CAEhB,gBAAgB;CAEhB,SAAS;CAET,kBAAkB;CACnB"}

package/dist/tokens/sizes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/spacing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/typography.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/tokens/typography.ts
 /**
 * Typography presets for headings, text, and special styles.

package/dist/utils/ResizeSensor.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/is-dev-env.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 function isDevEnv() {
 	if (typeof window !== "undefined" && window.localStorage) try {

package/dist/utils/modules.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 

package/dist/utils/react/Slots.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { Children, cloneElement, createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/utils/react/chain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/forwardRefWithGenerics.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

package/dist/utils/react/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
 import { isTextOnly } from "./isTextOnly.js";

package/dist/utils/react/interactions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { useState } from "react";
 import { useFocus, useFocusVisible } from "react-aria";
 

package/dist/utils/react/isTextOnly.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { Children, isValidElement } from "react";
 
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useSyncExternalStore } from "react";
 

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { useEffect, useRef } from "react";
 
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useIsDarwin.ts