@cube-dev/ui-kit 0.0.0-canary-940790a → 0.0.0-canary-244840d

package/dist/utils/react/Slots.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | 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-940790a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-244840d | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-940790a";
+const VERSION = "0.0.0-canary-244840d";
 if (typeof window !== "undefined") {
 	const version = VERSION;
 	window.CubeUIKit = window.CubeUIKit || { version };

package/docs/Usage.md

@@ -210,7 +210,7 @@ Reusable style presets applied via the `recipe` style property. Defined in `src/
 | `reset` | Zero out margin, padding, border, outline; set `box-sizing: border-box` |
 | `button` | Base button appearance: no native styling, `touch-action: manipulation` |
 | `input` | Base input appearance: no native styling, inherit color |
-| `input-autofill` | Handle `:-webkit-autofill` styling |
+| `input-autofill` | Handle browser autofill styling (`:autofill`, `:-webkit-autofill`, `:-internal-autofill-*`) |
 | `input-placeholder` | Placeholder text styling via `-webkit-text-fill-color` |
 | `input-search-cancel-button` | Hide native search cancel button |
 

package/docs/tasty/configuration.md

@@ -61,7 +61,6 @@ These docs use `data-schema="dark"` in examples. If your app already standardize
 | `presets` | `Record<string, TypographyPreset>` | - | Typography presets — shorthand for `generateTypographyTokens()` |
 | `globalStyles` | `Record<string, Styles>` | - | Global Tasty styles keyed by CSS selector |
 | `colorSpace` | `'rgb' \| 'hsl' \| 'oklch'` | `'oklch'` | Color space for decomposed color token companion variables |
-| `namePrefix` | `string` | `'t'` (runtime) / `'ts'` (zero-runtime) | Prefix prepended to every generated identifier (class, keyframe, counter-style names). See [Name prefix](#name-prefix). |
 
 ---
 
@@ -85,49 +84,6 @@ The `oklch` color space is the default because it provides perceptually uniform
 
 ---
 
-## Name Prefix
-
-Every identifier Tasty generates — class names, keyframe names, counter-style names — starts with a configurable prefix. The runtime, SSR, and RSC paths default to `'t'`; the zero-runtime build path (`tastyStatic` via the Babel plugin) defaults to `'ts'` so static-extracted classes can never collide with runtime classes when both are loaded on the same page.
-
-```jsx
-configure({
-  namePrefix: 'mb',
-});
-```
-
-The prefix is prepended verbatim to the hash, so include any separator inside the prefix string itself:
-
-| Setting | Class | Keyframe | Counter-style |
-|---|---|---|---|
-| `'t'` (runtime default) | `t1a2b3` | `tk1a2b3` | `tc1a2b3` |
-| `'ts'` (zero-runtime default) | `ts1a2b3` | `tsk1a2b3` | `tsc1a2b3` |
-| `'mb'` | `mb1a2b3` | `mbk1a2b3` | `mbc1a2b3` |
-| `'myapp-'` | `myapp-1a2b3` | `myapp-k1a2b3` | `myapp-c1a2b3` |
-
-The single-letter discriminators (`k` for keyframes, `c` for counter-styles) keep the three kinds visually distinct in devtools — they are not required for correctness because CSS keeps these in separate namespaces.
-
-### Rules
-
-- Must match `^[a-zA-Z_][a-zA-Z0-9_-]{0,31}$`. Examples that pass: `'t'`, `'ts'`, `'app'`, `'myapp-'`, `'_foo'`. Examples that fail: `''`, `'1foo'`, `'my app'`.
-- Validated at `configure()` time; an invalid prefix throws synchronously rather than silently producing broken hydration.
-- Locked once styles have been generated, like all other config.
-
-### Coexistence with the zero-runtime build
-
-The runtime and zero-runtime builds **must use different prefixes** when both are loaded on the same page. Defaults already guarantee this; if you customize one, customize the other accordingly:
-
-```jsx
-// app config (runtime / SSR / RSC)
-configure({ namePrefix: 'mb' });
-
-// tasty-zero.config.ts (Babel plugin)
-export default { namePrefix: 'mbs' };
-```
-
-If you only use one of the two builds, you only need to set `namePrefix` on that path.
-
----
-
 ## Design Tokens
 
 Design tokens define CSS custom properties on `:root`. They are injected automatically when the first style is rendered. Values are parsed through the Tasty DSL, so you can use units, color syntax, and other DSL features.

package/docs/tasty/dsl.md

@@ -52,23 +52,22 @@ styles: { Title: { preset: 'h3' } }
 
 #### Selector Affix (`$`)
 
-Control how a sub-element selector attaches to the root selector using the `$` property inside the sub-element's styles.
-
-Examples below assume the sub-element key is **Cell** (i.e. `[data-element="Cell"]` in CSS):
+Control how a sub-element selector attaches to the root selector using the `$` property inside the sub-element's styles:
 
 | Pattern | Result | Description |
 |---------|--------|-------------|
-| *(none)* | `[data-element="Cell"]` | Descendant (default) |
-| `>` | `> [data-element="Cell"]` | Direct child |
-| `>Body>` | `> [data-element="Body"] > [data-element="Cell"]` | Chained elements |
-| `> Cell` | `> [data-element="Cell"]` | Self-name shorthand — when the trailing element name matches the sub-element's own key, it acts as the placeholder (same as `@`); no duplication |
-| `h1` | `h1` | Tag selector (no key injection) |
-| `h1 >` | `h1 > [data-element="Cell"]` | Key is direct child of tag |
-| `h1 *` | `h1 *` | Any descendant of tag |
-| `*` | `*` | All descendants |
-| `&::before` | `::before` | Root pseudo (no key); `&` is required |
-| `@::before` | `[data-element="Cell"]::before` | Pseudo on the sub-element |
-| `>@.active` | `> [data-element="Cell"].active` | Class on the sub-element |
+| *(none)* | ` [el]` | Descendant (default) |
+| `>` | `> [el]` | Direct child |
+| `>Body>Row>` | `> [Body] > [Row] > [el]` | Chained elements |
+| `> SubElementName` | `> [SubElementName]` | Self-name shorthand — when the trailing element name matches the sub-element's own key, it acts as the placeholder (same as `@`); no duplication |
+| `h1` | ` h1` | Tag selector (no key injection) |
+| `h1 >` | ` h1 > [el]` | Key is direct child of tag |
+| `h1 *` | ` h1 *` | Any descendant of tag |
+| `*` | ` *` | All descendants |
+| `::before` | `::before` | Root pseudo (no key) |
+| `@::before` | `[el]::before` | Pseudo on the sub-element |
+| `>@:hover` | `> [el]:hover` | Pseudo-class on the sub-element |
+| `>@.active` | `> [el].active` | Class on the sub-element |
 
 Rules for key injection (`[data-element="..."]`):
 

package/docs/tasty/methodology.md

@@ -399,28 +399,6 @@ tasty(Button, {
 
 For full details on merge semantics, `@inherit`, `null`, and `false` tombstones, see [Style DSL — Extending vs. Replacing State Maps](dsl.md#extending-vs-replacing-state-maps).
 
-### Wrapping non-Tasty components
-
-`tasty(Component, { ... })` also accepts components that are **not** produced by `tasty()` — Next.js `Link`, `react-router`'s `Link`, Radix primitives, MUI components, or any plain `forwardRef`/`memo` you wrote yourself. The only requirement is that the wrapped component forwards the `className` prop (and ideally `style` and `ref`) to its underlying DOM node.
-
-```tsx
-import NextLink from 'next/link';
-
-const Link = tasty(NextLink, {
-  styles: {
-    color: { '': '#accent-text', ':hover': '#text' },
-    textDecoration: 'underline',
-  },
-  styleProps: ['padding'],
-});
-
-<Link href="/blog" padding="1x">Blog</Link>;
-```
-
-For non-Tasty components Tasty cannot forward `styles`/`mods`/`tokens` as props (the wrapped component would not know what to do with them), so it computes a class name and writes it onto the rendered element via `className`. Tasty-specific props (`qa`, `qaVal`, `mods`, `tokens`, `isDisabled`, `isHidden`, `isChecked`, and any `styleProps`/`modProps`/`tokenProps` you declared) are consumed by the wrapper and converted to `data-*` attributes or CSS custom properties — they never leak to the DOM.
-
-As with every other `tasty()` component, `<Link as="span">` at the call site overrides the wrapped element if you ever need it.
-
 ### When to use styleProps vs wrapping
 
 If the component exposes the properties you need as `styleProps`, use them directly — that is what they are for:

package/docs/tasty/react-api.md

@@ -42,24 +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, ...)` also works for components that are **not** produced by `tasty()` — Next.js `Link`, `react-router`'s `Link`, Radix primitives, MUI, or any `forwardRef`/`memo` that forwards `className`. Tasty-produced components are internally branded; non-branded components get styled through their `className` prop, which keeps `styles`, `mods`, `qa`, etc. from leaking to the DOM:
-
-```jsx
-import NextLink from 'next/link';
-
-const Link = tasty(NextLink, {
-  styles: {
-    color: { '': '#accent-text', ':hover': '#text' },
-    textDecoration: 'underline',
-  },
-  styleProps: ['padding'],
-});
-
-<Link href="/blog" padding="1x">Blog</Link>;
-```
-
-The only requirement on the wrapped component is that it forwards `className` (and ideally `style`/`ref`). See [Methodology — Wrapping non-Tasty components](methodology.md#wrapping-non-tasty-components) for the full picture.
-
 ---
 
 ## 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/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-940790a",
+  "version": "0.0.0-canary-244840d",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {
@@ -74,7 +74,7 @@
     "@react-types/shared": "^3.32.1",
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
-    "@tenphi/tasty": "2.4.0",
+    "@tenphi/tasty": "2.1.1",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "diff": "^8.0.3",

package/dist/_internal/utils/brand-tasty-component.js

@@ -1,32 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-940790a | Cube Dev Team */
-//#region src/_internal/utils/brand-tasty-component.ts
-/**
-* Tasty 2.4+ uses an internal brand to distinguish components produced by
-* `tasty(...)` from arbitrary React components. Branded components keep
-* routing through the prop-forwarding `tastyWrap` path when extended via
-* `tasty(Component, options)`; non-branded components are routed through
-* `tastyElement({ as: Component, ... })` instead, which drops `as` from the
-* options and consumes a fixed set of tasty props (`isDisabled`, `mods`, ...)
-* before they reach the wrapped component.
-*
-* The brand symbol is created with `Symbol.for(...)` so it is stable across
-* bundle boundaries and across multiple copies of `@tenphi/tasty`. We use it
-* directly here because tasty 2.4.0 does not expose a public
-* `brandTastyComponent` helper yet; this mirrors the upstream implementation.
-*/
-const TASTY_COMPONENT_BRAND = Symbol.for("@tenphi/tasty.component");
-/**
-* Marks a custom forwardRef/function component so that `tasty(Component, ...)`
-* keeps using the prop-forwarding wrap path. No-op for primitives or sealed
-* targets.
-*/
-function brandTastyComponent(component) {
-	if (component != null && (typeof component === "function" || typeof component === "object")) try {
-		component[TASTY_COMPONENT_BRAND] = true;
-	} catch {}
-	return component;
-}
-
-//#endregion
-export { brandTastyComponent };
-//# sourceMappingURL=brand-tasty-component.js.map

package/dist/_internal/utils/brand-tasty-component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"brand-tasty-component.js","names":[],"sources":["../../../src/_internal/utils/brand-tasty-component.ts"],"sourcesContent":["/**\n * Tasty 2.4+ uses an internal brand to distinguish components produced by\n * `tasty(...)` from arbitrary React components. Branded components keep\n * routing through the prop-forwarding `tastyWrap` path when extended via\n * `tasty(Component, options)`; non-branded components are routed through\n * `tastyElement({ as: Component, ... })` instead, which drops `as` from the\n * options and consumes a fixed set of tasty props (`isDisabled`, `mods`, ...)\n * before they reach the wrapped component.\n *\n * The brand symbol is created with `Symbol.for(...)` so it is stable across\n * bundle boundaries and across multiple copies of `@tenphi/tasty`. We use it\n * directly here because tasty 2.4.0 does not expose a public\n * `brandTastyComponent` helper yet; this mirrors the upstream implementation.\n */\nconst TASTY_COMPONENT_BRAND = Symbol.for('@tenphi/tasty.component');\n\n/**\n * Marks a custom forwardRef/function component so that `tasty(Component, ...)`\n * keeps using the prop-forwarding wrap path. No-op for primitives or sealed\n * targets.\n */\nexport function brandTastyComponent<T>(component: T): T {\n  if (\n    component != null &&\n    (typeof component === 'function' || typeof component === 'object')\n  ) {\n    try {\n      (component as unknown as Record<PropertyKey, unknown>)[\n        TASTY_COMPONENT_BRAND\n      ] = true;\n    } catch {\n      // frozen/sealed targets — leave unbranded, they fall back to the\n      // tastyElement path.\n    }\n  }\n\n  return component;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAM,wBAAwB,OAAO,IAAI,0BAA0B;;;;;;AAOnE,SAAgB,oBAAuB,WAAiB;AACtD,KACE,aAAa,SACZ,OAAO,cAAc,cAAc,OAAO,cAAc,UAEzD,KAAI;AACF,EAAC,UACC,yBACE;SACE;AAMV,QAAO"}