@cube-dev/ui-kit 0.0.0-canary-7c63f24 → 0.0.0-canary-a2deb22

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 { lazyStyles } from './lazy-styles';\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': { '': 'oklch(...)', '@dark': 'oklch(...)', '@hc': 'oklch(...)' }\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 = 100;\n\n// Relative tone ramp from a white surface.\n// Tone is a contrast-uniform 0–100 scale (OKHST). A relative tone delta of -N\n// yields a fixed WCAG contrast step against the base regardless of where the\n// base sits on the scale. These constants form the primary text ramp; the\n// surface-2 / surface-3 variants reuse the same absolute targets via a small\n// offset because their bases are shifted down from `surface`.\nconst TEXT_TONE = -98; // relative tone delta from white surface (~cr 21)\nconst TEXT_SOFT_TONE = -72; // relative tone delta from white surface (~cr 9)\nconst TEXT_SOFT2_TONE = -52; // relative tone delta from white surface (~cr 4.5)\nconst SURFACE_2_TEXT_OFFSET = 2;\nconst SURFACE_3_TEXT_OFFSET = 4;\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  darkTone: [14, 95],\n  darkDesaturation: 0,\n});\n\n// ============================================================================\n// Default theme (neutral, primary in palette → exported unprefixed)\n// ============================================================================\n\nconst defaultTheme = glaze(PURPLE_HUE, SEED_SATURATION, { pastel: true });\n\ndefaultTheme.colors({\n  // ---- Surfaces (neutral, very low saturation) ----\n  surface: { tone: 100, saturation: 0.12 },\n  'surface-2': {\n    base: 'surface',\n    tone: '-2',\n    saturation: 0.1,\n    inherit: false,\n  },\n  'surface-3': {\n    base: 'surface',\n    tone: '-4',\n    saturation: 0.1,\n    inherit: false,\n  },\n  'surface-4': {\n    base: 'surface',\n    tone: '-6',\n    saturation: 0.1,\n    inherit: false,\n  },\n\n  // ---- Text on surfaces ----\n  // Tone is the contrast-uniform OKHST axis, so a relative tone delta directly\n  // encodes a WCAG contrast step. `surface-text` sits at tone 2 (a -98 delta\n  // from white), giving the same near-black appearance as the legacy `#dark`.\n  // We still keep an `['AA','AAA']` contrast floor on every text-on-surface\n  // color so a future low-contrast scale can shift the ramp down without ever\n  // breaking readability.\n  'surface-text': {\n    base: 'surface',\n    tone: `${TEXT_TONE - 2}`,\n    saturation: 0.475,\n    contrast: ['AA', 'AAA'],\n  },\n  'surface-text-soft': {\n    base: 'surface',\n    tone: `${TEXT_SOFT_TONE - 2}`,\n    saturation: 0.375,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-text-soft-2': {\n    base: 'surface',\n    tone: `${TEXT_SOFT2_TONE - 2}`,\n    saturation: 0.24,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-2-text': {\n    base: 'surface-2',\n    tone: `${TEXT_TONE + SURFACE_2_TEXT_OFFSET}`,\n    saturation: 0.475,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-2-text-soft': {\n    base: 'surface-2',\n    tone: `${TEXT_SOFT_TONE + SURFACE_2_TEXT_OFFSET}`,\n    saturation: 0.375,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-3-text': {\n    base: 'surface-3',\n    tone: `${TEXT_TONE + SURFACE_3_TEXT_OFFSET}`,\n    saturation: 0.475,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-3-text-soft': {\n    base: 'surface-3',\n    tone: `${TEXT_SOFT_TONE + SURFACE_3_TEXT_OFFSET}`,\n    saturation: 0.375,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n\n  // ---- Other neutral UI primitives (default-only) ----\n  border: {\n    base: 'surface',\n    tone: ['-10', '-20'],\n    saturation: 0.175,\n  },\n  placeholder: {\n    base: 'surface',\n    tone: '-33',\n    saturation: 0.175,\n    inherit: false,\n  },\n  focus: {\n    base: 'surface',\n    tone: '-29',\n    saturation: 0.8625,\n    inherit: false,\n  },\n  disabled: {\n    tone: 80.8,\n    saturation: 0.4,\n    inherit: false,\n  },\n  // Disabled fill chip + text — both adaptive (mode 'auto') and positioned\n  // with relative tone deltas against `surface` so the disabled state has the\n  // same perceived intensity in light, dark, and high-contrast schemes. No\n  // numeric contrast prop is needed: tone is already on a WCAG-uniform scale.\n  //\n  // Tone deltas reproduce the legacy palette's disabled appearance exactly:\n  // the chip sits ~cr 1.11 vs `surface` (a faint greyed pill for\n  // OUTLINE/SECONDARY/item disabled states) and the label ~cr 2.02 vs\n  // `surface` — intentionally sub-AA so it reads as disabled while staying the\n  // same softness clear/link disabled labels had before. PRIMARY-style buttons\n  // use the brand-tinted `accent-disabled-*` variants below instead. Both\n  // tokens stay default-only (`inherit: false`) — colored themes inherit their\n  // own disabled chip via the accent variants.\n  'disabled-surface': {\n    base: 'surface',\n    tone: '-3.5',\n    saturation: 0.2,\n    inherit: false,\n  },\n  'disabled-surface-text': {\n    base: 'surface',\n    tone: '-23',\n    saturation: 0.3,\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    tone: 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'` + relative tone deltas, so accent colors stay visually\n  // consistent across light/dark/high-contrast schemes (the brand color does\n  // not flip). The solid fills are white-text-on-brand backgrounds, so they\n  // keep an `['AA','AAA']` contrast floor even though the chosen tone deltas\n  // already exceed it. This leaves room for a future low-contrast scale.\n  'accent-surface-text': { tone: 100, mode: 'fixed' },\n  'accent-surface': {\n    base: 'accent-surface-text',\n    tone: '-49',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-2': {\n    base: 'accent-surface-text',\n    tone: '-52',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-3': {\n    base: 'accent-surface-text',\n    tone: '-55',\n    contrast: ['AA', 'AAA'],\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. The relative tone\n  // lands a few steps darker than the pressed state in both schemes.\n  'accent-surface-hover': {\n    base: 'accent-surface-text',\n    tone: '-58',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  // Border for accent surfaces — a small relative tone step away from the\n  // brand fill so it stays in the brand hue family and does not flip in dark\n  // mode. No contrast prop needed; the delta is chosen directly on the tone\n  // scale.\n  'accent-surface-border': {\n    base: 'accent-surface',\n    tone: '+13',\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 color\n  // stays readable on the dark surface. Anchoring to the brand fill instead\n  // would only enforce contrast against that fill, leaving dark-mode text\n  // washed out. The relative tone positions each color; `['AA','AAA']` is the\n  // readability floor.\n  'accent-text': {\n    base: 'surface',\n    tone: '-61',\n    saturation: 1,\n    contrast: ['AA', 'AAA'],\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 smaller tone delta so it sits visibly less prominent.\n  'accent-text-soft': {\n    base: 'surface',\n    tone: '-49',\n    saturation: 1,\n    contrast: ['AA', 'AAA'],\n  },\n  'accent-icon': {\n    base: 'surface',\n    tone: '-38',\n    saturation: 0.9375,\n  },\n\n  // Brand-tinted disabled chip + label for PRIMARY-style buttons (solid brand\n  // fill). The chip is adaptive so it tracks the surface in light/dark/HC;\n  // saturation is bumped so it reads as a muted brand color. The label uses a\n  // relative `+18` tone step against the chip (~cr 1.7 in every scheme): darker\n  // muted purple on the light chip, lighter muted purple on the dark chip —\n  // same shape as the special theme's fixed disabled pair. Inherited per theme.\n  'accent-disabled-surface': {\n    base: 'surface',\n    tone: '-13',\n    saturation: 0.5,\n    mode: 'fixed',\n  },\n  'accent-disabled-surface-text': {\n    base: 'accent-disabled-surface',\n    tone: '+15',\n    autoFlip: false,\n    saturation: 0.4,\n    mode: 'fixed',\n  },\n\n  // ---- Code syntax highlighting (PrismCode) ----\n  // A small palette of *adaptive* colored tokens for syntax highlighting.\n  // Each token is anchored to `surface` with a relative tone plus an `['AA',\n  // 'AAA']` readability floor. Hues mirror the long-standing PrismCode\n  // reference (pink keywords / pink functions / orange strings / green numbers /\n  // gray comments). `code-attribute` keeps a cyan hue for HTML attribute names /\n  // CSS properties / selectors. Diff insertion / deletion re-use the existing\n  // `success-*` / `danger-*` ramps.\n  'code-comment': {\n    base: 'surface',\n    hue: 280,\n    saturation: 0.1,\n    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-punctuation': {\n    base: 'surface',\n    hue: 348,\n    saturation: 0.4,\n    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-keyword': {\n    base: 'surface',\n    hue: 348,\n    saturation: 1,\n    tone: '-54',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-string': {\n    base: 'surface',\n    hue: PURPLE_HUE,\n    saturation: 1,\n    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-number': {\n    base: 'surface',\n    hue: 156,\n    saturation: 0.9,\n    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-function': {\n    base: 'surface',\n    hue: 348,\n    saturation: 1,\n    tone: '-54',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-attribute': {\n    base: 'surface',\n    hue: 200,\n    saturation: 1,\n    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n\n  // ---- Loading-animation cube faces ----\n  // Decorative gradient steps from `surface` to a saturated mid-tone. Tone\n  // deltas are chosen directly on the contrast-uniform scale; no contrast prop\n  // is needed for a non-text decorative element.\n  'loading-face-1': {\n    base: 'surface',\n    tone: '-2',\n    saturation: 0.3,\n    inherit: false,\n  },\n  'loading-face-2': {\n    base: 'surface',\n    tone: '-9',\n    saturation: 0.62,\n    inherit: false,\n  },\n  'loading-face-3': {\n    base: 'surface',\n    tone: '-21',\n    saturation: 0.66,\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: { tone: 10, opacity: 0.5, inherit: false },\n});\n\n// ============================================================================\n// Colored themes\n// ============================================================================\n\nconst TINTED_SURFACE_SATURATION = 0.2;\nconst TINTED_SURFACE_TONE_OFFSET = 2;\n\n/**\n * Per-colored-theme overrides on top of `defaultTheme`:\n *   - `surface` — bumped saturation so the banner bg is visibly tinted.\n *   - `border`  — bumped saturation so OUTLINE-variant borders pick up the\n *     theme hue (used by `#<theme>-border` in `item-themes.ts`). Mirrors the\n *     default-theme `border` shape (`base: 'surface'`, tone window) but\n *     with higher saturation. Glaze's `extend({ colors })` redefines each\n *     listed color from scratch, so we restate the full definition here.\n */\nconst TINTED_SURFACE_OVERRIDE: ColorMap = {\n  surface: {\n    tone: 100 - TINTED_SURFACE_TONE_OFFSET,\n    saturation: TINTED_SURFACE_SATURATION,\n  },\n  border: {\n    base: 'surface',\n    tone: ['-10', '-20'],\n    saturation: 0.5,\n  },\n  'surface-text': {\n    base: 'surface',\n    tone: `${TEXT_TONE - TINTED_SURFACE_TONE_OFFSET}`,\n    saturation: 0.25,\n    contrast: ['AA', 'AAA'],\n  },\n  'surface-text-soft': {\n    base: 'surface',\n    tone: `${TEXT_SOFT_TONE - TINTED_SURFACE_TONE_OFFSET}`,\n    saturation: 0.25,\n    contrast: ['AA', 'AAA'],\n  },\n  'surface-text-soft-2': {\n    base: 'surface',\n    tone: `${TEXT_SOFT2_TONE - TINTED_SURFACE_TONE_OFFSET}`,\n    saturation: 0.25,\n    contrast: ['AA', 'AAA'],\n  },\n};\n\nconst primaryTheme = defaultTheme.extend({\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst successTheme = defaultTheme.extend({\n  hue: SUCCESS_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst dangerTheme = defaultTheme.extend({\n  hue: DANGER_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst warningTheme = defaultTheme.extend({\n  hue: WARNING_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst noteTheme = defaultTheme.extend({\n  hue: NOTE_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\n\n// ============================================================================\n// Special theme (fixed-mode, NOT inherited from defaultTheme)\n// ============================================================================\n\n/**\n * Standalone theme for `special`-variant components (hero CTAs, banners, etc.)\n * that intentionally sit on a dark surface regardless of the active scheme.\n *\n * Every token here is `mode: 'fixed'` so the resolved value is identical in\n * light, dark, and high-contrast. The shape is purpose-built (not a full\n * mirror of `defaultTheme`) — only what `SPECIAL_*_STYLES` in\n * `src/data/item-themes.ts` consumes is emitted.\n *\n * Token rundown:\n *   - `surface` — dark L≈12 backdrop (same value as `#surface-inverse`).\n *   - `accent-surface` / `accent-surface-2` / `accent-surface-3` —\n *     brand-purple PRIMARY fill ramp (default → hover → pressed). Mirrors\n *     the `#primary-accent-surface` / `-2` / `-3` ramp on the colored\n *     themes so `SPECIAL_PRIMARY_STYLES.fill` can use the same shape.\n *   - `accent-surface-hover` — legacy alias kept around for the\n *     `#special-hover` color shortcut in `src/tokens/colors.ts`. Item\n *     themes themselves no longer reference it.\n *   - `accent-surface-text` — fixed white (= built-in `#white`), exposed\n *     for explicit references.\n *   - `accent-text` — dark-purple foreground readable on white. Used as\n *     CLEAR-variant text on the always-white pill, and as the\n *     pressed/focused border on the brand-purple primary fill. Matches the\n *     legacy `#fixed-primary-text` alias (= `#primary-accent-surface-hover`).\n *   - `accent-disabled-surface` / `accent-disabled-surface-text` —\n *     brand-tinted disabled chip + label, positioned with relative tone\n *     deltas against the fixed dark `surface` so the disabled state is\n *     scheme-symmetric.\n */\nconst specialTheme = glaze(PURPLE_HUE, SEED_SATURATION, { pastel: true });\n\nspecialTheme.colors({\n  surface: { tone: 12, saturation: 0.475, mode: 'fixed' },\n\n  'accent-surface-text': { tone: 100, mode: 'fixed' },\n  'accent-surface': {\n    base: 'accent-surface-text',\n    tone: '-49',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-2': {\n    base: 'accent-surface-text',\n    tone: '-52',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-3': {\n    base: 'accent-surface-text',\n    tone: '-55',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-border': {\n    base: 'accent-surface',\n    tone: '+13',\n    mode: 'fixed',\n  },\n  'accent-surface-hover': {\n    base: 'accent-surface-text',\n    tone: '-58',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-text': {\n    base: 'accent-surface-text',\n    tone: '-58',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n\n  'accent-disabled-surface': {\n    base: 'surface',\n    tone: '+4',\n    saturation: 0.5,\n    mode: 'fixed',\n  },\n  'accent-disabled-surface-text': {\n    base: 'accent-disabled-surface',\n    tone: '+18',\n    saturation: 0.4,\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 * Resolve Glaze palette tokens against the **live** `glaze` global config.\n *\n * Memoized on first call so subsequent reads are free. Resolution is deferred\n * (not done at module import) so host apps can call `glaze.configure(...)`\n * after importing `@cube-dev/ui-kit` and still affect these tokens — as long as\n * configure runs before the first `getPaletteTokens()` / `<Root>` paint.\n *\n * Keys use `#name` syntax; values are state maps:\n *   '#surface': { '': 'oklch(...)', '@dark': 'oklch(...)', '@hc': 'oklch(...)' }\n */\nlet paletteTokensCache: Styles | null = null;\n\nexport function getPaletteTokens(): Styles {\n  if (!paletteTokensCache) {\n    paletteTokensCache = 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      format: 'oklch',\n    }) as Styles;\n  }\n  return paletteTokensCache;\n}\n\n/**\n * Lazy proxy of {@link getPaletteTokens}. Prefer `getPaletteTokens()` in new\n * code. First property / enumeration access resolves against the live glaze\n * config (same memo as the getter).\n */\nexport const PALETTE_TOKENS: Styles = lazyStyles(getPaletteTokens);\n\n/** Re-exported for advanced consumers / tests. */\nexport {\n  defaultTheme,\n  primaryTheme,\n  successTheme,\n  dangerTheme,\n  warningTheme,\n  noteTheme,\n  specialTheme,\n  palette,\n};\n"],"mappings":"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"}
+{"version":3,"file":"palette.js","names":[],"sources":["../../src/tokens/palette.ts"],"sourcesContent":["import { glaze } from '@tenphi/glaze';\n\nimport { lazyStyles } from './lazy-styles';\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': { '': 'oklch(...)', '@dark': 'oklch(...)', '@hc': 'oklch(...)' }\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 = 100;\n\n// Relative tone ramp from a white surface.\n// Tone is a contrast-uniform 0–100 scale (OKHST). A relative tone delta of -N\n// yields a fixed WCAG contrast step against the base regardless of where the\n// base sits on the scale. These constants form the primary text ramp; the\n// surface-2 / surface-3 variants reuse the same absolute targets via a small\n// offset because their bases are shifted down from `surface`.\nconst TEXT_TONE = -98; // relative tone delta from white surface (~cr 21)\nconst TEXT_SOFT_TONE = -72; // relative tone delta from white surface (~cr 9)\nconst TEXT_SOFT2_TONE = -52; // relative tone delta from white surface (~cr 4.5)\nconst SURFACE_2_TEXT_OFFSET = 2;\nconst SURFACE_3_TEXT_OFFSET = 4;\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  darkTone: [14, 95],\n  darkDesaturation: 0,\n});\n\n// ============================================================================\n// Default theme (neutral, primary in palette → exported unprefixed)\n// ============================================================================\n\nconst defaultTheme = glaze(PURPLE_HUE, SEED_SATURATION, { pastel: true });\n\ndefaultTheme.colors({\n  // ---- Surfaces (neutral, very low saturation) ----\n  surface: { tone: 100, saturation: 0.12 },\n  'surface-2': {\n    base: 'surface',\n    tone: '-2',\n    saturation: 0.1,\n    inherit: false,\n  },\n  'surface-3': {\n    base: 'surface',\n    tone: '-4',\n    saturation: 0.1,\n    inherit: false,\n  },\n  'surface-4': {\n    base: 'surface',\n    tone: '-6',\n    saturation: 0.1,\n    inherit: false,\n  },\n\n  // ---- Text on surfaces ----\n  // Tone is the contrast-uniform OKHST axis, so a relative tone delta directly\n  // encodes a WCAG contrast step. `surface-text` sits at tone 2 (a -98 delta\n  // from white), giving the same near-black appearance as the legacy `#dark`.\n  // We still keep an `['AA','AAA']` contrast floor on every text-on-surface\n  // color so a future low-contrast scale can shift the ramp down without ever\n  // breaking readability.\n  'surface-text': {\n    base: 'surface',\n    tone: `${TEXT_TONE - 2}`,\n    saturation: 0.2,\n    contrast: ['AA', 'AAA'],\n  },\n  'surface-text-soft': {\n    base: 'surface',\n    tone: `${TEXT_SOFT_TONE - 2}`,\n    saturation: 0.2,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-text-soft-2': {\n    base: 'surface',\n    tone: `${TEXT_SOFT2_TONE - 2}`,\n    saturation: 0.2,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-2-text': {\n    base: 'surface-2',\n    tone: `${TEXT_TONE + SURFACE_2_TEXT_OFFSET}`,\n    saturation: 0.2,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-2-text-soft': {\n    base: 'surface-2',\n    tone: `${TEXT_SOFT_TONE + SURFACE_2_TEXT_OFFSET}`,\n    saturation: 0.2,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-3-text': {\n    base: 'surface-3',\n    tone: `${TEXT_TONE + SURFACE_3_TEXT_OFFSET}`,\n    saturation: 0.2,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'surface-3-text-soft': {\n    base: 'surface-3',\n    tone: `${TEXT_SOFT_TONE + SURFACE_3_TEXT_OFFSET}`,\n    saturation: 0.2,\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n\n  // ---- Other neutral UI primitives (default-only) ----\n  border: {\n    base: 'surface',\n    tone: ['-10', '-20'],\n    saturation: 0.175,\n  },\n  placeholder: {\n    base: 'surface',\n    tone: '-33',\n    saturation: 0.175,\n    inherit: false,\n  },\n  focus: {\n    base: 'surface',\n    tone: '-29',\n    saturation: 0.8625,\n    inherit: false,\n  },\n  disabled: {\n    tone: 80.8,\n    saturation: 0.4,\n    inherit: false,\n  },\n  // Disabled fill chip + text — both adaptive (mode 'auto') and positioned\n  // with relative tone deltas against `surface` so the disabled state has the\n  // same perceived intensity in light, dark, and high-contrast schemes. No\n  // numeric contrast prop is needed: tone is already on a WCAG-uniform scale.\n  //\n  // Tone deltas reproduce the legacy palette's disabled appearance exactly:\n  // the chip sits ~cr 1.11 vs `surface` (a faint greyed pill for\n  // OUTLINE/SECONDARY/item disabled states) and the label ~cr 2.02 vs\n  // `surface` — intentionally sub-AA so it reads as disabled while staying the\n  // same softness clear/link disabled labels had before. PRIMARY-style buttons\n  // use the brand-tinted `accent-disabled-*` variants below instead. Both\n  // tokens stay default-only (`inherit: false`) — colored themes inherit their\n  // own disabled chip via the accent variants.\n  'disabled-surface': {\n    base: 'surface',\n    tone: '-3.5',\n    saturation: 0.2,\n    inherit: false,\n  },\n  'disabled-surface-text': {\n    base: 'surface',\n    tone: '-23',\n    saturation: 0.3,\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    tone: 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'` + relative tone deltas, so accent colors stay visually\n  // consistent across light/dark/high-contrast schemes (the brand color does\n  // not flip). The solid fills are white-text-on-brand backgrounds, so they\n  // keep an `['AA','AAA']` contrast floor even though the chosen tone deltas\n  // already exceed it. This leaves room for a future low-contrast scale.\n  'accent-surface-text': { tone: 100, mode: 'fixed' },\n  'accent-surface': {\n    base: 'accent-surface-text',\n    tone: '-49',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-2': {\n    base: 'accent-surface-text',\n    tone: '-52',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-3': {\n    base: 'accent-surface-text',\n    tone: '-55',\n    contrast: ['AA', 'AAA'],\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. The relative tone\n  // lands a few steps darker than the pressed state in both schemes.\n  'accent-surface-hover': {\n    base: 'accent-surface-text',\n    tone: '-58',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  // Border for accent surfaces — a small relative tone step away from the\n  // brand fill so it stays in the brand hue family and does not flip in dark\n  // mode. No contrast prop needed; the delta is chosen directly on the tone\n  // scale.\n  'accent-surface-border': {\n    base: 'accent-surface',\n    tone: '+13',\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 color\n  // stays readable on the dark surface. Anchoring to the brand fill instead\n  // would only enforce contrast against that fill, leaving dark-mode text\n  // washed out. The relative tone positions each color; `['AA','AAA']` is the\n  // readability floor.\n  'accent-text': {\n    base: 'surface',\n    tone: '-61',\n    saturation: 1,\n    contrast: ['AA', 'AAA'],\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 smaller tone delta so it sits visibly less prominent.\n  'accent-text-soft': {\n    base: 'surface',\n    tone: '-49',\n    saturation: 1,\n    contrast: ['AA', 'AAA'],\n  },\n  'accent-icon': {\n    base: 'surface',\n    tone: '-38',\n    saturation: 0.9375,\n  },\n\n  // Brand-tinted disabled chip + label for PRIMARY-style buttons (solid brand\n  // fill). The chip is adaptive so it tracks the surface in light/dark/HC;\n  // saturation is bumped so it reads as a muted brand color. The label uses a\n  // relative `+18` tone step against the chip (~cr 1.7 in every scheme): darker\n  // muted purple on the light chip, lighter muted purple on the dark chip —\n  // same shape as the special theme's fixed disabled pair. Inherited per theme.\n  'accent-disabled-surface': {\n    base: 'surface',\n    tone: '-13',\n    saturation: 0.5,\n    mode: 'fixed',\n  },\n  'accent-disabled-surface-text': {\n    base: 'accent-disabled-surface',\n    tone: '+15',\n    autoFlip: false,\n    saturation: 0.4,\n    mode: 'fixed',\n  },\n\n  // ---- Code syntax highlighting (PrismCode) ----\n  // A small palette of *adaptive* colored tokens for syntax highlighting.\n  // Each token is anchored to `surface` with a relative tone plus an `['AA',\n  // 'AAA']` readability floor. Hues mirror the long-standing PrismCode\n  // reference (pink keywords / pink functions / orange strings / green numbers /\n  // gray comments). `code-attribute` keeps a cyan hue for HTML attribute names /\n  // CSS properties / selectors; HTML/XML tag names use `code-keyword`. 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    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-punctuation': {\n    base: 'surface',\n    hue: 348,\n    saturation: 0.4,\n    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-keyword': {\n    base: 'surface',\n    hue: 348,\n    saturation: 1,\n    tone: '-54',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-string': {\n    base: 'surface',\n    hue: PURPLE_HUE,\n    saturation: 1,\n    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-number': {\n    base: 'surface',\n    hue: 156,\n    saturation: 0.9,\n    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-function': {\n    base: 'surface',\n    hue: 348,\n    saturation: 1,\n    tone: '-54',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n  'code-attribute': {\n    base: 'surface',\n    hue: 200,\n    saturation: 1,\n    tone: '-50',\n    contrast: ['AA', 'AAA'],\n    inherit: false,\n  },\n\n  // ---- Loading-animation cube faces ----\n  // Decorative gradient steps from `surface` to a saturated mid-tone. Tone\n  // deltas are chosen directly on the contrast-uniform scale; no contrast prop\n  // is needed for a non-text decorative element.\n  'loading-face-1': {\n    base: 'surface',\n    tone: '-2',\n    saturation: 0.3,\n    inherit: false,\n  },\n  'loading-face-2': {\n    base: 'surface',\n    tone: '-9',\n    saturation: 0.62,\n    inherit: false,\n  },\n  'loading-face-3': {\n    base: 'surface',\n    tone: '-21',\n    saturation: 0.66,\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: { tone: 10, opacity: 0.5, inherit: false },\n});\n\n// ============================================================================\n// Colored themes\n// ============================================================================\n\nconst TINTED_SURFACE_SATURATION = 0.2;\nconst TINTED_SURFACE_TONE_OFFSET = 2;\n\n/**\n * Per-colored-theme overrides on top of `defaultTheme`:\n *   - `surface` — bumped saturation so the banner bg is visibly tinted.\n *   - `border`  — bumped saturation so OUTLINE-variant borders pick up the\n *     theme hue (used by `#<theme>-border` in `item-themes.ts`). Mirrors the\n *     default-theme `border` shape (`base: 'surface'`, tone window) but\n *     with higher saturation. Glaze's `extend({ colors })` redefines each\n *     listed color from scratch, so we restate the full definition here.\n */\nconst TINTED_SURFACE_OVERRIDE: ColorMap = {\n  surface: {\n    tone: 100 - TINTED_SURFACE_TONE_OFFSET,\n    saturation: TINTED_SURFACE_SATURATION,\n  },\n  border: {\n    base: 'surface',\n    tone: ['-10', '-20'],\n    saturation: 0.5,\n  },\n  'surface-text': {\n    base: 'surface',\n    tone: `${TEXT_TONE - TINTED_SURFACE_TONE_OFFSET}`,\n    saturation: 0.25,\n    contrast: ['AA', 'AAA'],\n  },\n  'surface-text-soft': {\n    base: 'surface',\n    tone: `${TEXT_SOFT_TONE - TINTED_SURFACE_TONE_OFFSET}`,\n    saturation: 0.25,\n    contrast: ['AA', 'AAA'],\n  },\n  'surface-text-soft-2': {\n    base: 'surface',\n    tone: `${TEXT_SOFT2_TONE - TINTED_SURFACE_TONE_OFFSET}`,\n    saturation: 0.25,\n    contrast: ['AA', 'AAA'],\n  },\n};\n\nconst primaryTheme = defaultTheme.extend({\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst successTheme = defaultTheme.extend({\n  hue: SUCCESS_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst dangerTheme = defaultTheme.extend({\n  hue: DANGER_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst warningTheme = defaultTheme.extend({\n  hue: WARNING_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\nconst noteTheme = defaultTheme.extend({\n  hue: NOTE_HUE,\n  colors: TINTED_SURFACE_OVERRIDE,\n});\n\n// ============================================================================\n// Special theme (fixed-mode, NOT inherited from defaultTheme)\n// ============================================================================\n\n/**\n * Standalone theme for `special`-variant components (hero CTAs, banners, etc.)\n * that intentionally sit on a dark surface regardless of the active scheme.\n *\n * Every token here is `mode: 'fixed'` so the resolved value is identical in\n * light, dark, and high-contrast. The shape is purpose-built (not a full\n * mirror of `defaultTheme`) — only what `SPECIAL_*_STYLES` in\n * `src/data/item-themes.ts` consumes is emitted.\n *\n * Token rundown:\n *   - `surface` — dark L≈12 backdrop (same value as `#surface-inverse`).\n *   - `accent-surface` / `accent-surface-2` / `accent-surface-3` —\n *     brand-purple PRIMARY fill ramp (default → hover → pressed). Mirrors\n *     the `#primary-accent-surface` / `-2` / `-3` ramp on the colored\n *     themes so `SPECIAL_PRIMARY_STYLES.fill` can use the same shape.\n *   - `accent-surface-hover` — legacy alias kept around for the\n *     `#special-hover` color shortcut in `src/tokens/colors.ts`. Item\n *     themes themselves no longer reference it.\n *   - `accent-surface-text` — fixed white (= built-in `#white`), exposed\n *     for explicit references.\n *   - `accent-text` — dark-purple foreground readable on white. Used as\n *     CLEAR-variant text on the always-white pill, and as the\n *     pressed/focused border on the brand-purple primary fill. Matches the\n *     legacy `#fixed-primary-text` alias (= `#primary-accent-surface-hover`).\n *   - `accent-disabled-surface` / `accent-disabled-surface-text` —\n *     brand-tinted disabled chip + label, positioned with relative tone\n *     deltas against the fixed dark `surface` so the disabled state is\n *     scheme-symmetric.\n */\nconst specialTheme = glaze(PURPLE_HUE, SEED_SATURATION, { pastel: true });\n\nspecialTheme.colors({\n  surface: { tone: 12, saturation: 0.475, mode: 'fixed' },\n\n  'accent-surface-text': { tone: 100, mode: 'fixed' },\n  'accent-surface': {\n    base: 'accent-surface-text',\n    tone: '-49',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-2': {\n    base: 'accent-surface-text',\n    tone: '-52',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-3': {\n    base: 'accent-surface-text',\n    tone: '-55',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-surface-border': {\n    base: 'accent-surface',\n    tone: '+13',\n    mode: 'fixed',\n  },\n  'accent-surface-hover': {\n    base: 'accent-surface-text',\n    tone: '-58',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n  'accent-text': {\n    base: 'accent-surface-text',\n    tone: '-58',\n    contrast: ['AA', 'AAA'],\n    mode: 'fixed',\n  },\n\n  'accent-disabled-surface': {\n    base: 'surface',\n    tone: '+4',\n    saturation: 0.5,\n    mode: 'fixed',\n  },\n  'accent-disabled-surface-text': {\n    base: 'accent-disabled-surface',\n    tone: '+18',\n    saturation: 0.4,\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 * Resolve Glaze palette tokens against the **live** `glaze` global config.\n *\n * Memoized on first call so subsequent reads are free. Resolution is deferred\n * (not done at module import) so host apps can call `glaze.configure(...)`\n * after importing `@cube-dev/ui-kit` and still affect these tokens — as long as\n * configure runs before the first `getPaletteTokens()` / `<Root>` paint.\n *\n * Keys use `#name` syntax; values are state maps:\n *   '#surface': { '': 'oklch(...)', '@dark': 'oklch(...)', '@hc': 'oklch(...)' }\n */\nlet paletteTokensCache: Styles | null = null;\n\nexport function getPaletteTokens(): Styles {\n  if (!paletteTokensCache) {\n    paletteTokensCache = 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      format: 'oklch',\n    }) as Styles;\n  }\n  return paletteTokensCache;\n}\n\n/**\n * Lazy proxy of {@link getPaletteTokens}. Prefer `getPaletteTokens()` in new\n * code. First property / enumeration access resolves against the live glaze\n * config (same memo as the getter).\n */\nexport const PALETTE_TOKENS: Styles = lazyStyles(getPaletteTokens);\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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | 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.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { useCallback, useContext, useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

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

package/dist/utils/react/useViewportSize.js

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

package/dist/utils/react/wrapNodeIfPlain.js

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

package/dist/utils/selection.js

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

package/dist/utils/styles.js

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

package/dist/utils/tree.js

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

package/dist/utils/warnings.js

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

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7c63f24 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-7c63f24";
+const VERSION = "0.0.0-canary-a2deb22";
 const TASTY_VERSION = "2.9.1";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/Typography.md

@@ -4,7 +4,7 @@ There are many ways to create typography elements like text labels and headings.
 
 ## Typography Components
 
-### Headings
+### Presets
 
 ### Paragraphs
 

package/docs/components/content/CopySnippet.md

@@ -54,4 +54,9 @@ These properties allow direct style application without using the `styles` prop:
   language="json"
   multiline
 />
+
+<CopySnippet
+  code={'<button type="button" class="primary">Save</button>'}
+  language="html"
+/>
 ```

package/docs/components/content/PrismCode.md

@@ -36,11 +36,11 @@ against `#surface` in light, dark, and high-contrast schemes (AAA in HC).
 | -------------------- | -------------- | -------------------------------------------------------------- |
 | `#code-comment`      | gray           | comments, prolog, doctype, cdata                               |
 | `#code-punctuation`  | muted pink     | operators, punctuation                                         |
-| `#code-keyword`      | pink           | keywords, booleans, constants, atrules (`font-weight: 500`)    |
+| `#code-keyword`      | pink           | keywords, booleans, constants, atrules, HTML/XML tag names (`font-weight: 500` on language keywords) |
 | `#code-string`       | primary purple | strings, characters, attribute values, URLs                    |
 | `#code-number`       | green          | numbers, numeric entities                                      |
 | `#code-function`     | pink           | functions, class names, regex, variables                       |
-| `#code-attribute`    | cyan           | tags, attribute names, properties, selectors, built-ins, keys  |
+| `#code-attribute`    | cyan           | attribute names, properties, selectors, built-ins, keys        |
 
 Diff insertion (`+`) and deletion (`-`) intentionally re-use the existing
 `#success-*` / `#danger-*` ramps — both the line background tint and the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-7c63f24",
+  "version": "0.0.0-canary-a2deb22",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {