@cube-dev/ui-kit 0.0.0-canary-bca8d09 → 0.0.0-canary-ec0a7f1

package/dist/utils/is-dev-env.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | 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-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

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

package/dist/utils/react/useQaProps.js

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

package/dist/version.d.ts

@@ -4,12 +4,9 @@ declare global {
   interface Window {
     CubeUIKit: {
       version: string;
-      tastyVersion: string;
     };
   }
   /** Replaced at build time by tsdown `define` */
   const __UIKIT_VERSION__: string;
-  /** Replaced at build time by tsdown `define` */
-  const __TASTY_VERSION__: string;
 }
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1,21 +1,13 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bca8d09 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ec0a7f1 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-bca8d09";
-const TASTY_VERSION = "2.6.0";
+const VERSION = "0.0.0-canary-ec0a7f1";
 if (typeof window !== "undefined") {
 	const version = VERSION;
-	const tastyVersion = TASTY_VERSION;
-	window.CubeUIKit = window.CubeUIKit || {
-		version,
-		tastyVersion
-	};
+	window.CubeUIKit = window.CubeUIKit || { version };
 	if (window.CubeUIKit.version && window.CubeUIKit.version !== version) console.error("More than one version of CubeUIKit is loaded", { loadedVersions: [window.CubeUIKit.version, version] });
-	else {
-		window.CubeUIKit.version = version;
-		window.CubeUIKit.tastyVersion = tastyVersion;
-	}
+	else window.CubeUIKit.version = version;
 }
 
 //#endregion
-export { TASTY_VERSION, VERSION };
+export { VERSION };
 //# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","names":[],"sources":["../src/version.ts"],"sourcesContent":["declare global {\n  interface Window {\n    CubeUIKit: {\n      version: string;\n      tastyVersion: string;\n    };\n  }\n\n  /** Replaced at build time by tsdown `define` */\n  const __UIKIT_VERSION__: string;\n  /** Replaced at build time by tsdown `define` */\n  const __TASTY_VERSION__: string;\n}\n\n// eslint-disable-next-line no-undef -- replaced at build time by tsdown `define`\nexport const VERSION: string = __UIKIT_VERSION__;\n// eslint-disable-next-line no-undef -- replaced at build time by tsdown `define`\nexport const TASTY_VERSION: string = __TASTY_VERSION__;\n\nif (typeof window !== 'undefined') {\n  const version = VERSION;\n  const tastyVersion = TASTY_VERSION;\n\n  // Ensure CubeUIKit is defined on window in a way bundlers recognize\n  window.CubeUIKit = window.CubeUIKit || { version, tastyVersion };\n\n  // Check for multiple versions\n  if (window.CubeUIKit.version && window.CubeUIKit.version !== version) {\n    console.error('More than one version of CubeUIKit is loaded', {\n      loadedVersions: [window.CubeUIKit.version, version],\n    });\n  } else {\n    window.CubeUIKit.version = version;\n    window.CubeUIKit.tastyVersion = tastyVersion;\n  }\n}\n"],"mappings":";;AAeA,MAAa;AAEb,MAAa;AAEb,IAAI,OAAO,WAAW,aAAa;CACjC,MAAM,UAAU;CAChB,MAAM,eAAe;AAGrB,QAAO,YAAY,OAAO,aAAa;EAAE;EAAS;EAAc;AAGhE,KAAI,OAAO,UAAU,WAAW,OAAO,UAAU,YAAY,QAC3D,SAAQ,MAAM,gDAAgD,EAC5D,gBAAgB,CAAC,OAAO,UAAU,SAAS,QAAQ,EACpD,CAAC;MACG;AACL,SAAO,UAAU,UAAU;AAC3B,SAAO,UAAU,eAAe"}
+{"version":3,"file":"version.js","names":[],"sources":["../src/version.ts"],"sourcesContent":["declare global {\n  interface Window {\n    CubeUIKit: {\n      version: string;\n    };\n  }\n\n  /** Replaced at build time by tsdown `define` */\n  const __UIKIT_VERSION__: string;\n}\n\n// eslint-disable-next-line no-undef -- replaced at build time by tsdown `define`\nexport const VERSION: string = __UIKIT_VERSION__;\n\nif (typeof window !== 'undefined') {\n  const version = VERSION;\n\n  // Ensure CubeUIKit is defined on window in a way bundlers recognize\n  window.CubeUIKit = window.CubeUIKit || { version };\n\n  // Check for multiple versions\n  if (window.CubeUIKit.version && window.CubeUIKit.version !== version) {\n    console.error('More than one version of CubeUIKit is loaded', {\n      loadedVersions: [window.CubeUIKit.version, version],\n    });\n  } else {\n    // Set version if not already set\n    window.CubeUIKit.version = version;\n  }\n}\n"],"mappings":";;AAYA,MAAa;AAEb,IAAI,OAAO,WAAW,aAAa;CACjC,MAAM,UAAU;AAGhB,QAAO,YAAY,OAAO,aAAa,EAAE,SAAS;AAGlD,KAAI,OAAO,UAAU,WAAW,OAAO,UAAU,YAAY,QAC3D,SAAQ,MAAM,gDAAgD,EAC5D,gBAAgB,CAAC,OAAO,UAAU,SAAS,QAAQ,EACpD,CAAC;KAGF,QAAO,UAAU,UAAU"}

package/docs/Usage.md

@@ -69,14 +69,13 @@ Defined in `src/tokens/sizes.ts`. Used for component heights and icon sizes.
 
 ## Shadow Tokens
 
-Defined in `src/tokens/shadows.ts`. Shadow colors (`#shadow-sm`, `#shadow-md`, `#shadow-lg`) are generated by Glaze and adapt automatically to dark / high-contrast schemes.
+Defined in `src/tokens/shadows.ts`.
 
 | Token | Value |
 |-------|-------|
-| `$item-shadow` | `0 1bw 0.375x #shadow-sm` |
-| `$card-shadow` | `0 0.5x 2x #shadow-md` |
-| `$shadow` | `0 0.5x 2x #shadow-md` |
-| `$dialog-shadow` | `0 1x 4x #shadow-lg` |
+| `$item-shadow` | `0 1bw 0.375x #dark.15` |
+| `$card-shadow` | `0 0.5x 2x #shadow` |
+| `$dialog-shadow` | `0 1x 4x #dark.15` |
 
 ## Layout Tokens
 
@@ -90,110 +89,43 @@ Defined in `src/tokens/layout.ts`.
 
 ## Color Tokens
 
-All color tokens use `#name` syntax in styles. Opacity variants use `#name.NN` (e.g. `#surface-text.06` for 6% opacity).
+All color tokens use `#name` syntax in styles. Opacity variants use `#name.NN` (e.g. `#dark.06` for 6% opacity). Defined in `src/tokens/colors.ts`.
 
-The palette is generated by [`@tenphi/glaze`](https://github.com/tenphi/glaze) (see `src/tokens/palette.ts`). Every color token is emitted as a state map with `light`, `@dark`, and `@hc` (high-contrast) variants, so the entire UI Kit adapts to dark / high-contrast schemes automatically.
+### Base Colors
 
-### Color Schemes
-
-The `@dark` and `@hc` predefined states are wired up in `src/components/Root.tsx` to support both an attribute opt-in and the user's system preference:
-
-```html
-<!-- Force dark scheme -->
-<html data-schema="dark">
-
-<!-- Force high-contrast scheme -->
-<html data-contrast="high">
-
-<!-- Both can be combined -->
-<html data-schema="dark" data-contrast="high">
-```
-
-When the attribute is absent, the scheme falls back to `@media (prefers-color-scheme: dark)` and `@media (prefers-contrast: more)`.
-
-### Surface & Text Vocabulary
-
-The neutral palette uses a `surface` / `surface-text` model. Each surface depth has its own AAA text color, plus a soft (AA) variant for secondary copy:
-
-| Token | Role |
-|-------|------|
-| `#surface` | Primary background |
-| `#surface-2` | Slightly recessed background (cards, inputs) |
-| `#surface-3` | Deepest background (panels, code blocks) |
-| `#surface-text` | AAA text on `#surface` |
-| `#surface-text-soft` | AA text on `#surface` (secondary copy, body text) |
-| `#surface-text-soft-2` | AA-large text on `#surface` (placeholders, captions) |
-| `#surface-2-text`, `#surface-2-text-soft` | Same scale, anchored to `#surface-2` |
-| `#surface-3-text`, `#surface-3-text-soft` | Same scale, anchored to `#surface-3` |
-
-### Other Neutral Tokens
-
-| Token | Role |
-|-------|------|
+| Token | Description |
+|-------|-------------|
+| `#white`, `#black`, `#clear` | Absolute white, black, and transparent |
+| `#text` | Default text color |
 | `#border` | Default border color |
 | `#placeholder` | Input placeholder text |
+| `#shadow` | Shadow color |
+| `#minor` | Secondary/muted text |
 | `#focus` | Focus ring color |
-| `#disabled` | Disabled state fill / text |
-| `#pink` | Accent pink (independent hue) |
-| `#shadow-sm` / `#shadow-md` / `#shadow-lg` | Tinted shadow colors (used by `$*-shadow` tokens) |
-| `#overlay` | Dim backdrop (50% transparent) |
-| `#clear` | `transparent` |
+| `#pink` | Accent pink |
+| `#light` | Light background |
+
+### Semantic Color Groups
 
-### Accent System
+Each semantic group provides a base color and variants following the pattern: `#name`, `#name-text`, `#name-bg`, `#name-icon`, `#name-desaturated`, `#name-disabled`.
 
-Each themed color (default, primary, success, danger, warning, note) provides an `accent-*` family anchored to a fixed white "accent surface text". These tokens stay recognizable across schemes (used for branded buttons, CTAs, etc.):
+| Group | Hue | Purpose |
+|-------|-----|---------|
+| `#primary` / `#purple` | 280.3° | Primary actions, brand color |
+| `#danger` | 23.1° | Errors, destructive actions |
+| `#success` | 156.9° | Success states, confirmations |
+| `#warning` | 84.3° | Warning states, caution |
+| `#note` | 302.3° | Informational notes |
 
-| Token (default theme; prefixed in others) | Role |
-|-------|------|
-| `#accent-surface` | Saturated brand fill (button bg) |
-| `#accent-surface-2`, `#accent-surface-3` | Darker / more saturated variants |
-| `#accent-surface-text` | Near-white text on accent fill |
-| `#accent-text` | Saturated colored text (used on neutral surface) |
-| `#accent-icon` | Saturated colored icon |
+### Neutral Scales
 
-In the `default` theme these tokens are unprefixed (`#accent-surface`). In colored themes they are prefixed (`#success-accent-surface`, `#danger-accent-text`, …).
+**Dark scale:** `#dark`, `#dark-01` through `#dark-05` — neutral scale from near-black to light gray. **Surfaces:** `#surface`, `#surface-2`, `#surface-3` — layered UI backgrounds.
 
-### Themed Surfaces
+**Purple scale:** `#purple-01` through `#purple-04` — additional purple shades for gradients and accents.
 
-Each colored theme (`primary`, `purple`, `success`, `danger`, `warning`, `note`) also provides its own tinted `<theme>-surface` (banner / chip background) and `<theme>-surface-text` (banner text):
+### Disabled Colors
 
-| Group | Hue | Purpose |
-|-------|-----|---------|
-| `#primary-*` / `#purple-*` | 280.3° | Primary actions, brand color |
-| `#success-*` | 156.9° | Success states, confirmations |
-| `#danger-*` | 23.1° | Errors, destructive actions |
-| `#warning-*` | 84.3° | Warning states, caution |
-| `#note-*` | 302.3° | Informational notes |
-
-For example, a success banner uses `fill: '#success-surface'` + `color: '#success-surface-text'`, while a primary button uses `fill: '#primary-accent-surface'` + `color: '#primary-accent-surface-text'`.
-
-### Legacy Aliases
-
-The previous token names continue to work as aliases (defined at the bottom of `src/tokens/colors.ts`). New code should prefer the Glaze tokens, but existing components do not need to be migrated:
-
-| Legacy | Resolves to |
-|-------|------------|
-| `#text` | `#surface-text-soft` |
-| `#dark` / `#dark-01` | `#surface-text` |
-| `#dark-02` | `#surface-text-soft` |
-| `#dark-03` | `#surface-text-soft-2` |
-| `#dark-04` | `#placeholder` |
-| `#dark-05` | `#border` |
-| `#minor` | `#surface-text-soft.65` |
-| `#shadow` | `#shadow-md` |
-| `#light` | `#surface-3` |
-| `#dark-bg` | `#surface-2` |
-| `#primary` / `#purple` | `#primary-accent-surface` |
-| `#primary-text` / `#purple-text` | `#primary-accent-text` |
-| `#primary-bg` / `#purple-bg` | `#primary-surface` |
-| `#primary-icon` / `#purple-icon` | `#primary-accent-icon` |
-| `#<status>` | `#<status>-accent-surface` |
-| `#<status>-text` | `#<status>-accent-text` |
-| `#<status>-bg` | `#<status>-surface` |
-| `#<status>-icon` | `#<status>-accent-icon` |
-| `#<status>-disabled` | `#disabled` |
-
-`#white`, `#black`, and `#clear` are not defined in the palette — `#white` and `#black` are tasty's built-in named colors, and `#clear` is an alias for `transparent`.
+`#disabled`, `#disabled-text`, `#disabled-bg` — dedicated colors for disabled UI elements.
 
 ## Typography Presets
 

package/docs/components/content/Card.md

@@ -17,7 +17,7 @@ No component-specific props. Use style props directly.
 - `display` — `block`
 - `flow` — `column`
 - `radius` — `(1cr + 1bw)`
-- `fill` — `#surface`
+- `fill` — `#white`
 - `border` — `#border`
 - `padding` — `1.5x`
 - `preset` — `t3`