@cube-dev/ui-kit 0.0.0-canary-6be6cbe → 0.0.0-canary-7ec55ba

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

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

package/docs/components/layout/Board.md

@@ -45,7 +45,7 @@ clipped by an ancestor's `overflow: hidden`.
 - **`cols`** `number` (default: `12`) — Number of columns.
 - **`rowHeight`** `number` (default: `100`) — Row height in pixels.
 - **`margin`** `[number, number]` (default: `[8, 8]`) — Horizontal/vertical gap between widgets.
-- **`containerPadding`** `[number, number]` — Inner padding. Defaults to `margin`.
+- **`containerPadding`** `[number, number]` — Inner padding. Defaults to `margin`, or to `[0, 0]` for an aligned nested board (`isAligned`) so its grid lines up with the ancestor board's.
 - **`maxRows`** `number` (default: `Infinity`) — Maximum number of rows.
 - **`compact`** `'vertical' | 'horizontal' | 'free' | null` (default: `'vertical'`) — Compaction behavior. `'vertical'`/`'horizontal'` reflow widgets to remove gaps; `'free'` places each widget exactly where dropped and never pushes its neighbours (blocked from occupied cells unless `allowOverlap`); `null` disables compaction but still resolves collisions the legacy react-grid-layout way.
 - **`allowOverlap`** `boolean` (default: `false`) — Allow widgets to overlap (stack). In `'free'` mode this is what distinguishes stacking from blocking a drop onto an occupied cell.
@@ -56,22 +56,29 @@ clipped by an ancestor's `overflow: hidden`.
 - **`resizeHandles`** `ResizeHandleAxis[]` (default: `['se']`) — Which resize handles to show. Corner handles (`ne`/`nw`/`se`/`sw`) show an angle grip; edge handles (`n`/`s`/`e`/`w`) show a dotted grip. Both are revealed on hover/focus/resize. A single edge (e.g. `['e']` or `['s']`) gives a horizontally- or vertically-only resizable widget.
 - **`dragCancel`** `string` — CSS selector for elements that must not start a pointer drag (e.g. form controls inside a widget: `"input,textarea,button,a,.no-drag"`). Keyboard moves are unaffected. Can be overridden per widget.
 - **`dragHandle`** `string` — CSS selector for the only elements from which a pointer drag may start. Can be overridden per widget.
-- **`showGridLines`** `boolean | 'drag'` (default: `false`) — Show grid lines behind the widgets. `true` always, `'drag'` only while a widget is being dragged or resized.
-- **`isAligned`** `boolean` (default: `false`) — Align a nested board with its ancestor `Board`'s layout. Only takes effect when the board is nested inside another `Board`'s widget. When set, the board inherits the parent's column pitch (deriving its own column count from its measured width so cells stay parent-sized as the container is resized) and inherits the parent's row height as a target, shrinking rows slightly when needed to fit the height the container widget grants it. `cols`/`rowHeight` then act as fallbacks used only until the parent metrics resolve.
+- **`showGridLines`** `boolean | 'drag'` (default: `false`) — Show grid lines behind the widgets. `true` always, `'drag'` only while a widget is being dragged or resized. A nested board that does not set this inherits an enabled ancestor's grid lines, showing its own while a drag is in progress.
+- **`isAligned`** `boolean` (default: `false`) — Align a nested board with its ancestor `Board`'s layout. Only takes effect when the board is nested inside another `Board`'s widget. When set, every cell matches the parent's cell size exactly: the board inherits the parent's column pitch (deriving its own column count from its measured width so cells stay parent-sized as the container is resized) and uses the parent's row height verbatim. It never shrinks rows to fit — pair it with an `isAutoHeight` container so the widget grows to fit its rows at that height. `cols`/`rowHeight` then act as fallbacks used only until the parent metrics resolve.
 - **`constraints`** `LayoutConstraint[]` — Grid/item layout constraints.
 - **`width`** `number` — Explicit width (disables measurement; useful for SSR/tests).
+- **`widgetProps`** `Partial<Board.Widget props>` — Default props applied to every widget this board hosts (per-widget `Board.Widget` props override these). Use it to add a card border to every widget (`widgetProps={{ isCard: true }}`) or set shared `styles`/sizing defaults without repeating them on each widget.
 - **`place`** `Styles['place']` — Style prop shorthand for `place-items`/`place-content`.
 - **`scrollMargin`** `Styles['scrollMargin']` — Style prop for scroll margin.
 
 ### Board.Widget
 
 - **`id`** `string` (required) — Must match the `i` of a layout item.
+- **`isCard`** `boolean` (default: `false`) — Render this widget as a card by adding a border. Widgets are always filled (`#surface-2`) and rounded (`1cr`); `isCard` adds the border on top. Defaults to `false` (borderless) unless the owning `Board`'s `widgetProps.isCard` opts in; set it per widget to override that default.
 - **`isDraggable`** `boolean` — Disable dragging for this widget.
 - **`isResizable`** `boolean` — Disable resizing for this widget.
 - **`resizeHandles`** `ResizeHandleAxis[]` — Override the board's handles.
+- **`minW`** `number` — Minimum width in grid columns. Used when the layout item omits `minW`; the resize handle stops here.
+- **`maxW`** `number` — Maximum width in grid columns. Used when the layout item omits `maxW`.
+- **`minH`** `number` — Minimum height in grid rows. Used when the layout item omits `minH`.
+- **`maxH`** `number` — Maximum height in grid rows. Used when the layout item omits `maxH`.
 - **`constraints`** `LayoutConstraint[]` — Per-widget constraints.
 - **`qa`** `string` — Test id for the rendered widget element.
 - **`styles`** `Styles` — Style overrides for the rendered widget element.
+- **Style properties** — `Board.Widget` also accepts container style props directly (e.g. `fill`, `padding`, `radius`, `border`, `shadow`, `color`, `flow`, `gap`), just like `Board`. They are merged into `styles` (a direct prop wins over the same key in the `styles` object). Shared `widgetProps.styles` from the owning `Board` are merged underneath, so a per-widget style only overrides the matching keys instead of replacing the whole default.
 - **`isAutoHeight`** `boolean` (default: `false`) — Grow this widget's height in its board to fit its content (only ever increases, never shrinks). Pair it with a nested `Board isAligned` so the container expands until the inner board's rows fit at the parent's row height. It also pins the widget's resize floor: you cannot drag the widget shorter than the height its content currently needs.
 - **`dragCancel`** `string` — Override the board's `dragCancel` selector for this widget.
 - **`dragHandle`** `string` — Override the board's `dragHandle` selector for this widget.
@@ -148,10 +155,20 @@ blocked from occupied cells.
 
 ### Non-resizable
 
+### Min/max widget size
+
+Bound resizing with per-widget `minW`/`maxW` (columns) and `minH`/`maxH` (rows).
+
 ### Grid lines
 
 Show grid lines behind the widgets while dragging or resizing (or always).
 
+### Card widgets
+
+Widgets are filled (`#surface-2`) and rounded by default, but borderless. Add a
+card border per widget with `isCard`, or for the whole board at once with
+`widgetProps={{ isCard: true }}`. Per-widget `isCard` overrides the board default.
+
 ### Drag cancel
 
 Keep interactive controls inside a widget clickable by excluding them from the
@@ -170,16 +187,22 @@ Wrap boards in `Board.Provider` to drag widgets between them.
 A `Board` can be placed inside a `Board.Widget`, making the whole container
 draggable while its children can be dragged out into sibling boards.
 
-Set `isAligned` on the nested board to align it with the surrounding layout: its
-columns keep the parent's pixel pitch (so resizing the container adds or removes
-columns instead of stretching them), and its rows inherit the parent's row
-height, shrinking slightly when needed to fit the space the container widget
-gives it.
+Set `isAligned` on the nested board to align it with the surrounding layout:
+every cell matches the parent's cell size exactly. Its columns keep the parent's
+pixel pitch (so resizing the container adds or removes columns instead of
+stretching them) and its rows use the parent's row height verbatim.
+
+Because an aligned board never shrinks its rows to fit, add `isAutoHeight` to the
+container `Board.Widget` so it grows (only ever taller) until the inner board's
+rows fit at the parent's row height. It also stops the container's resize handle
+at that height, so you can't drag it shorter than the inner board needs.
+
+### Aligned nested boards
 
-Add `isAutoHeight` to the container `Board.Widget` to grow it (only ever taller)
-until the inner board's rows fit at the parent's row height, so an aligned board
-never has to squeeze its rows. It also stops the container's resize handle at
-that height, so you can't drag it shorter than the inner board needs.
+A nested `Board` with `isAligned` and no padding, fill, border, or radius of its
+own — only a header above the grid — inherits the parent column pitch with zero
+offset, so its columns line up exactly with the outer board. Grid lines are
+shown on both boards while dragging to verify the alignment.
 
 ### Boards inside Tabs
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-6be6cbe",
+  "version": "0.0.0-canary-7ec55ba",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {
@@ -84,13 +84,11 @@
     "clsx": "^1.1.1",
     "diff": "^8.0.3",
     "email-validator": "^2.0.4",
-    "i18next": "^26.3.2",
     "prism-react-renderer": "^2.4.1",
     "prismjs": "^1.30.0",
     "react-aria": "^3.45.0",
     "react-focus-lock": "^2.13.5",
     "react-hotkeys-hook": "^5.1.0",
-    "react-i18next": "^17.0.8",
     "react-is": "^18.3.1",
     "react-keyed-flatten-children": "^1.3.0",
     "react-stately": "^3.43.0",

package/dist/i18n/I18nProvider.d.ts

@@ -1,39 +0,0 @@
-
-import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/i18n/I18nProvider.d.ts
-interface I18nProviderProps {
-  children: ReactNode;
-  /**
-   * Force a specific BCP-47 locale for React Aria formatting instead of
-   * following the shared i18next language. Rarely needed — omit it so
-   * date/number/collation formatting stays in sync with translated strings.
-   */
-  locale?: string;
-}
-/**
- * The UI Kit's single i18n provider. It wires up **both** localization layers
- * from one place:
- *
- * - `<I18nextProvider>` — supplies the shared i18next instance for translated
- *   strings (`useTranslation`, `Trans`, ...).
- * - React Aria's `<I18nProvider>` — supplies the locale that React Aria's
- *   formatting hooks read (`useLocale`, `useDateFormatter`, `useNumberFormatter`,
- *   `useCollator`, `useFilter`, ...).
- *
- * These are two independent library contexts, so they can't be a single physical
- * provider — but the language is one concept, owned by the i18next instance. This
- * component makes the instance the single source of truth and *derives* React
- * Aria's locale from it, so a host calling `getI18n().changeLanguage('de-DE')`
- * gets German labels **and** German number/date formatting with no extra setup.
- * `useI18n` re-renders on `languageChanged`, keeping the two in sync
- * automatically.
- */
-declare function I18nProvider({
-  children,
-  locale
-}: I18nProviderProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { I18nProvider, I18nProviderProps };
-//# sourceMappingURL=I18nProvider.d.ts.map

package/dist/i18n/I18nProvider.js

@@ -1,43 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
-import { getI18n } from "./instance.js";
-import { useI18n } from "./useI18n.js";
-import { setActiveFormattingLocale } from "./formatting-locale.js";
-import { jsx } from "react/jsx-runtime";
-import { I18nProvider } from "react-aria";
-import { I18nextProvider } from "react-i18next";
-
-//#region src/i18n/I18nProvider.tsx
-/**
-* The UI Kit's single i18n provider. It wires up **both** localization layers
-* from one place:
-*
-* - `<I18nextProvider>` — supplies the shared i18next instance for translated
-*   strings (`useTranslation`, `Trans`, ...).
-* - React Aria's `<I18nProvider>` — supplies the locale that React Aria's
-*   formatting hooks read (`useLocale`, `useDateFormatter`, `useNumberFormatter`,
-*   `useCollator`, `useFilter`, ...).
-*
-* These are two independent library contexts, so they can't be a single physical
-* provider — but the language is one concept, owned by the i18next instance. This
-* component makes the instance the single source of truth and *derives* React
-* Aria's locale from it, so a host calling `getI18n().changeLanguage('de-DE')`
-* gets German labels **and** German number/date formatting with no extra setup.
-* `useI18n` re-renders on `languageChanged`, keeping the two in sync
-* automatically.
-*/
-function I18nProvider$1({ children, locale }) {
-	const { i18n } = useI18n();
-	const resolvedLocale = locale ?? i18n.language;
-	setActiveFormattingLocale(resolvedLocale);
-	return /* @__PURE__ */ jsx(I18nextProvider, {
-		i18n: getI18n(),
-		children: /* @__PURE__ */ jsx(I18nProvider, {
-			locale: resolvedLocale,
-			children
-		})
-	});
-}
-
-//#endregion
-export { I18nProvider$1 as I18nProvider };
-//# sourceMappingURL=I18nProvider.js.map

package/dist/i18n/I18nProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"I18nProvider.js","names":["I18nProvider","AriaI18nProvider"],"sources":["../../src/i18n/I18nProvider.tsx"],"sourcesContent":["import { I18nProvider as AriaI18nProvider } from 'react-aria';\nimport { I18nextProvider } from 'react-i18next';\n\nimport { setActiveFormattingLocale } from './formatting-locale';\nimport { getI18n } from './instance';\nimport { useI18n } from './useI18n';\n\nimport type { ReactNode } from 'react';\n\nexport interface I18nProviderProps {\n  children: ReactNode;\n  /**\n   * Force a specific BCP-47 locale for React Aria formatting instead of\n   * following the shared i18next language. Rarely needed — omit it so\n   * date/number/collation formatting stays in sync with translated strings.\n   */\n  locale?: string;\n}\n\n/**\n * The UI Kit's single i18n provider. It wires up **both** localization layers\n * from one place:\n *\n * - `<I18nextProvider>` — supplies the shared i18next instance for translated\n *   strings (`useTranslation`, `Trans`, ...).\n * - React Aria's `<I18nProvider>` — supplies the locale that React Aria's\n *   formatting hooks read (`useLocale`, `useDateFormatter`, `useNumberFormatter`,\n *   `useCollator`, `useFilter`, ...).\n *\n * These are two independent library contexts, so they can't be a single physical\n * provider — but the language is one concept, owned by the i18next instance. This\n * component makes the instance the single source of truth and *derives* React\n * Aria's locale from it, so a host calling `getI18n().changeLanguage('de-DE')`\n * gets German labels **and** German number/date formatting with no extra setup.\n * `useI18n` re-renders on `languageChanged`, keeping the two in sync\n * automatically.\n */\nexport function I18nProvider({ children, locale }: I18nProviderProps) {\n  // Binds directly to the shared instance (not this component's own\n  // `<I18nextProvider>` below), so it re-renders on `languageChanged` regardless\n  // of nesting order.\n  const { i18n } = useI18n();\n  const resolvedLocale = locale ?? i18n.language;\n\n  // Mirror the active locale into the module registry so the pure (non-hook)\n  // formatting helpers (`formatDate`, `formatNumber`, ...) follow the language\n  // too. Set during render (not in an effect) so it's correct on first paint.\n  setActiveFormattingLocale(resolvedLocale);\n\n  return (\n    <I18nextProvider i18n={getI18n()}>\n      <AriaI18nProvider locale={resolvedLocale}>{children}</AriaI18nProvider>\n    </I18nextProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAAgBA,eAAa,EAAE,UAAU,UAA6B;CAIpE,MAAM,EAAE,SAAS,SAAS;CAC1B,MAAM,iBAAiB,UAAU,KAAK;AAKtC,2BAA0B,eAAe;AAEzC,QACE,oBAAC;EAAgB,MAAM,SAAS;YAC9B,oBAACC;GAAiB,QAAQ;GAAiB;IAA4B;GACvD"}

package/dist/i18n/createFormatter.d.ts

@@ -1,59 +0,0 @@
-
-//#region src/i18n/createFormatter.d.ts
-/**
- * A value acceptable to the date/time formatters. Named `FormatDateInput` (not
- * `DateInput`) to avoid clashing with the exported `DateInput` DatePicker field.
- */
-type FormatDateInput = Date | number | string;
-interface RelativeTimeOptions {
-  /** Reference point the value is compared against. Defaults to `Date.now()`. */
-  now?: FormatDateInput;
-  /** Passed to `Intl.RelativeTimeFormat`. Defaults to `'auto'` ("yesterday"). */
-  numeric?: Intl.RelativeTimeFormatNumeric;
-  /** Passed to `Intl.RelativeTimeFormat`. Defaults to `'long'`. */
-  style?: Intl.RelativeTimeFormatStyle;
-}
-interface CurrencyOptions extends Intl.NumberFormatOptions {
-  /** ISO 4217 currency code. Defaults to `'USD'`. */
-  currency?: string;
-}
-interface BytesOptions {
-  /** How the unit label is displayed. Defaults to `'short'` ("MB"). */
-  unitDisplay?: Intl.NumberFormatOptions['unitDisplay'];
-  /** Max fraction digits. Defaults to `1`. */
-  maximumFractionDigits?: number;
-  /** Min fraction digits. Defaults to `0`. */
-  minimumFractionDigits?: number;
-}
-/** The bundle of locale-bound formatting helpers. */
-interface Formatter {
-  /** The BCP-47 locale every helper below formats for. */
-  locale: string;
-  /** Date only, defaults to `{ dateStyle: 'medium' }` ("Jan 15, 2024"). */
-  formatDate: (value: FormatDateInput, options?: Intl.DateTimeFormatOptions) => string;
-  /** Time only, defaults to `{ timeStyle: 'short' }` ("2:30 PM"). */
-  formatTime: (value: FormatDateInput, options?: Intl.DateTimeFormatOptions) => string;
-  /** Date + time, defaults to `{ dateStyle: 'medium', timeStyle: 'short' }`. */
-  formatDateTime: (value: FormatDateInput, options?: Intl.DateTimeFormatOptions) => string;
-  /** Relative time via `Intl.RelativeTimeFormat` ("5 minutes ago"). */
-  formatRelativeTime: (value: FormatDateInput, options?: RelativeTimeOptions) => string;
-  /** A number via `Intl.NumberFormat`. */
-  formatNumber: (value: number, options?: Intl.NumberFormatOptions) => string;
-  /** A currency amount, defaults to USD. */
-  formatCurrency: (value: number, options?: CurrencyOptions) => string;
-  /** A percentage. Input is a fraction: `0.5` → "50%". */
-  formatPercent: (value: number, options?: Intl.NumberFormatOptions) => string;
-  /** A byte count with a localized, auto-scaled unit ("1.5 MB"). Decimal (1000-based). */
-  formatBytes: (value: number, options?: BytesOptions) => string;
-  /** A list via `Intl.ListFormat` ("A, B, and C"). */
-  formatList: (items: Iterable<string>, options?: Intl.ListFormatOptions) => string;
-}
-/**
- * Builds a bundle of formatting helpers bound to `locale`. Used by both
- * `useFormatter()` (locale from React Aria context) and the pure top-level
- * helpers (locale from the module mirror). All `Intl.*` instances are memoized.
- */
-declare function createFormatter(locale: string): Formatter;
-//#endregion
-export { BytesOptions, CurrencyOptions, FormatDateInput, Formatter, RelativeTimeOptions, createFormatter };
-//# sourceMappingURL=createFormatter.d.ts.map