@cube-dev/ui-kit 0.0.0-canary-fd2e2f2 → 0.0.0-canary-7985452

package/dist/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @cube-dev/ui-kit
 
+## 0.136.0
+
+### Minor Changes
+
+- [#1150](https://github.com/cube-js/cube-ui-kit/pull/1150) [`ad7624bb`](https://github.com/cube-js/cube-ui-kit/commit/ad7624bbf203e5bff36dbbf78e1dcbcd57cd0fae) Thanks [@tenphi](https://github.com/tenphi)! - **Menu / Tray**: gate mobile tray rendering behind a `mobileType` opt-in and let `Tray` accept `shouldCloseOnInteractOutside`.
+
+  - `Tray` now accepts a `shouldCloseOnInteractOutside?: (element: Element) => boolean` prop and forwards it to React Aria's `useOverlay`. Without it, the underlying `useOverlay` unconditionally calls `stopPropagation` / `preventDefault` on outside pointer/click events whenever the tray is the topmost overlay, which can swallow clicks on sibling triggers (e.g. a second `MenuTrigger`). The new prop matches the existing API on `Popover`.
+  - `MenuTrigger` no longer auto-swaps its `Popover` for a `Tray` on mobile screens. The previous behaviour relied on `useIsMobileDevice()` (which returns `true` in jsdom-style environments where `window.screen.width` is `0`), so the mobile branch could activate unintentionally. Opt in explicitly with `mobileType="tray"` (defaults to `'popover'`), mirroring the established `mobileType` API on `DialogTrigger`.
+  - `MenuTrigger` now passes the same `shouldCloseOnInteractOutside` callback to both the `Popover` and `Tray` branches, so sibling-trigger clicks aren't swallowed in either overlay variant.
+
+  This is a behavioural change for apps that intentionally relied on the implicit mobile tray. To restore the previous look, pass `mobileType="tray"` to the relevant `MenuTrigger`s.
+
+### Patch Changes
+
+- [#1150](https://github.com/cube-js/cube-ui-kit/pull/1150) [`ad7624bb`](https://github.com/cube-js/cube-ui-kit/commit/ad7624bbf203e5bff36dbbf78e1dcbcd57cd0fae) Thanks [@tenphi](https://github.com/tenphi)! - **Popover dismiss for plain Button / ItemButton**: a single click on a `Button` or `ItemButton` rendered outside an open popover now closes the popover AND fires the button's `onPress` in the same click. Previously the first click was always swallowed by `useOverlay`'s `shouldCloseOnInteractOutside` (which `stopPropagation`s outside clicks), so users had to click twice.
+
+  - `Button` and `ItemButton` now mark their root with `data-popover-dismiss`.
+  - `MenuTrigger`, `Select`, `ComboBox`, `FilterPicker`, and `Picker` recognize `[data-popover-dismiss]` outside-click targets and schedule their close via `setTimeout(0)` so the close lands AFTER the click event finishes (i.e. after the button's `onPress` runs). The predicate returns `false` so the click is not stopped.
+
+  `Button`/`ItemButton` used as a popover trigger (wrapped by `PressResponder`/`MenuTrigger`) keep their existing trigger behaviour — the trigger branch matches first, the dismiss branch is never reached.
+
 ## 0.135.1
 
 ### Patch Changes

package/dist/_internal/hooks/use-chained-callback.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 
 //#region src/_internal/hooks/use-chained-callback.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 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.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import React, { useEffect } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { useCallback } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-is-first-render.ts

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | 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.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { useEffect, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | 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.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | 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.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { TOKENS } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
 import { useMemo } from "react";
@@ -6,17 +6,20 @@ import { useMemo } from "react";
 //#region src/components/GlobalStyles.tsx
 /**
 * Body styles applied via useGlobalStyles.
-* These use tasty syntax and get processed correctly.
+*
+* `fill` and `color` use scheme-aware Glaze tokens so the whole page flips
+* automatically when `<html data-schema="dark">` (or `prefers-color-scheme: dark`)
+* is active — see `src/tokens/palette.ts` and `src/components/Root.tsx`.
 */
 const BODY_STYLES = {
 	overscrollBehaviorY: "none",
-	fill: "#white",
+	fill: "#surface",
 	fontFamily: "var(--font-sans)",
 	"-webkit-font-smoothing": "antialiased",
 	"-moz-osx-font-smoothing": "grayscale",
 	margin: 0,
 	padding: 0,
-	color: "#dark-02",
+	color: "#surface-text-soft",
 	preset: "t3",
 	letterSpacing: "0.02em"
 };
@@ -31,7 +34,7 @@ const STATIC_CSS = `
     font-weight: var(--c2-font-weight);
     font-size: var(--c2-font-size);
     border: var(--border-width) solid var(--dark-04-color);
-    background-color: white;
+    background-color: var(--surface-color);
     color: var(--dark-color);
     border-radius: var(--radius);
     padding: 0 var(--outline-width);
@@ -72,10 +75,19 @@ const STATIC_CSS = `
     font-family: var(--font-mono);
   }
 
-  /* Prism Code */
+  /*
+   * Prism syntax highlighting.
+   *
+   * All token colors come from the scheme-aware Glaze \`code-*\` palette
+   * (defined in src/tokens/palette.ts). Each \`code-*\` token has \`mode: 'auto'\`
+   * with a numeric contrast floor of 4.5 against \`#surface\` so every token
+   * reads at WCAG AA in light AND dark schemes (AAA in high-contrast).
+   * Diff insertion / deletion re-use the adaptive \`success-*\` and \`danger-*\`
+   * ramps for both the line bg and the token color.
+   */
   code[class*="language-"],
   pre[class*="language-"] {
-    color: var(--dark-color);
+    color: var(--surface-text-color);
     background: none;
     font-family: var(--font-mono);
     text-align: left;
@@ -134,87 +146,86 @@ const STATIC_CSS = `
     white-space: normal;
   }
 
+  /* Diff (re-uses success/danger ramps; both bg and text adapt to scheme) */
   .token.inserted-sign {
-    background-color: #e6ffed;
-    color: #30A666;
+    background-color: var(--success-bg-color);
+    color: var(--success-text-color);
   }
 
   .token.inserted {
-    color: #30A666;
+    color: var(--success-text-color);
   }
 
   .token.deleted-sign {
-    background-color: #ffeef0;
-    color: var(--danger-color);
+    background-color: var(--danger-bg-color);
+    color: var(--danger-text-color);
   }
 
   .token.deleted {
-    color: var(--pink-color);
+    color: var(--danger-text-color);
   }
 
+  /* Comments — subdued gray-ish, AA floor */
   .token.comment,
   .token.prolog,
   .token.doctype,
   .token.cdata {
-    color: var(--dark-03-color);
+    color: var(--code-comment-color);
   }
 
-  .token.tag,
+  /* Operators / punctuation — subdued purple, AA floor */
   .token.operator,
   .token.punctuation {
-    color: #993388;
+    color: var(--code-punctuation-color);
   }
 
   .namespace {
     opacity: .7;
   }
 
-  .token.property,
+  /* Keywords / language constructs — violet */
   .token.boolean,
   .token.constant,
-  .token.symbol,
-  .token.key,
-  .token.keyword {
-    color: var(--pink-color);
+  .token.keyword,
+  .token.atrule {
+    color: var(--code-keyword-color);
+    font-weight: 500;
   }
 
+  /* Numbers / numeric entities — orange */
   .token.entity,
   .token.number {
-    color: #30A666;
+    color: var(--code-number-color);
   }
 
-  .token.selector,
-  .token.attr-name,
+  /* Strings / character literals / URLs — green */
   .token.string,
   .token.char,
-  .token.builtin {
-    color: var(--primary-text-color);
-  }
-
+  .token.attr-value,
   .token.url,
   .language-css .token.string,
   .style .token.string {
-    color: var(--dark-color);
-  }
-
-  .token.attr-value {
-    color: var(--dark-color);
-  }
-
-  .token.atrule,
-  .token.keyword {
-    font-weight: 500;
+    color: var(--code-string-color);
   }
 
+  /* Names: functions, class names, regex, variables — pink/coral */
   .token.function,
-  .token.class-name {
-    color: var(--pink-color);
-  }
-
+  .token.class-name,
   .token.regex,
   .token.important,
   .token.variable {
-    color: var(--pink-color);
+    color: var(--code-function-color);
+  }
+
+  /* Attributes / properties / tags / selectors / built-ins — cyan */
+  .token.tag,
+  .token.attr-name,
+  .token.property,
+  .token.symbol,
+  .token.key,
+  .token.builtin,
+  .token.selector {
+    color: var(--code-attribute-color);
   }
 
   .token.important,

package/dist/components/GlobalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyles.js","names":[],"sources":["../../src/components/GlobalStyles.tsx"],"sourcesContent":["import { useGlobalStyles, useRawCSS } from '@tenphi/tasty';\nimport { useMemo } from 'react';\n\nimport { TOKENS } from '../tokens';\n\nimport type { Styles } from '@tenphi/tasty';\n\ninterface GlobalStylesProps {\n  bodyStyles?: { [key: string]: string };\n  fonts?: boolean;\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  publicUrl?: string;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via useGlobalStyles */\n  applyLegacyTokens?: boolean;\n}\n\n/**\n * Body styles applied via useGlobalStyles.\n * These use tasty syntax and get processed correctly.\n */\nconst BODY_STYLES: Styles = {\n  overscrollBehaviorY: 'none',\n  fill: '#white',\n  fontFamily: 'var(--font-sans)',\n  '-webkit-font-smoothing': 'antialiased',\n  '-moz-osx-font-smoothing': 'grayscale',\n  margin: 0,\n  padding: 0,\n  color: '#dark-02',\n  preset: 't3',\n  letterSpacing: '0.02em',\n};\n\n// Static CSS that doesn't depend on props\nconst STATIC_CSS = `\n  @font-face {\n    font-family: text-security-disc;\n    src: url(data:font/woff2;base64,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) format('woff2');\n  }\n\n  kbd {\n    font-family: var(--c2-font-family);\n    font-weight: var(--c2-font-weight);\n    font-size: var(--c2-font-size);\n    border: var(--border-width) solid var(--dark-04-color);\n    background-color: white;\n    color: var(--dark-color);\n    border-radius: var(--radius);\n    padding: 0 var(--outline-width);\n  }\n\n  :not([data-qa$=\"Icon\"]) > .tabler-icon {\n    font-size: var(--icon-size);\n    width: 1em;\n    height: 1em;\n    min-width: 1em;\n    min-height: 1em;\n    max-height: 1em;\n    stroke-width: var(--stroke-width);\n  }\n\n  .cube-animation-spin {\n    animation: cube-animation-spin 1s linear infinite;\n  }\n\n  @keyframes cube-animation-spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n  }\n\n  b, strong {\n    font-weight: var(--bold-font-weight, 700);\n  }\n\n  [type=reset], [type=submit], button, html [type=button] {\n    -webkit-appearance: none;\n  }\n\n  code {\n    font-family: var(--font-mono);\n  }\n\n  /* Prism Code */\n  code[class*=\"language-\"],\n  pre[class*=\"language-\"] {\n    color: var(--dark-color);\n    background: none;\n    font-family: var(--font-mono);\n    text-align: left;\n    font-weight: normal;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    border-radius: 6px;\n    border: none;\n\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n\n  pre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\n  code[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n    text-shadow: none;\n    background: rgb(var(--primary-color-rgb) / .2);\n  }\n\n  pre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\n  code[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n    text-shadow: none;\n    background: rgb(var(--primary-color-rgb) / .2);\n  }\n\n  @media print {\n    code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n      text-shadow: none;\n    }\n  }\n\n  /* Code blocks */\n  pre[class*=\"language-\"] {\n    overflow: auto;\n  }\n\n  :not(pre) > code[class*=\"language-\"],\n  pre[class*=\"language-\"] {\n    background: transparent;\n  }\n\n  /* Inline code */\n  :not(pre) > code[class*=\"language-\"] {\n    border-radius: .3em;\n    white-space: normal;\n  }\n\n  .token.inserted-sign {\n    background-color: #e6ffed;\n    color: #30A666;\n  }\n\n  .token.inserted {\n    color: #30A666;\n  }\n\n  .token.deleted-sign {\n    background-color: #ffeef0;\n    color: var(--danger-color);\n  }\n\n  .token.deleted {\n    color: var(--pink-color);\n  }\n\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: var(--dark-03-color);\n  }\n\n  .token.tag,\n  .token.operator,\n  .token.punctuation {\n    color: #993388;\n  }\n\n  .namespace {\n    opacity: .7;\n  }\n\n  .token.property,\n  .token.boolean,\n  .token.constant,\n  .token.symbol,\n  .token.key,\n  .token.keyword {\n    color: var(--pink-color);\n  }\n\n  .token.entity,\n  .token.number {\n    color: #30A666;\n  }\n\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.builtin {\n    color: var(--primary-text-color);\n  }\n\n  .token.url,\n  .language-css .token.string,\n  .style .token.string {\n    color: var(--dark-color);\n  }\n\n  .token.attr-value {\n    color: var(--dark-color);\n  }\n\n  .token.atrule,\n  .token.keyword {\n    font-weight: 500;\n  }\n\n  .token.function,\n  .token.class-name {\n    color: var(--pink-color);\n  }\n\n  .token.regex,\n  .token.important,\n  .token.variable {\n    color: var(--pink-color);\n  }\n\n  .token.important,\n  .token.bold {\n    font-weight: bold;\n  }\n\n  .token.italic {\n    font-style: italic;\n  }\n\n  .token.entity {\n    cursor: help;\n  }\n`;\n\nexport function GlobalStyles(props: GlobalStylesProps) {\n  const { bodyStyles, font, monospaceFont } = props;\n\n  // Merge token styles with body styles\n  const bodyTokenStyles = useMemo((): Styles => {\n    // Start with design tokens\n    const styles: Styles = { ...TOKENS };\n\n    // Add base body styles\n    Object.assign(styles, BODY_STYLES);\n\n    // Override with custom body styles if provided\n    // Keys are passed through as-is (tasty handles both camelCase and kebab-case)\n    if (bodyStyles) {\n      Object.assign(styles, bodyStyles);\n    }\n\n    return styles;\n  }, [bodyStyles]);\n\n  // Apply tokens and body styles via useGlobalStyles\n  useGlobalStyles('body', bodyTokenStyles);\n\n  // Apply static CSS and font definitions via useRawCSS\n  useRawCSS(() => {\n    const fontValue = font ? `${font}, ` : '';\n    const monospaceFontValue = monospaceFont ? `${monospaceFont}, ` : '';\n\n    return `\n  html {\n    overscroll-behavior-y: none;\n    --font-sans: ${fontValue}system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif;\n    --font-mono: ${monospaceFontValue}ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  }\n${STATIC_CSS}`;\n  }, [font, monospaceFont]);\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,cAAsB;CAC1B,qBAAqB;CACrB,MAAM;CACN,YAAY;CACZ,0BAA0B;CAC1B,2BAA2B;CAC3B,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,eAAe;CAChB;AAGD,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmNnB,SAAgB,aAAa,OAA0B;CACrD,MAAM,EAAE,YAAY,MAAM,kBAAkB;AAoB5C,iBAAgB,QAjBQ,cAAsB;EAE5C,MAAM,SAAiB,EAAE,GAAG,QAAQ;AAGpC,SAAO,OAAO,QAAQ,YAAY;AAIlC,MAAI,WACF,QAAO,OAAO,QAAQ,WAAW;AAGnC,SAAO;IACN,CAAC,WAAW,CAAC,CAGwB;AAGxC,iBAAgB;AAId,SAAO;;;mBAHW,OAAO,GAAG,KAAK,MAAM,GAMd;mBALE,gBAAgB,GAAG,cAAc,MAAM,GAMhC;;EAEpC;IACG,CAAC,MAAM,cAAc,CAAC;AAEzB,QAAO"}
+{"version":3,"file":"GlobalStyles.js","names":[],"sources":["../../src/components/GlobalStyles.tsx"],"sourcesContent":["import { useGlobalStyles, useRawCSS } from '@tenphi/tasty';\nimport { useMemo } from 'react';\n\nimport { TOKENS } from '../tokens';\n\nimport type { Styles } from '@tenphi/tasty';\n\ninterface GlobalStylesProps {\n  bodyStyles?: { [key: string]: string };\n  fonts?: boolean;\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n  publicUrl?: string;\n  font?: string;\n  monospaceFont?: string;\n  /** @deprecated Tokens are now always applied via useGlobalStyles */\n  applyLegacyTokens?: boolean;\n}\n\n/**\n * Body styles applied via useGlobalStyles.\n *\n * `fill` and `color` use scheme-aware Glaze tokens so the whole page flips\n * automatically when `<html data-schema=\"dark\">` (or `prefers-color-scheme: dark`)\n * is active — see `src/tokens/palette.ts` and `src/components/Root.tsx`.\n */\nconst BODY_STYLES: Styles = {\n  overscrollBehaviorY: 'none',\n  fill: '#surface',\n  fontFamily: 'var(--font-sans)',\n  '-webkit-font-smoothing': 'antialiased',\n  '-moz-osx-font-smoothing': 'grayscale',\n  margin: 0,\n  padding: 0,\n  color: '#surface-text-soft',\n  preset: 't3',\n  letterSpacing: '0.02em',\n};\n\n// Static CSS that doesn't depend on props\nconst STATIC_CSS = `\n  @font-face {\n    font-family: text-security-disc;\n    src: url(data:font/woff2;base64,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) format('woff2');\n  }\n\n  kbd {\n    font-family: var(--c2-font-family);\n    font-weight: var(--c2-font-weight);\n    font-size: var(--c2-font-size);\n    border: var(--border-width) solid var(--dark-04-color);\n    background-color: var(--surface-color);\n    color: var(--dark-color);\n    border-radius: var(--radius);\n    padding: 0 var(--outline-width);\n  }\n\n  :not([data-qa$=\"Icon\"]) > .tabler-icon {\n    font-size: var(--icon-size);\n    width: 1em;\n    height: 1em;\n    min-width: 1em;\n    min-height: 1em;\n    max-height: 1em;\n    stroke-width: var(--stroke-width);\n  }\n\n  .cube-animation-spin {\n    animation: cube-animation-spin 1s linear infinite;\n  }\n\n  @keyframes cube-animation-spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n  }\n\n  b, strong {\n    font-weight: var(--bold-font-weight, 700);\n  }\n\n  [type=reset], [type=submit], button, html [type=button] {\n    -webkit-appearance: none;\n  }\n\n  code {\n    font-family: var(--font-mono);\n  }\n\n  /*\n   * Prism syntax highlighting.\n   *\n   * All token colors come from the scheme-aware Glaze \\`code-*\\` palette\n   * (defined in src/tokens/palette.ts). Each \\`code-*\\` token has \\`mode: 'auto'\\`\n   * with a numeric contrast floor of 4.5 against \\`#surface\\` so every token\n   * reads at WCAG AA in light AND dark schemes (AAA in high-contrast).\n   * Diff insertion / deletion re-use the adaptive \\`success-*\\` and \\`danger-*\\`\n   * ramps for both the line bg and the token color.\n   */\n  code[class*=\"language-\"],\n  pre[class*=\"language-\"] {\n    color: var(--surface-text-color);\n    background: none;\n    font-family: var(--font-mono);\n    text-align: left;\n    font-weight: normal;\n    font-size: 14px;\n    line-height: 20px;\n    white-space: pre;\n    word-spacing: normal;\n    word-break: normal;\n    word-wrap: normal;\n    border-radius: 6px;\n    border: none;\n\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n\n  pre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\n  code[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n    text-shadow: none;\n    background: rgb(var(--primary-color-rgb) / .2);\n  }\n\n  pre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\n  code[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n    text-shadow: none;\n    background: rgb(var(--primary-color-rgb) / .2);\n  }\n\n  @media print {\n    code[class*=\"language-\"],\n    pre[class*=\"language-\"] {\n      text-shadow: none;\n    }\n  }\n\n  /* Code blocks */\n  pre[class*=\"language-\"] {\n    overflow: auto;\n  }\n\n  :not(pre) > code[class*=\"language-\"],\n  pre[class*=\"language-\"] {\n    background: transparent;\n  }\n\n  /* Inline code */\n  :not(pre) > code[class*=\"language-\"] {\n    border-radius: .3em;\n    white-space: normal;\n  }\n\n  /* Diff (re-uses success/danger ramps; both bg and text adapt to scheme) */\n  .token.inserted-sign {\n    background-color: var(--success-bg-color);\n    color: var(--success-text-color);\n  }\n\n  .token.inserted {\n    color: var(--success-text-color);\n  }\n\n  .token.deleted-sign {\n    background-color: var(--danger-bg-color);\n    color: var(--danger-text-color);\n  }\n\n  .token.deleted {\n    color: var(--danger-text-color);\n  }\n\n  /* Comments — subdued gray-ish, AA floor */\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: var(--code-comment-color);\n  }\n\n  /* Operators / punctuation — subdued purple, AA floor */\n  .token.operator,\n  .token.punctuation {\n    color: var(--code-punctuation-color);\n  }\n\n  .namespace {\n    opacity: .7;\n  }\n\n  /* Keywords / language constructs — violet */\n  .token.boolean,\n  .token.constant,\n  .token.keyword,\n  .token.atrule {\n    color: var(--code-keyword-color);\n    font-weight: 500;\n  }\n\n  /* Numbers / numeric entities — orange */\n  .token.entity,\n  .token.number {\n    color: var(--code-number-color);\n  }\n\n  /* Strings / character literals / URLs — green */\n  .token.string,\n  .token.char,\n  .token.attr-value,\n  .token.url,\n  .language-css .token.string,\n  .style .token.string {\n    color: var(--code-string-color);\n  }\n\n  /* Names: functions, class names, regex, variables — pink/coral */\n  .token.function,\n  .token.class-name,\n  .token.regex,\n  .token.important,\n  .token.variable {\n    color: var(--code-function-color);\n  }\n\n  /* Attributes / properties / tags / selectors / built-ins — cyan */\n  .token.tag,\n  .token.attr-name,\n  .token.property,\n  .token.symbol,\n  .token.key,\n  .token.builtin,\n  .token.selector {\n    color: var(--code-attribute-color);\n  }\n\n  .token.important,\n  .token.bold {\n    font-weight: bold;\n  }\n\n  .token.italic {\n    font-style: italic;\n  }\n\n  .token.entity {\n    cursor: help;\n  }\n`;\n\nexport function GlobalStyles(props: GlobalStylesProps) {\n  const { bodyStyles, font, monospaceFont } = props;\n\n  // Merge token styles with body styles\n  const bodyTokenStyles = useMemo((): Styles => {\n    // Start with design tokens\n    const styles: Styles = { ...TOKENS };\n\n    // Add base body styles\n    Object.assign(styles, BODY_STYLES);\n\n    // Override with custom body styles if provided\n    // Keys are passed through as-is (tasty handles both camelCase and kebab-case)\n    if (bodyStyles) {\n      Object.assign(styles, bodyStyles);\n    }\n\n    return styles;\n  }, [bodyStyles]);\n\n  // Apply tokens and body styles via useGlobalStyles\n  useGlobalStyles('body', bodyTokenStyles);\n\n  // Apply static CSS and font definitions via useRawCSS\n  useRawCSS(() => {\n    const fontValue = font ? `${font}, ` : '';\n    const monospaceFontValue = monospaceFont ? `${monospaceFont}, ` : '';\n\n    return `\n  html {\n    overscroll-behavior-y: none;\n    --font-sans: ${fontValue}system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif;\n    --font-mono: ${monospaceFontValue}ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  }\n${STATIC_CSS}`;\n  }, [font, monospaceFont]);\n\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,cAAsB;CAC1B,qBAAqB;CACrB,MAAM;CACN,YAAY;CACZ,0BAA0B;CAC1B,2BAA2B;CAC3B,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,eAAe;CAChB;AAGD,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2NnB,SAAgB,aAAa,OAA0B;CACrD,MAAM,EAAE,YAAY,MAAM,kBAAkB;AAoB5C,iBAAgB,QAjBQ,cAAsB;EAE5C,MAAM,SAAiB,EAAE,GAAG,QAAQ;AAGpC,SAAO,OAAO,QAAQ,YAAY;AAIlC,MAAI,WACF,QAAO,OAAO,QAAQ,WAAW;AAGnC,SAAO;IACN,CAAC,WAAW,CAAC,CAGwB;AAGxC,iBAAgB;AAId,SAAO;;;mBAHW,OAAO,GAAG,KAAK,MAAM,GAMd;mBALE,gBAAgB,GAAG,cAAc,MAAM,GAMhC;;EAEpC;IACG,CAAC,MAAM,cAAc,CAAC;AAEzB,QAAO"}

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";

package/dist/components/HiddenInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/HiddenInput.tsx

package/dist/components/Root.js

@@ -1,19 +1,23 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";
-import { VERSION } from "../version.js";
+import { TASTY_VERSION, VERSION } from "../version.js";
 import { Provider } from "../provider.js";
 import { TrackingProvider } from "../providers/TrackingProvider.js";
 import { GlobalStyles } from "./GlobalStyles.js";
 import { AlertDialogApiProvider } from "./overlays/AlertDialog/AlertDialogApiProvider.js";
 import { OverlayProvider } from "./overlays/Notifications/OverlayProvider.js";
-import { BASE_STYLES, BLOCK_STYLES, configure, filterBaseProps, tasty } from "@tenphi/tasty";
+import { BASE_STYLES, BLOCK_STYLES, configure, filterBaseProps, setGlobalPredefinedStates, tasty } from "@tenphi/tasty";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ModalProvider } from "react-aria";
 
 //#region src/components/Root.tsx
+setGlobalPredefinedStates({
+	"@dark": "@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))",
+	"@hc": "@root(contrast=high) | (!@root(contrast) & @media(prefers-contrast: more))"
+});
 configure({
 	colorSpace: "rgb",
 	units: {
@@ -100,7 +104,8 @@ function Root(allProps) {
 			event: tracking?.event,
 			children: /* @__PURE__ */ jsxs(RootElement, {
 				ref,
-				"data-tasty": VERSION,
+				"data-uikit": VERSION,
+				"data-tasty": TASTY_VERSION,
 				"data-font-display": fontDisplay,
 				...filterBaseProps(props, { eventProps: true }),
 				styles,

package/dist/components/Root.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.js","names":[],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { useEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { extractStyles } from '../utils/styles';\nimport { VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\nconfigure({\n  colorSpace: 'rgb',\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 | (@autofill & :hover) | (@autofill & :focus)': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      caretColor: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      shadow: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)':\n          '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '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  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\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    ...props\n  } = allProps;\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    <Provider navigation={navigation} root={rootRef}>\n      <TrackingProvider event={tracking?.event}>\n        <RootElement\n          ref={ref}\n          data-tasty={VERSION}\n          data-font-display={fontDisplay}\n          {...filterBaseProps(props, { eventProps: true })}\n          styles={styles}\n          style={{\n            '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n            ...style,\n          }}\n          tokens={tokens}\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>{children}</AlertDialogApiProvider>\n                </OverlayProvider>\n              </EventBusProvider>\n            </PortalProvider>\n          </ModalProvider>\n        </RootElement>\n      </TrackingProvider>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,UAAU;CACR,YAAY;CACZ,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACb,YAAY,EACV,2DAA2D,QAC5D;GACD,2BAA2B;IACzB,IAAI;IACJ,2DAA2D;IAC5D;GACD,YAAY,EACV,2DAA2D,YAC5D;GACD,QAAQ,EACN,2DACE,gCACH;GACD,QAAQ,EACN,2DAA2D,WAC5D;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,SAAS,CAAC,GAAG,aAAa,GAAG,aAAa;AAiBhD,SAAgB,KAAK,UAAyB;CAC5C,IAAI,EACF,UAEA,YACA,cAAc,QACd,OACA,WACA,YACA,MACA,eACA,mBAAmB,oBACnB,UACA,iBAAiB,OACjB,OACA,QACA,GAAG,UACD;CAEJ,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,CAAC,SAAS,cAAc,UAAU;AAExC,iBAAgB;AACd,MAAI,CAAC,QAEH,YAAW,KAAK,QAAQ;IAEzB,EAAE,CAAC;CAEN,MAAM,SAAS,cAAc,OAAO,OAAO;AAE3C,QACE,oBAAC;EAAqB;EAAY,MAAM;YACtC,oBAAC;GAAiB,OAAO,UAAU;aACjC,qBAAC;IACM;IACL,cAAY;IACZ,qBAAmB;IACnB,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;IACxC;IACR,OAAO;KACL,aAAa,mBAAmB,QAAQ,YAAY;KACpD,GAAG;KACJ;IACO;eAER,oBAAC;KACa;KACD;KACJ;KACD;KACS;KACF;MACb,EACF,oBAAC,2BACC,oBAAC;KAAe,OAAO;eACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BAAwB,WAAkC,GAC3C,GACD;MACJ,GACH;KACJ;IACG;GACV"}
+{"version":3,"file":"Root.js","names":[],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  BLOCK_STYLES,\n  configure,\n  filterBaseProps,\n  setGlobalPredefinedStates,\n  tasty,\n} from '@tenphi/tasty';\nimport { useEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { extractStyles } from '../utils/styles';\nimport { TASTY_VERSION, VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\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-schema=\"dark\">    → forces dark scheme\n//   <html data-contrast=\"high\">  → forces high-contrast scheme\n// Otherwise falls back to the user's `prefers-color-scheme` / `prefers-contrast`.\nsetGlobalPredefinedStates({\n  '@dark':\n    '@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))',\n  '@hc':\n    '@root(contrast=high) | (!@root(contrast) & @media(prefers-contrast: more))',\n});\n\nconfigure({\n  colorSpace: 'rgb',\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 | (@autofill & :hover) | (@autofill & :focus)': 'none',\n      },\n      '-webkit-text-fill-color': {\n        '': 'currentColor',\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      caretColor: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '#primary',\n      },\n      shadow: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)':\n          '0 0 0 9999rem #surface inset',\n      },\n      preset: {\n        '@autofill | (@autofill & :hover) | (@autofill & :focus)': '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  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\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    ...props\n  } = allProps;\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    <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          style={{\n            '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n            ...style,\n          }}\n          tokens={tokens}\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>{children}</AlertDialogApiProvider>\n                </OverlayProvider>\n              </EventBusProvider>\n            </PortalProvider>\n          </ModalProvider>\n        </RootElement>\n      </TrackingProvider>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA6BA,0BAA0B;CACxB,SACE;CACF,OACE;CACH,CAAC;AAEF,UAAU;CACR,YAAY;CACZ,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACb,YAAY,EACV,2DAA2D,QAC5D;GACD,2BAA2B;IACzB,IAAI;IACJ,2DAA2D;IAC5D;GACD,YAAY,EACV,2DAA2D,YAC5D;GACD,QAAQ,EACN,2DACE,gCACH;GACD,QAAQ,EACN,2DAA2D,WAC5D;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,SAAS,CAAC,GAAG,aAAa,GAAG,aAAa;AAiBhD,SAAgB,KAAK,UAAyB;CAC5C,IAAI,EACF,UAEA,YACA,cAAc,QACd,OACA,WACA,YACA,MACA,eACA,mBAAmB,oBACnB,UACA,iBAAiB,OACjB,OACA,QACA,GAAG,UACD;CAEJ,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,CAAC,SAAS,cAAc,UAAU;AAExC,iBAAgB;AACd,MAAI,CAAC,QAEH,YAAW,KAAK,QAAQ;IAEzB,EAAE,CAAC;CAEN,MAAM,SAAS,cAAc,OAAO,OAAO;AAE3C,QACE,oBAAC;EAAqB;EAAY,MAAM;YACtC,oBAAC;GAAiB,OAAO,UAAU;aACjC,qBAAC;IACM;IACL,cAAY;IACZ,cAAY;IACZ,qBAAmB;IACnB,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;IACxC;IACR,OAAO;KACL,aAAa,mBAAmB,QAAQ,YAAY;KACpD,GAAG;KACJ;IACO;eAER,oBAAC;KACa;KACD;KACJ;KACD;KACS;KACF;MACb,EACF,oBAAC,2BACC,oBAAC;KAAe,OAAO;eACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BAAwB,WAAkC,GAC3C,GACD;MACJ,GACH;KACJ;IACG;GACV"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Item } from "../../content/Item/Item.js";
 import { Button } from "../Button/Button.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/actions/ButtonSplit/context.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/actions/CommandMenu/styled.tsx
@@ -16,12 +16,12 @@ const StyledCommandMenu = tasty({
 		},
 		placeContent: "stretch",
 		placeItems: "stretch",
-		fill: "#white",
+		fill: "#surface",
 		border: "#border",
 		radius: "(1cr + 1bw)",
 		shadow: {
 			"": false,
-			"popover | tray": "0px 5px 15px #dark.05"
+			"popover | tray": "$shadow"
 		},
 		overflow: "hidden",
 		height: {

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/actions/CommandMenu/styled.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const StyledCommandMenu = tasty({\n  qa: 'CommandMenu',\n  styles: {\n    display: 'grid',\n    flow: 'row',\n    gridColumns: 'minmax(0, 1fr)',\n    gridRows: {\n      '': 'max-content minmax(0, 1fr)',\n      header: 'max-content max-content minmax(0, 1fr)',\n      footer: 'max-content minmax(0, 1fr) max-content max-content',\n      'header & footer':\n        'max-content max-content minmax(0, 1fr) max-content max-content',\n    },\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    fill: '#white',\n    border: '#border',\n    radius: '(1cr + 1bw)',\n    shadow: {\n      '': false,\n      'popover | tray': '0px 5px 15px #dark.05',\n    },\n    overflow: 'hidden',\n    height: {\n      '': 'initial',\n      popover: 'initial max-content (50vh - $size-md)',\n      tray: 'initial max-content (100vh - $size-md)',\n    },\n  },\n});\n\nexport const StyledSearchInput = tasty({\n  qa: 'SearchInput',\n  as: 'input',\n  styles: {\n    recipe: 'reset input / input-autofill',\n    display: 'grid',\n    width: '100%',\n    color: '#dark',\n    border: '#border bottom',\n    transition: 'theme',\n    radius: 0,\n    textAlign: 'left',\n    preset: 't3',\n    userSelect: 'auto',\n    height: '($size + 1x)',\n    padding: {\n      '': '.5x 1.5x',\n      prefix: '0 1.5x 0 .5x',\n    },\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n\n    Placeholder: {\n      $: '&::placeholder',\n      recipe: 'input-placeholder',\n    },\n    '&::-webkit-search-cancel-button': {\n      recipe: 'input-search-cancel-button',\n    },\n  },\n});\n\nexport const StyledLoadingWrapper = tasty({\n  qa: 'LoadingWrapper',\n  styles: {\n    display: 'flex',\n    padding: '2x',\n    placeContent: 'center',\n    placeItems: 'center',\n    color: '#dark-03',\n  },\n});\n\nexport const StyledEmptyState = tasty({\n  qa: 'EmptyState',\n  styles: {\n    display: 'flex',\n    padding: '2x',\n    placeContent: 'center',\n    placeItems: 'center',\n    color: '#dark-03',\n    preset: 't3',\n  },\n});\n\nexport const StyledMenuWrapper = tasty({\n  qa: 'MenuWrapper',\n  styles: {\n    display: 'grid',\n    flow: 'row',\n    gridColumns: 'minmax(0, 1fr)',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    width: '100%',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n"],"mappings":";;;;AAEA,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,aAAa;EACb,UAAU;GACR,IAAI;GACJ,QAAQ;GACR,QAAQ;GACR,mBACE;GACH;EACD,cAAc;EACd,YAAY;EACZ,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;GACN,IAAI;GACJ,kBAAkB;GACnB;EACD,UAAU;EACV,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,MAAM;GACP;EACF;CACF,CAAC;AAEF,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,WAAW;EACX,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;GACP,IAAI;GACJ,QAAQ;GACT;EAED,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;EAED,aAAa;GACX,GAAG;GACH,QAAQ;GACT;EACD,mCAAmC,EACjC,QAAQ,8BACT;EACF;CACF,CAAC;AAEF,MAAa,uBAAuB,MAAM;CACxC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,SAAS;EACT,cAAc;EACd,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAEF,MAAa,mBAAmB,MAAM;CACpC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,SAAS;EACT,cAAc;EACd,YAAY;EACZ,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,aAAa;EACb,cAAc;EACd,YAAY;EACZ,OAAO;EACP,UAAU;EACV,WAAW;EACZ;CACF,CAAC"}
+{"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/actions/CommandMenu/styled.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const StyledCommandMenu = tasty({\n  qa: 'CommandMenu',\n  styles: {\n    display: 'grid',\n    flow: 'row',\n    gridColumns: 'minmax(0, 1fr)',\n    gridRows: {\n      '': 'max-content minmax(0, 1fr)',\n      header: 'max-content max-content minmax(0, 1fr)',\n      footer: 'max-content minmax(0, 1fr) max-content max-content',\n      'header & footer':\n        'max-content max-content minmax(0, 1fr) max-content max-content',\n    },\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    fill: '#surface',\n    border: '#border',\n    radius: '(1cr + 1bw)',\n    shadow: {\n      '': false,\n      // Same as Menu (`src/components/actions/Menu/styled.tsx`) — use the\n      // `$shadow` token instead of a literal `#dark.05` shadow so the\n      // popover shadow stays a true *dark* shadow in dark mode.\n      'popover | tray': '$shadow',\n    },\n    overflow: 'hidden',\n    height: {\n      '': 'initial',\n      popover: 'initial max-content (50vh - $size-md)',\n      tray: 'initial max-content (100vh - $size-md)',\n    },\n  },\n});\n\nexport const StyledSearchInput = tasty({\n  qa: 'SearchInput',\n  as: 'input',\n  styles: {\n    recipe: 'reset input / input-autofill',\n    display: 'grid',\n    width: '100%',\n    color: '#dark',\n    border: '#border bottom',\n    transition: 'theme',\n    radius: 0,\n    textAlign: 'left',\n    preset: 't3',\n    userSelect: 'auto',\n    height: '($size + 1x)',\n    padding: {\n      '': '.5x 1.5x',\n      prefix: '0 1.5x 0 .5x',\n    },\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n\n    Placeholder: {\n      $: '&::placeholder',\n      recipe: 'input-placeholder',\n    },\n    '&::-webkit-search-cancel-button': {\n      recipe: 'input-search-cancel-button',\n    },\n  },\n});\n\nexport const StyledLoadingWrapper = tasty({\n  qa: 'LoadingWrapper',\n  styles: {\n    display: 'flex',\n    padding: '2x',\n    placeContent: 'center',\n    placeItems: 'center',\n    color: '#dark-03',\n  },\n});\n\nexport const StyledEmptyState = tasty({\n  qa: 'EmptyState',\n  styles: {\n    display: 'flex',\n    padding: '2x',\n    placeContent: 'center',\n    placeItems: 'center',\n    color: '#dark-03',\n    preset: 't3',\n  },\n});\n\nexport const StyledMenuWrapper = tasty({\n  qa: 'MenuWrapper',\n  styles: {\n    display: 'grid',\n    flow: 'row',\n    gridColumns: 'minmax(0, 1fr)',\n    placeContent: 'stretch',\n    placeItems: 'stretch',\n    width: '100%',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n"],"mappings":";;;;AAEA,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,aAAa;EACb,UAAU;GACR,IAAI;GACJ,QAAQ;GACR,QAAQ;GACR,mBACE;GACH;EACD,cAAc;EACd,YAAY;EACZ,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;GACN,IAAI;GAIJ,kBAAkB;GACnB;EACD,UAAU;EACV,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,MAAM;GACP;EACF;CACF,CAAC;AAEF,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,WAAW;EACX,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;GACP,IAAI;GACJ,QAAQ;GACT;EAED,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;EAED,aAAa;GACX,GAAG;GACH,QAAQ;GACT;EACD,mCAAmC,EACjC,QAAQ,8BACT;EACF;CACF,CAAC;AAEF,MAAa,uBAAuB,MAAM;CACxC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,SAAS;EACT,cAAc;EACd,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAEF,MAAa,mBAAmB,MAAM;CACpC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,SAAS;EACT,cAAc;EACd,YAAY;EACZ,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,aAAa;EACb,cAAc;EACd,YAAY;EACZ,OAAO;EACP,UAAU;EACV,WAAW;EACZ;CACF,CAAC"}

package/dist/components/actions/ItemAction/ItemAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_NEUTRAL_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, NOTE_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, WARNING_CLEAR_STYLES, WARNING_NEUTRAL_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES, WARNING_SECONDARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/actions/ItemButton/ItemButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { ItemActionProvider } from "../ItemActionContext.js";

package/dist/components/actions/Link/Link.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/actions/Menu/Menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _CollectionItem } from "../../CollectionItem.js";

package/dist/components/actions/Menu/MenuItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { filterCollectionItemProps } from "../../CollectionItem.js";
 import { _Item } from "../../content/Item/Item.js";

package/dist/components/actions/Menu/MenuSection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";

package/dist/components/actions/Menu/MenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext } from "./context.js";

package/dist/components/actions/Menu/SubMenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import { MenuContext, useMenuContext } from "./context.js";
 import { SubmenuTriggerContext } from "./SubmenuTriggerContext.js";
 import { generateRandomId } from "../../../utils/random.js";

package/dist/components/actions/Menu/SubmenuTriggerContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-fd2e2f2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7985452 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx