@cube-dev/ui-kit 0.0.0-canary-4499da7 → 0.0.0-canary-996a50a

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | 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-4499da7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-996a50a | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-4499da7";
+const VERSION = "0.0.0-canary-996a50a";
 const TASTY_VERSION = "3.0.2";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/Theming.md

@@ -410,7 +410,7 @@ The **contrast level** needs no on/off switch: level `0` and `'auto'` are
 output-identical, tier included, so the slider at rest _is_ the shipped palette.
 
 Status themes are four chips on one line rather than eight sliders. Each chip is a
-`type="current"` `Button` colored by its own theme with a
+`theme="current"` `Button` colored by its own theme with a
 [ColorSwatch](./components/fields/ColorSwatch.md) of its accent, so the group answers
 the question you actually have — do these four still read as four different
 things — at a glance; press one to open its hue and saturation. The hue is not

package/docs/Usage.md

@@ -306,6 +306,7 @@ Component themes are set via the `theme` prop or `theme=name` modifier:
 | `success` | Success / positive states |
 | `warning` | Warning / caution states |
 | `note` | Informational / note states |
+| `current` | No palette of its own — every color is mixed from the inherited text color (`#current`), so the component adopts whatever its container paints with. Supported by `Button`, `Item` (and `ItemButton`, `Item.Action`, `ItemBadge`) |
 
 ## Recipes
 
@@ -367,12 +368,6 @@ Icons live in `src/icons/`. Use existing icons when possible; otherwise use `@ta
 - Always wrap tabler icons with `<Icon>` for custom size/color. Never add props directly to tabler icons.
 - To add new icons run: `pnpm add-icons`
 
-One exception to `currentColor`: **`<NoDataIcon>`** is a three-tone isometric
-crate drawn from the shared cube-face tokens (`#loading-face-1` …
-`#loading-face-3`) that `LoadingAnimation` also uses. It sizes like any other
-icon but ignores `color` — it is an illustration for empty states, so use it at
-illustration sizes (`size="8x"` and up).
-
 ## Form System
 
 ### Form Component

package/docs/components/actions/Button.md

@@ -15,8 +15,8 @@ A versatile action component that triggers commands and navigates users.
 
 ## Properties
 
-- **`type`** `'primary' | 'outline' | 'outline-2' | 'clear' | 'link' | 'current'` (default: `outline`) — Visual style variant of the button (`outline-2` is identical to `outline` but uses `#surface-3` as the base fill; not available for the `special` theme. `current` derives its colors from the inherited text color and ignores `theme`)
-- **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special'` (default: `default`) — Semantic colour palette theme
+- **`type`** `'primary' | 'invert' | 'outline' | 'outline-2' | 'clear' | 'link'` (default: `outline`) — Visual style variant of the button (`outline-2` is identical to `outline` but uses `#surface-3` as the base fill; not available for the `special` theme)
+- **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special' | 'current'` (default: `default`) — Semantic colour palette theme. `current` is not a brand palette: it mixes every color from the inherited text color, so the button adopts the color of whatever container it sits in
 - **`size`** `'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'inline' | number` (default: `medium`) — Button size. Use `'inline'` for link-type buttons or a number/string for custom sizes (e.g. `64` or `'8x'`)
 - **`icon`** — Icon rendered before the content. Can be: ReactNode, `true` (empty slot), or function `({ loading, selected, ...mods }) => ReactNode | true`
 - **`rightIcon`** — Icon rendered after the content. Can be: ReactNode, `true` (empty slot), or function `({ loading, selected, ...mods }) => ReactNode | true`
@@ -79,10 +79,10 @@ The `mods` prop accepts the following modifiers you can override:
 ### Types. `type` prop
 
 - `primary` – Emphasised call-to-action.
+- `invert` – The page and its text swapped: the fill is the theme's `accent-text` — the color normally painted *on* the page — and the label is `#surface`, the page itself. Unlike `primary`, which pins a fixed `#white` label on a brand surface and so reads with the same weight in either scheme, `invert` follows the scheme: dark chip with a light label in light mode, light chip with a dark label in dark mode. Use it where a `primary` chip is not emphatic enough — a single hero action, or a filled control that has to out-read a brand chip sitting next to it. On the `current` theme there is no `accent-text` to fill with, so `invert` is `primary` with its two colors swapped: `primary` fills with the inherited color and punches `#surface` out of it, `invert` fills with `#surface` and writes the inherited color on top. A container can override the color `current.invert` writes with by setting the `--current-accent` custom property on an ancestor — needed where the inherited color *is* `#surface` (a `Banner` labels itself `#white`, so the pill and its label would collapse); unset, it falls back to the inherited color. The same property redirects `current.primary`, which has the mirror problem: its pill is the inherited color, so a container that inverts the surface leaves its `#surface` label invisible. Offer the container's own fill.
 - `outline` – Border with transparent background; `isSelected` adds brand-tinted fill.
 - `clear` – No border, transparent background; `isSelected` adds brand-tinted fill.
 - `link` – Styled as a textual link.
-- `current` – Fill, border and label are mixed from the inherited text color (`#current`), so the button adopts the color of whatever container it sits in. The resting chip is a `#current.03` fill inside a `#current.08` border, and hover, pressed and selected step the same alpha ramp up from there; the label stays fully opaque. The focus ring stays `#primary-accent-text`, like every other type. Theme-agnostic — there is a single variant, and `theme` has no effect. Use it inside colored containers (alerts, banners, dark overlays, tooltips). `Item` has a `current` type too, shaped like its neutral `item` type instead: borderless and invisible at rest.
 
 ### Themes. `theme` prop
 
@@ -92,6 +92,13 @@ The `mods` prop accepts the following modifiers you can override:
 - `warning` – Yellow/amber palette for caution or attention.
 - `note` – Violet palette for informational context.
 - `special` – White palette for dark backgrounds.
+- `current` – Not a palette at all: fill, border and label are mixed from the inherited text color (`#current`), so the button adopts the color of whatever container it sits in and keeps adopting it if that color changes. Every `type` has a `current` flavour, so the shape is still yours to pick — `outline` is the resting `#current.03` chip inside a `#current.08` border, `primary` escalates the same construction to a filled chip, `clear` paints nothing at rest, `link` is the label alone. The label stays fully opaque and the focus ring stays `#primary-accent-text`, like every other theme. Use it inside colored containers (alerts, banners, dark overlays, tooltips), where a brand theme would either clash with the container or have to be picked to match it.
+
+  ```jsx
+  <Alert theme="note">
+    <Button theme="current" type="outline">Adopts the note color</Button>
+  </Alert>
+  ```
 
 ### Sizes. `size` prop
 

package/docs/components/actions/ItemAction.md

@@ -1,6 +1,6 @@
 # ItemAction
 
-A compact action button designed for use inside `Item`, `ItemButton`, and `ItemCard`. Automatically inherits `type` and `theme` from its parent context.
+A compact action button designed for use inside `Item`, `ItemButton`, and `ItemCard`. Defaults to the `current` theme, so it takes its colors from whatever row hosts it.
 
 ## When to Use
 
@@ -15,8 +15,8 @@ A compact action button designed for use inside `Item`, `ItemButton`, and `ItemC
 ## Properties
 
 - **`icon`** `ReactNode | 'checkmark'` — Icon element or `'checkmark'` for a selection indicator
-- **`type`** `'primary' | 'outline' | 'clear' | 'current'` (default: `'current'`) — Visual type. `current` derives every color from the inherited `currentcolor`, so the action tracks whatever row hosts it without being told the row's type. Passing an explicit `theme` falls back to `'clear'`, since `current` is theme-agnostic and the theme would have nothing to color.
-- **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special'` (default: `'default'`) — Color theme. Inherits from parent context.
+- **`type`** `'primary' | 'invert' | 'outline' | 'clear'` (default: `'clear'`) — Visual type. `invert` is the filled type that follows the scheme: the theme's `accent-text` as the fill with a `#surface` label, rather than `primary`'s fixed `#white` on a brand surface. `clear` is borderless and paints nothing at rest, so a row full of actions does not read as busy.
+- **`theme`** `'current' | 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special'` (default: `'current'`) — Color theme. `current` derives every color from the inherited `currentcolor`, so the action tracks whatever row hosts it without being told the row's type or theme. Name any other theme to have the action paint itself instead.
 - **`isLoading`** `boolean` (default: `false`) — Shows loading spinner
 - **`isSelected`** `boolean` (default: `false`) — Selected state (works with `icon="checkmark"`)
 - **`isDisabled`** `boolean` (default: `false`) — Disables the action. Inherits from parent; use `isDisabled={false}` to override.

package/docs/components/content/Item.md

@@ -22,8 +22,8 @@ A foundational component that provides a standardized layout and styling for ite
 - **`suffix`** `ReactNode` — Element rendered after the content (before rightIcon)
 - **`description`** `ReactNode` — Description text displayed with the item
 - **`descriptionPlacement`** `'inline' | 'block'` (default: `inline`) — How the description is positioned relative to the main content. Defaults to `'block'` for `type="card"` and `type="header"`
-- **`type`** `'item' | 'header' | 'primary' | 'outline' | 'outline-2' | 'clear' | 'link' | 'card' | 'current'` (default: `item`) — Visual style variant
-- **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special'` (default: `default`) — Semantic colour palette theme
+- **`type`** `'item' | 'header' | 'primary' | 'invert' | 'outline' | 'outline-2' | 'clear' | 'link' | 'card'` (default: `item`) — Visual style variant
+- **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special' | 'current'` (default: `default`) — Semantic colour palette theme. `current` is not a brand palette: it mixes every color from the inherited text color, so the item adopts the color of whatever container it sits in
 - **`size`** `'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'inline' | number` (default: `medium`) — Item size. Accepts custom number or string values
 - **`shape`** `'card' | 'button' | 'sharp' | 'pill'` (default: `button`) — Shape of the item border radius. Defaults to `'card'` for `type="card"`
 - **`isSelected`** `boolean` (default: `false`) — Marks the item as selected
@@ -84,8 +84,8 @@ The `mods` property accepts the following modifiers:
 - **`disabled`** `boolean` — Applied when isDisabled is true or when loading
 - **`loading`** `boolean` — Applied when isLoading is true
 - **`size`** `string` — Applied based on size prop value (xsmall, small, medium, large, xlarge, inline)
-- **`type`** `string` — Applied based on type prop value (item, header, primary, outline, outline-2, clear, link, card, current)
-- **`theme`** `string` — Applied based on theme prop value (default, danger, success, special, warning, note)
+- **`type`** `string` — Applied based on type prop value (item, header, primary, invert, outline, outline-2, clear, link, card)
+- **`theme`** `string` — Applied based on theme prop value (default, danger, success, special, warning, note, current)
 - **`shape`** `string` — Applied based on shape prop value (card, button, sharp, pill)
 
 ## Variants
@@ -95,12 +95,12 @@ The `mods` property accepts the following modifiers:
 - `item` - Default item appearance (no specific styling)
 - `header` - Header appearance for section headers (only supports `default` theme, defaults to `descriptionPlacement="block"`, uses semantic heading tags via `level` prop)
 - `primary` - Primary styled item with prominent appearance
+- `invert` - The page and its text swapped: the fill is the theme's `accent-text` and the label is `#surface`. Unlike `primary`, which pins a fixed `#white` label on a brand surface, `invert` follows the scheme — dark chip with a light label in light mode, light chip with a dark label in dark mode. On the `current` theme, which has no `accent-text`, it is `primary` with its two colors swapped: a `#surface` fill with the inherited color written on it. An ancestor can override the label color of both filled `current` flavours by setting the `--current-accent` custom property — needed on any container that inverts the surface, where `current.primary`'s pill and `current.invert`'s label both collide with `#surface`
 - `outline` - Item with border outline styling; `isSelected` adds brand-tinted fill
 - `outline-2` - Same as `outline` but uses `#surface-3` as the base fill, designed to sit on `#surface-2` containers without blending in (not available for the `special` theme)
 - `clear` - Transparent item with minimal styling; `isSelected` adds brand-tinted fill
 - `link` - Link-styled item appearance (does not support icons or loading state)
-- `card` - Card appearance for notifications (supports `default`, `success`, `danger`, `warning`, `note` themes; defaults to `shape="card"`, `descriptionPlacement="block"`, uses semantic heading tags via `level` prop, and has `.5x` padding)
-- `current` - Same shape as `item` — no border, nothing painted at rest — but every color is derived from the inherited text color (`#current`) instead of the fixed `#surface-text`, so the item adopts the color of whatever container it sits in. The fill steps in on hover (`.04`), pressed (`.06`) and selected (`.09` → `.15`); the label stays fully opaque. Theme-agnostic: only supports the `default` theme (any other theme warns, since there is nothing for it to change). Use it inside colored containers — alerts, banners, dark overlays, tooltips. `Button` has a `current` type too, shaped like a standalone control instead: a resting `#current.03` chip inside a `#current.08` border
+- `card` - Card appearance for notifications (supports `default`, `success`, `danger`, `warning`, `note`, `current` themes; defaults to `shape="card"`, `descriptionPlacement="block"`, uses semantic heading tags via `level` prop, and has `.5x` padding)
 
 ### Themes
 
@@ -110,6 +110,7 @@ The `mods` property accepts the following modifiers:
 - `warning` - Yellow/amber theme for caution or attention
 - `note` - Violet theme for informational context
 - `special` - Special theme with unique styling (not available for `card` or `header` types)
+- `current` - Not a palette at all: every color is derived from the inherited text color (`#current`) instead of a brand ramp, so the item adopts the color of whatever container it sits in. Every type except `header` has a `current` flavour, so the shape is still yours to pick — `item` keeps its borderless shape (nothing painted at rest, the fill stepping in on hover, pressed and selected), `outline` adds the chip and border, `primary` escalates it further. The label stays fully opaque. Use it inside colored containers — alerts, banners, dark overlays, tooltips
 
 ### Sizes
 
@@ -257,17 +258,17 @@ Like headers, card labels use semantic heading tags (h1-h6) controlled by the `l
 </Item>
 ```
 
-### Current Type
+### Current Theme
 
-Use `type="current"` inside a container that paints its own text color. The fill and label are mixed from that inherited color, so the item matches the container without picking a theme — and keeps matching it if the container's color changes:
+Use `theme="current"` inside a container that paints its own text color. The fill and label are mixed from that inherited color, so the item matches the container without picking a brand theme — and keeps matching it if the container's color changes. Every type composes with it:
 
 ```jsx
 <Block fill="#note-surface" color="#note-accent-text" padding="1.5x" radius="1cr">
-  <Item type="current" icon={<IconInfo />}>Adopts the note color</Item>
+  <Item theme="current" icon={<IconInfo />}>Adopts the note color</Item>
 </Block>
 
 <Block fill="#fixed-dark" color="#white" padding="1.5x" radius="1cr">
-  <Item type="current" icon={<IconInfo />}>Adopts white on a dark banner</Item>
+  <Item theme="current" type="outline" icon={<IconInfo />}>An outlined chip on a dark banner</Item>
 </Block>
 ```
 

package/docs/components/content/ItemBadge.md

@@ -11,8 +11,8 @@ A non-interactive badge indicator for list items. Similar to `ItemAction` but wi
 ## Properties
 
 - **`icon`** `ReactNode | 'checkmark'` — Icon or checkmark display
-- **`type`** `'primary' | 'outline' | 'clear' | 'current'` (default: `'current'`) — Visual type. `isSelected` applies brand-tinted fill to `outline` and `clear`. `current` derives every color from the inherited `currentcolor`, so the badge tracks whatever row hosts it. Passing an explicit `theme` falls back to `'clear'`, since `current` is theme-agnostic.
-- **`theme`** `'default' | 'danger' | 'success' | 'special'` (default: `'default'`) — Color theme. Inherits from parent context.
+- **`type`** `'primary' | 'invert' | 'outline' | 'clear'` (default: `'clear'`) — Visual type. `invert` is the filled type that follows the scheme: the theme's `accent-text` as the fill with a `#surface` label, rather than `primary`'s fixed `#white` on a brand surface. `isSelected` applies brand-tinted fill to `outline` and `clear`.
+- **`theme`** `'current' | 'default' | 'danger' | 'success' | 'special'` (default: `'current'`) — Color theme. `current` derives every color from the inherited `currentcolor`, so the badge tracks whatever row hosts it. Name any other theme to have the badge paint itself instead.
 - **`isLoading`** `boolean` (default: `false`) — Show loading spinner
 - **`isSelected`** `boolean` (default: `false`) — Selected state (for checkmark)
 - **`tooltip`** `string | object` — Tooltip content shown on hover for icon-only badges. A string shows tooltip text; an object supports `{ title, ...tooltipProps }` for advanced configuration.

package/docs/components/status/LoadingAnimation.md

@@ -36,15 +36,3 @@ These properties allow direct style application without using the `styles` prop:
 
 <LoadingAnimation size="large" />
 ```
-
-## Colors
-
-The cube's three faces come from the shared isometric-cube tokens
-(`#loading-face-1` … `#loading-face-3`), a near-neutral ramp positioned by a WCAG
-floor against `#surface`. Each face therefore keeps the same separation from the
-page in light, dark, and high contrast, and follows a re-seeded brand hue as a
-tint rather than as a color. There is no `color` prop to override — recolouring
-one face and not the others would break the shading.
-
-[`NoDataIcon`](/docs/content-icons--no-data) draws its empty crate from the same
-three tokens, so a loading table and an empty table read as the same object.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-4499da7",
+  "version": "0.0.0-canary-996a50a",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {

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";

package/dist/icons/NoDataIcon.d.ts

@@ -1,30 +0,0 @@
-
-import { CubeIconProps } from "./Icon.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/icons/NoDataIcon.d.ts
-/**
- * Empty isometric crate — the kit's "nothing here yet" illustration.
- *
- * Drawn from the same three cube-face tokens as `LoadingAnimation`
- * (`src/tokens/palette.ts` → the isometric cube faces), so an empty table and a
- * loading table read as the same object lit the same way. Like the animation,
- * the tones ride the SVG `fill` **attribute** rather than a tasty `fill` style —
- * tasty's `fill` is a typed shorthand for `background-color`, which an SVG
- * `<path>` ignores.
- *
- * Not a `currentColor` glyph, so unlike every other icon here it does not follow
- * a `color` prop. That is the point: it is a three-tone drawing, and flattening
- * it to one tone loses the box.
- *
- * Larger in its own viewBox than the 24×24 glyph icons — the artwork is
- * full-bleed because it is used as an illustration (`size="8x"` and up) rather
- * than inline with text.
- */
-declare const NoDataIcon: {
-  (props: CubeIconProps): react_jsx_runtime0.JSX.Element;
-  displayName: string;
-};
-//#endregion
-export { NoDataIcon };
-//# sourceMappingURL=NoDataIcon.d.ts.map

package/dist/icons/NoDataIcon.js

@@ -1,50 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4499da7 | Cube Dev Team */
-import { wrapIcon } from "./wrap-icon.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/icons/NoDataIcon.tsx
-/**
-* Empty isometric crate — the kit's "nothing here yet" illustration.
-*
-* Drawn from the same three cube-face tokens as `LoadingAnimation`
-* (`src/tokens/palette.ts` → the isometric cube faces), so an empty table and a
-* loading table read as the same object lit the same way. Like the animation,
-* the tones ride the SVG `fill` **attribute** rather than a tasty `fill` style —
-* tasty's `fill` is a typed shorthand for `background-color`, which an SVG
-* `<path>` ignores.
-*
-* Not a `currentColor` glyph, so unlike every other icon here it does not follow
-* a `color` prop. That is the point: it is a three-tone drawing, and flattening
-* it to one tone loses the box.
-*
-* Larger in its own viewBox than the 24×24 glyph icons — the artwork is
-* full-bleed because it is used as an illustration (`size="8x"` and up) rather
-* than inline with text.
-*/
-const NoDataIcon = wrapIcon("NoDataIcon", /* @__PURE__ */ jsxs("svg", {
-	xmlns: "http://www.w3.org/2000/svg",
-	fill: "none",
-	viewBox: "0 0 65 65",
-	children: [
-		/* @__PURE__ */ jsx("path", {
-			fill: "var(--loading-face-1-color)",
-			d: "m32.512 3.186 31.993 18.46.002 22.15-31.994-18.46z"
-		}),
-		/* @__PURE__ */ jsx("path", {
-			fill: "var(--loading-face-3-color)",
-			d: "m.518 43.798 32-18.462 31.99 18.462-31.995 18.456z"
-		}),
-		/* @__PURE__ */ jsx("path", {
-			fill: "var(--loading-face-2-color)",
-			d: "M.519 21.642 32.513 3.183l-.001 22.15L.518 43.791zM32.513 40.1l31.994-18.46-.002 22.15-31.993 18.46z"
-		}),
-		/* @__PURE__ */ jsx("path", {
-			fill: "var(--loading-face-1-color)",
-			d: "m.518 21.637 6.932 4c.59.34 1.066 1.166 1.067 1.845v5.656c0 .68.477 1.506 1.066 1.846l13.865 7.999c.589.34 1.066.064 1.066-.616v-5.655c0-.68.477-.956 1.066-.616l6.933 4 .001 22.159L.519 43.795z"
-		})
-	]
-}));
-
-//#endregion
-export { NoDataIcon };
-//# sourceMappingURL=NoDataIcon.js.map

package/dist/icons/NoDataIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoDataIcon.js","names":[],"sources":["../../src/icons/NoDataIcon.tsx"],"sourcesContent":["import { wrapIcon } from './wrap-icon';\n\n/**\n * Empty isometric crate — the kit's \"nothing here yet\" illustration.\n *\n * Drawn from the same three cube-face tokens as `LoadingAnimation`\n * (`src/tokens/palette.ts` → the isometric cube faces), so an empty table and a\n * loading table read as the same object lit the same way. Like the animation,\n * the tones ride the SVG `fill` **attribute** rather than a tasty `fill` style —\n * tasty's `fill` is a typed shorthand for `background-color`, which an SVG\n * `<path>` ignores.\n *\n * Not a `currentColor` glyph, so unlike every other icon here it does not follow\n * a `color` prop. That is the point: it is a three-tone drawing, and flattening\n * it to one tone loses the box.\n *\n * Larger in its own viewBox than the 24×24 glyph icons — the artwork is\n * full-bleed because it is used as an illustration (`size=\"8x\"` and up) rather\n * than inline with text.\n */\nexport const NoDataIcon = wrapIcon(\n  'NoDataIcon',\n  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 65 65\">\n    {/* Inner right wall — catches the light, same tone as the lit top face. */}\n    <path\n      fill=\"var(--loading-face-1-color)\"\n      d=\"m32.512 3.186 31.993 18.46.002 22.15-31.994-18.46z\"\n    />\n    {/* Floor of the crate — deepest in shadow. */}\n    <path\n      fill=\"var(--loading-face-3-color)\"\n      d=\"m.518 43.798 32-18.462 31.99 18.462-31.995 18.456z\"\n    />\n    {/* Back-left and front-right walls — the mid step. */}\n    <path\n      fill=\"var(--loading-face-2-color)\"\n      d=\"M.519 21.642 32.513 3.183l-.001 22.15L.518 43.791zM32.513 40.1l31.994-18.46-.002 22.15-31.993 18.46z\"\n    />\n    {/* Front-left wall, with the folded-open flap. */}\n    <path\n      fill=\"var(--loading-face-1-color)\"\n      d=\"m.518 21.637 6.932 4c.59.34 1.066 1.166 1.067 1.845v5.656c0 .68.477 1.506 1.066 1.846l13.865 7.999c.589.34 1.066.064 1.066-.616v-5.655c0-.68.477-.956 1.066-.616l6.933 4 .001 22.159L.519 43.795z\"\n    />\n  </svg>,\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,aAAa,SACxB,cACA,qBAAC;CAAI,OAAM;CAA6B,MAAK;CAAO,SAAQ;;EAE1D,oBAAC;GACC,MAAK;GACL,GAAE;IACF;EAEF,oBAAC;GACC,MAAK;GACL,GAAE;IACF;EAEF,oBAAC;GACC,MAAK;GACL,GAAE;IACF;EAEF,oBAAC;GACC,MAAK;GACL,GAAE;IACF;;EACE,CACP"}