@cube-dev/ui-kit 0.0.0-canary-ba8ede3 → 0.0.0-canary-a9ce8b9

package/dist/icons/UnlockIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconLockOpen2 } from "@tabler/icons-react";

package/dist/icons/UpIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconChevronUp } from "@tabler/icons-react";

package/dist/icons/UserGroupIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/icons/UserIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/icons/UserLockIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ViewIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/WarningFilledIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconAlertTriangleFilled } from "@tabler/icons-react";

package/dist/icons/WarningIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconAlertTriangle } from "@tabler/icons-react";

package/dist/icons/wrap-icon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { Icon } from "./Icon.js";
 import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { extractStyles } from "./utils/styles.js";
 import { chain } from "./utils/react/chain.js";
 import { getDisabledElementProps, omitActivationEventProps } from "./utils/react/disabledProps.js";

package/dist/probe/canonicalize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 //#region src/probe/canonicalize.ts
 /**
 * Normalising generated identifiers out of rendered output.

package/dist/probe/css.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { getCSSTextForNode } from "@tenphi/tasty";
 
 //#region src/probe/css.ts

package/dist/probe/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { canonicalize, canonicalizeClassNames, canonicalizeIds } from "./canonicalize.js";
 import { captureCss, diffRules, splitRules } from "./css.js";
 

package/dist/provider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { EventBusProvider } from "./utils/react/useEventBus.js";
 import { defaultNavigationAdapter } from "./providers/navigationAdapter.default.js";
 import { c } from "react-compiler-runtime";

package/dist/providers/TrackingProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { createContext, useContext } 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.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 //#region src/providers/navigationAdapter.default.ts
 /**
 * Converts a Path object to a string URL

package/dist/tokens/all-tokens.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { getPaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";
 import { lazyStyles } from "./lazy-styles.js";

package/dist/tokens/base.js

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

package/dist/tokens/color-seed.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { glaze } from "@tenphi/glaze";
 
 //#region src/tokens/color-seed.ts

package/dist/tokens/color-theme.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
-import { DEFAULT_HUE, DEFAULT_SATURATION, getPaletteConfig, getPaletteVersion, usePaletteValue } from "./palette-config.js";
+import { DEFAULT_HUE, DEFAULT_SATURATION, getPaletteConfig, getPaletteVersion, usePaletteVersion } from "./palette-config.js";
 import { tintRecipe } from "./palette.js";
 import { c } from "react-compiler-runtime";
 import { useGlobalStyles } from "@tenphi/tasty";
@@ -160,13 +160,14 @@ function getColorTheme(config) {
 */
 function useColorTheme(config) {
 	const $ = c(4);
+	usePaletteVersion();
 	let t0;
 	if ($[0] !== config) {
-		t0 = () => getColorTheme(config);
+		t0 = getColorTheme(config);
 		$[0] = config;
 		$[1] = t0;
 	} else t0 = $[1];
-	const theme = usePaletteValue(t0);
+	const theme = t0;
 	const t1 = `cube-color-theme-${theme.name}`;
 	let t2;
 	if ($[2] !== t1) {

package/dist/tokens/color-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-theme.js","names":["glaze","useGlobalStyles","colorSeed","tintRecipe","DEFAULT_HUE","DEFAULT_SATURATION","getPaletteConfig","getPaletteVersion","usePaletteValue","ColorMap","GlazeConfigOverride","Styles","ColorThemeConfig","hue","saturation","pastel","colors","ColorTheme","name","tokens","Record","hashString","input","hash","i","length","charCodeAt","Math","imul","toString","hashSeed","seed","ResolvedSeed","JSON","stringify","toFixed","stableStringify","value","Array","isArray","map","join","entries","Object","sort","a","b","key","item","colorThemeSeed","cache","Map","lastVersion","getColorTheme","config","version","clear","paletteConfig","parsed","cached","get","overrides","contrastLevel","theme","keys","undefined","raw","tasty","format","startsWith","bare","slice","token","result","set","useColorTheme","$","_c","t0","t1","t2","id"],"sources":["../../src/tokens/color-theme.ts"],"sourcesContent":["import { glaze } from '@tenphi/glaze';\nimport { useGlobalStyles } from '@tenphi/tasty';\n\n// Imported for its SIDE EFFECT as much as for `tintRecipe`.\n//\n// `palette.ts` runs `glaze.configure({ states: { dark: '@dark', highContrast:\n// '@hc' }, modes: …, darkTone: … })` at module scope, and that global config is\n// what makes a theme emit `'@dark'` / `'@hc'` keys at all. Without this import\n// a runtime theme falls back to Glaze's defaults — `@media(prefers-color-scheme:\n// dark)` keys and NO high-contrast tier — which still renders, so the failure is\n// silent. `color-theme.test.ts` asserts the `'@hc'` key exists to catch it.\nimport { colorSeed } from './color-seed';\nimport { tintRecipe } from './palette';\nimport {\n  DEFAULT_HUE,\n  DEFAULT_SATURATION,\n  getPaletteConfig,\n  getPaletteVersion,\n  usePaletteValue,\n} from './palette-config';\n\nimport type { ColorMap, GlazeConfigOverride } from '@tenphi/glaze';\nimport type { Styles } from '@tenphi/tasty';\n\nexport interface ColorThemeConfig {\n  /**\n   * A hue in 0–360, or any colour Glaze parses — hex, `rgb()`, `hsl()`,\n   * `okhsl()`, `okhst()`, `oklch()`.\n   *\n   * From a colour only the HUE and SATURATION are taken; the lightness is\n   * discarded and re-derived per scheme. That is what makes the result adaptive\n   * rather than a value that happens to work in one theme.\n   */\n  hue: number | string;\n  /** 0–100. @default the palette's own saturation seed */\n  saturation?: number;\n  pastel?: boolean;\n  /**\n   * Extra colour definitions, merged over {@link tintRecipe}. Anything Glaze's\n   * `theme.colors()` accepts, including `contrast` floors against a sibling.\n   */\n  colors?: ColorMap;\n}\n\nexport interface ColorTheme {\n  /**\n   * A hash of the config, and the token prefix — `'tint-1a2b3c'`.\n   *\n   * Content-addressed rather than positional so two components asking for the\n   * same colour name the same theme, and therefore share one injection. Also\n   * makes it safe to stamp on the DOM as an identifier.\n   */\n  name: string;\n  /**\n   * Tasty token declarations, one state map per colour:\n   * `{ '#tint-1a2b3c-surface': { '': …, '@dark': …, '@hc': …, '@dark & @hc': … } }`\n   */\n  tokens: Styles;\n  /** Token references by their unprefixed name — `{ surface: '#tint-1a2b3c-surface' }`. */\n  colors: Record<string, string>;\n}\n\n/**\n * FNV-1a, base36. Short, stable and dependency-free.\n *\n * These hashes name CSS custom properties and land in DOM attributes, so they\n * have to be deterministic across processes (SSR and the client must agree) and\n * safe as identifiers — but not cryptographic.\n */\nexport function hashString(input: string): string {\n  let hash = 0x811c9dc5;\n\n  for (let i = 0; i < input.length; i++) {\n    hash ^= input.charCodeAt(i);\n    // >>> 0 keeps it an unsigned 32-bit int; `Math.imul` is the 32-bit multiply.\n    hash = Math.imul(hash, 0x01000193) >>> 0;\n  }\n\n  return hash.toString(36);\n}\n\n/**\n * Hashes the RESOLVED seed, not the config as written.\n *\n * `{ hue: '#0ea5e9' }` and `{ hue: 237.32, saturation: 98.19 }` are the same\n * colour said two ways; hashing the input would give them two names, two\n * injections and two sets of generated rules. Rounded, because a seed that\n * differs in the twelfth decimal is the same colour to every eye and every\n * renderer — and an unrounded float would defeat the deduplication it is here to\n * provide.\n */\nfunction hashSeed(seed: ResolvedSeed): string {\n  return `tint-${hashString(\n    JSON.stringify([\n      seed.hue.toFixed(4),\n      seed.saturation.toFixed(4),\n      seed.pastel,\n      seed.colors ? stableStringify(seed.colors) : null,\n    ]),\n  )}`;\n}\n\ninterface ResolvedSeed {\n  hue: number;\n  saturation: number;\n  pastel: boolean;\n  colors?: ColorMap;\n}\n\n/** Key order must not change the hash, or two identical configs get two slots. */\nfunction stableStringify(value: unknown): string {\n  if (value === null || typeof value !== 'object') return JSON.stringify(value);\n\n  if (Array.isArray(value)) {\n    return `[${value.map(stableStringify).join(',')}]`;\n  }\n\n  const entries = Object.entries(value as Record<string, unknown>).sort(\n    ([a], [b]) => (a < b ? -1 : a > b ? 1 : 0),\n  );\n\n  return `{${entries\n    .map(([key, item]) => `${JSON.stringify(key)}:${stableStringify(item)}`)\n    .join(',')}}`;\n}\n\n/**\n * The hue and saturation of a colour, for use as a theme seed.\n *\n * ```ts\n * colorThemeSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19 }\n * ```\n *\n * The tone {@link colorSeed} also reads is dropped here on purpose: a tint theme\n * re-derives its lightness per scheme, which is what makes it adaptive. The palette's\n * The palette's accent zone keeps the tone, because a brand fill has to *be* the\n * colour.\n *\n * An unparseable value falls back to the shipped seed rather than throwing — a hue\n * typed into a settings field should not take the render down.\n */\nexport function colorThemeSeed(value: string): {\n  hue: number;\n  saturation: number;\n} {\n  const seed = colorSeed(value);\n\n  if (!seed) return { hue: DEFAULT_HUE, saturation: DEFAULT_SATURATION };\n\n  return { hue: seed.hue, saturation: seed.saturation };\n}\n\n/**\n * Cached by `${paletteVersion}:${name}`.\n *\n * The palette version is in the KEY rather than triggering a clear, so a stale\n * entry is simply unreachable. `lastVersion` still clears the map on a change,\n * or repeated `setPaletteConfig` calls would grow it without bound.\n */\nconst cache = new Map<string, ColorTheme>();\nlet lastVersion = -1;\n\n/**\n * Build (or reuse) an adaptive theme from a hue.\n *\n * Pure and memoized: the same config returns the same object identity until the\n * palette is re-seeded. Registering the tokens is {@link useColorTheme}'s job —\n * this only computes them, so it is safe to call while rendering or from a test.\n */\nexport function getColorTheme(config: ColorThemeConfig): ColorTheme {\n  const version = getPaletteVersion();\n\n  if (version !== lastVersion) {\n    cache.clear();\n    lastVersion = version;\n  }\n\n  const paletteConfig = getPaletteConfig();\n  const parsed =\n    typeof config.hue === 'string' ? colorThemeSeed(config.hue) : null;\n  const seed: ResolvedSeed = {\n    hue: parsed ? parsed.hue : (config.hue as number),\n    saturation:\n      config.saturation ??\n      parsed?.saturation ??\n      paletteConfig.saturation ??\n      DEFAULT_SATURATION,\n    pastel: config.pastel ?? paletteConfig.pastel ?? false,\n    colors: config.colors,\n  };\n\n  const name = hashSeed(seed);\n  const cached = cache.get(name);\n\n  if (cached) return cached;\n\n  const { hue, saturation } = seed;\n\n  // `pastel` and `contrastLevel` are instance-level in Glaze, not settable\n  // through `glaze.configure`, so a runtime theme has to carry them itself or it\n  // would ignore a pastel palette. Omitted entirely when off, so the default\n  // output is provably the same as passing nothing.\n  const overrides: GlazeConfigOverride = {\n    ...(paletteConfig.contrastLevel != null\n      ? { contrastLevel: paletteConfig.contrastLevel }\n      : null),\n    ...(seed.pastel ? { pastel: true } : null),\n  };\n\n  const theme = glaze(\n    hue,\n    saturation,\n    Object.keys(overrides).length ? overrides : undefined,\n  );\n\n  // The recipe follows the palette's `surfaceMode`, so a runtime tint sits the same\n  // distance off the page as a built-in status theme does. Safe to read here rather\n  // than hash into the seed: the cache is cleared on every palette version change,\n  // and `surfaceMode` is one of the fields that bumps it.\n  theme.colors({ ...tintRecipe(paletteConfig), ...config.colors });\n\n  // `prefix` is a palette-only option, so the keys are renamed here. `oklch`\n  // because that is what the palette emits; tasty converts to the configured\n  // colour space on the way out either way.\n  const raw = theme.tasty({ format: 'oklch' }) as Record<string, unknown>;\n  const tokens: Styles = {};\n  const colors: Record<string, string> = {};\n\n  for (const [key, value] of Object.entries(raw)) {\n    // Only the `#colour` entries are renamed; `splitHue` is off, so there are no\n    // `$…-hue` companions to worry about, but a future one must not be mangled.\n    if (!key.startsWith('#')) {\n      (tokens as Record<string, unknown>)[key] = value;\n      continue;\n    }\n\n    const bare = key.slice(1);\n    const token = `#${name}-${bare}`;\n\n    (tokens as Record<string, unknown>)[token] = value;\n    colors[bare] = token;\n  }\n\n  const result: ColorTheme = { name, tokens, colors };\n\n  cache.set(name, result);\n\n  return result;\n}\n\n/**\n * Register an adaptive theme's tokens once per document, and get it back.\n *\n * The tokens land on `body` under a slot keyed by the theme's name, which is a\n * hash of the config — so every component asking for the same colour shares one\n * injection no matter how many of them there are. Tasty's global-style slots are\n * also permanent, which is what makes that safe: one component unmounting cannot\n * strip tokens another is still referencing.\n *\n * `body` rather than `:root`, which emits nothing at all — the same selector\n * `GlobalStyles` uses for the palette's own tokens. Custom properties inherit, so\n * anything rendered inside the document sees them; the one thing this cannot\n * reach is content portalled outside `<body>`, which nothing does.\n *\n * Because the slot id hashes the CONFIG rather than the resolved values,\n * re-seeding the palette replaces the same slot instead of leaking a new one.\n *\n * ```tsx\n * const theme = useColorTheme({ hue: '#0ea5e9' });\n * // theme.colors.surface → '#tint-1a2b3c-surface'\n * ```\n */\nexport function useColorTheme(config: ColorThemeConfig): ColorTheme {\n  // Read through the store, not as a bare `getColorTheme(config)` call: that call\n  // is memoized on `config` in the compiled build, so a re-seed with the same\n  // config would keep injecting the old tokens. `getColorTheme` returns one\n  // identity per config until the palette changes, which is what a snapshot needs.\n  const theme = usePaletteValue(() => getColorTheme(config));\n\n  useGlobalStyles('body', theme.tokens, {\n    id: `cube-color-theme-${theme.name}`,\n  });\n\n  return theme;\n}\n"],"mappings":"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"}
+{"version":3,"file":"color-theme.js","names":["glaze","useGlobalStyles","colorSeed","tintRecipe","DEFAULT_HUE","DEFAULT_SATURATION","getPaletteConfig","getPaletteVersion","usePaletteVersion","ColorMap","GlazeConfigOverride","Styles","ColorThemeConfig","hue","saturation","pastel","colors","ColorTheme","name","tokens","Record","hashString","input","hash","i","length","charCodeAt","Math","imul","toString","hashSeed","seed","ResolvedSeed","JSON","stringify","toFixed","stableStringify","value","Array","isArray","map","join","entries","Object","sort","a","b","key","item","colorThemeSeed","cache","Map","lastVersion","getColorTheme","config","version","clear","paletteConfig","parsed","cached","get","overrides","contrastLevel","theme","keys","undefined","raw","tasty","format","startsWith","bare","slice","token","result","set","useColorTheme","$","_c","t0","t1","t2","id"],"sources":["../../src/tokens/color-theme.ts"],"sourcesContent":["import { glaze } from '@tenphi/glaze';\nimport { useGlobalStyles } from '@tenphi/tasty';\n\n// Imported for its SIDE EFFECT as much as for `tintRecipe`.\n//\n// `palette.ts` runs `glaze.configure({ states: { dark: '@dark', highContrast:\n// '@hc' }, modes: …, darkTone: … })` at module scope, and that global config is\n// what makes a theme emit `'@dark'` / `'@hc'` keys at all. Without this import\n// a runtime theme falls back to Glaze's defaults — `@media(prefers-color-scheme:\n// dark)` keys and NO high-contrast tier — which still renders, so the failure is\n// silent. `color-theme.test.ts` asserts the `'@hc'` key exists to catch it.\nimport { colorSeed } from './color-seed';\nimport { tintRecipe } from './palette';\nimport {\n  DEFAULT_HUE,\n  DEFAULT_SATURATION,\n  getPaletteConfig,\n  getPaletteVersion,\n  usePaletteVersion,\n} from './palette-config';\n\nimport type { ColorMap, GlazeConfigOverride } from '@tenphi/glaze';\nimport type { Styles } from '@tenphi/tasty';\n\nexport interface ColorThemeConfig {\n  /**\n   * A hue in 0–360, or any colour Glaze parses — hex, `rgb()`, `hsl()`,\n   * `okhsl()`, `okhst()`, `oklch()`.\n   *\n   * From a colour only the HUE and SATURATION are taken; the lightness is\n   * discarded and re-derived per scheme. That is what makes the result adaptive\n   * rather than a value that happens to work in one theme.\n   */\n  hue: number | string;\n  /** 0–100. @default the palette's own saturation seed */\n  saturation?: number;\n  pastel?: boolean;\n  /**\n   * Extra colour definitions, merged over {@link tintRecipe}. Anything Glaze's\n   * `theme.colors()` accepts, including `contrast` floors against a sibling.\n   */\n  colors?: ColorMap;\n}\n\nexport interface ColorTheme {\n  /**\n   * A hash of the config, and the token prefix — `'tint-1a2b3c'`.\n   *\n   * Content-addressed rather than positional so two components asking for the\n   * same colour name the same theme, and therefore share one injection. Also\n   * makes it safe to stamp on the DOM as an identifier.\n   */\n  name: string;\n  /**\n   * Tasty token declarations, one state map per colour:\n   * `{ '#tint-1a2b3c-surface': { '': …, '@dark': …, '@hc': …, '@dark & @hc': … } }`\n   */\n  tokens: Styles;\n  /** Token references by their unprefixed name — `{ surface: '#tint-1a2b3c-surface' }`. */\n  colors: Record<string, string>;\n}\n\n/**\n * FNV-1a, base36. Short, stable and dependency-free.\n *\n * These hashes name CSS custom properties and land in DOM attributes, so they\n * have to be deterministic across processes (SSR and the client must agree) and\n * safe as identifiers — but not cryptographic.\n */\nexport function hashString(input: string): string {\n  let hash = 0x811c9dc5;\n\n  for (let i = 0; i < input.length; i++) {\n    hash ^= input.charCodeAt(i);\n    // >>> 0 keeps it an unsigned 32-bit int; `Math.imul` is the 32-bit multiply.\n    hash = Math.imul(hash, 0x01000193) >>> 0;\n  }\n\n  return hash.toString(36);\n}\n\n/**\n * Hashes the RESOLVED seed, not the config as written.\n *\n * `{ hue: '#0ea5e9' }` and `{ hue: 237.32, saturation: 98.19 }` are the same\n * colour said two ways; hashing the input would give them two names, two\n * injections and two sets of generated rules. Rounded, because a seed that\n * differs in the twelfth decimal is the same colour to every eye and every\n * renderer — and an unrounded float would defeat the deduplication it is here to\n * provide.\n */\nfunction hashSeed(seed: ResolvedSeed): string {\n  return `tint-${hashString(\n    JSON.stringify([\n      seed.hue.toFixed(4),\n      seed.saturation.toFixed(4),\n      seed.pastel,\n      seed.colors ? stableStringify(seed.colors) : null,\n    ]),\n  )}`;\n}\n\ninterface ResolvedSeed {\n  hue: number;\n  saturation: number;\n  pastel: boolean;\n  colors?: ColorMap;\n}\n\n/** Key order must not change the hash, or two identical configs get two slots. */\nfunction stableStringify(value: unknown): string {\n  if (value === null || typeof value !== 'object') return JSON.stringify(value);\n\n  if (Array.isArray(value)) {\n    return `[${value.map(stableStringify).join(',')}]`;\n  }\n\n  const entries = Object.entries(value as Record<string, unknown>).sort(\n    ([a], [b]) => (a < b ? -1 : a > b ? 1 : 0),\n  );\n\n  return `{${entries\n    .map(([key, item]) => `${JSON.stringify(key)}:${stableStringify(item)}`)\n    .join(',')}}`;\n}\n\n/**\n * The hue and saturation of a colour, for use as a theme seed.\n *\n * ```ts\n * colorThemeSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19 }\n * ```\n *\n * The tone {@link colorSeed} also reads is dropped here on purpose: a tint theme\n * re-derives its lightness per scheme, which is what makes it adaptive. The palette's\n * The palette's accent zone keeps the tone, because a brand fill has to *be* the\n * colour.\n *\n * An unparseable value falls back to the shipped seed rather than throwing — a hue\n * typed into a settings field should not take the render down.\n */\nexport function colorThemeSeed(value: string): {\n  hue: number;\n  saturation: number;\n} {\n  const seed = colorSeed(value);\n\n  if (!seed) return { hue: DEFAULT_HUE, saturation: DEFAULT_SATURATION };\n\n  return { hue: seed.hue, saturation: seed.saturation };\n}\n\n/**\n * Cached by `${paletteVersion}:${name}`.\n *\n * The palette version is in the KEY rather than triggering a clear, so a stale\n * entry is simply unreachable. `lastVersion` still clears the map on a change,\n * or repeated `setPaletteConfig` calls would grow it without bound.\n */\nconst cache = new Map<string, ColorTheme>();\nlet lastVersion = -1;\n\n/**\n * Build (or reuse) an adaptive theme from a hue.\n *\n * Pure and memoized: the same config returns the same object identity until the\n * palette is re-seeded. Registering the tokens is {@link useColorTheme}'s job —\n * this only computes them, so it is safe to call while rendering or from a test.\n */\nexport function getColorTheme(config: ColorThemeConfig): ColorTheme {\n  const version = getPaletteVersion();\n\n  if (version !== lastVersion) {\n    cache.clear();\n    lastVersion = version;\n  }\n\n  const paletteConfig = getPaletteConfig();\n  const parsed =\n    typeof config.hue === 'string' ? colorThemeSeed(config.hue) : null;\n  const seed: ResolvedSeed = {\n    hue: parsed ? parsed.hue : (config.hue as number),\n    saturation:\n      config.saturation ??\n      parsed?.saturation ??\n      paletteConfig.saturation ??\n      DEFAULT_SATURATION,\n    pastel: config.pastel ?? paletteConfig.pastel ?? false,\n    colors: config.colors,\n  };\n\n  const name = hashSeed(seed);\n  const cached = cache.get(name);\n\n  if (cached) return cached;\n\n  const { hue, saturation } = seed;\n\n  // `pastel` and `contrastLevel` are instance-level in Glaze, not settable\n  // through `glaze.configure`, so a runtime theme has to carry them itself or it\n  // would ignore a pastel palette. Omitted entirely when off, so the default\n  // output is provably the same as passing nothing.\n  const overrides: GlazeConfigOverride = {\n    ...(paletteConfig.contrastLevel != null\n      ? { contrastLevel: paletteConfig.contrastLevel }\n      : null),\n    ...(seed.pastel ? { pastel: true } : null),\n  };\n\n  const theme = glaze(\n    hue,\n    saturation,\n    Object.keys(overrides).length ? overrides : undefined,\n  );\n\n  // The recipe follows the palette's `surfaceMode`, so a runtime tint sits the same\n  // distance off the page as a built-in status theme does. Safe to read here rather\n  // than hash into the seed: the cache is cleared on every palette version change,\n  // and `surfaceMode` is one of the fields that bumps it.\n  theme.colors({ ...tintRecipe(paletteConfig), ...config.colors });\n\n  // `prefix` is a palette-only option, so the keys are renamed here. `oklch`\n  // because that is what the palette emits; tasty converts to the configured\n  // colour space on the way out either way.\n  const raw = theme.tasty({ format: 'oklch' }) as Record<string, unknown>;\n  const tokens: Styles = {};\n  const colors: Record<string, string> = {};\n\n  for (const [key, value] of Object.entries(raw)) {\n    // Only the `#colour` entries are renamed; `splitHue` is off, so there are no\n    // `$…-hue` companions to worry about, but a future one must not be mangled.\n    if (!key.startsWith('#')) {\n      (tokens as Record<string, unknown>)[key] = value;\n      continue;\n    }\n\n    const bare = key.slice(1);\n    const token = `#${name}-${bare}`;\n\n    (tokens as Record<string, unknown>)[token] = value;\n    colors[bare] = token;\n  }\n\n  const result: ColorTheme = { name, tokens, colors };\n\n  cache.set(name, result);\n\n  return result;\n}\n\n/**\n * Register an adaptive theme's tokens once per document, and get it back.\n *\n * The tokens land on `body` under a slot keyed by the theme's name, which is a\n * hash of the config — so every component asking for the same colour shares one\n * injection no matter how many of them there are. Tasty's global-style slots are\n * also permanent, which is what makes that safe: one component unmounting cannot\n * strip tokens another is still referencing.\n *\n * `body` rather than `:root`, which emits nothing at all — the same selector\n * `GlobalStyles` uses for the palette's own tokens. Custom properties inherit, so\n * anything rendered inside the document sees them; the one thing this cannot\n * reach is content portalled outside `<body>`, which nothing does.\n *\n * Because the slot id hashes the CONFIG rather than the resolved values,\n * re-seeding the palette replaces the same slot instead of leaking a new one.\n *\n * ```tsx\n * const theme = useColorTheme({ hue: '#0ea5e9' });\n * // theme.colors.surface → '#tint-1a2b3c-surface'\n * ```\n */\nexport function useColorTheme(config: ColorThemeConfig): ColorTheme {\n  // Subscribes this component to a re-seed. `getColorTheme` reads the version\n  // itself for its cache, so the value is unused here — the subscription is the\n  // point, and it is what makes the tokens below re-inject.\n  usePaletteVersion();\n\n  const theme = getColorTheme(config);\n\n  useGlobalStyles('body', theme.tokens, {\n    id: `cube-color-theme-${theme.name}`,\n  });\n\n  return theme;\n}\n"],"mappings":"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"}

package/dist/tokens/colors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { getPaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";
 import { lazyStyles } from "./lazy-styles.js";

package/dist/tokens/layout.js

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

package/dist/tokens/lazy-styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 //#region src/tokens/lazy-styles.ts
 /**
 * Proxy that defers to `factory()` on every property / enumeration access.

package/dist/tokens/legacy-color.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { parseSrgbColor } from "../utils/colors.js";
 import { srgbToHex } from "@tenphi/glaze";
 

package/dist/tokens/palette-config.d.ts

@@ -427,11 +427,6 @@ declare function subscribePaletteConfig(listener: () => void): () => void;
 /**
  * Re-render on palette config changes. Returns the version, not the config, so
  * the snapshot is a primitive and React never warns about an uncached snapshot.
- *
- * The re-render alone does not refresh a value derived from the palette. Under
- * React Compiler, a getter called beside this hook is memoized on the getter's
- * own arguments, and a version that is only subscribed to — never read — is in
- * none of its cache keys. Read derived values through {@link usePaletteValue}.
  */
 declare function usePaletteVersion(): number;
 /**

package/dist/tokens/palette-config.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a9ce8b9 | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { c } from "react-compiler-runtime";
 import { useSyncExternalStore } from "react";
@@ -426,32 +426,11 @@ function subscribePaletteConfig(listener) {
 /**
 * Re-render on palette config changes. Returns the version, not the config, so
 * the snapshot is a primitive and React never warns about an uncached snapshot.
-*
-* The re-render alone does not refresh a value derived from the palette. Under
-* React Compiler, a getter called beside this hook is memoized on the getter's
-* own arguments, and a version that is only subscribed to — never read — is in
-* none of its cache keys. Read derived values through {@link usePaletteValue}.
 */
 function usePaletteVersion() {
 	return useSyncExternalStore(subscribePaletteConfig, getPaletteVersion, getPaletteVersion);
 }
 /**
-* Read a value derived from the palette, and re-render when it changes.
-*
-* The value is the store snapshot, so it is what the caller's memoization
-* depends on. That is the difference from calling a getter beside
-* {@link usePaletteVersion}: the published build runs React Compiler, which keys
-* each cache on what a component reads, so a subscribed-but-unread version drops
-* out of every key and the derived value freezes at the first render.
-*
-* `read` must return the same identity until the palette changes — as
-* `getPaletteConfig`, `getTokens` and `getColorTheme` do — or React re-renders
-* forever.
-*/
-function usePaletteValue(read) {
-	return useSyncExternalStore(subscribePaletteConfig, read, read);
-}
-/**
 * Read and tune the palette from React, `useState`-style — including the part
 * where the setter *replaces*. A control that changes one field wants the updater
 * form, or it will drop every other field:
@@ -473,18 +452,16 @@ function usePaletteValue(read) {
 * mounted `<Root>` — sees the same palette.
 */
 function usePaletteConfig() {
-	const $ = c(2);
+	const $ = c(1);
 	usePaletteVersion();
-	const config = usePaletteValue(getPaletteConfig);
 	let t0;
-	if ($[0] !== config) {
-		t0 = [config, setPaletteConfig];
-		$[0] = config;
-		$[1] = t0;
-	} else t0 = $[1];
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [getPaletteConfig(), setPaletteConfig];
+		$[0] = t0;
+	} else t0 = $[0];
 	return t0;
 }
 
 //#endregion
-export { DEFAULT_HUE, DEFAULT_PALETTE_CONFIG, DEFAULT_SATURATION, MAX_BASE_SATURATION, SURFACE_SATURATION_SHARE, getPaletteConfig, getPaletteConfigInput, getPaletteVersion, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteValue, usePaletteVersion };
+export { DEFAULT_HUE, DEFAULT_PALETTE_CONFIG, DEFAULT_SATURATION, MAX_BASE_SATURATION, SURFACE_SATURATION_SHARE, getPaletteConfig, getPaletteConfigInput, getPaletteVersion, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion };
 //# sourceMappingURL=palette-config.js.map