@cube-dev/ui-kit 0.0.0-canary-8564214 → 0.0.0-canary-3ea878d

package/dist/provider.js

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

package/dist/providers/TrackingProvider.js

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

package/dist/providers/navigationAdapter.default.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 //#region src/providers/navigationAdapter.default.ts
 /**
 * Converts a Path object to a string URL

package/dist/tokens/base.js

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

package/dist/tokens/color-seed.js

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

package/dist/tokens/color-theme.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { DEFAULT_HUE, DEFAULT_SATURATION, getPaletteConfig, getPaletteVersion, usePaletteVersion } from "./palette-config.js";
 import { tintRecipe } from "./palette.js";

package/dist/tokens/colors.js

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

package/dist/tokens/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { DEFAULT_PALETTE_CONFIG, MAX_BASE_SATURATION, getPaletteConfig, getPaletteConfigInput, getPaletteVersion, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion } from "./palette-config.js";
 import { BASE_TOKENS } from "./base.js";

package/dist/tokens/layout.js

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

package/dist/tokens/lazy-styles.js

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

package/dist/tokens/palette-config.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 import { colorSeed } from "./color-seed.js";
 import { useSyncExternalStore } from "react";
 

package/dist/tokens/palette.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 import { SURFACE_SATURATION_SHARE, getPaletteConfig, getPaletteVersion, resolvePaletteConfig } from "./palette-config.js";
 import { lazyStyles } from "./lazy-styles.js";
 import { apcaContrast, glaze, okhslToLinearSrgb, variantToOkhsl } from "@tenphi/glaze";

package/dist/tokens/shadows.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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/disabledProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 //#region src/utils/react/disabledProps.ts
 /**
 * Tags where `disabled` is a real HTML attribute. Browsers refuse to dispatch

package/dist/utils/react/forwardRefWithGenerics.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 import { chain } from "./chain.js";
 import { getDisabledElementProps, omitActivationEventProps } from "./disabledProps.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";

package/dist/utils/react/interactions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | 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-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useSyncExternalStore } from "react";
 

package/dist/utils/react/useBufferedValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";
 

package/dist/utils/react/useCombinedRefs.js

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

package/dist/version.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-8564214 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3ea878d | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-8564214";
-const TASTY_VERSION = "0.0.0-snapshot.5776c4c";
+const VERSION = "0.0.0-canary-3ea878d";
+const TASTY_VERSION = "0.0.0-snapshot.5a79c6d";
 if (typeof window !== "undefined") {
 	const version = VERSION;
 	const tastyVersion = TASTY_VERSION;

package/docs/tasty/configuration.md

@@ -94,7 +94,7 @@ configure({
 
 The `oklch` color space is the default because it provides perceptually uniform color manipulation — reaching for a channel to shift lightness or hue produces more natural-looking results.
 
-The companion is there so you can *address the channels*: shift a lightness, animate a hue, build a derived color. It is not how the [opacity suffix](dsl.md#color-tokens--opacity) works — that applies alpha to `--name-color` itself with `color-mix()`, so it needs nothing from the companion and works on any color.
+The companion is there so you can *address the channels*: shift a lightness, animate a hue, build a derived color. It is not how the [opacity suffix](dsl.md#color-tokens--opacity) works — that sets the alpha on `--name-color` itself with relative color syntax, so it needs nothing from the companion and works on any color.
 
 A color the engine cannot evaluate at build time — a `color-mix()`, a `light-dark()`, a `color()` in a space it has no conversion for — has no channels to decompose, so its companion is expressed *by reference* using CSS relative color syntax (`--name-color-oklch: from color-mix(…) l c h`). Reading a channel off it still works; the browser resolves them.
 

package/docs/tasty/dsl.md

@@ -111,7 +111,7 @@ const List = tasty({
 Named color prefixed with `#` that maps to CSS custom properties. Supports opacity with `.N` suffix:
 
 ```jsx
-fill: '#purple.5'  // → color-mix(in oklab, var(--purple-color) 50%, transparent)
+fill: '#purple.5'  // → oklch(from var(--purple-color) l c h / .5)
 ```
 
 ### Modifier
@@ -138,17 +138,16 @@ fill: '#current',           // → currentcolor
 color: '(#primary, #secondary)',  // Fallback syntax
 ```
 
-The suffix applies alpha to the token's color with `color-mix()`:
+The suffix sets the alpha on the token's color with CSS relative color syntax:
 
 ```jsx
 fill: '#purple.5';
-// → color-mix(in oklab, var(--purple-color) 50%, transparent)
+// → oklch(from var(--purple-color) l c h / .5)
 ```
 
-Mixing premultiplied against a fully transparent color leaves the channels
-untouched and sets the alpha, so the result is the same color a channel-level
-`/ <alpha>` would give — but it asks nothing of the color beyond *being* a color.
-That means the suffix works on every one of these:
+The channels are copied over and the alpha slot is written, which asks nothing of
+the color beyond *being* a color. That means the suffix works on every one of
+these:
 
 - a token holding a `color-mix()`, a `light-dark()`, or a `color()` in a space
   Tasty cannot convert — none of which have channels to decompose
@@ -156,9 +155,17 @@ That means the suffix works on every one of these:
 - a `--name-color` variable declared in your own CSS, with no Tasty token
   definition and no companion variable behind it
 
-The mixing space is always `oklab`, whatever [`colorSpace`](configuration.md#color-space)
-is set to: alpha application is space-independent, and oklab is unbounded, so a
-wide-gamut color survives a round trip that `in srgb` would clamp.
+Two properties follow from writing the alpha slot rather than compositing:
+
+- **Alpha is replaced, not multiplied.** A token holding `rgb(255 0 0 / .8)`
+  faded to `.5` is alpha `.5`, not `.4`.
+- **The alpha may be a number or a percentage.** `#purple.$fade` emits
+  `/ var(--fade)` unchanged, so it works whether `$fade` holds `.5` or `50%` —
+  which is what `--*-opacity` properties are registered to accept.
+
+The space is always `oklch`, whatever [`colorSpace`](configuration.md#color-space)
+is set to: it is unbounded, so a wide-gamut color survives a round trip that a
+gamut-limited space would clamp.
 
 ---
 
@@ -206,7 +213,7 @@ configure({
 });
 
 fill: '#solid.5';     // → hsl(220 90% 50% / .5)
-fill: '#adaptive.5';  // → color-mix(in oklab, light-dark(…) 50%, transparent)
+fill: '#adaptive.5';  // → oklch(from light-dark(…) l c h / .5)
 ```
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-8564214",
+  "version": "0.0.0-canary-3ea878d",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {
@@ -93,7 +93,7 @@
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
     "@tenphi/glaze": "2.0.0",
-    "@tenphi/tasty": "0.0.0-snapshot.5776c4c",
+    "@tenphi/tasty": "0.0.0-snapshot.5a79c6d",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "diff": "^8.0.3",

package/dist/components/fields/ListBoxPopover/useCompositeFocus.d.ts

@@ -1,2 +0,0 @@
-
-import React, { RefObject } from "react";

package/dist/components/portal/PortalProvider.d.ts

@@ -1,2 +0,0 @@
-
-import { RefObject } from "react";