@cube-dev/ui-kit 0.138.3 → 0.138.4

package/dist/icons/wrap-icon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
 import { Icon } from "./Icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
 import { extractStyles } from "./utils/styles.js";
 import { chain } from "./utils/react/chain.js";
 import { forwardRefWithGenerics } from "./utils/react/forwardRefWithGenerics.js";

package/dist/provider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
 import { EventBusProvider } from "./utils/react/useEventBus.js";
 import { defaultNavigationAdapter } from "./providers/navigationAdapter.default.js";
 import { createContext, useContext, useMemo } from "react";

package/dist/providers/TrackingProvider.js

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

package/dist/providers/navigationAdapter.default.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
 import { PALETTE_TOKENS } from "./palette.js";
 
 //#region src/tokens/colors.ts
@@ -27,8 +27,8 @@ const LEGACY_ALIASES = {
 	"#dark-03": "#surface-text-soft-2",
 	"#dark-04": "#placeholder",
 	"#dark-05": "#border",
-	"#fixed-dark": "#surface-inverse",
-	"#fixed-primary-text": "#primary-accent-surface-hover",
+	"#fixed-dark": "#special-surface",
+	"#fixed-primary-text": "#special-accent-text",
 	"#minor": "#surface-text-soft.65",
 	"#shadow": "#shadow-md",
 	"#light": "#surface-3",

package/dist/tokens/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import { PALETTE_TOKENS } from './palette';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * Color tokens with `#` prefix for tasty color definitions.\n *\n * The base values come from the Glaze-generated palette (`palette.ts`):\n * `#surface`, `#surface-text*`, `#border`, `#focus`, `#disabled`, `#pink`,\n * `#shadow-*`, `#overlay`, the unprefixed `#accent-*` family, and the per-theme\n * `#primary-*` / `#purple-*` / `#success-*` / `#danger-*` / `#warning-*` /\n * `#note-*` families.\n *\n * Each Glaze token is a state map (`{ '': '...', '@dark': '...', '@hc': '...' }`),\n * giving us light, dark, and high-contrast variants for free. The `@dark` /\n * `@hc` predefined states are wired up globally in `src/components/Root.tsx`.\n *\n * The aliases below preserve backward compatibility with every legacy\n * `#name` used across components, stories, and tests. Each alias resolves\n * to a current Glaze token via tasty's `#token` reference syntax.\n */\n\nconst LEGACY_ALIASES: Styles = {\n  // ---- Neutral text scale (legacy `#dark*`) ----\n  '#text': '#surface-text-soft',\n  '#dark': '#surface-text',\n  '#dark-01': '#surface-text',\n  '#dark-02': '#surface-text-soft',\n  '#dark-03': '#surface-text-soft-2',\n  '#dark-04': '#placeholder',\n  '#dark-05': '#border',\n\n  // Fixed-mode counterpart to `#dark`. Resolves to the same L≈12 surface\n  // but uses Glaze `mode: 'fixed'` so it does NOT invert in dark schemes.\n  // Use this whenever the design intentionally pins a dark color regardless\n  // of scheme — the canonical case being the `special` item theme, which\n  // pairs `#fixed-dark` with the (also-fixed) built-in `#white` on a known\n  // always-dark surface. Using `#dark` there would resolve to near-white in\n  // dark mode and the element would disappear into its background.\n  '#fixed-dark': '#surface-inverse',\n\n  // Fixed-mode counterpart to `#primary-text`. `#primary-text` is anchored\n  // to `surface` with `mode: 'auto'`, so it flips to a *light* purple in\n  // dark schemes (correct on body content, which also inverts). When the\n  // local fill is a fixed color instead — built-in `#white` in\n  // `SPECIAL_CLEAR_STYLES`, where the special theme assumes an always-white\n  // button surface — the adaptive text loses contrast (light purple on\n  // white) in dark mode. `#fixed-primary-text` points at\n  // `#primary-accent-surface-hover` (`mode: 'fixed'`, cr 6–8.5 vs the fixed\n  // accent-surface-text white), which is the only existing fixed-mode\n  // accent shade whose contrast band overlaps `accent-text`'s cr 6.4–10 —\n  // so the light-mode look is preserved while dark mode stays readable.\n  '#fixed-primary-text': '#primary-accent-surface-hover',\n\n  // ---- Misc neutral ----\n  '#minor': '#surface-text-soft.65',\n  '#shadow': '#shadow-md',\n  '#light': '#surface-3',\n  '#dark-bg': '#surface-2',\n  '#clear': 'transparent',\n\n  // Pink: independent hue, scheme-static (no Glaze adaptation).\n  '#pink': 'okhsl(5 100% 67%)',\n\n  // ---- Disabled state aliases ----\n  // `#disabled-surface` and `#disabled-surface-text` are emitted directly by\n  // the Glaze palette (`palette.ts`) as scheme-symmetric, contrast-driven\n  // tokens — no alias needed here. `#disabled` stays as a brand-tinted\n  // backwards-compat anchor for the per-theme `#<theme>-disabled` aliases below.\n\n  // ---- Primary / Purple legacy ----\n  '#primary': '#primary-accent-surface',\n  '#primary-text': '#primary-accent-text',\n  '#primary-text-soft': '#primary-accent-text-soft',\n  '#primary-bg': '#primary-surface',\n  '#primary-icon': '#primary-accent-icon',\n  '#primary-hover': '#primary-accent-surface-hover',\n  '#primary-desaturated': '#primary-accent-surface-2',\n  '#primary-disabled': '#disabled',\n\n  '#purple': '#purple-accent-surface',\n  '#purple-text': '#purple-accent-text',\n  '#purple-text-soft': '#purple-accent-text-soft',\n  '#purple-bg': '#purple-surface',\n  '#purple-icon': '#purple-accent-icon',\n  '#purple-hover': '#purple-accent-surface-hover',\n  '#purple-disabled': '#disabled',\n\n  // Purple scale (gradient/accent shades) — mapped to the accent-surface ramp.\n  '#purple-01': '#purple-accent-surface',\n  '#purple-02': '#purple-accent-surface-2',\n  '#purple-03': '#purple-accent-surface-3',\n  '#purple-04': '#purple-surface',\n\n  // ---- Danger ----\n  '#danger': '#danger-accent-surface',\n  '#danger-text': '#danger-accent-text',\n  '#danger-text-soft': '#danger-accent-text-soft',\n  '#danger-bg': '#danger-surface',\n  '#danger-icon': '#danger-accent-icon',\n  '#danger-hover': '#danger-accent-surface-hover',\n  '#danger-desaturated': '#danger-accent-surface-2',\n  '#danger-disabled': '#disabled',\n\n  // ---- Success ----\n  '#success': '#success-accent-surface',\n  '#success-text': '#success-accent-text',\n  '#success-text-soft': '#success-accent-text-soft',\n  '#success-bg': '#success-surface',\n  '#success-icon': '#success-accent-icon',\n  '#success-hover': '#success-accent-surface-hover',\n  '#success-desaturated': '#success-accent-surface-2',\n  '#success-disabled': '#disabled',\n\n  // ---- Warning ----\n  '#warning': '#warning-accent-surface',\n  '#warning-text': '#warning-accent-text',\n  '#warning-text-soft': '#warning-accent-text-soft',\n  '#warning-bg': '#warning-surface',\n  '#warning-icon': '#warning-accent-icon',\n  '#warning-hover': '#warning-accent-surface-hover',\n  '#warning-desaturated': '#warning-accent-surface-2',\n  '#warning-disabled': '#disabled',\n\n  // ---- Note ----\n  '#note': '#note-accent-surface',\n  '#note-text': '#note-accent-text',\n  '#note-text-soft': '#note-accent-text-soft',\n  '#note-bg': '#note-surface',\n  '#note-icon': '#note-accent-icon',\n  '#note-hover': '#note-accent-surface-hover',\n  '#note-desaturated': '#note-accent-surface-2',\n  '#note-disabled': '#disabled',\n};\n\n/**\n * Combined color token map: Glaze-generated palette + legacy aliases.\n *\n * `#white` and `#black` are intentionally omitted — they are built-in\n * tasty named colors and resolve automatically.\n */\nexport const COLOR_TOKENS: Styles = {\n  ...PALETTE_TOKENS,\n  ...LEGACY_ALIASES,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,iBAAyB;CAE7B,SAAS;CACT,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CASZ,eAAe;CAaf,uBAAuB;CAGvB,UAAU;CACV,WAAW;CACX,UAAU;CACV,YAAY;CACZ,UAAU;CAGV,SAAS;CAST,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAErB,WAAW;CACX,gBAAgB;CAChB,qBAAqB;CACrB,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,oBAAoB;CAGpB,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CAGd,WAAW;CACX,gBAAgB;CAChB,qBAAqB;CACrB,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,uBAAuB;CACvB,oBAAoB;CAGpB,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAGrB,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAGrB,SAAS;CACT,cAAc;CACd,mBAAmB;CACnB,YAAY;CACZ,cAAc;CACd,eAAe;CACf,qBAAqB;CACrB,kBAAkB;CACnB;;;;;;;AAQD,MAAa,eAAuB;CAClC,GAAG;CACH,GAAG;CACJ"}
+{"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import { PALETTE_TOKENS } from './palette';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * Color tokens with `#` prefix for tasty color definitions.\n *\n * The base values come from the Glaze-generated palette (`palette.ts`):\n * `#surface`, `#surface-text*`, `#border`, `#focus`, `#disabled`, `#pink`,\n * `#shadow-*`, `#overlay`, the unprefixed `#accent-*` family, and the per-theme\n * `#primary-*` / `#purple-*` / `#success-*` / `#danger-*` / `#warning-*` /\n * `#note-*` families.\n *\n * Each Glaze token is a state map (`{ '': '...', '@dark': '...', '@hc': '...' }`),\n * giving us light, dark, and high-contrast variants for free. The `@dark` /\n * `@hc` predefined states are wired up globally in `src/components/Root.tsx`.\n *\n * The aliases below preserve backward compatibility with every legacy\n * `#name` used across components, stories, and tests. Each alias resolves\n * to a current Glaze token via tasty's `#token` reference syntax.\n */\n\nconst LEGACY_ALIASES: Styles = {\n  // ---- Neutral text scale (legacy `#dark*`) ----\n  '#text': '#surface-text-soft',\n  '#dark': '#surface-text',\n  '#dark-01': '#surface-text',\n  '#dark-02': '#surface-text-soft',\n  '#dark-03': '#surface-text-soft-2',\n  '#dark-04': '#placeholder',\n  '#dark-05': '#border',\n\n  // Fixed-mode counterpart to `#dark`. Resolves to the same L≈12 surface\n  // but uses Glaze `mode: 'fixed'` so it does NOT invert in dark schemes.\n  // Use this whenever the design intentionally pins a dark color regardless\n  // of scheme. Points at `#special-surface` (`mode: 'fixed'`, L=12),\n  // emitted by the standalone `specialTheme` in `palette.ts` — the canonical\n  // source of fixed-mode color tokens for `special`-variant components.\n  '#fixed-dark': '#special-surface',\n\n  // Fixed-mode counterpart to `#primary-text`. `#primary-text` is anchored\n  // to `surface` with `mode: 'auto'`, so it flips to a *light* purple in\n  // dark schemes (correct on body content, which also inverts). When the\n  // local fill is a fixed color instead (an always-white pill, etc.), the\n  // adaptive text loses contrast (light purple on white) in dark mode.\n  // Points at `#special-accent-text` (`mode: 'fixed'`, cr 6–8.5 vs fixed\n  // white) — a dark purple readable on a white surface that stays put\n  // across schemes.\n  '#fixed-primary-text': '#special-accent-text',\n\n  // ---- Misc neutral ----\n  '#minor': '#surface-text-soft.65',\n  '#shadow': '#shadow-md',\n  '#light': '#surface-3',\n  '#dark-bg': '#surface-2',\n  '#clear': 'transparent',\n\n  // Pink: independent hue, scheme-static (no Glaze adaptation).\n  '#pink': 'okhsl(5 100% 67%)',\n\n  // ---- Disabled state aliases ----\n  // `#disabled-surface` and `#disabled-surface-text` are emitted directly by\n  // the Glaze palette (`palette.ts`) as scheme-symmetric, contrast-driven\n  // tokens — no alias needed here. `#disabled` stays as a brand-tinted\n  // backwards-compat anchor for the per-theme `#<theme>-disabled` aliases below.\n\n  // ---- Primary / Purple legacy ----\n  '#primary': '#primary-accent-surface',\n  '#primary-text': '#primary-accent-text',\n  '#primary-text-soft': '#primary-accent-text-soft',\n  '#primary-bg': '#primary-surface',\n  '#primary-icon': '#primary-accent-icon',\n  '#primary-hover': '#primary-accent-surface-hover',\n  '#primary-desaturated': '#primary-accent-surface-2',\n  '#primary-disabled': '#disabled',\n\n  '#purple': '#purple-accent-surface',\n  '#purple-text': '#purple-accent-text',\n  '#purple-text-soft': '#purple-accent-text-soft',\n  '#purple-bg': '#purple-surface',\n  '#purple-icon': '#purple-accent-icon',\n  '#purple-hover': '#purple-accent-surface-hover',\n  '#purple-disabled': '#disabled',\n\n  // Purple scale (gradient/accent shades) — mapped to the accent-surface ramp.\n  '#purple-01': '#purple-accent-surface',\n  '#purple-02': '#purple-accent-surface-2',\n  '#purple-03': '#purple-accent-surface-3',\n  '#purple-04': '#purple-surface',\n\n  // ---- Danger ----\n  '#danger': '#danger-accent-surface',\n  '#danger-text': '#danger-accent-text',\n  '#danger-text-soft': '#danger-accent-text-soft',\n  '#danger-bg': '#danger-surface',\n  '#danger-icon': '#danger-accent-icon',\n  '#danger-hover': '#danger-accent-surface-hover',\n  '#danger-desaturated': '#danger-accent-surface-2',\n  '#danger-disabled': '#disabled',\n\n  // ---- Success ----\n  '#success': '#success-accent-surface',\n  '#success-text': '#success-accent-text',\n  '#success-text-soft': '#success-accent-text-soft',\n  '#success-bg': '#success-surface',\n  '#success-icon': '#success-accent-icon',\n  '#success-hover': '#success-accent-surface-hover',\n  '#success-desaturated': '#success-accent-surface-2',\n  '#success-disabled': '#disabled',\n\n  // ---- Warning ----\n  '#warning': '#warning-accent-surface',\n  '#warning-text': '#warning-accent-text',\n  '#warning-text-soft': '#warning-accent-text-soft',\n  '#warning-bg': '#warning-surface',\n  '#warning-icon': '#warning-accent-icon',\n  '#warning-hover': '#warning-accent-surface-hover',\n  '#warning-desaturated': '#warning-accent-surface-2',\n  '#warning-disabled': '#disabled',\n\n  // ---- Note ----\n  '#note': '#note-accent-surface',\n  '#note-text': '#note-accent-text',\n  '#note-text-soft': '#note-accent-text-soft',\n  '#note-bg': '#note-surface',\n  '#note-icon': '#note-accent-icon',\n  '#note-hover': '#note-accent-surface-hover',\n  '#note-desaturated': '#note-accent-surface-2',\n  '#note-disabled': '#disabled',\n};\n\n/**\n * Combined color token map: Glaze-generated palette + legacy aliases.\n *\n * `#white` and `#black` are intentionally omitted — they are built-in\n * tasty named colors and resolve automatically.\n */\nexport const COLOR_TOKENS: Styles = {\n  ...PALETTE_TOKENS,\n  ...LEGACY_ALIASES,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,iBAAyB;CAE7B,SAAS;CACT,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CAQZ,eAAe;CAUf,uBAAuB;CAGvB,UAAU;CACV,WAAW;CACX,UAAU;CACV,YAAY;CACZ,UAAU;CAGV,SAAS;CAST,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAErB,WAAW;CACX,gBAAgB;CAChB,qBAAqB;CACrB,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,oBAAoB;CAGpB,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CAGd,WAAW;CACX,gBAAgB;CAChB,qBAAqB;CACrB,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,uBAAuB;CACvB,oBAAoB;CAGpB,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAGrB,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAGrB,SAAS;CACT,cAAc;CACd,mBAAmB;CACnB,YAAY;CACZ,cAAc;CACd,eAAe;CACf,qBAAqB;CACrB,kBAAkB;CACnB;;;;;;;AAQD,MAAa,eAAuB;CAClC,GAAG;CACH,GAAG;CACJ"}

package/dist/tokens/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
 import { glaze } from "@tenphi/glaze";
 
 //#region src/tokens/palette.ts
@@ -186,7 +186,7 @@ defaultTheme.colors({
 		base: "surface",
 		lightness: "-1",
 		saturation: .5,
-		contrast: [1.4, 1.3]
+		contrast: [1.4, 1.5]
 	},
 	"accent-disabled-surface-text": {
 		base: "accent-disabled-surface",
@@ -322,6 +322,74 @@ const noteTheme = defaultTheme.extend({
 	colors: TINTED_SURFACE_OVERRIDE
 });
 /**
+* Standalone theme for `special`-variant components (hero CTAs, banners, etc.)
+* that intentionally sit on a dark surface regardless of the active scheme.
+*
+* Every token here is `mode: 'fixed'` so the resolved value is identical in
+* light, dark, and high-contrast. The shape is purpose-built (not a full
+* mirror of `defaultTheme`) — only what `SPECIAL_*_STYLES` in
+* `src/data/item-themes.ts` consumes is emitted.
+*
+* Token rundown:
+*   - `surface` — dark L≈12 backdrop (same value as `#surface-inverse`).
+*   - `accent-fill` / `accent-fill-hover` — brand-purple PRIMARY fill +
+*     darker hover shade. Same anchor/contrast as `#primary-accent-surface*`
+*     so values match today's `#primary` / `#primary-hover`.
+*   - `accent-fill-text` — fixed white (= built-in `#white`), exposed for
+*     explicit references.
+*   - `accent-text` — dark-purple foreground readable on white. Used as
+*     CLEAR-variant text on the always-white pill, and as the
+*     pressed/focused border on the brand-purple primary fill. Matches the
+*     legacy `#fixed-primary-text` alias (= `#primary-accent-surface-hover`).
+*   - `accent-disabled-surface` / `accent-disabled-surface-text` —
+*     brand-tinted disabled chip + label, contrast-driven against the fixed
+*     dark `surface` so the disabled state is scheme-symmetric.
+*/
+const specialTheme = glaze(PURPLE_HUE, SEED_SATURATION);
+specialTheme.colors({
+	surface: {
+		lightness: 12,
+		saturation: .475,
+		mode: "fixed"
+	},
+	"accent-fill-text": {
+		lightness: 100,
+		mode: "fixed"
+	},
+	"accent-fill": {
+		base: "accent-fill-text",
+		lightness: "-1",
+		contrast: [4.5, 7],
+		mode: "fixed"
+	},
+	"accent-fill-hover": {
+		base: "accent-fill-text",
+		lightness: "-1",
+		contrast: [6, 8.5],
+		mode: "fixed"
+	},
+	"accent-text": {
+		base: "accent-fill-text",
+		lightness: "-1",
+		contrast: [6, 8.5],
+		mode: "fixed"
+	},
+	"accent-disabled-surface": {
+		base: "surface",
+		lightness: "+1",
+		saturation: .5,
+		contrast: [1.4, 1.5],
+		mode: "fixed"
+	},
+	"accent-disabled-surface-text": {
+		base: "accent-disabled-surface",
+		lightness: "+1",
+		saturation: .4,
+		contrast: 1.51,
+		mode: "fixed"
+	}
+});
+/**
 * Theme map for the palette.
 *
 * `purple` is the legacy alias for `primary` and resolves to identical tokens
@@ -338,7 +406,8 @@ const palette = glaze.palette({
 	success: successTheme,
 	danger: dangerTheme,
 	warning: warningTheme,
-	note: noteTheme
+	note: noteTheme,
+	special: specialTheme
 });
 /**
 * All Glaze-generated color tokens as a tasty `Styles` map.
@@ -356,7 +425,8 @@ const PALETTE_TOKENS = palette.tasty({ prefix: {
 	success: "success-",
 	danger: "danger-",
 	warning: "warning-",
-	note: "note-"
+	note: "note-",
+	special: "special-"
 } });
 
 //#endregion

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\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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"}
+{"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.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/** 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// 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-fill` / `accent-fill-hover` — brand-purple PRIMARY fill +\n *     darker hover shade. Same anchor/contrast as `#primary-accent-surface*`\n *     so values match today's `#primary` / `#primary-hover`.\n *   - `accent-fill-text` — fixed white (= built-in `#white`), exposed for\n *     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-fill-text': { lightness: 100, mode: 'fixed' },\n  'accent-fill': {\n    base: 'accent-fill-text',\n    lightness: '-1',\n    contrast: [4.5, 7],\n    mode: 'fixed',\n  },\n  'accent-fill-hover': {\n    base: 'accent-fill-text',\n    lightness: '-1',\n    contrast: [6, 8.5],\n    mode: 'fixed',\n  },\n  'accent-text': {\n    base: 'accent-fill-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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.4 | 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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.d.ts

@@ -2,7 +2,7 @@
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.d.ts
-declare const useLayoutEffect$1: typeof React$1.useEffect;
+declare const useLayoutEffect$1: typeof React$1.useLayoutEffect;
 //#endregion
 export { useLayoutEffect$1 as useLayoutEffect };
 //# sourceMappingURL=useLayoutEffect.d.ts.map

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.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.138.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.4 | Cube Dev Team */
 import { useEventBus } from "./useEventBus.js";
 import { useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

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