@cube-dev/ui-kit 0.199.2 → 0.200.1

package/dist/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @cube-dev/ui-kit
 
+## 0.200.1
+
+### Patch Changes
+
+- [#1574](https://github.com/cube-js/cube-ui-kit/pull/1574) [`10da2671`](https://github.com/cube-js/cube-ui-kit/commit/10da2671efa8f8bf7141eb1aea82adb003fb16c8) Thanks [@tenphi](https://github.com/tenphi)! - Keep dialogs, trays and popovers open when a control inside already handles Escape, such as a code editor closing autocomplete. The handled key also stays inside the overlay, so an enclosing dialog stays open.
+
+## 0.200.0
+
+### Minor Changes
+
+- [#1573](https://github.com/cube-js/cube-ui-kit/pull/1573) [`7caf4add`](https://github.com/cube-js/cube-ui-kit/commit/7caf4add01f06c1cfa5ed9ef7c7cea92c29fa611) Thanks [@tenphi](https://github.com/tenphi)! - The published `tasty.config.ts` lists the components a consumer customizes through their props rather than by restyling them, as `protectedComponents`. With `@tenphi/eslint-plugin-tasty` 1.12.0 or newer, a project that extends the config gets `tasty/no-protected-restyle` reports for:
+
+  - instance `styles` and `*Styles` props;
+  - appearance style props such as `fill`, `color`, `border` or `radius`;
+  - `tasty()` wrappers that restyle one of these components.
+
+  Every component is protected except the layout and typography primitives, the `Action` base and the icons. Style props that place or size a component stay allowed. Containers also keep the ones that lay out their content: `Card`, `Panel`, `ResizablePanel`, `Content`, `Header`, `Footer`, `Layout` and `GridLayout`. A component's own prop that shares a name with a style, such as a field's `filter` or `ColorSwatch`'s `color`, passes.
+
+  The rule is a warning in both of the plugin's presets, so a project that uses a preset sees these warnings once it updates. A project that lists its rules sees them only after it enables `tasty/no-protected-restyle`. The Usage docs (Customizing components) describe the contract.
+
+### Patch Changes
+
+- [#1572](https://github.com/cube-js/cube-ui-kit/pull/1572) [`3268c4a5`](https://github.com/cube-js/cube-ui-kit/commit/3268c4a5450af0a8776e40423515975df1d05afa) Thanks [@tenphi](https://github.com/tenphi)! - A virtualized `ListBox` and `Tree`, the `Slider` value label and `DatePicker` segments now size and place themselves through Tasty tokens instead of inline `style`, and render the same. A virtualized `ListBox` takes its height from a spacer, so a `listStyles` height now applies to it: a cap such as `height: 'max 30x'` still caps the list, which now scrolls its whole length at once, and a fixed height, which the inline height used to replace, now sets it. A `position` in `listStyles`, or a `position`, `inset` or `transform` in an option's `styles`, now takes over from the virtualizer's value; before, the inline value won. `Tree` now wraps its rows in a Tasty element with `data-qa="TreeSizer"`.
+
+- [#1567](https://github.com/cube-js/cube-ui-kit/pull/1567) [`72048186`](https://github.com/cube-js/cube-ui-kit/commit/720481868f209b382230ae498870ab205546ef6d) Thanks [@tenphi](https://github.com/tenphi)! - Add the `$outline-offset` token (`1px`), the gap between a focus outline and its element. The focus rings of `Button`, `ItemAction`, `Item`, `InlineInput`, `Checkbox`, `Switch`, `Slider`, `TagInput`'s tags, `Calendar` (at half), `ListBox` options (inward), the `TableBase` column resizer and drop indicator, and the `Layout` and `ResizablePanel` resize handles use it. The `TableBase` and `ListBox` offsets no longer follow `--border-width`. `FileInput`'s padding and `CopyPasteBlock`'s padding and focus border compensate for a border, so they now use the `bw` unit and follow `--border-width`. The `Tabs` drop-indicator offset and `ItemTable`'s search width cap use the `x` unit. Rendered sizes are unchanged at the defaults.
+
+- [#1569](https://github.com/cube-js/cube-ui-kit/pull/1569) [`5e6a5f33`](https://github.com/cube-js/cube-ui-kit/commit/5e6a5f33d8f448a6b152c52c4524123e61319ed7) Thanks [@tenphi](https://github.com/tenphi)! - Stop using the `bw` unit for values that aren't border widths, so changing `--border-width` now moves only borders, dividers and the sizes that make room for a border. Two new tokens cover the shared values:
+
+  - `$ring-width` (`1px`), the width of a hairline focus or selection ring. The hairline focus outlines use it (a field's thick focus ring stays `ow`, `$outline-width`), and so do the rings drawn with `shadow` in `TableBase`, `Tabs`, `ColorSwatchGroup` and the color-picker thumb. `RadioGroup` and `ColorSwatchGroup` also take their ring offset from `$outline-offset` now.
+  - `$item-gap` (`1px`), the hairline between adjacent items. `Menu`, `Select`, `ListBox` and the other `listGap` lists, `Item` actions, `Pagination`, vertical `Tabs` and the `Layout` breadcrumbs use it, and `listGap` documents it as its default.
+
+  The resize-handle dot gaps, `Calendar` cell spacing, `DatePicker` segment padding, the `Tabs` indicator, the `TableBase` drop indicators and the resizer's hover line keep their own device-pixel sizes, and `$item-shadow`'s offset is a plain `1px`. Rendered sizes are unchanged at the defaults.
+
+- [#1570](https://github.com/cube-js/cube-ui-kit/pull/1570) [`39629fb1`](https://github.com/cube-js/cube-ui-kit/commit/39629fb15bf0a0735cb9488a5220634bfda21fed) Thanks [@tenphi](https://github.com/tenphi)! - `GridProvider` sets its grid custom properties through `tokens`, so a container resize updates them inline instead of generating a new class for every measured width. Its `width`, `initialWidth` and `gap` props now take a single value (`string | number`): a state map, such as a responsive `gap`, is no longer accepted, since `tokens` take one value. A number now means pixels, and the default `gap` is `0` pixels instead of `'0'`. A unitless value makes `--column-width` invalid, so a string needs a unit (`'8px'`, `'1x'`).
+
+  `InlineInput`'s `inputStyles`, the `resize` prop of `TextInput` and `TextArea`, and `Icon`'s `size` and `stroke` are now merged with Tasty's merge instead of an object spread. A state map without a `''` key in one of them now extends the same property in the styles it is merged over (`styles.Input`, `inputStyles` or `styles`) instead of replacing it. `Panel` now sends its inner style props (`padding`, `gap`, `fill`, …) to the inner element even when the value is falsy, such as `padding={0}`; before, a falsy value went to the outer element.
+
+- [#1571](https://github.com/cube-js/cube-ui-kit/pull/1571) [`aa1ef937`](https://github.com/cube-js/cube-ui-kit/commit/aa1ef937e117a9c45981d043a8873494f37800e3) Thanks [@tenphi](https://github.com/tenphi)! - `Tag` and `Badge` with an icon no longer paint a sliver of their label over the icon or past their edge when squeezed below their label. A cut label now starts right after the icon, and the element clips what passes its edge unless it has end content (a close button, suffix or right icon). A label that fits is placed as before.
+
+- [#1567](https://github.com/cube-js/cube-ui-kit/pull/1567) [`72048186`](https://github.com/cube-js/cube-ui-kit/commit/720481868f209b382230ae498870ab205546ef6d) Thanks [@tenphi](https://github.com/tenphi)! - Update Tasty to 3.14.0 (from 3.13.0). Components that pass their props through `filterBaseProps` (`Block`, `Flex`, `Text`, `Card`, `Action` and others) now apply a consumer's `tokens` instead of dropping them, render a Tasty `theme` as `data-theme`, and render `isChecked` as `data-checked`. `Alert`'s own `theme` prop, its status theme, still renders only through `data-type`. Sub-elements created by `elements` also accept `theme` now.
+
 ## 0.199.2
 
 ### Patch Changes

package/dist/_internal/hooks/use-debounced-value.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 //#region src/_internal/hooks/use-debounced-value.ts

package/dist/_internal/hooks/use-deprecation-warning.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";

package/dist/_internal/hooks/use-event.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { c } from "react/compiler-runtime";
 //#region src/_internal/hooks/use-event.ts

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useRef } from "react";
 //#region src/_internal/hooks/use-is-first-render.ts
 function useIsFirstRender() {

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useRef } from "react";

package/dist/_internal/hooks/use-timer/timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 //#region src/_internal/hooks/use-timer/timer.ts
 var Timer = class {
 	callback;

package/dist/_internal/hooks/use-timer/use-timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { c } from "react/compiler-runtime";

package/dist/_internal/hooks/use-warn.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 import { warn } from "../../utils/warnings.js";
 import { useRef } from "react";

package/dist/components/Block.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import { Item } from "react-stately";

package/dist/components/GlobalStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { mergeStyleLayers } from "../utils/styles.js";
 import { usePaletteValue } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/all-tokens.js";

package/dist/components/GridProvider.d.ts

@@ -1,13 +1,15 @@
 
-import { Styles } from "@tenphi/tasty";
 import { ReactNode } from "react";
 //#region src/components/GridProvider.d.ts
 export interface CubeGridProviderProps {
   children: ReactNode;
   columns?: number;
-  gap?: Styles['gap'];
-  width?: Styles['width'];
-  initialWidth?: Styles['width'];
+  /** Gap between columns, as a single Tasty value such as `'1x'`, or a number of pixels. */
+  gap?: string | number;
+  /** Forced container width, as a single Tasty value, or a number of pixels. */
+  width?: string | number;
+  /** Width before the resize observer measures the container, as a single Tasty value, or a number of pixels. */
+  initialWidth?: string | number;
 }
 export declare const GridProvider: import("react").ForwardRefExoticComponent<CubeGridProviderProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion

package/dist/components/GridProvider.js

@@ -1,14 +1,20 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/GridProvider.tsx
-const GridElement = tasty({ styles: { display: "contents" } });
-const COLUMN_WIDTH = "(($grid-width - ($column-gap * ($columns-amount - 1))) / $columns-amount)";
+const GridElement = tasty({ styles: {
+	display: "contents",
+	"$column-width": "(($grid-width - ($column-gap * ($columns-amount - 1))) / $columns-amount)"
+} });
+/** Numbers are pixels: a custom property gets no default unit. */
+function toLength(value) {
+	return typeof value === "number" ? `${value}px` : value;
+}
 const GridProvider = forwardRef(function GridProvider(props, outerRef) {
 	let ref = useCombinedRefs(outerRef);
-	let { children, columns = 2, gap = "0", width: forcedWidth, initialWidth } = props;
+	let { children, columns = 2, gap = 0, width: forcedWidth, initialWidth } = props;
 	let [width, setWidth] = useState(forcedWidth || initialWidth || "100vw");
 	const resizeCallback = useCallback(() => {
 		const el = ref?.current?.parentElement;
@@ -40,11 +46,10 @@ const GridProvider = forwardRef(function GridProvider(props, outerRef) {
 	return /* @__PURE__ */ jsx(GridElement, {
 		...filterBaseProps(props, { eventProps: true }),
 		ref,
-		styles: {
-			"--grid-width": width,
-			"--columns-amount": columns,
-			"--column-gap": gap,
-			"--column-width": COLUMN_WIDTH
+		tokens: {
+			"$grid-width": toLength(width),
+			"$columns-amount": columns,
+			"$column-gap": toLength(gap)
 		},
 		children
 	});

package/dist/components/GridProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridProvider.js","names":["filterBaseProps","Styles","tasty","forwardRef","ReactNode","useCallback","useEffect","useState","useCombinedRefs","GridElement","styles","display","COLUMN_WIDTH","CubeGridProviderProps","children","columns","gap","width","initialWidth","GridProvider","HTMLDivElement","props","outerRef","ref","forcedWidth","setWidth","resizeCallback","el","current","parentElement","computedStyle","getComputedStyle","containerWidth","clientWidth","parseFloat","paddingLeft","paddingRight","parentNode","sensor","then","module","ResizeSensor","detach","eventProps"],"sources":["../../src/components/GridProvider.tsx"],"sourcesContent":["import { filterBaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useCallback, useEffect, useState } from 'react';\n\nimport { useCombinedRefs } from '../utils/react';\n\nconst GridElement = tasty({\n  styles: {\n    display: 'contents',\n  },\n});\n\nconst COLUMN_WIDTH =\n  '(($grid-width - ($column-gap * ($columns-amount - 1))) / $columns-amount)';\n\nexport interface CubeGridProviderProps {\n  children: ReactNode;\n  columns?: number;\n  gap?: Styles['gap'];\n  width?: Styles['width'];\n  initialWidth?: Styles['width'];\n}\n\nexport const GridProvider = forwardRef<HTMLDivElement, CubeGridProviderProps>(\n  function GridProvider(props, outerRef) {\n    let ref = useCombinedRefs(outerRef);\n\n    let {\n      children,\n      columns = 2,\n      gap = '0',\n      width: forcedWidth,\n      initialWidth,\n    } = props;\n\n    let [width, setWidth] = useState<Styles['width']>(\n      forcedWidth || initialWidth || '100vw',\n    );\n\n    const resizeCallback = useCallback(() => {\n      const el = ref?.current?.parentElement;\n\n      if (!el) return;\n\n      const computedStyle = getComputedStyle(el);\n      const containerWidth =\n        el.clientWidth -\n        parseFloat(computedStyle.paddingLeft) -\n        parseFloat(computedStyle.paddingRight);\n\n      setWidth(`${containerWidth}px`);\n    }, [ref, columns, gap]);\n\n    useEffect(() => {\n      if (forcedWidth) return;\n\n      const el = ref && ref.current && ref.current.parentNode;\n\n      if (!el) return;\n\n      let sensor;\n\n      import('../utils/ResizeSensor')\n        .then((module) => module.ResizeSensor)\n        .then((ResizeSensor) => {\n          sensor = new ResizeSensor(el, resizeCallback);\n        });\n\n      return () => {\n        if (sensor) {\n          sensor.detach();\n        }\n      };\n    }, [resizeCallback]);\n\n    useEffect(() => {\n      if (forcedWidth) return;\n\n      resizeCallback();\n    }, [resizeCallback]);\n\n    return (\n      <GridElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={{\n          '--grid-width': width,\n          '--columns-amount': columns,\n          '--column-gap': gap,\n          '--column-width': COLUMN_WIDTH,\n        }}\n      >\n        {children}\n      </GridElement>\n    );\n  },\n);\n"],"mappings":";;;;;;AAKA,MAAMS,cAAcP,MAAM,EACxBQ,QAAQ,EACNC,SAAS,WACX,EACF,CAAC;AAED,MAAMC,eACJ;AAUF,MAAaO,eAAehB,WAC1B,SAASgB,aAAaE,OAAOC,UAAU;CACrC,IAAIC,MAAMf,gBAAgBc,QAAQ;CAElC,IAAI,EACFR,UACAC,UAAU,GACVC,MAAM,KACNC,OAAOO,aACPN,iBACEG;CAEJ,IAAI,CAACJ,OAAOQ,YAAYlB,SACtBiB,eAAeN,gBAAgB,OACjC;CAEA,MAAMQ,iBAAiBrB,kBAAkB;EACvC,MAAMsB,KAAKJ,KAAKK,SAASC;EAEzB,IAAI,CAACF,IAAI;EAET,MAAMG,gBAAgBC,iBAAiBJ,EAAE;EACzC,MAAMK,iBACJL,GAAGM,cACHC,WAAWJ,cAAcK,WAAW,IACpCD,WAAWJ,cAAcM,YAAY;EAEvCX,SAAS,GAAGO,eAAc,GAAI;CAChC,GAAG;EAACT;EAAKR;EAASC;CAAG,CAAC;CAEtBV,gBAAgB;EACd,IAAIkB,aAAa;EAEjB,MAAMG,OAAKJ,OAAOA,IAAIK,WAAWL,IAAIK,QAAQS;EAE7C,IAAI,CAACV,MAAI;EAET,IAAIW;EAEJ,OAAO,2BAAwB,CAC5BC,MAAMC,WAAWA,OAAOC,YAAY,CAAC,CACrCF,MAAME,iBAAiB;GACtBH,SAAS,IAAIG,aAAad,MAAID,cAAc;EAC9C,CAAC;EAEH,aAAa;GACX,IAAIY,QACFA,OAAOI,OAAO;EAElB;CACF,GAAG,CAAChB,cAAc,CAAC;CAEnBpB,gBAAgB;EACd,IAAIkB,aAAa;EAEjBE,eAAe;CACjB,GAAG,CAACA,cAAc,CAAC;CAEnB,OACE,oBAAC,aAAD;EACE,GAAI1B,gBAAgBqB,OAAO,EAAEsB,YAAY,KAAK,CAAC;EAC1CpB;EACL,QAAQ;GACN,gBAAgBN;GAChB,oBAAoBF;GACpB,gBAAgBC;GAChB,kBAAkBJ;EACpB;EAECE;CACU,CAAA;AAEjB,CACF"}
+{"version":3,"file":"GridProvider.js","names":["filterBaseProps","tasty","forwardRef","ReactNode","useCallback","useEffect","useState","useCombinedRefs","GridElement","styles","display","toLength","value","CubeGridProviderProps","children","columns","gap","width","initialWidth","GridProvider","HTMLDivElement","props","outerRef","ref","forcedWidth","setWidth","resizeCallback","el","current","parentElement","computedStyle","getComputedStyle","containerWidth","clientWidth","parseFloat","paddingLeft","paddingRight","parentNode","sensor","then","module","ResizeSensor","detach","eventProps"],"sources":["../../src/components/GridProvider.tsx"],"sourcesContent":["import { filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useCallback, useEffect, useState } from 'react';\n\nimport { useCombinedRefs } from '../utils/react';\n\nconst GridElement = tasty({\n  styles: {\n    display: 'contents',\n    '$column-width':\n      '(($grid-width - ($column-gap * ($columns-amount - 1))) / $columns-amount)',\n  },\n});\n\n/** Numbers are pixels: a custom property gets no default unit. */\nfunction toLength(value: string | number) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport interface CubeGridProviderProps {\n  children: ReactNode;\n  columns?: number;\n  /** Gap between columns, as a single Tasty value such as `'1x'`, or a number of pixels. */\n  gap?: string | number;\n  /** Forced container width, as a single Tasty value, or a number of pixels. */\n  width?: string | number;\n  /** Width before the resize observer measures the container, as a single Tasty value, or a number of pixels. */\n  initialWidth?: string | number;\n}\n\nexport const GridProvider = forwardRef<HTMLDivElement, CubeGridProviderProps>(\n  function GridProvider(props, outerRef) {\n    let ref = useCombinedRefs(outerRef);\n\n    let {\n      children,\n      columns = 2,\n      gap = 0,\n      width: forcedWidth,\n      initialWidth,\n    } = props;\n\n    let [width, setWidth] = useState<string | number>(\n      forcedWidth || initialWidth || '100vw',\n    );\n\n    const resizeCallback = useCallback(() => {\n      const el = ref?.current?.parentElement;\n\n      if (!el) return;\n\n      const computedStyle = getComputedStyle(el);\n      const containerWidth =\n        el.clientWidth -\n        parseFloat(computedStyle.paddingLeft) -\n        parseFloat(computedStyle.paddingRight);\n\n      setWidth(`${containerWidth}px`);\n    }, [ref, columns, gap]);\n\n    useEffect(() => {\n      if (forcedWidth) return;\n\n      const el = ref && ref.current && ref.current.parentNode;\n\n      if (!el) return;\n\n      let sensor;\n\n      import('../utils/ResizeSensor')\n        .then((module) => module.ResizeSensor)\n        .then((ResizeSensor) => {\n          sensor = new ResizeSensor(el, resizeCallback);\n        });\n\n      return () => {\n        if (sensor) {\n          sensor.detach();\n        }\n      };\n    }, [resizeCallback]);\n\n    useEffect(() => {\n      if (forcedWidth) return;\n\n      resizeCallback();\n    }, [resizeCallback]);\n\n    return (\n      <GridElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        tokens={{\n          '$grid-width': toLength(width),\n          '$columns-amount': columns,\n          '$column-gap': toLength(gap),\n        }}\n      >\n        {children}\n      </GridElement>\n    );\n  },\n);\n"],"mappings":";;;;;;AAKA,MAAMQ,cAAcP,MAAM,EACxBQ,QAAQ;CACNC,SAAS;CACT,iBACE;AACJ,EACF,CAAC;;AAGD,SAASC,SAASC,OAAwB;CACxC,OAAO,OAAOA,UAAU,WAAW,GAAGA,MAAK,MAAOA;AACpD;AAaA,MAAaO,eAAejB,WAC1B,SAASiB,aAAaE,OAAOC,UAAU;CACrC,IAAIC,MAAMhB,gBAAgBe,QAAQ;CAElC,IAAI,EACFR,UACAC,UAAU,GACVC,MAAM,GACNC,OAAOO,aACPN,iBACEG;CAEJ,IAAI,CAACJ,OAAOQ,YAAYnB,SACtBkB,eAAeN,gBAAgB,OACjC;CAEA,MAAMQ,iBAAiBtB,kBAAkB;EACvC,MAAMuB,KAAKJ,KAAKK,SAASC;EAEzB,IAAI,CAACF,IAAI;EAET,MAAMG,gBAAgBC,iBAAiBJ,EAAE;EACzC,MAAMK,iBACJL,GAAGM,cACHC,WAAWJ,cAAcK,WAAW,IACpCD,WAAWJ,cAAcM,YAAY;EAEvCX,SAAS,GAAGO,eAAc,GAAI;CAChC,GAAG;EAACT;EAAKR;EAASC;CAAG,CAAC;CAEtBX,gBAAgB;EACd,IAAImB,aAAa;EAEjB,MAAMG,OAAKJ,OAAOA,IAAIK,WAAWL,IAAIK,QAAQS;EAE7C,IAAI,CAACV,MAAI;EAET,IAAIW;EAEJ,OAAO,2BAAwB,CAC5BC,MAAMC,WAAWA,OAAOC,YAAY,CAAC,CACrCF,MAAME,iBAAiB;GACtBH,SAAS,IAAIG,aAAad,MAAID,cAAc;EAC9C,CAAC;EAEH,aAAa;GACX,IAAIY,QACFA,OAAOI,OAAO;EAElB;CACF,GAAG,CAAChB,cAAc,CAAC;CAEnBrB,gBAAgB;EACd,IAAImB,aAAa;EAEjBE,eAAe;CACjB,GAAG,CAACA,cAAc,CAAC;CAEnB,OACE,oBAAC,aAAD;EACE,GAAI1B,gBAAgBqB,OAAO,EAAEsB,YAAY,KAAK,CAAC;EAC1CpB;EACL,QAAQ;GACN,eAAeZ,SAASM,KAAK;GAC7B,mBAAmBF;GACnB,eAAeJ,SAASK,GAAG;EAC7B;EAECF;CACU,CAAA;AAEjB,CACF"}

package/dist/components/HiddenInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/HiddenInput.tsx
 const HiddenInput = tasty({

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { AMBIENT_PREDEFINED_STATES } from "../utils/react/useScheme.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";

package/dist/components/Root.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.js","names":["BASE_STYLES","BaseProps","BLOCK_STYLES","configure","filterBaseProps","setGlobalPredefinedStates","tasty","TastyBatchProvider","useEffect","useLayoutEffect","useRef","useState","ModalProvider","I18nProvider","Provider","NavigationAdapter","TrackingProps","TrackingProvider","PaletteConfig","setPaletteConfig","EventBusProvider","AMBIENT_PREDEFINED_STATES","extractStyles","TASTY_VERSION","VERSION","GlobalStyles","AlertDialogApiProvider","OverlayProvider","PortalProvider","i18n","I18nInstance","batchInjection","units","x","r","cr","bw","ow","recipes","reset","margin","padding","border","outline","boxSizing","button","appearance","touchAction","textDecoration","fill","color","cursor","disabled","input","wordSpacing","caretColor","shadow","preset","hide","RootElement","id","styles","display","STYLES","CubeRootProps","tokens","key","palette","bodyStyles","fontDisplay","fonts","publicUrl","navigation","font","monospaceFont","applyLegacyTokens","tracking","cursorStrategy","locale","Root","allProps","$","_c","children","t0","_applyLegacyTokens","t1","style","props","undefined","t2","t3","t4","ref","rootRef","setRootRef","t5","current","t6","Symbol","for","T0","T1","T2","T3","t7","event","T4","t10","eventProps","t11","t12","$pointer","t13","t14","t15","t8","t9","t16","t17","t18","t19","_c","I18nProvider"],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  setGlobalPredefinedStates,\n  tasty,\n  TastyBatchProvider,\n} from '@tenphi/tasty';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { I18nProvider } from '../i18n';\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { PaletteConfig, setPaletteConfig } from '../tokens/palette-config';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { AMBIENT_PREDEFINED_STATES } from '../utils/react/useScheme';\nimport { extractStyles } from '../utils/styles';\nimport { TASTY_VERSION, VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog/AlertDialogApiProvider';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\nimport type { i18n as I18nInstance } from 'i18next';\n\n// Color-scheme aliases for the Glaze-generated palette (see `src/tokens/palette.ts`).\n// Attribute opt-in wins over system preference:\n//   <html data-scheme=\"dark\">    → forces the dark scheme\n//   <html data-contrast=\"high\">  → forces the high-contrast scheme\n// Otherwise falls back to the user's `prefers-color-scheme` / `prefers-contrast`.\n//\n// The strings live in `useScheme.ts`, which also reads the same two conditions\n// from JS (`useScheme()` / `useHighContrast()`) — one definition, so the CSS and\n// the JS answers cannot drift apart.\nsetGlobalPredefinedStates(AMBIENT_PREDEFINED_STATES);\n\nconfigure({\n  // Collapse the kit's stylesheet writes into one style invalidation per commit\n  // instead of one per component. Only takes effect inside a\n  // `<TastyBatchProvider>` window, and windows have to be opened per portal\n  // boundary because a commit that mounts a portal does not re-render `<Root>`.\n  // The kit opens three: here, in `<Portal>` (tooltips, Select and\n  // ListBoxPopover lists, notifications, AlertDialogZone) and in `<Overlay>`\n  // (popovers, modals, trays — i.e. Dialog and Menu). Writes in any commit\n  // without a window go straight through exactly as before, so a\n  // `useLayoutEffect` can never measure an element whose rules have not landed.\n  batchInjection: true,\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n    },\n    'input-autofill': {\n      '@autofill': ':-webkit-autofill | :autofill',\n      appearance: {\n        '@autofill': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill': '#primary-text',\n      },\n      caretColor: {\n        '@autofill': '#primary-text',\n      },\n      shadow: {\n        '@autofill': '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': '#placeholder',\n      color: '#placeholder',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nconst RootElement = tasty({\n  id: 'cube-ui-kit-root',\n  styles: {\n    display: 'contents',\n    color: '#dark-02',\n    preset: 't3',\n  },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n  tokens?: { [key: string]: string };\n  /**\n   * Tune the generated color palette. Every zone — `accent`, `base` and each status\n   * theme — takes the same seed: a color, or `{ hue, saturation }`. Plus the global\n   * `surfaceMode`, `pastel` and `contrastLevel`. Omitted fields take their default, so\n   * this prop describes the whole palette and dropping a field from it drops the\n   * customization.\n   *\n   * Removing the prop entirely is the one thing that does *not* reset the\n   * palette, so `<Root>` with no `palette` cannot clobber a host's imperative\n   * `setPaletteConfig()` call. Pass `{}` to ask for the default.\n   *\n   * The first mount applies it during render, so the first paint is already\n   * tuned; a later change applies in a layout effect, before paint.\n   *\n   * The palette is global process state, so this is a declarative wrapper over\n   * `setPaletteConfig()`; both drive the same store, and the last write wins.\n   * Root's layout effect runs after its descendants' in the same commit, so a\n   * descendant's `setPaletteConfig()` from a layout effect in that commit loses\n   * to the prop; write from a passive effect or an event handler instead.\n   * See `Getting Started/Theming` in Storybook.\n   */\n  palette?: PaletteConfig;\n  bodyStyles?: { [key: string]: string };\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  fonts?: boolean;\n  publicUrl?: string;\n  navigation?: NavigationAdapter;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via GlobalStyles */\n  applyLegacyTokens?: boolean;\n  tracking?: TrackingProps;\n  cursorStrategy?: 'web' | 'native';\n  /**\n   * i18next instance for this tree. During SSR, pass a request-local instance\n   * created with `createUIKitI18n(locale)`.\n   */\n  i18n?: I18nInstance;\n  /** Override the React Aria formatting locale. */\n  locale?: string;\n}\n\nexport function Root(allProps: CubeRootProps) {\n  let {\n    children,\n    /** Raw css styles for body element */\n    bodyStyles,\n    fontDisplay = 'swap',\n    fonts,\n    publicUrl,\n    navigation,\n    font,\n    monospaceFont,\n    applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n    tracking,\n    cursorStrategy = 'web',\n    style,\n    tokens,\n    palette,\n    i18n,\n    locale,\n    ...props\n  } = allProps;\n\n  // The first mount applies the palette during render, so the first paint and\n  // SSR output already use it and `GlobalStyles` below reads it directly. A lazy\n  // initializer runs once per mount, which React Compiler preserves; a `useMemo`\n  // compiles to a call on every render. A later change waits for the layout\n  // effect: a write notifies every palette subscriber, and React rejects\n  // updating another component while this one renders. Updates from a layout\n  // effect still land before paint. `setPaletteConfig` is a no-op when the\n  // resolved config is unchanged, so the effect's mount pass, an inline object\n  // literal and StrictMode's double calls cost nothing.\n  //\n  // A `<Root>` that mounts while another tree already subscribes, with a\n  // different palette, still notifies that tree during its first render.\n  useState(() => {\n    if (palette) setPaletteConfig(palette);\n  });\n\n  useLayoutEffect(() => {\n    if (palette) setPaletteConfig(palette);\n  }, [palette]);\n\n  const ref = useRef(null);\n\n  const [rootRef, setRootRef] = useState();\n\n  useEffect(() => {\n    if (!rootRef) {\n      // @ts-ignore\n      setRootRef(ref?.current);\n    }\n  }, []);\n\n  const styles = extractStyles(props, STYLES);\n\n  return (\n    <TastyBatchProvider>\n      <I18nProvider i18n={i18n} locale={locale}>\n        <Provider navigation={navigation} root={rootRef}>\n          <TrackingProvider event={tracking?.event}>\n            <RootElement\n              ref={ref}\n              data-uikit={VERSION}\n              data-tasty={TASTY_VERSION}\n              data-font-display={fontDisplay}\n              {...filterBaseProps(props, { eventProps: true })}\n              styles={styles}\n              tokens={{\n                $pointer: cursorStrategy === 'web' ? 'pointer' : 'default',\n                ...tokens,\n              }}\n              // oxlint-disable-next-line react/forbid-component-props -- forwards the consumer's public `style` prop\n              style={style}\n            >\n              <GlobalStyles\n                bodyStyles={bodyStyles}\n                publicUrl={publicUrl}\n                fonts={fonts}\n                font={font}\n                monospaceFont={monospaceFont}\n                fontDisplay={fontDisplay}\n              />\n              <ModalProvider>\n                <PortalProvider value={ref}>\n                  <EventBusProvider>\n                    <OverlayProvider>\n                      <AlertDialogApiProvider>\n                        {children}\n                      </AlertDialogApiProvider>\n                    </OverlayProvider>\n                  </EventBusProvider>\n                </PortalProvider>\n              </ModalProvider>\n            </RootElement>\n          </TrackingProvider>\n        </Provider>\n      </I18nProvider>\n    </TastyBatchProvider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Root.js","names":["BASE_STYLES","BaseProps","BLOCK_STYLES","configure","filterBaseProps","setGlobalPredefinedStates","tasty","TastyBatchProvider","useEffect","useLayoutEffect","useRef","useState","ModalProvider","I18nProvider","Provider","NavigationAdapter","TrackingProps","TrackingProvider","PaletteConfig","setPaletteConfig","EventBusProvider","AMBIENT_PREDEFINED_STATES","extractStyles","TASTY_VERSION","VERSION","GlobalStyles","AlertDialogApiProvider","OverlayProvider","PortalProvider","i18n","I18nInstance","batchInjection","units","x","r","cr","bw","ow","recipes","reset","margin","padding","border","outline","boxSizing","button","appearance","touchAction","textDecoration","fill","color","cursor","disabled","input","wordSpacing","caretColor","shadow","preset","hide","RootElement","id","styles","display","STYLES","CubeRootProps","tokens","key","palette","bodyStyles","fontDisplay","fonts","publicUrl","navigation","font","monospaceFont","applyLegacyTokens","tracking","cursorStrategy","locale","Root","allProps","$","_c","children","t0","_applyLegacyTokens","t1","style","props","undefined","t2","t3","t4","ref","rootRef","setRootRef","t5","current","t6","Symbol","for","T0","T1","T2","T3","t7","event","T4","t10","eventProps","t11","t12","$pointer","t13","t14","t15","t8","t9","t16","t17","t18","t19","_c","I18nProvider"],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  setGlobalPredefinedStates,\n  tasty,\n  TastyBatchProvider,\n} from '@tenphi/tasty';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { I18nProvider } from '../i18n';\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { PaletteConfig, setPaletteConfig } from '../tokens/palette-config';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { AMBIENT_PREDEFINED_STATES } from '../utils/react/useScheme';\nimport { extractStyles } from '../utils/styles';\nimport { TASTY_VERSION, VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog/AlertDialogApiProvider';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\nimport type { i18n as I18nInstance } from 'i18next';\n\n// Color-scheme aliases for the Glaze-generated palette (see `src/tokens/palette.ts`).\n// Attribute opt-in wins over system preference:\n//   <html data-scheme=\"dark\">    → forces the dark scheme\n//   <html data-contrast=\"high\">  → forces the high-contrast scheme\n// Otherwise falls back to the user's `prefers-color-scheme` / `prefers-contrast`.\n//\n// The strings live in `useScheme.ts`, which also reads the same two conditions\n// from JS (`useScheme()` / `useHighContrast()`) — one definition, so the CSS and\n// the JS answers cannot drift apart.\nsetGlobalPredefinedStates(AMBIENT_PREDEFINED_STATES);\n\nconfigure({\n  // Collapse the kit's stylesheet writes into one style invalidation per commit\n  // instead of one per component. Only takes effect inside a\n  // `<TastyBatchProvider>` window, and windows have to be opened per portal\n  // boundary because a commit that mounts a portal does not re-render `<Root>`.\n  // The kit opens three: here, in `<Portal>` (tooltips, Select and\n  // ListBoxPopover lists, notifications, AlertDialogZone) and in `<Overlay>`\n  // (popovers, modals, trays — i.e. Dialog and Menu). Writes in any commit\n  // without a window go straight through exactly as before, so a\n  // `useLayoutEffect` can never measure an element whose rules have not landed.\n  batchInjection: true,\n  units: {\n    x: 'var(--gap)',\n    r: 'var(--radius)',\n    cr: 'var(--card-radius)',\n    bw: 'var(--border-width)',\n    ow: 'var(--outline-width)',\n  },\n  recipes: {\n    reset: {\n      margin: 0,\n      padding: 0,\n      border: 0,\n      outline: 0,\n      boxSizing: 'border-box',\n    },\n    button: {\n      appearance: 'none',\n      touchAction: 'manipulation',\n      textDecoration: 'none',\n      '-webkit-tap-highlight-color': 'transparent',\n      fill: '#clear',\n      color: 'inherit',\n      cursor: {\n        '': 'default',\n        ':is(a)': 'pointer',\n        ':is(button)': '$pointer',\n        disabled: 'not-allowed',\n      },\n    },\n    input: {\n      appearance: 'none',\n      wordSpacing: 'initial',\n      color: 'inherit',\n      fill: '#clear',\n    },\n    'input-autofill': {\n      '@autofill': ':-webkit-autofill | :autofill',\n      appearance: {\n        '@autofill': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill': '#primary-text',\n      },\n      caretColor: {\n        '@autofill': '#primary-text',\n      },\n      shadow: {\n        '@autofill': '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill': 'inherit',\n      },\n      '-webkit-opacity': {\n        '': false,\n        '[disabled]': '1',\n      },\n    },\n    'input-placeholder': {\n      '-webkit-text-fill-color': '#placeholder',\n      color: '#placeholder',\n    },\n    'input-search-cancel-button': {\n      hide: true,\n      appearance: 'none',\n    },\n  },\n});\n\nconst RootElement = tasty({\n  id: 'cube-ui-kit-root',\n  styles: {\n    display: 'contents',\n    color: '#dark-02',\n    preset: 't3',\n  },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n  tokens?: { [key: string]: string };\n  /**\n   * Tune the generated color palette. Every zone — `accent`, `base` and each status\n   * theme — takes the same seed: a color, or `{ hue, saturation }`. Plus the global\n   * `surfaceMode`, `pastel` and `contrastLevel`. Omitted fields take their default, so\n   * this prop describes the whole palette and dropping a field from it drops the\n   * customization.\n   *\n   * Removing the prop entirely is the one thing that does *not* reset the\n   * palette, so `<Root>` with no `palette` cannot clobber a host's imperative\n   * `setPaletteConfig()` call. Pass `{}` to ask for the default.\n   *\n   * The first mount applies it during render, so the first paint is already\n   * tuned; a later change applies in a layout effect, before paint.\n   *\n   * The palette is global process state, so this is a declarative wrapper over\n   * `setPaletteConfig()`; both drive the same store, and the last write wins.\n   * Root's layout effect runs after its descendants' in the same commit, so a\n   * descendant's `setPaletteConfig()` from a layout effect in that commit loses\n   * to the prop; write from a passive effect or an event handler instead.\n   * See `Getting Started/Theming` in Storybook.\n   */\n  palette?: PaletteConfig;\n  bodyStyles?: { [key: string]: string };\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  fonts?: boolean;\n  publicUrl?: string;\n  navigation?: NavigationAdapter;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via GlobalStyles */\n  applyLegacyTokens?: boolean;\n  tracking?: TrackingProps;\n  cursorStrategy?: 'web' | 'native';\n  /**\n   * i18next instance for this tree. During SSR, pass a request-local instance\n   * created with `createUIKitI18n(locale)`.\n   */\n  i18n?: I18nInstance;\n  /** Override the React Aria formatting locale. */\n  locale?: string;\n}\n\nexport function Root(allProps: CubeRootProps) {\n  let {\n    children,\n    /** Raw css styles for body element */\n    bodyStyles,\n    fontDisplay = 'swap',\n    fonts,\n    publicUrl,\n    navigation,\n    font,\n    monospaceFont,\n    applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n    tracking,\n    cursorStrategy = 'web',\n    style,\n    tokens,\n    palette,\n    i18n,\n    locale,\n    ...props\n  } = allProps;\n\n  // The first mount applies the palette during render, so the first paint and\n  // SSR output already use it and `GlobalStyles` below reads it directly. A lazy\n  // initializer runs once per mount, which React Compiler preserves; a `useMemo`\n  // compiles to a call on every render. A later change waits for the layout\n  // effect: a write notifies every palette subscriber, and React rejects\n  // updating another component while this one renders. Updates from a layout\n  // effect still land before paint. `setPaletteConfig` is a no-op when the\n  // resolved config is unchanged, so the effect's mount pass, an inline object\n  // literal and StrictMode's double calls cost nothing.\n  //\n  // A `<Root>` that mounts while another tree already subscribes, with a\n  // different palette, still notifies that tree during its first render.\n  useState(() => {\n    if (palette) setPaletteConfig(palette);\n  });\n\n  useLayoutEffect(() => {\n    if (palette) setPaletteConfig(palette);\n  }, [palette]);\n\n  const ref = useRef(null);\n\n  const [rootRef, setRootRef] = useState();\n\n  useEffect(() => {\n    if (!rootRef) {\n      // @ts-ignore\n      setRootRef(ref?.current);\n    }\n  }, []);\n\n  const styles = extractStyles(props, STYLES);\n\n  return (\n    <TastyBatchProvider>\n      <I18nProvider i18n={i18n} locale={locale}>\n        <Provider navigation={navigation} root={rootRef}>\n          <TrackingProvider event={tracking?.event}>\n            <RootElement\n              ref={ref}\n              data-uikit={VERSION}\n              data-tasty={TASTY_VERSION}\n              data-font-display={fontDisplay}\n              {...filterBaseProps(props, { eventProps: true })}\n              styles={styles}\n              tokens={{\n                $pointer: cursorStrategy === 'web' ? 'pointer' : 'default',\n                ...tokens,\n              }}\n              // oxlint-disable-next-line tasty/no-style-prop -- forwards the consumer's public `style` prop\n              style={style}\n            >\n              <GlobalStyles\n                bodyStyles={bodyStyles}\n                publicUrl={publicUrl}\n                fonts={fonts}\n                font={font}\n                monospaceFont={monospaceFont}\n                fontDisplay={fontDisplay}\n              />\n              <ModalProvider>\n                <PortalProvider value={ref}>\n                  <EventBusProvider>\n                    <OverlayProvider>\n                      <AlertDialogApiProvider>\n                        {children}\n                      </AlertDialogApiProvider>\n                    </OverlayProvider>\n                  </EventBusProvider>\n                </PortalProvider>\n              </ModalProvider>\n            </RootElement>\n          </TrackingProvider>\n        </Provider>\n      </I18nProvider>\n    </TastyBatchProvider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/actions/Action/Action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { c } from "react/compiler-runtime";

package/dist/components/actions/Banner/Banner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Item as _Item } from "../../content/Item/Item.js";

package/dist/components/actions/Button/Button.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
@@ -57,7 +57,7 @@ const DEFAULT_BUTTON_STYLES = {
 		"size=xlarge": "t2m",
 		"type=link": "strong"
 	},
-	outlineOffset: 1,
+	outlineOffset: "$outline-offset",
 	padding: {
 		"": 0,
 		"raw-children & !has-icons": "$block-padding $inline-padding $block-padding $inline-padding",

package/dist/components/actions/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["FocusableRef","PressEvent","CONTAINER_STYLES","mergeStyles","Mods","Styles","tasty","TEXT_STYLES","Children","forwardRef","HTMLAttributes","isValidElement","ReactNode","RefObject","useMemo","useRef","useState","Placement","useEvent","useIsFirstRender","useWarn","CURRENT_CLEAR_STYLES","CURRENT_LINK_STYLES","CURRENT_OUTLINE_2_STYLES","CURRENT_OUTLINE_STYLES","CURRENT_PRIMARY_STYLES","DANGER_CLEAR_STYLES","DANGER_LINK_STYLES","DANGER_OUTLINE_2_STYLES","DANGER_OUTLINE_STYLES","DANGER_PRIMARY_STYLES","DEFAULT_CLEAR_STYLES","DEFAULT_LINK_STYLES","DEFAULT_OUTLINE_2_STYLES","DEFAULT_OUTLINE_STYLES","DEFAULT_PRIMARY_STYLES","NOTE_CLEAR_STYLES","NOTE_LINK_STYLES","NOTE_OUTLINE_2_STYLES","NOTE_OUTLINE_STYLES","NOTE_PRIMARY_STYLES","SPECIAL_CLEAR_STYLES","SPECIAL_LINK_STYLES","SPECIAL_OUTLINE_STYLES","SPECIAL_PRIMARY_STYLES","SUCCESS_CLEAR_STYLES","SUCCESS_LINK_STYLES","SUCCESS_OUTLINE_2_STYLES","SUCCESS_OUTLINE_STYLES","SUCCESS_PRIMARY_STYLES","WARNING_CLEAR_STYLES","WARNING_LINK_STYLES","WARNING_OUTLINE_2_STYLES","WARNING_OUTLINE_STYLES","WARNING_PRIMARY_STYLES","LoadingIcon","DynamicIcon","getDisabledElementProps","mergeProps","omitActivationEventProps","resolveIcon","useDismissParentPopover","extractStyles","useAutoTooltip","DisplayTransition","IconSwitch","mergeTooltipFocusProps","CubeTooltipProviderProps","CubeActionProps","useButtonSplitContext","useAction","BUTTON_SIZE_VALUES","const","ButtonMods","pressed","loading","selected","CubeButtonProps","icon","rightIcon","isLoading","isSelected","type","theme","size","tooltip","Omit","auto","defaultTooltipPlacement","ButtonVariant","STYLE_PROPS","DEFAULT_ICON_STYLES","$","position","display","placeItems","placeContent","placeSelf","width","height","pointerEvents","transition","DEFAULT_BUTTON_STYLES","recipe","flow","gap","preset","outlineOffset","padding","whiteSpace","radius","margin","zIndex","verticalAlign","$size","Icon","opacity","translate","RightIcon","Label","boxSizing","overflow","textOverflow","textAlign","ButtonElement","qa","styles","variants","Button","allProps","ref","HTMLElement","splitContext","sizeProp","label","children","iconProp","rightIconProp","mods","download","onPress","userOnPress","tokens","props","isExplicitlyDisabled","isDisabled","dismissParentPopover","buttonElementRef","wrappedOnPress","e","el","current","hasAttribute","closest","actionProps","isPressed","isDisabledElement","baseMods","resolvedIcon","resolvedRightIcon","hasLeftSlot","hasSlot","hasRightSlot","content","iconKey","displayName","name","rightIconKey","specifiedLabel","key","args","hasLeftIcon","hasChildren","singleIcon","hasIcons","rawChildren","toArray","some","child","isIconShown","setIsIconShown","isRightIconShown","setIsRightIconShown","isFirstRender","modifiers","labelProps","finalLabelProps","labelRef","renderWithTooltip","isTooltipActive","isAutoTooltipEnabled","undefined","hasOwnTooltip","isOnlyLoading","isNativelyDisabled","isInert","inertProps","keepEvents","as","elementProps","renderButtonElement","tooltipTriggerProps","tooltipRef","handleRef","element","domRef","isCustomSize","includes","sizeTokenValue","effectiveType","ariaPressed","role","tabIndex"],"sources":["../../../../src/components/actions/Button/Button.tsx"],"sourcesContent":["import { FocusableRef, PressEvent } from '@react-types/shared';\nimport {\n  CONTAINER_STYLES,\n  mergeStyles,\n  Mods,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport {\n  Children,\n  forwardRef,\n  HTMLAttributes,\n  isValidElement,\n  ReactNode,\n  RefObject,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Placement } from 'react-aria';\n\nimport { useEvent } from '../../../_internal';\nimport { useIsFirstRender } from '../../../_internal/hooks/use-is-first-render';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport {\n  CURRENT_CLEAR_STYLES,\n  CURRENT_LINK_STYLES,\n  CURRENT_OUTLINE_2_STYLES,\n  CURRENT_OUTLINE_STYLES,\n  CURRENT_PRIMARY_STYLES,\n  DANGER_CLEAR_STYLES,\n  DANGER_LINK_STYLES,\n  DANGER_OUTLINE_2_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_LINK_STYLES,\n  DEFAULT_OUTLINE_2_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_LINK_STYLES,\n  NOTE_OUTLINE_2_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_LINK_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_LINK_STYLES,\n  SUCCESS_OUTLINE_2_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_LINK_STYLES,\n  WARNING_OUTLINE_2_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport {\n  DynamicIcon,\n  getDisabledElementProps,\n  mergeProps,\n  omitActivationEventProps,\n  resolveIcon,\n  useDismissParentPopover,\n} from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport { DisplayTransition } from '../../helpers/DisplayTransition';\nimport { IconSwitch } from '../../helpers/IconSwitch/IconSwitch';\nimport { mergeTooltipFocusProps } from '../../overlays/Tooltip/split-trigger-props';\nimport { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\nimport { CubeActionProps } from '../Action/Action';\nimport { useButtonSplitContext } from '../ButtonSplit/context';\nimport { useAction } from '../use-action';\n\nconst BUTTON_SIZE_VALUES = [\n  'xsmall',\n  'small',\n  'medium',\n  'large',\n  'xlarge',\n  'inline',\n] as const;\n\n/** Known modifiers for Button component */\nexport type ButtonMods = Mods<{\n  pressed?: boolean;\n  loading?: boolean;\n  selected?: boolean;\n  'has-icons'?: boolean;\n  'has-icon'?: boolean;\n  'has-right-icon'?: boolean;\n  'single-icon'?: boolean;\n  'text-only'?: boolean;\n  'raw-children'?: boolean;\n}>;\n\nexport interface CubeButtonProps extends CubeActionProps {\n  icon?: DynamicIcon<ButtonMods>;\n  rightIcon?: DynamicIcon<ButtonMods>;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?:\n    | 'primary'\n    | 'danger'\n    | 'link'\n    | 'clear'\n    | 'outline'\n    | 'outline-2'\n    | (string & {});\n  theme?:\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | 'current'\n    | (string & {});\n  size?:\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'\n    | 'inline'\n    | number\n    | (string & {});\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   */\n  tooltip?:\n    | string\n    | boolean\n    | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n  /**\n   * @private\n   * Default tooltip placement for the button.\n   * @default \"top\"\n   */\n  defaultTooltipPlacement?: Placement;\n}\n\nexport type ButtonVariant =\n  // The `current` theme mixes every color from the inherited `currentcolor`\n  // instead of a brand ramp — see the CURRENT THEME section of `item-themes`.\n  | 'current.primary'\n  | 'current.outline'\n  | 'current.outline-2'\n  | 'current.clear'\n  | 'current.link'\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.outline-2'\n  | 'default.clear'\n  | 'default.link'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.outline-2'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.outline-2'\n  | 'success.clear'\n  | 'success.link'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.outline-2'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.outline-2'\n  | 'note.clear'\n  | 'note.link'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear'\n  | 'special.link';\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst DEFAULT_ICON_STYLES: Styles = {\n  $: '>',\n  position: 'relative',\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  placeSelf: 'stretch',\n  // overflow: 'hidden',\n  width: 'fixed ($size - 2bw)',\n  height: 'fixed ($size - 2bw)',\n  pointerEvents: 'none',\n  transition: 'theme, width, height, translate',\n};\n\nexport const DEFAULT_BUTTON_STYLES: Styles = {\n  recipe: 'reset button',\n  display: 'inline-grid',\n  flow: 'column dense',\n  gap: 0,\n  placeItems: {\n    '': 'stretch',\n    'raw-children': 'center stretch',\n  },\n  placeContent: 'center',\n  position: 'relative',\n  preset: {\n    '': 't3m',\n    'size=xsmall': 't4',\n    'size=xlarge': 't2m',\n    'type=link': 'strong',\n  },\n  outlineOffset: 1,\n  padding: {\n    '': 0,\n    'raw-children & !has-icons':\n      '$block-padding $inline-padding $block-padding $inline-padding',\n    'type=link': '0',\n  },\n  width: {\n    '': 'min $size',\n    'has-icon & has-right-icon': 'min ($size * 2 - 2bw)',\n    'single-icon': 'fixed $size',\n    'type=link': 'min 1ch',\n  },\n  height: {\n    '': 'fixed $size',\n    'type=link': 'initial',\n  },\n  whiteSpace: 'nowrap',\n  radius: {\n    '': true,\n    'type=link & !focused': 0,\n    '@parent(button-split, >) & !:last-child': '1r left',\n    '@parent(button-split, >) & !:first-child': '1r right',\n    '@parent(button-split, >) & !:first-child & !:last-child': 0,\n  },\n  margin: {\n    '': 0,\n    '@parent(button-split, >) & !:first-child & (type=outline | type=outline-2 | type=primary)':\n      '-1bw left',\n  },\n  // oxlint-disable-next-line tasty/require-default-state -- outside a ButtonSplit the button sets no z-index, so the consumer's stacking applies\n  zIndex: {\n    '@parent(button-split, >) & :hover': 1,\n    '@parent(button-split, >) & :focus-visible': 2,\n  },\n  transition: 'theme, grid-template, padding',\n  verticalAlign: 'bottom',\n\n  $size: {\n    '': '$size-md',\n    'size=xsmall': '$size-xs',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n    'size=xlarge': '$size-xl',\n    'size=inline': '(1lh + 2bw)',\n  },\n  '$inline-padding': {\n    '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n  },\n  '$block-padding': {\n    '': '.5x',\n    'size=xsmall | size=small': '.25x',\n  },\n  '$inline-compensation': '.5x',\n  '$min-inline-padding': '(1x - 1bw)',\n  '$left-padding': {\n    '': '$inline-padding',\n    'is-icon-shown': '0px',\n  },\n  '$right-padding': {\n    '': '$inline-padding',\n    'is-right-icon-shown': '0px',\n  },\n\n  // Icon sub-element (recommended format)\n  Icon: mergeStyles(DEFAULT_ICON_STYLES, {\n    width: {\n      '': 'fixed 0px',\n      'is-icon-shown': 'fixed ($size - 2bw)',\n    },\n    opacity: {\n      '': 0,\n      'is-icon-shown': 1,\n    },\n    translate: {\n      '': '($size * 1 / 4) 0',\n      'is-icon-shown': '0 0',\n    },\n  }),\n\n  // RightIcon sub-element (recommended format)\n  RightIcon: mergeStyles(DEFAULT_ICON_STYLES, {\n    width: {\n      '': 'fixed 0px',\n      'is-right-icon-shown': 'fixed ($size - 2bw)',\n    },\n    opacity: {\n      '': 0,\n      'is-right-icon-shown': 1,\n    },\n    translate: {\n      '': '($size * -1 / 4) 0',\n      'is-right-icon-shown': '0 0',\n    },\n  }),\n\n  // Label sub-element (recommended format)\n  Label: {\n    $: '>',\n    display: 'block',\n    placeSelf: 'center stretch',\n    boxSizing: 'border-box',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    width: '0 100%',\n    textAlign: 'center',\n    transition: 'theme, padding',\n    padding: {\n      '': '$block-padding $right-padding $block-padding $left-padding',\n      'type=link': '0',\n    },\n  },\n} as const;\n\nconst ButtonElement = tasty({\n  qa: 'Button',\n  styles: DEFAULT_BUTTON_STYLES,\n  variants: {\n    // Current theme — colors mixed from the inherited `currentcolor`\n    'current.primary': CURRENT_PRIMARY_STYLES,\n    'current.outline': CURRENT_OUTLINE_STYLES,\n    'current.outline-2': CURRENT_OUTLINE_2_STYLES,\n    'current.clear': CURRENT_CLEAR_STYLES,\n    'current.link': CURRENT_LINK_STYLES,\n\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.outline-2': DEFAULT_OUTLINE_2_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n    'default.link': DEFAULT_LINK_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.outline-2': DANGER_OUTLINE_2_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n    'danger.link': DANGER_LINK_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.outline-2': SUCCESS_OUTLINE_2_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n    'success.link': SUCCESS_LINK_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.outline-2': WARNING_OUTLINE_2_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n    'warning.link': WARNING_LINK_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.outline-2': NOTE_OUTLINE_2_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n    'note.link': NOTE_LINK_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n    'special.link': SPECIAL_LINK_STYLES,\n  },\n});\n\nexport const Button = forwardRef(function Button(\n  allProps: CubeButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const splitContext = useButtonSplitContext();\n\n  let {\n    type,\n    size: sizeProp,\n    label,\n    children,\n    theme = splitContext?.theme ?? 'default',\n    icon: iconProp,\n    rightIcon: rightIconProp,\n    mods,\n    download,\n    tooltip = true,\n    defaultTooltipPlacement = 'top',\n    onPress: userOnPress,\n    tokens,\n    ...props\n  } = allProps;\n\n  type = type ?? splitContext?.type;\n  const size =\n    sizeProp ?? splitContext?.size ?? (type === 'link' ? 'inline' : 'medium');\n\n  const isExplicitlyDisabled = splitContext?.isDisabled || props.isDisabled;\n  const isDisabled = isExplicitlyDisabled || props.isLoading;\n  const isLoading = props.isLoading;\n  const isSelected = props.isSelected;\n\n  // Default: pressing a Button inside an open popover closes that popover.\n  // Opt-outs (handled inline below):\n  //   - `data-popover-trigger` (auto, applied by MenuTrigger/DialogTrigger\n  //     type='popover' so triggers don't dismiss the popover they live in)\n  //   - `data-popover-keep` on self or any ancestor (manual opt-out for\n  //     toggles, custom inline editors, etc.)\n  //   - `data-popover-keep-on-press` on self or any ancestor: the same opt-out\n  //     for presses only. Unlike `data-popover-keep`, it does not stop a click\n  //     in the subtree from closing a nested popover (a field's listbox).\n  // Modals/trays don't subscribe at all, so this is a no-op there.\n  const dismissParentPopover = useDismissParentPopover();\n  const buttonElementRef = useRef<HTMLElement | null>(null);\n\n  const wrappedOnPress = useEvent((e: PressEvent) => {\n    userOnPress?.(e);\n    const el = buttonElementRef.current;\n    if (!el) return;\n    if (el.hasAttribute('data-popover-trigger')) return;\n    if (el.closest('[data-popover-keep], [data-popover-keep-on-press]')) {\n      return;\n    }\n    dismissParentPopover(el);\n  });\n\n  const { actionProps, isPressed } = useAction(\n    {\n      ...allProps,\n      isDisabled,\n      onPress: wrappedOnPress,\n      ...(label ? { label } : {}),\n    },\n    ref,\n  );\n\n  const styles = extractStyles(props, STYLE_PROPS);\n  const isDisabledElement = actionProps.isDisabled;\n\n  delete actionProps.isDisabled;\n\n  // Base mods for icon resolution (without icon-dependent mods)\n  const baseMods = useMemo<ButtonMods>(\n    () => ({\n      pressed: isPressed && !isDisabled,\n      loading: isLoading,\n      selected: isSelected,\n      ...mods,\n    }),\n    [isPressed, isDisabled, isLoading, isSelected, mods],\n  );\n\n  // Resolve dynamic icon props\n  const resolvedIcon = useMemo(\n    () => resolveIcon(iconProp, baseMods),\n    [iconProp, baseMods],\n  );\n  const resolvedRightIcon = useMemo(\n    () => resolveIcon(rightIconProp, baseMods),\n    [rightIconProp, baseMods],\n  );\n\n  const hasLeftSlot = resolvedIcon.hasSlot;\n  const hasRightSlot = resolvedRightIcon.hasSlot;\n\n  const icon: ReactNode = resolvedIcon.content;\n  const rightIcon: ReactNode = resolvedRightIcon.content;\n\n  // Generate stable keys for icon transitions based on icon type\n  const iconKey = isLoading\n    ? 'loading'\n    : isValidElement(icon)\n      ? (icon.type as any)?.displayName || (icon.type as any)?.name || 'icon'\n      : icon\n        ? 'icon'\n        : 'empty';\n\n  const rightIconKey = isValidElement(rightIcon)\n    ? (rightIcon.type as any)?.displayName ||\n      (rightIcon.type as any)?.name ||\n      'icon'\n    : rightIcon\n      ? 'icon'\n      : 'empty';\n\n  children = children || hasLeftSlot || hasRightSlot ? children : label;\n\n  const specifiedLabel =\n    label ?? props['aria-label'] ?? props['aria-labelledby'];\n\n  // Warn about accessibility issues when button has no accessible label\n  useWarn(!children && hasLeftSlot && !specifiedLabel, {\n    key: ['button-icon-no-label', hasLeftSlot],\n    args: [\n      'accessibility issue:',\n      'If you provide `icon` property for a Button and do not provide any children then you should specify the `aria-label` property to make sure the Button element stays accessible.',\n    ],\n  });\n\n  useWarn(!children && !hasLeftSlot && !specifiedLabel, {\n    key: ['button-no-content-no-label', hasLeftSlot],\n    args: [\n      'accessibility issue:',\n      'If you provide no children for a Button then you should specify the `aria-label` property to make sure the Button element stays accessible.',\n    ],\n  });\n\n  if (!children && !specifiedLabel) {\n    label = 'Unnamed'; // fix to avoid warning in production\n  }\n\n  const hasLeftIcon = !!(hasLeftSlot || isLoading);\n  const hasChildren = children != null;\n  const singleIcon = !!(\n    ((hasLeftIcon && !hasRightSlot) || (hasRightSlot && !hasLeftIcon)) &&\n    !hasChildren\n  );\n\n  const hasIcons = hasLeftIcon || hasRightSlot;\n  const rawChildren = !!(\n    hasChildren &&\n    typeof children !== 'string' &&\n    !Children.toArray(children).some((child) => typeof child === 'string')\n  );\n\n  const [isIconShown, setIsIconShown] = useState(hasLeftIcon);\n  const [isRightIconShown, setIsRightIconShown] = useState(hasRightSlot);\n  const isFirstRender = useIsFirstRender();\n\n  const modifiers = useMemo<ButtonMods>(\n    () => ({\n      ...baseMods,\n      'has-icons': hasIcons,\n      'has-icon': hasLeftIcon,\n      'is-icon-shown': isIconShown,\n      'has-right-icon': hasRightSlot,\n      'is-right-icon-shown': isRightIconShown,\n      'single-icon': singleIcon,\n      'text-only': !!(hasChildren && typeof children === 'string' && !hasIcons),\n      'raw-children': rawChildren,\n      'has-content': children != null,\n    }),\n    [\n      baseMods,\n      children,\n      hasLeftIcon,\n      hasRightSlot,\n      singleIcon,\n      hasIcons,\n      hasChildren,\n      rawChildren,\n      isIconShown,\n      isRightIconShown,\n    ],\n  );\n\n  const {\n    labelProps: finalLabelProps,\n    labelRef,\n    renderWithTooltip,\n    isTooltipActive,\n    isAutoTooltipEnabled,\n  } = useAutoTooltip({\n    tooltip,\n    children,\n    labelProps: undefined,\n  });\n\n  // A tooltip the caller wrote, as opposed to the automatic one that shows a\n  // label cut off by the layout.\n  const hasOwnTooltip = isTooltipActive && !isAutoTooltipEnabled;\n  // Loading without being disabled: busy, but not unavailable.\n  const isOnlyLoading = !!isLoading && !isExplicitlyDisabled;\n\n  // A disabled button still has to be able to show its tooltip — that is\n  // usually where the reason for being unavailable is written. The native\n  // `disabled` attribute would make the browser drop the hover that opens it,\n  // so when a tooltip is present the button is marked `aria-disabled` and kept\n  // inert instead. Only the caller's tooltip counts: the automatic one turns\n  // on with the layout, and would make the button a Tab stop only while its\n  // label is cut off.\n  //\n  // A button that is only loading keeps the focus it has, so a keyboard press\n  // that starts the work does not drop it to the page, but Tab skips it, as it\n  // would a disabled one, unless the caller's tooltip is there to be read. One\n  // that is also `isDisabled` stays natively disabled: `SubmitButton` sets both\n  // while a submission runs, and the frozen legacy Form contract pins that\n  // button as `disabled`.\n  //\n  // The attribute is skipped for links too, where it is not valid markup and\n  // `aria-disabled` is the only thing announcing the state.\n  const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({\n    isDisabled: isDisabledElement,\n    keepEvents: hasOwnTooltip || isOnlyLoading,\n    as: typeof actionProps.as === 'string' ? actionProps.as : undefined,\n  });\n\n  // Without the native attribute, handlers a parent passed in (a `MenuTrigger`'s\n  // `onKeyDown`) would still activate the button.\n  const elementProps = isInert\n    ? omitActivationEventProps(actionProps)\n    : actionProps;\n\n  // Render function that creates the button element\n  const renderButtonElement = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ): ReactNode => {\n    // Use callback ref to merge multiple refs without calling hooks\n    const handleRef = (element: HTMLElement | null) => {\n      // Set the component's forwarded ref from useAction\n      const domRef = actionProps.ref as any;\n      if (typeof domRef === 'function') {\n        domRef(element);\n      } else if (domRef) {\n        domRef.current = element;\n      }\n      // Set the tooltip ref if provided\n      if (tooltipRef) {\n        (tooltipRef as any).current = element;\n      }\n      // Track the rendered DOM node so the dismiss wrapper around `onPress`\n      // can read it synchronously without coupling to `useAction`'s ref shape.\n      buttonElementRef.current = element;\n    };\n\n    // Determine if size is custom (number or unrecognized string)\n    const isCustomSize =\n      typeof size === 'number' ||\n      (size != null &&\n        !(BUTTON_SIZE_VALUES as readonly string[]).includes(size));\n    const sizeTokenValue =\n      typeof size === 'number' ? `${size}px` : isCustomSize ? size : undefined;\n\n    // The `special` theme has no `outline-2` variant (it paints over\n    // `#special-surface`, not `#surface-2`/`#surface-3`); fall back to\n    // `outline` so the button still renders.\n    const effectiveType =\n      theme === 'special' && type === 'outline-2' ? 'outline' : type;\n\n    // `isSelected` is a toggle state, so mirror it into `aria-pressed` — the\n    // behaviour Button.docs.mdx has always described. An explicit\n    // `aria-pressed` from the call site still wins.\n    //\n    // Skipped when the button renders as a link (`to`), where `aria-pressed` is\n    // not a valid attribute, and when the call site sets its own `role` — a\n    // button acting as a tab or an option needs `aria-selected`/`aria-current`\n    // instead, and only the call site knows which.\n    //\n    // Applied *after* the spread: react-aria's `useButton` always returns an\n    // `aria-pressed` key (undefined when the caller passed none), so anything\n    // set before the spread is overwritten by it.\n    const ariaPressed =\n      allProps['aria-pressed'] ??\n      (isSelected != null && actionProps.as !== 'a' && allProps.role == null\n        ? isSelected\n        : undefined);\n\n    return (\n      <ButtonElement\n        download={download}\n        aria-busy={isLoading || undefined}\n        // The tooltip joins the button's own description rather than\n        // replacing it while open.\n        {...mergeProps(\n          mergeTooltipFocusProps(elementProps, tooltipTriggerProps),\n          inertProps,\n        )}\n        {...(isOnlyLoading && !hasOwnTooltip ? { tabIndex: -1 } : null)}\n        aria-pressed={ariaPressed}\n        ref={handleRef}\n        mods={{ ...actionProps.mods, ...modifiers }}\n        disabled={isNativelyDisabled}\n        variant={`${theme}.${effectiveType ?? 'outline'}` as ButtonVariant}\n        data-theme={theme}\n        data-type={effectiveType ?? 'outline'}\n        data-size={size}\n        data-popover-dismiss=\"\"\n        styles={styles}\n        tokens={{\n          ...tokens,\n          ...(sizeTokenValue ? { $size: sizeTokenValue } : {}),\n        }}\n      >\n        <DisplayTransition\n          isShown={hasLeftIcon}\n          animateOnMount={!isFirstRender}\n          onToggle={setIsIconShown}\n        >\n          {({ ref }) => (\n            <div ref={ref} data-element=\"Icon\" aria-hidden=\"true\">\n              <IconSwitch noWrapper contentKey={iconKey}>\n                {isLoading ? <LoadingIcon /> : icon}\n              </IconSwitch>\n            </div>\n          )}\n        </DisplayTransition>\n        {hasChildren &&\n          (rawChildren ? (\n            children\n          ) : (\n            <div data-element=\"Label\" {...finalLabelProps} ref={labelRef}>\n              {children}\n            </div>\n          ))}\n        <DisplayTransition\n          isShown={hasRightSlot}\n          animateOnMount={!isFirstRender}\n          onToggle={setIsRightIconShown}\n        >\n          {({ ref }) => (\n            <div ref={ref} data-element=\"RightIcon\" aria-hidden=\"true\">\n              <IconSwitch noWrapper contentKey={rightIconKey}>\n                {rightIcon}\n              </IconSwitch>\n            </div>\n          )}\n        </DisplayTransition>\n      </ButtonElement>\n    );\n  };\n\n  return renderWithTooltip(renderButtonElement, defaultTooltipPlacement);\n});\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["FocusableRef","PressEvent","CONTAINER_STYLES","mergeStyles","Mods","Styles","tasty","TEXT_STYLES","Children","forwardRef","HTMLAttributes","isValidElement","ReactNode","RefObject","useMemo","useRef","useState","Placement","useEvent","useIsFirstRender","useWarn","CURRENT_CLEAR_STYLES","CURRENT_LINK_STYLES","CURRENT_OUTLINE_2_STYLES","CURRENT_OUTLINE_STYLES","CURRENT_PRIMARY_STYLES","DANGER_CLEAR_STYLES","DANGER_LINK_STYLES","DANGER_OUTLINE_2_STYLES","DANGER_OUTLINE_STYLES","DANGER_PRIMARY_STYLES","DEFAULT_CLEAR_STYLES","DEFAULT_LINK_STYLES","DEFAULT_OUTLINE_2_STYLES","DEFAULT_OUTLINE_STYLES","DEFAULT_PRIMARY_STYLES","NOTE_CLEAR_STYLES","NOTE_LINK_STYLES","NOTE_OUTLINE_2_STYLES","NOTE_OUTLINE_STYLES","NOTE_PRIMARY_STYLES","SPECIAL_CLEAR_STYLES","SPECIAL_LINK_STYLES","SPECIAL_OUTLINE_STYLES","SPECIAL_PRIMARY_STYLES","SUCCESS_CLEAR_STYLES","SUCCESS_LINK_STYLES","SUCCESS_OUTLINE_2_STYLES","SUCCESS_OUTLINE_STYLES","SUCCESS_PRIMARY_STYLES","WARNING_CLEAR_STYLES","WARNING_LINK_STYLES","WARNING_OUTLINE_2_STYLES","WARNING_OUTLINE_STYLES","WARNING_PRIMARY_STYLES","LoadingIcon","DynamicIcon","getDisabledElementProps","mergeProps","omitActivationEventProps","resolveIcon","useDismissParentPopover","extractStyles","useAutoTooltip","DisplayTransition","IconSwitch","mergeTooltipFocusProps","CubeTooltipProviderProps","CubeActionProps","useButtonSplitContext","useAction","BUTTON_SIZE_VALUES","const","ButtonMods","pressed","loading","selected","CubeButtonProps","icon","rightIcon","isLoading","isSelected","type","theme","size","tooltip","Omit","auto","defaultTooltipPlacement","ButtonVariant","STYLE_PROPS","DEFAULT_ICON_STYLES","$","position","display","placeItems","placeContent","placeSelf","width","height","pointerEvents","transition","DEFAULT_BUTTON_STYLES","recipe","flow","gap","preset","outlineOffset","padding","whiteSpace","radius","margin","zIndex","verticalAlign","$size","Icon","opacity","translate","RightIcon","Label","boxSizing","overflow","textOverflow","textAlign","ButtonElement","qa","styles","variants","Button","allProps","ref","HTMLElement","splitContext","sizeProp","label","children","iconProp","rightIconProp","mods","download","onPress","userOnPress","tokens","props","isExplicitlyDisabled","isDisabled","dismissParentPopover","buttonElementRef","wrappedOnPress","e","el","current","hasAttribute","closest","actionProps","isPressed","isDisabledElement","baseMods","resolvedIcon","resolvedRightIcon","hasLeftSlot","hasSlot","hasRightSlot","content","iconKey","displayName","name","rightIconKey","specifiedLabel","key","args","hasLeftIcon","hasChildren","singleIcon","hasIcons","rawChildren","toArray","some","child","isIconShown","setIsIconShown","isRightIconShown","setIsRightIconShown","isFirstRender","modifiers","labelProps","finalLabelProps","labelRef","renderWithTooltip","isTooltipActive","isAutoTooltipEnabled","undefined","hasOwnTooltip","isOnlyLoading","isNativelyDisabled","isInert","inertProps","keepEvents","as","elementProps","renderButtonElement","tooltipTriggerProps","tooltipRef","handleRef","element","domRef","isCustomSize","includes","sizeTokenValue","effectiveType","ariaPressed","role","tabIndex"],"sources":["../../../../src/components/actions/Button/Button.tsx"],"sourcesContent":["import { FocusableRef, PressEvent } from '@react-types/shared';\nimport {\n  CONTAINER_STYLES,\n  mergeStyles,\n  Mods,\n  Styles,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport {\n  Children,\n  forwardRef,\n  HTMLAttributes,\n  isValidElement,\n  ReactNode,\n  RefObject,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Placement } from 'react-aria';\n\nimport { useEvent } from '../../../_internal';\nimport { useIsFirstRender } from '../../../_internal/hooks/use-is-first-render';\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport {\n  CURRENT_CLEAR_STYLES,\n  CURRENT_LINK_STYLES,\n  CURRENT_OUTLINE_2_STYLES,\n  CURRENT_OUTLINE_STYLES,\n  CURRENT_PRIMARY_STYLES,\n  DANGER_CLEAR_STYLES,\n  DANGER_LINK_STYLES,\n  DANGER_OUTLINE_2_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_LINK_STYLES,\n  DEFAULT_OUTLINE_2_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_LINK_STYLES,\n  NOTE_OUTLINE_2_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_LINK_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_LINK_STYLES,\n  SUCCESS_OUTLINE_2_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_LINK_STYLES,\n  WARNING_OUTLINE_2_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport {\n  DynamicIcon,\n  getDisabledElementProps,\n  mergeProps,\n  omitActivationEventProps,\n  resolveIcon,\n  useDismissParentPopover,\n} from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport { DisplayTransition } from '../../helpers/DisplayTransition';\nimport { IconSwitch } from '../../helpers/IconSwitch/IconSwitch';\nimport { mergeTooltipFocusProps } from '../../overlays/Tooltip/split-trigger-props';\nimport { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\nimport { CubeActionProps } from '../Action/Action';\nimport { useButtonSplitContext } from '../ButtonSplit/context';\nimport { useAction } from '../use-action';\n\nconst BUTTON_SIZE_VALUES = [\n  'xsmall',\n  'small',\n  'medium',\n  'large',\n  'xlarge',\n  'inline',\n] as const;\n\n/** Known modifiers for Button component */\nexport type ButtonMods = Mods<{\n  pressed?: boolean;\n  loading?: boolean;\n  selected?: boolean;\n  'has-icons'?: boolean;\n  'has-icon'?: boolean;\n  'has-right-icon'?: boolean;\n  'single-icon'?: boolean;\n  'text-only'?: boolean;\n  'raw-children'?: boolean;\n}>;\n\nexport interface CubeButtonProps extends CubeActionProps {\n  icon?: DynamicIcon<ButtonMods>;\n  rightIcon?: DynamicIcon<ButtonMods>;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?:\n    | 'primary'\n    | 'danger'\n    | 'link'\n    | 'clear'\n    | 'outline'\n    | 'outline-2'\n    | (string & {});\n  theme?:\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | 'current'\n    | (string & {});\n  size?:\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'\n    | 'inline'\n    | number\n    | (string & {});\n  /**\n   * Tooltip content and configuration:\n   * - string: simple tooltip text\n   * - true: auto tooltip on overflow (shows children as tooltip when truncated)\n   * - object: advanced configuration with optional auto property\n   */\n  tooltip?:\n    | string\n    | boolean\n    | (Omit<CubeTooltipProviderProps, 'children'> & { auto?: boolean });\n  /**\n   * @private\n   * Default tooltip placement for the button.\n   * @default \"top\"\n   */\n  defaultTooltipPlacement?: Placement;\n}\n\nexport type ButtonVariant =\n  // The `current` theme mixes every color from the inherited `currentcolor`\n  // instead of a brand ramp — see the CURRENT THEME section of `item-themes`.\n  | 'current.primary'\n  | 'current.outline'\n  | 'current.outline-2'\n  | 'current.clear'\n  | 'current.link'\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.outline-2'\n  | 'default.clear'\n  | 'default.link'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.outline-2'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.outline-2'\n  | 'success.clear'\n  | 'success.link'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.outline-2'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.outline-2'\n  | 'note.clear'\n  | 'note.link'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear'\n  | 'special.link';\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nconst DEFAULT_ICON_STYLES: Styles = {\n  $: '>',\n  position: 'relative',\n  display: 'grid',\n  placeItems: 'center',\n  placeContent: 'center',\n  placeSelf: 'stretch',\n  // overflow: 'hidden',\n  width: 'fixed ($size - 2bw)',\n  height: 'fixed ($size - 2bw)',\n  pointerEvents: 'none',\n  transition: 'theme, width, height, translate',\n};\n\nexport const DEFAULT_BUTTON_STYLES: Styles = {\n  recipe: 'reset button',\n  display: 'inline-grid',\n  flow: 'column dense',\n  gap: 0,\n  placeItems: {\n    '': 'stretch',\n    'raw-children': 'center stretch',\n  },\n  placeContent: 'center',\n  position: 'relative',\n  preset: {\n    '': 't3m',\n    'size=xsmall': 't4',\n    'size=xlarge': 't2m',\n    'type=link': 'strong',\n  },\n  outlineOffset: '$outline-offset',\n  padding: {\n    '': 0,\n    'raw-children & !has-icons':\n      '$block-padding $inline-padding $block-padding $inline-padding',\n    'type=link': '0',\n  },\n  width: {\n    '': 'min $size',\n    'has-icon & has-right-icon': 'min ($size * 2 - 2bw)',\n    'single-icon': 'fixed $size',\n    'type=link': 'min 1ch',\n  },\n  height: {\n    '': 'fixed $size',\n    'type=link': 'initial',\n  },\n  whiteSpace: 'nowrap',\n  radius: {\n    '': true,\n    'type=link & !focused': 0,\n    '@parent(button-split, >) & !:last-child': '1r left',\n    '@parent(button-split, >) & !:first-child': '1r right',\n    '@parent(button-split, >) & !:first-child & !:last-child': 0,\n  },\n  margin: {\n    '': 0,\n    '@parent(button-split, >) & !:first-child & (type=outline | type=outline-2 | type=primary)':\n      '-1bw left',\n  },\n  // oxlint-disable-next-line tasty/require-default-state -- outside a ButtonSplit the button sets no z-index, so the consumer's stacking applies\n  zIndex: {\n    '@parent(button-split, >) & :hover': 1,\n    '@parent(button-split, >) & :focus-visible': 2,\n  },\n  transition: 'theme, grid-template, padding',\n  verticalAlign: 'bottom',\n\n  $size: {\n    '': '$size-md',\n    'size=xsmall': '$size-xs',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n    'size=xlarge': '$size-xl',\n    'size=inline': '(1lh + 2bw)',\n  },\n  '$inline-padding': {\n    '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n  },\n  '$block-padding': {\n    '': '.5x',\n    'size=xsmall | size=small': '.25x',\n  },\n  '$inline-compensation': '.5x',\n  '$min-inline-padding': '(1x - 1bw)',\n  '$left-padding': {\n    '': '$inline-padding',\n    'is-icon-shown': '0px',\n  },\n  '$right-padding': {\n    '': '$inline-padding',\n    'is-right-icon-shown': '0px',\n  },\n\n  // Icon sub-element (recommended format)\n  Icon: mergeStyles(DEFAULT_ICON_STYLES, {\n    width: {\n      '': 'fixed 0px',\n      'is-icon-shown': 'fixed ($size - 2bw)',\n    },\n    opacity: {\n      '': 0,\n      'is-icon-shown': 1,\n    },\n    translate: {\n      '': '($size * 1 / 4) 0',\n      'is-icon-shown': '0 0',\n    },\n  }),\n\n  // RightIcon sub-element (recommended format)\n  RightIcon: mergeStyles(DEFAULT_ICON_STYLES, {\n    width: {\n      '': 'fixed 0px',\n      'is-right-icon-shown': 'fixed ($size - 2bw)',\n    },\n    opacity: {\n      '': 0,\n      'is-right-icon-shown': 1,\n    },\n    translate: {\n      '': '($size * -1 / 4) 0',\n      'is-right-icon-shown': '0 0',\n    },\n  }),\n\n  // Label sub-element (recommended format)\n  Label: {\n    $: '>',\n    display: 'block',\n    placeSelf: 'center stretch',\n    boxSizing: 'border-box',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    width: '0 100%',\n    textAlign: 'center',\n    transition: 'theme, padding',\n    padding: {\n      '': '$block-padding $right-padding $block-padding $left-padding',\n      'type=link': '0',\n    },\n  },\n} as const;\n\nconst ButtonElement = tasty({\n  qa: 'Button',\n  styles: DEFAULT_BUTTON_STYLES,\n  variants: {\n    // Current theme — colors mixed from the inherited `currentcolor`\n    'current.primary': CURRENT_PRIMARY_STYLES,\n    'current.outline': CURRENT_OUTLINE_STYLES,\n    'current.outline-2': CURRENT_OUTLINE_2_STYLES,\n    'current.clear': CURRENT_CLEAR_STYLES,\n    'current.link': CURRENT_LINK_STYLES,\n\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.outline-2': DEFAULT_OUTLINE_2_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n    'default.link': DEFAULT_LINK_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.outline-2': DANGER_OUTLINE_2_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n    'danger.link': DANGER_LINK_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.outline-2': SUCCESS_OUTLINE_2_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n    'success.link': SUCCESS_LINK_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.outline-2': WARNING_OUTLINE_2_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n    'warning.link': WARNING_LINK_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.outline-2': NOTE_OUTLINE_2_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n    'note.link': NOTE_LINK_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n    'special.link': SPECIAL_LINK_STYLES,\n  },\n});\n\nexport const Button = forwardRef(function Button(\n  allProps: CubeButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const splitContext = useButtonSplitContext();\n\n  let {\n    type,\n    size: sizeProp,\n    label,\n    children,\n    theme = splitContext?.theme ?? 'default',\n    icon: iconProp,\n    rightIcon: rightIconProp,\n    mods,\n    download,\n    tooltip = true,\n    defaultTooltipPlacement = 'top',\n    onPress: userOnPress,\n    tokens,\n    ...props\n  } = allProps;\n\n  type = type ?? splitContext?.type;\n  const size =\n    sizeProp ?? splitContext?.size ?? (type === 'link' ? 'inline' : 'medium');\n\n  const isExplicitlyDisabled = splitContext?.isDisabled || props.isDisabled;\n  const isDisabled = isExplicitlyDisabled || props.isLoading;\n  const isLoading = props.isLoading;\n  const isSelected = props.isSelected;\n\n  // Default: pressing a Button inside an open popover closes that popover.\n  // Opt-outs (handled inline below):\n  //   - `data-popover-trigger` (auto, applied by MenuTrigger/DialogTrigger\n  //     type='popover' so triggers don't dismiss the popover they live in)\n  //   - `data-popover-keep` on self or any ancestor (manual opt-out for\n  //     toggles, custom inline editors, etc.)\n  //   - `data-popover-keep-on-press` on self or any ancestor: the same opt-out\n  //     for presses only. Unlike `data-popover-keep`, it does not stop a click\n  //     in the subtree from closing a nested popover (a field's listbox).\n  // Modals/trays don't subscribe at all, so this is a no-op there.\n  const dismissParentPopover = useDismissParentPopover();\n  const buttonElementRef = useRef<HTMLElement | null>(null);\n\n  const wrappedOnPress = useEvent((e: PressEvent) => {\n    userOnPress?.(e);\n    const el = buttonElementRef.current;\n    if (!el) return;\n    if (el.hasAttribute('data-popover-trigger')) return;\n    if (el.closest('[data-popover-keep], [data-popover-keep-on-press]')) {\n      return;\n    }\n    dismissParentPopover(el);\n  });\n\n  const { actionProps, isPressed } = useAction(\n    {\n      ...allProps,\n      isDisabled,\n      onPress: wrappedOnPress,\n      ...(label ? { label } : {}),\n    },\n    ref,\n  );\n\n  const styles = extractStyles(props, STYLE_PROPS);\n  const isDisabledElement = actionProps.isDisabled;\n\n  delete actionProps.isDisabled;\n\n  // Base mods for icon resolution (without icon-dependent mods)\n  const baseMods = useMemo<ButtonMods>(\n    () => ({\n      pressed: isPressed && !isDisabled,\n      loading: isLoading,\n      selected: isSelected,\n      ...mods,\n    }),\n    [isPressed, isDisabled, isLoading, isSelected, mods],\n  );\n\n  // Resolve dynamic icon props\n  const resolvedIcon = useMemo(\n    () => resolveIcon(iconProp, baseMods),\n    [iconProp, baseMods],\n  );\n  const resolvedRightIcon = useMemo(\n    () => resolveIcon(rightIconProp, baseMods),\n    [rightIconProp, baseMods],\n  );\n\n  const hasLeftSlot = resolvedIcon.hasSlot;\n  const hasRightSlot = resolvedRightIcon.hasSlot;\n\n  const icon: ReactNode = resolvedIcon.content;\n  const rightIcon: ReactNode = resolvedRightIcon.content;\n\n  // Generate stable keys for icon transitions based on icon type\n  const iconKey = isLoading\n    ? 'loading'\n    : isValidElement(icon)\n      ? (icon.type as any)?.displayName || (icon.type as any)?.name || 'icon'\n      : icon\n        ? 'icon'\n        : 'empty';\n\n  const rightIconKey = isValidElement(rightIcon)\n    ? (rightIcon.type as any)?.displayName ||\n      (rightIcon.type as any)?.name ||\n      'icon'\n    : rightIcon\n      ? 'icon'\n      : 'empty';\n\n  children = children || hasLeftSlot || hasRightSlot ? children : label;\n\n  const specifiedLabel =\n    label ?? props['aria-label'] ?? props['aria-labelledby'];\n\n  // Warn about accessibility issues when button has no accessible label\n  useWarn(!children && hasLeftSlot && !specifiedLabel, {\n    key: ['button-icon-no-label', hasLeftSlot],\n    args: [\n      'accessibility issue:',\n      'If you provide `icon` property for a Button and do not provide any children then you should specify the `aria-label` property to make sure the Button element stays accessible.',\n    ],\n  });\n\n  useWarn(!children && !hasLeftSlot && !specifiedLabel, {\n    key: ['button-no-content-no-label', hasLeftSlot],\n    args: [\n      'accessibility issue:',\n      'If you provide no children for a Button then you should specify the `aria-label` property to make sure the Button element stays accessible.',\n    ],\n  });\n\n  if (!children && !specifiedLabel) {\n    label = 'Unnamed'; // fix to avoid warning in production\n  }\n\n  const hasLeftIcon = !!(hasLeftSlot || isLoading);\n  const hasChildren = children != null;\n  const singleIcon = !!(\n    ((hasLeftIcon && !hasRightSlot) || (hasRightSlot && !hasLeftIcon)) &&\n    !hasChildren\n  );\n\n  const hasIcons = hasLeftIcon || hasRightSlot;\n  const rawChildren = !!(\n    hasChildren &&\n    typeof children !== 'string' &&\n    !Children.toArray(children).some((child) => typeof child === 'string')\n  );\n\n  const [isIconShown, setIsIconShown] = useState(hasLeftIcon);\n  const [isRightIconShown, setIsRightIconShown] = useState(hasRightSlot);\n  const isFirstRender = useIsFirstRender();\n\n  const modifiers = useMemo<ButtonMods>(\n    () => ({\n      ...baseMods,\n      'has-icons': hasIcons,\n      'has-icon': hasLeftIcon,\n      'is-icon-shown': isIconShown,\n      'has-right-icon': hasRightSlot,\n      'is-right-icon-shown': isRightIconShown,\n      'single-icon': singleIcon,\n      'text-only': !!(hasChildren && typeof children === 'string' && !hasIcons),\n      'raw-children': rawChildren,\n      'has-content': children != null,\n    }),\n    [\n      baseMods,\n      children,\n      hasLeftIcon,\n      hasRightSlot,\n      singleIcon,\n      hasIcons,\n      hasChildren,\n      rawChildren,\n      isIconShown,\n      isRightIconShown,\n    ],\n  );\n\n  const {\n    labelProps: finalLabelProps,\n    labelRef,\n    renderWithTooltip,\n    isTooltipActive,\n    isAutoTooltipEnabled,\n  } = useAutoTooltip({\n    tooltip,\n    children,\n    labelProps: undefined,\n  });\n\n  // A tooltip the caller wrote, as opposed to the automatic one that shows a\n  // label cut off by the layout.\n  const hasOwnTooltip = isTooltipActive && !isAutoTooltipEnabled;\n  // Loading without being disabled: busy, but not unavailable.\n  const isOnlyLoading = !!isLoading && !isExplicitlyDisabled;\n\n  // A disabled button still has to be able to show its tooltip — that is\n  // usually where the reason for being unavailable is written. The native\n  // `disabled` attribute would make the browser drop the hover that opens it,\n  // so when a tooltip is present the button is marked `aria-disabled` and kept\n  // inert instead. Only the caller's tooltip counts: the automatic one turns\n  // on with the layout, and would make the button a Tab stop only while its\n  // label is cut off.\n  //\n  // A button that is only loading keeps the focus it has, so a keyboard press\n  // that starts the work does not drop it to the page, but Tab skips it, as it\n  // would a disabled one, unless the caller's tooltip is there to be read. One\n  // that is also `isDisabled` stays natively disabled: `SubmitButton` sets both\n  // while a submission runs, and the frozen legacy Form contract pins that\n  // button as `disabled`.\n  //\n  // The attribute is skipped for links too, where it is not valid markup and\n  // `aria-disabled` is the only thing announcing the state.\n  const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({\n    isDisabled: isDisabledElement,\n    keepEvents: hasOwnTooltip || isOnlyLoading,\n    as: typeof actionProps.as === 'string' ? actionProps.as : undefined,\n  });\n\n  // Without the native attribute, handlers a parent passed in (a `MenuTrigger`'s\n  // `onKeyDown`) would still activate the button.\n  const elementProps = isInert\n    ? omitActivationEventProps(actionProps)\n    : actionProps;\n\n  // Render function that creates the button element\n  const renderButtonElement = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ): ReactNode => {\n    // Use callback ref to merge multiple refs without calling hooks\n    const handleRef = (element: HTMLElement | null) => {\n      // Set the component's forwarded ref from useAction\n      const domRef = actionProps.ref as any;\n      if (typeof domRef === 'function') {\n        domRef(element);\n      } else if (domRef) {\n        domRef.current = element;\n      }\n      // Set the tooltip ref if provided\n      if (tooltipRef) {\n        (tooltipRef as any).current = element;\n      }\n      // Track the rendered DOM node so the dismiss wrapper around `onPress`\n      // can read it synchronously without coupling to `useAction`'s ref shape.\n      buttonElementRef.current = element;\n    };\n\n    // Determine if size is custom (number or unrecognized string)\n    const isCustomSize =\n      typeof size === 'number' ||\n      (size != null &&\n        !(BUTTON_SIZE_VALUES as readonly string[]).includes(size));\n    const sizeTokenValue =\n      typeof size === 'number' ? `${size}px` : isCustomSize ? size : undefined;\n\n    // The `special` theme has no `outline-2` variant (it paints over\n    // `#special-surface`, not `#surface-2`/`#surface-3`); fall back to\n    // `outline` so the button still renders.\n    const effectiveType =\n      theme === 'special' && type === 'outline-2' ? 'outline' : type;\n\n    // `isSelected` is a toggle state, so mirror it into `aria-pressed` — the\n    // behaviour Button.docs.mdx has always described. An explicit\n    // `aria-pressed` from the call site still wins.\n    //\n    // Skipped when the button renders as a link (`to`), where `aria-pressed` is\n    // not a valid attribute, and when the call site sets its own `role` — a\n    // button acting as a tab or an option needs `aria-selected`/`aria-current`\n    // instead, and only the call site knows which.\n    //\n    // Applied *after* the spread: react-aria's `useButton` always returns an\n    // `aria-pressed` key (undefined when the caller passed none), so anything\n    // set before the spread is overwritten by it.\n    const ariaPressed =\n      allProps['aria-pressed'] ??\n      (isSelected != null && actionProps.as !== 'a' && allProps.role == null\n        ? isSelected\n        : undefined);\n\n    return (\n      <ButtonElement\n        download={download}\n        aria-busy={isLoading || undefined}\n        // The tooltip joins the button's own description rather than\n        // replacing it while open.\n        {...mergeProps(\n          mergeTooltipFocusProps(elementProps, tooltipTriggerProps),\n          inertProps,\n        )}\n        {...(isOnlyLoading && !hasOwnTooltip ? { tabIndex: -1 } : null)}\n        aria-pressed={ariaPressed}\n        ref={handleRef}\n        mods={{ ...actionProps.mods, ...modifiers }}\n        disabled={isNativelyDisabled}\n        variant={`${theme}.${effectiveType ?? 'outline'}` as ButtonVariant}\n        data-theme={theme}\n        data-type={effectiveType ?? 'outline'}\n        data-size={size}\n        data-popover-dismiss=\"\"\n        styles={styles}\n        tokens={{\n          ...tokens,\n          ...(sizeTokenValue ? { $size: sizeTokenValue } : {}),\n        }}\n      >\n        <DisplayTransition\n          isShown={hasLeftIcon}\n          animateOnMount={!isFirstRender}\n          onToggle={setIsIconShown}\n        >\n          {({ ref }) => (\n            <div ref={ref} data-element=\"Icon\" aria-hidden=\"true\">\n              <IconSwitch noWrapper contentKey={iconKey}>\n                {isLoading ? <LoadingIcon /> : icon}\n              </IconSwitch>\n            </div>\n          )}\n        </DisplayTransition>\n        {hasChildren &&\n          (rawChildren ? (\n            children\n          ) : (\n            <div data-element=\"Label\" {...finalLabelProps} ref={labelRef}>\n              {children}\n            </div>\n          ))}\n        <DisplayTransition\n          isShown={hasRightSlot}\n          animateOnMount={!isFirstRender}\n          onToggle={setIsRightIconShown}\n        >\n          {({ ref }) => (\n            <div ref={ref} data-element=\"RightIcon\" aria-hidden=\"true\">\n              <IconSwitch noWrapper contentKey={rightIconKey}>\n                {rightIcon}\n              </IconSwitch>\n            </div>\n          )}\n        </DisplayTransition>\n      </ButtonElement>\n    );\n  };\n\n  return renderWithTooltip(renderButtonElement, defaultTooltipPlacement);\n});\n"],"mappings":"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"}

package/dist/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { c } from "react/compiler-runtime";

package/dist/components/actions/ButtonSplit/ButtonSplit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/actions/ButtonSplit/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/actions/ButtonSplit/context.ts
 const ButtonSplitContext = createContext(null);

package/dist/components/actions/CommandMenu/CommandMenu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";

package/dist/components/actions/CommandMenu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/actions/CommandMenu/styled.tsx
 const StyledCommandMenu = tasty({