@cube-dev/ui-kit 0.142.2 → 0.142.4

package/dist/providers/navigationAdapter.default.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/providers/navigationAdapter.default.ts
 /**
 * Converts a Path object to a string URL

package/dist/tokens/base.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/tokens/base.ts
 /**
 * Base design system tokens.

package/dist/tokens/colors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import { PALETTE_TOKENS } from "./palette.js";
 
 //#region src/tokens/colors.ts

package/dist/tokens/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import { BASE_TOKENS } from "./base.js";
 import { COLOR_TOKENS } from "./colors.js";
 import { LAYOUT_TOKENS } from "./layout.js";

package/dist/tokens/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/palette.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import { glaze } from "@tenphi/glaze";
 
 //#region src/tokens/palette.ts
@@ -169,6 +169,12 @@ defaultTheme.colors({
 		contrast: [6, 10],
 		mode: "fixed"
 	},
+	"accent-surface-border": {
+		base: "accent-surface",
+		lightness: "+1",
+		contrast: [1.4, 1.8],
+		mode: "fixed"
+	},
 	"accent-text": {
 		base: "surface",
 		lightness: "-1",
@@ -398,6 +404,12 @@ specialTheme.colors({
 		contrast: [5.5, 9],
 		mode: "fixed"
 	},
+	"accent-surface-border": {
+		base: "accent-surface",
+		lightness: "+1",
+		contrast: [1.4, 1.8],
+		mode: "fixed"
+	},
 	"accent-surface-hover": {
 		base: "accent-surface-text",
 		lightness: "-1",

package/dist/tokens/palette.js.map

@@ -1 +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  'surface-4': {\n    base: 'surface',\n    lightness: '-6',\n    saturation: 0.2,\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  },\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: [5, 8],\n    mode: 'fixed',\n  },\n  'accent-surface-3': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [5.5, 9],\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, 10],\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.5],\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/**\n * Per-colored-theme overrides on top of `defaultTheme`:\n *   - `surface` — bumped saturation so the banner bg is visibly tinted.\n *   - `border`  — bumped saturation so OUTLINE-variant borders pick up the\n *     theme hue (used by `#<theme>-border` in `item-themes.ts`). Mirrors the\n *     default-theme `border` shape (`base: 'surface'`, lightness window) but\n *     with higher saturation. Glaze's `extend({ colors })` redefines each\n *     listed color from scratch, so we restate the full definition here.\n */\nconst TINTED_SURFACE_OVERRIDE: ColorMap = {\n  surface: { lightness: 96, saturation: 0.8 },\n  border: {\n    base: 'surface',\n    lightness: ['-10', '-20'],\n    saturation: 0.5,\n  },\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// Special theme (fixed-mode, NOT inherited from defaultTheme)\n// ============================================================================\n\n/**\n * Standalone theme for `special`-variant components (hero CTAs, banners, etc.)\n * that intentionally sit on a dark surface regardless of the active scheme.\n *\n * Every token here is `mode: 'fixed'` so the resolved value is identical in\n * light, dark, and high-contrast. The shape is purpose-built (not a full\n * mirror of `defaultTheme`) — only what `SPECIAL_*_STYLES` in\n * `src/data/item-themes.ts` consumes is emitted.\n *\n * Token rundown:\n *   - `surface` — dark L≈12 backdrop (same value as `#surface-inverse`).\n *   - `accent-surface` / `accent-surface-2` / `accent-surface-3` —\n *     brand-purple PRIMARY fill ramp (default → hover → pressed). Mirrors\n *     the `#primary-accent-surface` / `-2` / `-3` ramp on the colored\n *     themes so `SPECIAL_PRIMARY_STYLES.fill` can use the same shape.\n *   - `accent-surface-hover` — legacy alias kept around for the\n *     `#special-hover` color shortcut in `src/tokens/colors.ts`. Item\n *     themes themselves no longer reference it.\n *   - `accent-surface-text` — fixed white (= built-in `#white`), exposed\n *     for explicit references.\n *   - `accent-text` — dark-purple foreground readable on white. Used as\n *     CLEAR-variant text on the always-white pill, and as the\n *     pressed/focused border on the brand-purple primary fill. Matches the\n *     legacy `#fixed-primary-text` alias (= `#primary-accent-surface-hover`).\n *   - `accent-disabled-surface` / `accent-disabled-surface-text` —\n *     brand-tinted disabled chip + label, contrast-driven against the fixed\n *     dark `surface` so the disabled state is scheme-symmetric.\n */\nconst specialTheme = glaze(PURPLE_HUE, SEED_SATURATION);\n\nspecialTheme.colors({\n  surface: { lightness: 12, saturation: 0.475, mode: 'fixed' },\n\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: [5, 8],\n    mode: 'fixed',\n  },\n  'accent-surface-3': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [5.5, 9],\n    mode: 'fixed',\n  },\n  'accent-surface-hover': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [6, 8.5],\n    mode: 'fixed',\n  },\n  'accent-text': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [6, 8.5],\n    mode: 'fixed',\n  },\n\n  'accent-disabled-surface': {\n    base: 'surface',\n    lightness: '+1',\n    saturation: 0.5,\n    contrast: [1.4, 1.5],\n    mode: 'fixed',\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\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  special: specialTheme,\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    special: 'special-',\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  specialTheme,\n  palette,\n};\n"],"mappings":"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"}
+{"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  'surface-4': {\n    base: 'surface',\n    lightness: '-6',\n    saturation: 0.2,\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  },\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: [5, 8],\n    mode: 'fixed',\n  },\n  'accent-surface-3': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [5.5, 9],\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, 10],\n    mode: 'fixed',\n  },\n  // Border for accent surfaces — mirrors the default-theme `border` shape\n  // (a relative lightness step down from its surface base) but anchored to the\n  // fixed accent surface so it stays in the brand hue family and does not flip\n  // in dark mode. Used for outlines/dividers on top of `accent-surface`.\n  'accent-surface-border': {\n    base: 'accent-surface',\n    lightness: '+1',\n    contrast: [1.4, 1.8],\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.5],\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/**\n * Per-colored-theme overrides on top of `defaultTheme`:\n *   - `surface` — bumped saturation so the banner bg is visibly tinted.\n *   - `border`  — bumped saturation so OUTLINE-variant borders pick up the\n *     theme hue (used by `#<theme>-border` in `item-themes.ts`). Mirrors the\n *     default-theme `border` shape (`base: 'surface'`, lightness window) but\n *     with higher saturation. Glaze's `extend({ colors })` redefines each\n *     listed color from scratch, so we restate the full definition here.\n */\nconst TINTED_SURFACE_OVERRIDE: ColorMap = {\n  surface: { lightness: 96, saturation: 0.8 },\n  border: {\n    base: 'surface',\n    lightness: ['-10', '-20'],\n    saturation: 0.5,\n  },\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// Special theme (fixed-mode, NOT inherited from defaultTheme)\n// ============================================================================\n\n/**\n * Standalone theme for `special`-variant components (hero CTAs, banners, etc.)\n * that intentionally sit on a dark surface regardless of the active scheme.\n *\n * Every token here is `mode: 'fixed'` so the resolved value is identical in\n * light, dark, and high-contrast. The shape is purpose-built (not a full\n * mirror of `defaultTheme`) — only what `SPECIAL_*_STYLES` in\n * `src/data/item-themes.ts` consumes is emitted.\n *\n * Token rundown:\n *   - `surface` — dark L≈12 backdrop (same value as `#surface-inverse`).\n *   - `accent-surface` / `accent-surface-2` / `accent-surface-3` —\n *     brand-purple PRIMARY fill ramp (default → hover → pressed). Mirrors\n *     the `#primary-accent-surface` / `-2` / `-3` ramp on the colored\n *     themes so `SPECIAL_PRIMARY_STYLES.fill` can use the same shape.\n *   - `accent-surface-hover` — legacy alias kept around for the\n *     `#special-hover` color shortcut in `src/tokens/colors.ts`. Item\n *     themes themselves no longer reference it.\n *   - `accent-surface-text` — fixed white (= built-in `#white`), exposed\n *     for explicit references.\n *   - `accent-text` — dark-purple foreground readable on white. Used as\n *     CLEAR-variant text on the always-white pill, and as the\n *     pressed/focused border on the brand-purple primary fill. Matches the\n *     legacy `#fixed-primary-text` alias (= `#primary-accent-surface-hover`).\n *   - `accent-disabled-surface` / `accent-disabled-surface-text` —\n *     brand-tinted disabled chip + label, contrast-driven against the fixed\n *     dark `surface` so the disabled state is scheme-symmetric.\n */\nconst specialTheme = glaze(PURPLE_HUE, SEED_SATURATION);\n\nspecialTheme.colors({\n  surface: { lightness: 12, saturation: 0.475, mode: 'fixed' },\n\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: [5, 8],\n    mode: 'fixed',\n  },\n  'accent-surface-3': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [5.5, 9],\n    mode: 'fixed',\n  },\n  'accent-surface-border': {\n    base: 'accent-surface',\n    lightness: '+1',\n    contrast: [1.4, 1.8],\n    mode: 'fixed',\n  },\n  'accent-surface-hover': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [6, 8.5],\n    mode: 'fixed',\n  },\n  'accent-text': {\n    base: 'accent-surface-text',\n    lightness: '-1',\n    contrast: [6, 8.5],\n    mode: 'fixed',\n  },\n\n  'accent-disabled-surface': {\n    base: 'surface',\n    lightness: '+1',\n    saturation: 0.5,\n    contrast: [1.4, 1.5],\n    mode: 'fixed',\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\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  special: specialTheme,\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    special: 'special-',\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  specialTheme,\n  palette,\n};\n"],"mappings":"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"}

package/dist/tokens/shadows.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.

package/dist/tokens/sizes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useMemo, 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | 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.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

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

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { useCallback, useContext, useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js

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

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.142.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.142.4 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.142.2";
-const TASTY_VERSION = "2.6.2";
+const VERSION = "0.142.4";
+const TASTY_VERSION = "2.6.4";
 if (typeof window !== "undefined") {
 	const version = VERSION;
 	const tastyVersion = TASTY_VERSION;

package/docs/tasty/pipeline.md

@@ -179,38 +179,64 @@ The condition tree representation enables:
 
 ### What It Does
 
-Collapses parsed entries that share the same value. Only **non-default** entries are merged — an entry with the default state (`''` → `TrueCondition`) is never merged with a non-default entry.
+Collapses parsed entries that share the same value when doing so provably preserves the authored cascade. Only **non-default** entries are merged — an entry with the default state (`''` → `TrueCondition`) is never merged with a non-default entry.
 
 ### How It Works
 
-1. Group entries by serialized value.
-2. Within each group, split out default (TRUE) entries.
-3. Keep default entries as-is; they must retain TRUE so they participate correctly in exclusive building.
-4. Combine non-default entries into a single entry with condition `OR(e1.condition, e2.condition, …)`, simplified via `simplifyCondition`. The merged entry keeps the **highest** priority in the group.
-5. Re-sort by priority (highest first).
+Entries arrive sorted highest-priority-first. For each entry the pass walks already-emitted entries from most-recent backward, looking for the nearest same-value entry where merging is safe. If found, the two entries collapse into one (priority becomes the maximum of the pair, condition becomes the simplified `OR`). Default entries are emitted as singletons and never participate in a merge.
+
+### The Safety Condition
+
+Merging two same-value entries with conditions `C_h` (higher priority) and `C_l` (lower priority) lifts the lower one up to `p_h` and changes the higher-priority "blocker" for every intermediate-priority entry from `!C_h` to `!(C_h | C_l) = !C_h & !C_l`. The added `!C_l` constraint can incorrectly block an intermediate entry that should have won.
+
+The merge is safe iff for every entry `e_m` strictly between them in priority with a different value,
+
+    simplify(C_m & C_l & !C_h) = FALSE
+
+i.e. there is no scenario where the intermediate state could have matched, the lower same-value entry would also have matched, and the higher one would not. This is the only way the merge could leak through and shadow the intermediate state.
 
 ### Why
 
-Without this, a value map like `{ '@dark': 'red', '@dark & @hc': 'red' }` would create two separate entries that later produce two CSS rules with identical output. Merging before exclusive building keeps the exclusive condition algebra small and avoids duplicate CSS.
+Without this pass a value map like `{ '@dark': 'red', '@dark & @hc': 'red' }` would create two separate entries that later produce two CSS rules with identical output. Merging before exclusive building keeps the exclusive condition algebra small and avoids duplicate CSS. The safety check ensures we never break the cascade in service of this optimization.
 
-**Why defaults are kept separate:** merging `TRUE | X` collapses to `TRUE`, destroying X's participation in the exclusive cascade. Intermediate-priority states would then lose their `:not(X)` negation, producing overlapping CSS rules. See `exclusive.ts:140-160` for the rationale.
+**Why defaults are kept separate:** merging `TRUE | X` collapses to `TRUE`, destroying X's participation in the exclusive cascade. Intermediate-priority states would then lose their `:not(X)` negation, producing overlapping CSS rules.
 
-### Example
+### Example — Safe merge (still collapses)
 
 ```typescript
-// Input entries (highest priority first)
+// { '@dark & @hc': 'red', '@dark': 'red' }
+// Input entries (highest priority first), no intermediate different-value entry
 [
-  { stateKey: '@dark & @hc', value: 'red', condition: dark & hc },
-  { stateKey: '@dark',       value: 'red', condition: dark     },
+  { stateKey: '@dark & @hc', value: 'red', condition: dark & hc, priority: 1 },
+  { stateKey: '@dark',       value: 'red', condition: dark,      priority: 0 },
 ]
 
-// Output: one merged entry
+// Safe: no intermediates. Output: one merged entry
 [
   { stateKey: '@dark & @hc | @dark', value: 'red',
-    condition: simplify((dark & hc) | dark) = dark }
+    condition: simplify((dark & hc) | dark) = dark, priority: 1 }
 ]
 ```
 
+The compound dark/HC dedup pattern `{ '': light, '@dark': dark, '@hc': hc, '@dark & @hc': dark }` also collapses cleanly because `@hc & @dark & !(@dark & @hc)` simplifies to FALSE — the intermediate `@hc` is structurally blocked by the contradiction.
+
+### Example — Unsafe merge (must NOT collapse)
+
+```typescript
+// { hovered: 'red', pressed: 'blue', disabled: 'red' }
+// Authored cascade: disabled > pressed > hovered.
+// Merging hovered (priority 0) with disabled (priority 2) would lift
+// hovered to priority 2 and rewrite `pressed`'s exclusive from
+// `pressed & !disabled` to `pressed & !disabled & !hovered`, making
+// `pressed + hovered` resolve to red instead of blue.
+
+// `simplify(pressed & hovered & !disabled)` is not FALSE — three
+// independent modifiers can all be active — so the entries are kept
+// separate. Stage 6 `mergeByValue` will later combine the two red
+// CSS rules into one selector group, but only after the cascade is
+// correctly resolved.
+```
+
 ---
 
 ## Stage 2a: Expand User OR Branches

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.142.2",
+  "version": "0.142.4",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {
@@ -49,7 +49,7 @@
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
     "@tenphi/glaze": "0.11.1",
-    "@tenphi/tasty": "2.6.2",
+    "@tenphi/tasty": "2.6.4",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "diff": "^8.0.3",