@cube-dev/ui-kit 0.0.0-canary-57f1bfe → 0.0.0-canary-ffc66c6

package/docs/tasty/react-api.md

@@ -42,30 +42,6 @@ const PrimaryButton = tasty(Button, {
 
 Style maps merge intelligently — see [Style DSL — Extending vs. Replacing State Maps](dsl.md#extending-vs-replacing-state-maps) for extend mode, replace mode, `@inherit`, `null`, and `false` tombstones.
 
-`tasty(Component, ...)` always wraps `Component` and forwards every prop to it, so `Component` must be Tasty-aware (i.e. it accepts `styles`, `mods`, `qa`, etc. and renders them through its own Tasty pipeline). To apply styles to a third-party component or a string DOM tag via `className`, use the options-only form with `as`:
-
-```jsx
-import NextLink from 'next/link';
-
-const Link = tasty({
-  as: NextLink,
-  styles: {
-    color: { '': '#accent-text', ':hover': '#text' },
-    textDecoration: 'underline',
-  },
-  styleProps: ['padding'],
-});
-
-const Span = tasty({
-  as: 'span',
-  styles: { fontWeight: 'bold' },
-});
-
-<Link href="/blog" padding="1x">Blog</Link>;
-```
-
-The wrapped component only needs to forward `className` (and ideally `style`/`ref`). Tasty-specific props (`qa`, `qaVal`, `mods`, `tokens`, `styleProps`, `modProps`, `tokenProps`) are consumed by Tasty and never leak to the DOM.
-
 ---
 
 ## Style Props

package/docs/tasty/ssr.md

@@ -358,18 +358,16 @@ const stream = await runWithCollector(collector, () =>
 
 Server-safe style collector. One instance per request.
 
-Constructor: `new ServerStyleCollector(namePrefix?)`. The optional `namePrefix` overrides the value from `configure({ namePrefix })`; in normal usage you pass nothing and let the global config drive it. See [Configuration: Name prefix](configuration.md#name-prefix).
-
 | Method | Description |
 |---|---|
-| `allocateClassName(cacheKey)` | Allocate a deterministic, content-hashed class name for a cache key (e.g. `t1a2b3` with the default prefix). The same `cacheKey` always produces the same class name on server and client when both share the same `namePrefix`. Returns `{ className, isNewAllocation }`. |
+| `allocateClassName(cacheKey)` | Allocate a sequential class name (`t0`, `t1`, ...) for a cache key. Returns `{ className, isNewAllocation }`. |
 | `collectChunk(cacheKey, className, rules)` | Record CSS rules for a chunk. Deduplicated by `cacheKey`. |
 | `collectKeyframes(name, css)` | Record a `@keyframes` rule. Deduplicated by name. |
-| `allocateKeyframeName(providedName?)` | Allocate a keyframe name. Returns `providedName` if given, otherwise generates one using `${namePrefix}k${counter}` (e.g. `tk0`, `tk1`, ...). |
+| `allocateKeyframeName(providedName?)` | Allocate a keyframe name. Returns `providedName` if given, otherwise generates one (`k0`, `k1`, ...). |
 | `collectProperty(name, css)` | Record a `@property` rule. Deduplicated by name. |
 | `collectFontFace(key, css)` | Record a `@font-face` rule. Deduplicated by content hash. |
 | `collectCounterStyle(name, css)` | Record a `@counter-style` rule. Deduplicated by name. |
-| `allocateCounterStyleName(providedName?)` | Allocate a counter-style name. Returns `providedName` if given, otherwise generates one using `${namePrefix}c${counter}` (e.g. `tc0`, `tc1`, ...). |
+| `allocateCounterStyleName(providedName?)` | Allocate a counter-style name. Returns `providedName` if given, otherwise generates one (`cs0`, `cs1`, ...). |
 | `collectGlobalStyles(key, css)` | Record global styles (from `useGlobalStyles`). Deduplicated by key. |
 | `collectRawCSS(key, css)` | Record raw CSS text (from `useRawCSS`). Deduplicated by key. |
 | `collectInternals()` | Collect internal `@property` rules, `:root` token defaults, `@font-face`, and `@counter-style` rules from the global config. Called automatically on first chunk collection; idempotent. |

package/docs/tasty/styles.md

@@ -378,11 +378,11 @@ Multiple shadows: `shadow="1x 1x 2x #dark.20, inset 0 0 4x #dark.10"`
 
 Typography preset that sets font-size, line-height, letter-spacing, font-weight, font-style, and text-transform from named design tokens.
 
-**Syntax:** `name`, `name / modifier...`, or `modifier...` (shorthand)
+**Syntax:** `name`, `name / modifier`, or `modifier` (shorthand)
 
 Preset names are project-specific (e.g. `h1`–`h6`, `t1`–`t4`, `p1`–`p4`). Register them for autocomplete by augmenting `TastyPresetNames`.
 
-Use `/` to separate the preset name from one or more space-separated modifiers. When modifiers are used alone (without a name), the preset name defaults to `inherit`. Modifiers can be combined freely because they target different properties.
+Use `/` to separate the preset name from a modifier. When a modifier is used alone (without a name), the preset name defaults to `inherit`.
 
 **Modifiers:**
 
@@ -394,13 +394,11 @@ Use `/` to separate the preset name from one or more space-separated modifiers.
 | `tight` | Sets line-height equal to font-size |
 
 ```jsx
-preset="h1"                    // heading 1
-preset="h2 / strong"           // bold heading 2
-preset="h2 / strong italic"    // bold + italic heading 2
-preset="t3 / italic"           // italic text 3
-preset="t2 / strong tight"     // bold text 2 with tight line-height
-preset="bold"                  // inherit preset with bold (shorthand)
-preset="bold italic"           // inherit preset with bold + italic (shorthand)
+preset="h1"              // heading 1
+preset="h2 / strong"     // bold heading 2
+preset="t3 / italic"     // italic text 3
+preset="t2 / tight"      // text 2 with tight line-height
+preset="bold"             // inherit preset with bold (shorthand for "inherit / bold")
 ```
 
 Individual typography props (`fontSize`, `lineHeight`, `letterSpacing`, `fontWeight`, `fontStyle`, `textTransform`) can be used alongside `preset` to override specific values, but using `preset` alone is recommended.

package/docs/tasty/tasty-static.md

@@ -178,21 +178,6 @@ module.exports = {
 | `config.globalStyles` | `Record<string, Styles>` | — | Global Tasty styles keyed by CSS selector. Supports the full style syntax. |
 | `config.autoPropertyTypes` | `boolean` | `true` | Automatically infer and register CSS `@property` declarations from values |
 | `config.parserCacheSize` | `number` | `1000` | Parser LRU cache size. Larger values improve performance for builds with many unique style values |
-| `config.namePrefix` | `string` | `'ts'` | Prefix prepended to every generated identifier. Defaults to `'ts'` so static classes never collide with runtime (`'t'`) classes. See [Configuration: Name prefix](configuration.md#name-prefix). |
-
-### Coexisting with runtime tasty
-
-When a page mixes `tastyStatic` with runtime `tasty`, both must use **different** `namePrefix` values. The defaults handle this automatically (`'t'` for runtime, `'ts'` for zero-runtime). If you customize one, customize the other:
-
-```ts
-// tasty-zero.config.ts (Babel plugin)
-export default { namePrefix: 'mbs' };
-```
-
-```ts
-// app entry (runtime configure)
-configure({ namePrefix: 'mb' });
-```
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-57f1bfe",
+  "version": "0.0.0-canary-ffc66c6",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {
@@ -10,7 +10,7 @@
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
-  "packageManager": "pnpm@11.0.8",
+  "packageManager": "pnpm@10.32.0",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -74,8 +74,7 @@
     "@react-types/shared": "^3.32.1",
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
-    "@tenphi/glaze": "0.11.0",
-    "@tenphi/tasty": "2.6.0",
+    "@tenphi/tasty": "2.1.1",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "diff": "^8.0.3",
@@ -109,8 +108,8 @@
     "@size-limit/webpack": "^8.2.4",
     "@size-limit/webpack-why": "^8.2.4",
     "@statoscope/cli": "^5.20.1",
-    "@storybook/addon-docs": "^10.3.6",
-    "@storybook/react-vite": "^10.3.6",
+    "@storybook/addon-docs": "^10.2.3",
+    "@storybook/react-vite": "^10.2.3",
     "@tenphi/eslint-plugin-tasty": "^0.6.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.7.0",
@@ -140,7 +139,7 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^10.3.6",
+    "eslint-plugin-storybook": "^10.2.3",
     "globals": "^16.0.0",
     "husky": "^6.0.0",
     "jsdom": "^29.1.1",
@@ -156,8 +155,7 @@
     "rimraf": "^6.0.1",
     "serve-handler": "^6.1.6",
     "size-limit": "^8.2.6",
-    "storybook": "^10.3.6",
-    "storybook-dark-mode": "^5.0.0",
+    "storybook": "^10.2.3",
     "tsdown": "^0.20.3",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.31.0",
@@ -172,6 +170,6 @@
   "license": "MIT",
   "engines": {
     "node": ">=22.14.0",
-    "pnpm": "^11.0.0"
+    "pnpm": "^10.0.0"
   }
 }

package/dist/tokens/palette.js

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

package/dist/tokens/palette.js.map

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