@cube-dev/ui-kit 0.0.0-canary-a2deb22 → 0.0.0-canary-e397738

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
-import { getTokens } from "../tokens/index.js";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
+import { TOKENS } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
 import { useMemo } from "react";
 
@@ -89,11 +89,11 @@ const STATIC_CSS = `
   pre[class*="language-"] {
     color: var(--surface-text-color);
     background: none;
-    font-family: var(--s3-font-family, var(--font-mono));
+    font-family: var(--font-mono);
     text-align: left;
-    font-weight: var(--s3-font-weight, 400);
-    font-size: var(--s3-font-size, 14px);
-    line-height: var(--s3-line-height, 20px);
+    font-weight: normal;
+    font-size: 14px;
+    line-height: 20px;
     white-space: pre;
     word-spacing: normal;
     word-break: normal;
@@ -217,12 +217,8 @@ const STATIC_CSS = `
     color: var(--code-function-color);
   }
 
-  /* HTML/XML tag names — same hue as keywords (see Colors / CodeSyntax) */
-  .token.tag {
-    color: var(--code-keyword-color);
-  }
-
-  /* Attributes / properties / selectors / built-ins — cyan */
+  /* Attributes / properties / tags / selectors / built-ins — cyan */
+  .token.tag,
   .token.attr-name,
   .token.property,
   .token.symbol,
@@ -232,23 +228,6 @@ const STATIC_CSS = `
     color: var(--code-attribute-color);
   }
 
-  /*
-   * prism-react-renderer flattens nested markup tokens and prefixes parent
-   * types onto each leaf (e.g. \`token tag attr-value\`). Re-assert leaf
-   * colors so the bare \`.token.tag\` rule does not wash the whole tag.
-   */
-  .token.tag.attr-name {
-    color: var(--code-attribute-color);
-  }
-
-  .token.tag.attr-value {
-    color: var(--code-string-color);
-  }
-
-  .token.tag.punctuation {
-    color: var(--code-punctuation-color);
-  }
-
   .token.important,
   .token.bold {
     font-weight: bold;
@@ -265,7 +244,7 @@ const STATIC_CSS = `
 function GlobalStyles(props) {
 	const { bodyStyles, font, monospaceFont } = props;
 	useGlobalStyles("body", useMemo(() => {
-		const styles = { ...getTokens() };
+		const styles = { ...TOKENS };
 		Object.assign(styles, BODY_STYLES);
 		if (bodyStyles) Object.assign(styles, bodyStyles);
 		return styles;

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 { getTokens } 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(--s3-font-family, var(--font-mono));\n    text-align: left;\n    font-weight: var(--s3-font-weight, 400);\n    font-size: var(--s3-font-size, 14px);\n    line-height: var(--s3-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  /* HTML/XML tag names — same hue as keywords (see Colors / CodeSyntax) */\n  .token.tag {\n    color: var(--code-keyword-color);\n  }\n\n  /* Attributes / properties / selectors / built-ins — cyan */\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  /*\n   * prism-react-renderer flattens nested markup tokens and prefixes parent\n   * types onto each leaf (e.g. \\`token tag attr-value\\`). Re-assert leaf\n   * colors so the bare \\`.token.tag\\` rule does not wash the whole tag.\n   */\n  .token.tag.attr-name {\n    color: var(--code-attribute-color);\n  }\n\n  .token.tag.attr-value {\n    color: var(--code-string-color);\n  }\n\n  .token.tag.punctuation {\n    color: var(--code-punctuation-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. getTokens() resolves glaze colors\n  // against the live config on first call (after host glaze.configure).\n  const bodyTokenStyles = useMemo((): Styles => {\n    const styles: Styles = { ...getTokens() };\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgPnB,SAAgB,aAAa,OAA0B;CACrD,MAAM,EAAE,YAAY,MAAM,kBAAkB;AAoB5C,iBAAgB,QAhBQ,cAAsB;EAC5C,MAAM,SAAiB,EAAE,GAAG,WAAW,EAAE;AAGzC,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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/HiddenInput.tsx

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Item } from "../../content/Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/actions/CommandMenu/styled.tsx

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | 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-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -1 +1 @@
-{"version":3,"file":"MenuTrigger.js","names":["Tray","Popover"],"sources":["../../../../src/components/actions/Menu/MenuTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useObjectRef } from '@react-aria/utils';\nimport { useIsMobileDevice } from '@react-spectrum/utils';\nimport {\n  forwardRef,\n  Fragment,\n  MutableRefObject,\n  ReactElement,\n  Ref,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  FocusScope,\n  Placement,\n  PositionProps,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { MenuTriggerState, useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { SlotProvider } from '../../../utils/react';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover, Tray } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue } from './context';\n\nexport type { AriaMenuTriggerProps };\n\nexport type CubeMenuTriggerProps = AriaMenuTriggerProps &\n  PositionProps & {\n    isDisabled?: boolean;\n    children: [\n      ReactElement | ((state: MenuTriggerState) => ReactElement),\n      ReactElement,\n    ];\n\n    closeOnSelect?: boolean;\n    isDummy?: boolean;\n    /**\n     * External ref to the popover container element. When provided, it is\n     * aliased to the internal `menuPopoverRef`, letting consumers (e.g.\n     * `useAnchoredMenu` / `useContextMenu`) feed the popover container into\n     * their own `usePopoverSync` so the nested-popover guard can recognize\n     * submenus opened inside this menu. Optional.\n     */\n    popoverRef?: MutableRefObject<HTMLDivElement | null>;\n    /**\n     * Overlay variant to use on mobile screens. Defaults to `'popover'`, which\n     * keeps the desktop overlay even on small viewports. Pass `'tray'` to opt\n     * into the bottom-sheet `Tray` overlay on mobile (the previous implicit\n     * default). Mirrors the `mobileType` API on `DialogTrigger`.\n     */\n    mobileType?: 'popover' | 'tray';\n  };\n\nfunction MenuTrigger(props: CubeMenuTriggerProps, ref: Ref<HTMLElement>) {\n  const internalPopoverRef = useRef<HTMLDivElement>(null);\n  const menuPopoverRef = props.popoverRef ?? internalPopoverRef;\n  const triggerRef = useRef<HTMLElement>(null);\n  const domRef = useObjectRef(ref);\n  const menuTriggerRef = props.targetRef || domRef || triggerRef;\n  const menuRef = useRef<HTMLUListElement>(null);\n  const wasOpenRef = useRef(false);\n  const {\n    children,\n    shouldFlip = true,\n    closeOnSelect,\n    trigger = 'press',\n    isDisabled,\n    isDummy,\n    mobileType = 'popover',\n  } = props;\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('MenuTrigger must have exactly 2 children');\n  }\n\n  let [menuTrigger, menu] = children;\n  const state: MenuTriggerState = useMenuTriggerState(props);\n\n  usePopoverSync({\n    menuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    enabled: !isDummy,\n    triggerRef: menuTriggerRef,\n    containerRef: menuPopoverRef,\n  });\n\n  // Restore focus manually when the menu closes\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current && !isDummy) {\n      wasOpenRef.current = false;\n      // Use setTimeout to ensure focus restoration happens after any animations\n      setTimeout(() => {\n        menuTriggerRef.current?.focus();\n      }, 0);\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, menuTriggerRef, isDummy]);\n\n  if (typeof menuTrigger === 'function') {\n    menuTrigger = (menuTrigger as CubeMenuTriggerProps['children'][0])(state);\n  }\n\n  const { menuTriggerProps, menuProps } = useMenuTrigger(\n    { isDisabled },\n    state,\n    menuTriggerRef,\n  );\n\n  let initialPlacement: Placement = props.placement ?? 'bottom start';\n\n  // Tray rendering is now opt-in via `mobileType=\"tray\"` (matches DialogTrigger).\n  // Without that opt-in, MenuTrigger always renders a Popover so that environments\n  // like jsdom (where `window.screen.width === 0` makes useIsMobileDevice() true)\n  // don't accidentally swap in the tray overlay.\n  const isMobileDevice = useIsMobileDevice();\n  const isTray = mobileType === 'tray' && isMobileDevice;\n  const { overlayProps: positionProps, placement } = useOverlayPosition({\n    targetRef: menuTriggerRef,\n    overlayRef: menuPopoverRef,\n    scrollRef: menuRef,\n    placement: initialPlacement,\n    shouldFlip: shouldFlip,\n    isOpen: state.isOpen && !isTray,\n    onClose: state.close,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset ?? 0,\n  });\n\n  const menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: (state.focusStrategy as any) ?? 'first',\n    style: isTray\n      ? {\n          width: '100%',\n          maxHeight: 'inherit',\n        }\n      : undefined,\n    mods: {\n      popover: !isTray,\n      tray: isTray,\n    },\n    isClosing: !state.isOpen,\n  } as MenuContextValue;\n\n  // Wrap in a FocusScope so the menu popover registers as a child of any\n  // outer contained FocusScope (e.g. a parent Dialog/Popover). Without this,\n  // when the menu opens inside an outer contained FocusScope, the outer\n  // scope rejects focus moving into the menu items (which live in a portal\n  // and would otherwise belong to no scope) and yanks focus back to the\n  // menu trigger.\n  const contents = (\n    <FocusScope restoreFocus>\n      <DismissButton onDismiss={state.close} />\n      {menu}\n      <DismissButton onDismiss={state.close} />\n    </FocusScope>\n  );\n\n  // Shared between the Popover and Tray branches so both react-aria\n  // `useOverlay` calls see the same predicate. Without this, the Tray branch\n  // falls back to unconditional dismiss-on-outside-interaction, which\n  // `useOverlay` translates into stopPropagation/preventDefault in the\n  // capture phase — that swallows clicks on sibling triggers (see Menu\n  // rapid-open test).\n  //\n  // `useEvent` gives us a single stable callback reference for the lifetime\n  // of the component while always reading the latest closure values. This\n  // matters because `useMenuTriggerState` returns a fresh `state` object on\n  // every render, so a vanilla `useCallback([..., state])` would produce a\n  // new function every render and defeat any stability guarantees consumers\n  // rely on.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    // While `Popover` is animating out, `useInteractOutside`'s capture-phase\n    // listener is still attached (jsdom 29+ uses pointerdown/click capture).\n    // The animation lasts ~350ms; without this guard, clicks on a sibling\n    // trigger during the exit window get stopPropagation()'d and the\n    // sibling's `onClick` never runs — breaking rapid-open and \"open menu\n    // again with new props\" flows. Reading `state.isOpen` directly is safe\n    // because `useEvent` always sees the latest closure.\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      // Plain interactive controls (Button, ItemButton) opt in via\n      // `data-popover-dismiss`. We schedule the close via setTimeout(0) so\n      // it lands AFTER the click event finishes — the button's onPress\n      // fires first, then the popover closes. Without this, useOverlay\n      // would stopPropagation() the click and the user would need a second\n      // click to actually press the button.\n      if (el.closest('[data-popover-dismiss]')) {\n        setTimeout(() => state.close(), 0);\n        return false;\n      }\n      return true;\n    }\n    if (\n      isDummy &&\n      (menuTriggerEl === menuTriggerRef.current ||\n        menuTriggerRef.current?.contains(el))\n    ) {\n      return true;\n    }\n    if (menuTriggerEl === menuTriggerRef.current) return true;\n    return false;\n  });\n\n  let overlay;\n  if (isTray) {\n    overlay = (\n      <Tray\n        isOpen={state.isOpen}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        ref={menuPopoverRef}\n        hideArrow\n        isNonModal\n        isOpen={state.isOpen}\n        style={positionProps.style}\n        placement={placement}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider\n        slots={{ actionButton: { holdAffordance: trigger === 'longPress' } }}\n      >\n        {!isDummy ? (\n          <PressResponder\n            {...menuTriggerProps}\n            ref={menuTriggerRef}\n            data-popover-trigger\n            isPressed={state.isOpen}\n          >\n            {menuTrigger}\n          </PressResponder>\n        ) : null}\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>{overlay}</MenuContext.Provider>\n    </Fragment>\n  );\n}\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nlet _MenuTrigger = forwardRef(MenuTrigger);\n\n_MenuTrigger.displayName = 'MenuTrigger';\n\nexport { _MenuTrigger as MenuTrigger };\n"],"mappings":"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"}
+{"version":3,"file":"MenuTrigger.js","names":["Tray","Popover"],"sources":["../../../../src/components/actions/Menu/MenuTrigger.tsx"],"sourcesContent":["import { PressResponder } from '@react-aria/interactions';\nimport { useObjectRef } from '@react-aria/utils';\nimport { useIsMobileDevice } from '@react-spectrum/utils';\nimport {\n  forwardRef,\n  Fragment,\n  MutableRefObject,\n  ReactElement,\n  Ref,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  AriaMenuTriggerProps,\n  DismissButton,\n  FocusScope,\n  Placement,\n  PositionProps,\n  useMenuTrigger,\n  useOverlayPosition,\n} from 'react-aria';\nimport { MenuTriggerState, useMenuTriggerState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { SlotProvider } from '../../../utils/react';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { Popover, Tray } from '../../overlays/Modal';\n\nimport { MenuContext, MenuContextValue } from './context';\n\nexport type { AriaMenuTriggerProps };\n\nexport type CubeMenuTriggerProps = AriaMenuTriggerProps &\n  PositionProps & {\n    isDisabled?: boolean;\n    children: [\n      ReactElement | ((state: MenuTriggerState) => ReactElement),\n      ReactElement,\n    ];\n\n    closeOnSelect?: boolean;\n    isDummy?: boolean;\n    /**\n     * External ref to the popover container element. When provided, it is\n     * aliased to the internal `menuPopoverRef`, letting consumers (e.g.\n     * `useAnchoredMenu` / `useContextMenu`) feed the popover container into\n     * their own `usePopoverSync` so the nested-popover guard can recognize\n     * submenus opened inside this menu. Optional.\n     */\n    popoverRef?: MutableRefObject<HTMLDivElement | null>;\n    /**\n     * Overlay variant to use on mobile screens. Defaults to `'popover'`, which\n     * keeps the desktop overlay even on small viewports. Pass `'tray'` to opt\n     * into the bottom-sheet `Tray` overlay on mobile (the previous implicit\n     * default). Mirrors the `mobileType` API on `DialogTrigger`.\n     */\n    mobileType?: 'popover' | 'tray';\n  };\n\nfunction MenuTrigger(props: CubeMenuTriggerProps, ref: Ref<HTMLElement>) {\n  const internalPopoverRef = useRef<HTMLDivElement>(null);\n  const menuPopoverRef = props.popoverRef ?? internalPopoverRef;\n  const triggerRef = useRef<HTMLElement>(null);\n  const domRef = useObjectRef(ref);\n  const menuTriggerRef = props.targetRef || domRef || triggerRef;\n  const menuRef = useRef<HTMLUListElement>(null);\n  const wasOpenRef = useRef(false);\n  const {\n    children,\n    shouldFlip = true,\n    closeOnSelect,\n    trigger = 'press',\n    isDisabled,\n    isDummy,\n    mobileType = 'popover',\n  } = props;\n\n  // Generate a unique ID for this menu instance\n  const menuId = useMemo(() => generateRandomId(), []);\n\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('MenuTrigger must have exactly 2 children');\n  }\n\n  let [menuTrigger, menu] = children;\n  const state: MenuTriggerState = useMenuTriggerState(props);\n\n  usePopoverSync({\n    menuId,\n    isOpen: state.isOpen,\n    onClose: () => state.close(),\n    enabled: !isDummy,\n    triggerRef: menuTriggerRef,\n    containerRef: menuPopoverRef,\n  });\n\n  // Restore focus manually when the menu closes\n  useEffect(() => {\n    if (!state.isOpen && wasOpenRef.current && !isDummy) {\n      wasOpenRef.current = false;\n      // Use setTimeout to ensure focus restoration happens after any animations\n      setTimeout(() => {\n        menuTriggerRef.current?.focus();\n      }, 0);\n    } else if (state.isOpen) {\n      wasOpenRef.current = true;\n    }\n  }, [state.isOpen, menuTriggerRef, isDummy]);\n\n  if (typeof menuTrigger === 'function') {\n    menuTrigger = (menuTrigger as CubeMenuTriggerProps['children'][0])(state);\n  }\n\n  const { menuTriggerProps, menuProps } = useMenuTrigger(\n    { isDisabled },\n    state,\n    menuTriggerRef,\n  );\n\n  let initialPlacement: Placement = props.placement ?? 'bottom start';\n\n  // Tray rendering is now opt-in via `mobileType=\"tray\"` (matches DialogTrigger).\n  // Without that opt-in, MenuTrigger always renders a Popover so that environments\n  // like happy-dom/jsdom (where `window.screen.width === 0` makes useIsMobileDevice() true)\n  // don't accidentally swap in the tray overlay.\n  const isMobileDevice = useIsMobileDevice();\n  const isTray = mobileType === 'tray' && isMobileDevice;\n  const { overlayProps: positionProps, placement } = useOverlayPosition({\n    targetRef: menuTriggerRef,\n    overlayRef: menuPopoverRef,\n    scrollRef: menuRef,\n    placement: initialPlacement,\n    shouldFlip: shouldFlip,\n    isOpen: state.isOpen && !isTray,\n    onClose: state.close,\n    containerPadding: props.containerPadding,\n    offset: props.offset ?? 8,\n    crossOffset: props.crossOffset ?? 0,\n  });\n\n  const menuContext = {\n    ...menuProps,\n    ref: menuRef,\n    onClose: state.close,\n    closeOnSelect,\n    autoFocus: (state.focusStrategy as any) ?? 'first',\n    style: isTray\n      ? {\n          width: '100%',\n          maxHeight: 'inherit',\n        }\n      : undefined,\n    mods: {\n      popover: !isTray,\n      tray: isTray,\n    },\n    isClosing: !state.isOpen,\n  } as MenuContextValue;\n\n  // Wrap in a FocusScope so the menu popover registers as a child of any\n  // outer contained FocusScope (e.g. a parent Dialog/Popover). Without this,\n  // when the menu opens inside an outer contained FocusScope, the outer\n  // scope rejects focus moving into the menu items (which live in a portal\n  // and would otherwise belong to no scope) and yanks focus back to the\n  // menu trigger.\n  const contents = (\n    <FocusScope restoreFocus>\n      <DismissButton onDismiss={state.close} />\n      {menu}\n      <DismissButton onDismiss={state.close} />\n    </FocusScope>\n  );\n\n  // Shared between the Popover and Tray branches so both react-aria\n  // `useOverlay` calls see the same predicate. Without this, the Tray branch\n  // falls back to unconditional dismiss-on-outside-interaction, which\n  // `useOverlay` translates into stopPropagation/preventDefault in the\n  // capture phase — that swallows clicks on sibling triggers (see Menu\n  // rapid-open test).\n  //\n  // `useEvent` gives us a single stable callback reference for the lifetime\n  // of the component while always reading the latest closure values. This\n  // matters because `useMenuTriggerState` returns a fresh `state` object on\n  // every render, so a vanilla `useCallback([..., state])` would produce a\n  // new function every render and defeat any stability guarantees consumers\n  // rely on.\n  const shouldCloseOnInteractOutside = useEvent((el: Element) => {\n    // While `Popover` is animating out, `useInteractOutside`'s capture-phase\n    // listener is still attached (headless DOM uses pointerdown/click capture).\n    // The animation lasts ~350ms; without this guard, clicks on a sibling\n    // trigger during the exit window get stopPropagation()'d and the\n    // sibling's `onClick` never runs — breaking rapid-open and \"open menu\n    // again with new props\" flows. Reading `state.isOpen` directly is safe\n    // because `useEvent` always sees the latest closure.\n    if (!state.isOpen) return false;\n\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (!menuTriggerEl) {\n      if (el.closest('[data-popover-keep]')) return false;\n      // Plain interactive controls (Button, ItemButton) opt in via\n      // `data-popover-dismiss`. We schedule the close via setTimeout(0) so\n      // it lands AFTER the click event finishes — the button's onPress\n      // fires first, then the popover closes. Without this, useOverlay\n      // would stopPropagation() the click and the user would need a second\n      // click to actually press the button.\n      if (el.closest('[data-popover-dismiss]')) {\n        setTimeout(() => state.close(), 0);\n        return false;\n      }\n      return true;\n    }\n    if (\n      isDummy &&\n      (menuTriggerEl === menuTriggerRef.current ||\n        menuTriggerRef.current?.contains(el))\n    ) {\n      return true;\n    }\n    if (menuTriggerEl === menuTriggerRef.current) return true;\n    return false;\n  });\n\n  let overlay;\n  if (isTray) {\n    overlay = (\n      <Tray\n        isOpen={state.isOpen}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Tray>\n    );\n  } else {\n    overlay = (\n      <Popover\n        ref={menuPopoverRef}\n        hideArrow\n        isNonModal\n        isOpen={state.isOpen}\n        style={positionProps.style}\n        placement={placement}\n        shouldCloseOnInteractOutside={shouldCloseOnInteractOutside}\n        onClose={state.close}\n      >\n        {contents}\n      </Popover>\n    );\n  }\n\n  return (\n    <Fragment>\n      <SlotProvider\n        slots={{ actionButton: { holdAffordance: trigger === 'longPress' } }}\n      >\n        {!isDummy ? (\n          <PressResponder\n            {...menuTriggerProps}\n            ref={menuTriggerRef}\n            data-popover-trigger\n            isPressed={state.isOpen}\n          >\n            {menuTrigger}\n          </PressResponder>\n        ) : null}\n      </SlotProvider>\n      <MenuContext.Provider value={menuContext}>{overlay}</MenuContext.Provider>\n    </Fragment>\n  );\n}\n\n/**\n * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,\n * linking the Menu's open state with the trigger's press state.\n */\nlet _MenuTrigger = forwardRef(MenuTrigger);\n\n_MenuTrigger.displayName = 'MenuTrigger';\n\nexport { _MenuTrigger as MenuTrigger };\n"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { DEFAULT_CLEAR_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";

package/dist/components/actions/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
 import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
 import { ItemAction } from "./ItemAction/ItemAction.js";

package/dist/components/actions/use-action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useFocus as useFocus$1 } from "../../utils/react/interactions.js";

package/dist/components/actions/use-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-action.js","names":["useFocus","mergeProps"],"sources":["../../../src/components/actions/use-action.ts"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, PressEvent } from '@react-types/shared';\nimport { AllBaseProps, filterBaseProps, TagName } from '@tenphi/tasty';\nimport { useContext } from 'react';\nimport { AriaButtonProps, useButton, useHover } from 'react-aria';\n\nimport { useEvent } from '../../_internal';\nimport { UIKitContext } from '../../provider';\nimport { useTracking } from '../../providers/TrackingProvider';\nimport { mergeProps } from '../../utils/react';\nimport { useFocus } from '../../utils/react/interactions';\n\n// Import specific types for internal usage\nimport type {\n  NavigateArg,\n  NavigateOptions,\n  Path,\n  To,\n} from '../../providers/navigation.types';\n\nconst LINK_PRESS_EVENT = 'Link Press';\nconst BUTTON_PRESS_EVENT = 'Button Press';\n\n// Re-export types for convenience\nexport type {\n  NavigateLike,\n  Path,\n  To,\n  NavigateArg,\n  NavigateOptions,\n  RelativeRoutingType,\n} from '../../providers/navigation.types';\n\nexport interface CubeUseActionProps<\n  T extends TagName = 'a' | 'button' | 'span' | 'div',\n> extends AllBaseProps<T>,\n    Omit<AriaButtonProps, 'type'> {\n  to?: NavigateArg;\n  label?: string;\n  htmlType?: 'button' | 'submit' | 'reset' | undefined;\n  navigationOptions?: NavigateOptions;\n}\n\nconst FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };\n\n/**\n * Helper to open link.\n * @param {String} href\n * @param {String|Boolean} [target]\n */\nexport function openLink(href, target?) {\n  const link = document.createElement('a');\n\n  link.href = href;\n\n  if (target) {\n    link.target = target === true ? '_blank' : target;\n    // Prevent reverse tabnabbing when opening in a new tab\n    link.rel = 'noopener noreferrer';\n  }\n\n  document.body.appendChild(link);\n\n  link.click();\n\n  document.body.removeChild(link);\n}\n\n/**\n * Checks if a URL is external (absolute HTTP(S), protocol-relative, or non-http protocols)\n */\nfunction isExternalUrl(url: string): boolean {\n  return (\n    url.startsWith('http://') ||\n    url.startsWith('https://') ||\n    url.startsWith('//') ||\n    (url.includes(':') && !url.startsWith('#'))\n  );\n}\n\nexport function parseTo(to: NavigateArg | undefined): {\n  newTab: boolean;\n  nativeRoute: boolean;\n  cleanTo: To | undefined;\n  isHistoryNavigation: boolean;\n  historyDelta?: number;\n  isHashNavigation: boolean;\n  isExternal: boolean;\n} {\n  // Handle number (history navigation)\n  if (typeof to === 'number') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: true,\n      historyDelta: to,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle object path\n  if (to && typeof to === 'object') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: to,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle string\n  if (!to || typeof to !== 'string') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  const newTab = to.startsWith('!');\n  const nativeRoute = to.startsWith('@');\n  const isHashNavigation = to.startsWith('#');\n  const cleanTo = newTab || nativeRoute ? to.slice(1) : to;\n  const isExternal = typeof cleanTo === 'string' && isExternalUrl(cleanTo);\n\n  return {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation: false,\n    isHashNavigation,\n    isExternal,\n  };\n}\n\ninterface SanitizedPressEvent {\n  type?: string;\n  pointerType?: string;\n  shiftKey: boolean;\n  metaKey: boolean;\n  ctrlKey: boolean;\n  altKey: boolean;\n  // target is defined as a non-enumerable property below\n  [key: string]: unknown; // allow non-enumerable 'target'\n}\n\nfunction sanitizePressEvent(evt: PressEvent): SanitizedPressEvent {\n  const safeEvt: SanitizedPressEvent = {\n    type: 'type' in evt ? evt.type : undefined,\n    pointerType:\n      'pointerType' in evt\n        ? (evt as { pointerType?: string }).pointerType\n        : undefined,\n    shiftKey:\n      'shiftKey' in evt ? !!(evt as { shiftKey?: boolean }).shiftKey : false,\n    metaKey:\n      'metaKey' in evt ? !!(evt as { metaKey?: boolean }).metaKey : false,\n    ctrlKey:\n      'ctrlKey' in evt ? !!(evt as { ctrlKey?: boolean }).ctrlKey : false,\n    altKey: 'altKey' in evt ? !!(evt as { altKey?: boolean }).altKey : false,\n  };\n  try {\n    Object.defineProperty(safeEvt, 'target', {\n      value: 'target' in evt ? (evt as { target?: unknown }).target : undefined,\n      enumerable: false,\n      configurable: true,\n    });\n  } catch (e) {\n    // Failed to define target property - continue without it\n  }\n  return safeEvt;\n}\n\nexport function performClickHandler(\n  evt,\n  { navigate, resolvedHref, to, onPress, tracking, navigationOptions },\n) {\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    historyDelta,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n  const element = evt.target;\n  const qa = element?.getAttribute('data-qa');\n\n  onPress?.(sanitizePressEvent(evt));\n\n  if (to == null) {\n    // Allow 0 as valid navigation (go to current page)\n    tracking.event(BUTTON_PRESS_EVENT, { qa }, element);\n    return;\n  }\n\n  // Handle history navigation (back/forward)\n  if (isHistoryNavigation && typeof historyDelta === 'number') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, delta: historyDelta, type: 'router-history' },\n      element,\n    );\n    navigate(historyDelta);\n    return;\n  }\n\n  // Handle hash navigation (smooth scroll)\n  if (isHashNavigation && typeof to === 'string') {\n    const id = to.slice(1);\n    const targetElement = document.getElementById(id);\n\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: to, type: 'hash', target: id },\n      element,\n    );\n\n    if (targetElement) {\n      targetElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n        inline: 'nearest',\n      });\n    }\n    return;\n  }\n\n  // Handle new tab (via ! prefix or user modifiers)\n  if (evt.shiftKey || evt.metaKey || (evt as any).ctrlKey || newTab) {\n    openLink(resolvedHref, true);\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'tab' },\n      element,\n    );\n    return;\n  }\n\n  // Handle @ prefix (native navigation)\n  if (nativeRoute) {\n    if (cleanTo === '' || cleanTo === undefined) {\n      // @'' or @ -> reload current page\n      tracking.event(LINK_PRESS_EVENT, { qa, type: 'native' }, element);\n      window.location.reload();\n    } else {\n      // @path -> navigate to resolved path natively\n      tracking.event(\n        LINK_PRESS_EVENT,\n        { qa, href: resolvedHref, type: 'native' },\n        element,\n      );\n      window.location.assign(resolvedHref);\n    }\n    return;\n  }\n\n  // Handle external URLs (always native)\n  if (isExternal && typeof cleanTo === 'string') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: cleanTo, type: 'native' },\n      element,\n    );\n    window.location.assign(cleanTo);\n    return;\n  }\n\n  // Handle router navigation\n  if (cleanTo !== undefined) {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'router' },\n      element,\n    );\n    navigate(cleanTo, navigationOptions);\n  }\n}\n\nexport const useAction = function useAction(\n  {\n    to,\n    as,\n    htmlType,\n    label,\n    mods,\n    onPress,\n    navigationOptions,\n    ...props\n  }: CubeUseActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const tracking = useTracking();\n  const navigation = useContext(UIKitContext).navigation;\n  const isDisabled = props.isDisabled;\n\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n\n  // Always call navigation hooks (using fallback when to is not provided)\n  const fallbackTo = to || '.';\n  const navigate = navigation.useNavigate();\n  const resolvedHref = navigation.useHref(fallbackTo);\n  // Always resolve cleanTo href to avoid conditional hook calls\n  const cleanToHref = navigation.useHref(cleanTo || '.');\n\n  // Determine element type: 'a' for navigation, 'button' for actions\n  as = to && !isHistoryNavigation ? 'a' : as || 'button';\n\n  // Compute target (prefixes override explicit target prop per spec)\n  const target = newTab ? '_blank' : props.target;\n\n  // Compute href for anchor elements\n  let href: string | undefined;\n  if (as === 'a' && cleanTo !== undefined) {\n    if (newTab || nativeRoute) {\n      // For ! and @ prefixes, resolve the clean path\n      href =\n        typeof cleanTo === 'string' && isExternal\n          ? cleanTo // External URLs as-is\n          : cleanToHref;\n    } else {\n      // Regular navigation\n      href = resolvedHref;\n    }\n  }\n\n  const domRef = useFocusableRef(ref);\n\n  // Use navigation options directly\n  const mergedNavigationOptions = navigationOptions;\n\n  const customOnPress = useEvent((evt: PressEvent) => {\n    performClickHandler(evt, {\n      navigate,\n      resolvedHref: href || resolvedHref,\n      to,\n      onPress,\n      tracking,\n      navigationOptions: mergedNavigationOptions,\n    });\n  });\n\n  let { buttonProps, isPressed } = useButton(\n    {\n      'aria-label': label, // @TODO: remove label prop\n      ...props,\n      onPress: customOnPress,\n    },\n    domRef,\n  );\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus({ isDisabled }, true);\n\n  const customProps =\n    to && !isHistoryNavigation\n      ? {\n          onClick(evt) {\n            evt.preventDefault();\n          },\n        }\n      : {};\n\n  return {\n    isPressed,\n    actionProps: {\n      mods: {\n        hovered: isHovered && !isDisabled,\n        pressed: isPressed && !isDisabled,\n        focused: isFocused && !isDisabled,\n        disabled: isDisabled,\n        ...mods,\n      },\n      ...(mergeProps(\n        buttonProps,\n        hoverProps,\n        focusProps,\n        customProps,\n        filterBaseProps(props, FILTER_OPTIONS),\n      ) as object),\n      ref: domRef,\n      type: htmlType || 'button',\n      rel: as === 'a' && newTab ? 'noopener noreferrer' : undefined,\n      as,\n      isDisabled,\n      target,\n      href,\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,mBAAmB;AACzB,MAAM,qBAAqB;AAsB3B,MAAM,iBAAiB,EAAE,WAAW,IAAI,IAAI,CAAC,gBAAgB,eAAe,CAAC,EAAE;;;;;;AAO/E,SAAgB,SAAS,MAAM,QAAS;CACtC,MAAM,OAAO,SAAS,cAAc,IAAI;AAExC,MAAK,OAAO;AAEZ,KAAI,QAAQ;AACV,OAAK,SAAS,WAAW,OAAO,WAAW;AAE3C,OAAK,MAAM;;AAGb,UAAS,KAAK,YAAY,KAAK;AAE/B,MAAK,OAAO;AAEZ,UAAS,KAAK,YAAY,KAAK;;;;;AAMjC,SAAS,cAAc,KAAsB;AAC3C,QACE,IAAI,WAAW,UAAU,IACzB,IAAI,WAAW,WAAW,IAC1B,IAAI,WAAW,KAAK,IACnB,IAAI,SAAS,IAAI,IAAI,CAAC,IAAI,WAAW,IAAI;;AAI9C,SAAgB,QAAQ,IAQtB;AAEA,KAAI,OAAO,OAAO,SAChB,QAAO;EACL,QAAQ;EACR,aAAa;EACb,SAAS;EACT,qBAAqB;EACrB,cAAc;EACd,kBAAkB;EAClB,YAAY;EACb;AAIH,KAAI,MAAM,OAAO,OAAO,SACtB,QAAO;EACL,QAAQ;EACR,aAAa;EACb,SAAS;EACT,qBAAqB;EACrB,kBAAkB;EAClB,YAAY;EACb;AAIH,KAAI,CAAC,MAAM,OAAO,OAAO,SACvB,QAAO;EACL,QAAQ;EACR,aAAa;EACb,SAAS;EACT,qBAAqB;EACrB,kBAAkB;EAClB,YAAY;EACb;CAGH,MAAM,SAAS,GAAG,WAAW,IAAI;CACjC,MAAM,cAAc,GAAG,WAAW,IAAI;CACtC,MAAM,mBAAmB,GAAG,WAAW,IAAI;CAC3C,MAAM,UAAU,UAAU,cAAc,GAAG,MAAM,EAAE,GAAG;AAGtD,QAAO;EACL;EACA;EACA;EACA,qBAAqB;EACrB;EACA,YARiB,OAAO,YAAY,YAAY,cAAc,QAAQ;EASvE;;AAcH,SAAS,mBAAmB,KAAsC;CAChE,MAAM,UAA+B;EACnC,MAAM,UAAU,MAAM,IAAI,OAAO;EACjC,aACE,iBAAiB,MACZ,IAAiC,cAClC;EACN,UACE,cAAc,MAAM,CAAC,CAAE,IAA+B,WAAW;EACnE,SACE,aAAa,MAAM,CAAC,CAAE,IAA8B,UAAU;EAChE,SACE,aAAa,MAAM,CAAC,CAAE,IAA8B,UAAU;EAChE,QAAQ,YAAY,MAAM,CAAC,CAAE,IAA6B,SAAS;EACpE;AACD,KAAI;AACF,SAAO,eAAe,SAAS,UAAU;GACvC,OAAO,YAAY,MAAO,IAA6B,SAAS;GAChE,YAAY;GACZ,cAAc;GACf,CAAC;UACK,GAAG;AAGZ,QAAO;;AAGT,SAAgB,oBACd,KACA,EAAE,UAAU,cAAc,IAAI,SAAS,UAAU,qBACjD;CACA,MAAM,EACJ,QACA,aACA,SACA,qBACA,cACA,kBACA,eACE,QAAQ,GAAG;CACf,MAAM,UAAU,IAAI;CACpB,MAAM,KAAK,SAAS,aAAa,UAAU;AAE3C,WAAU,mBAAmB,IAAI,CAAC;AAElC,KAAI,MAAM,MAAM;AAEd,WAAS,MAAM,oBAAoB,EAAE,IAAI,EAAE,QAAQ;AACnD;;AAIF,KAAI,uBAAuB,OAAO,iBAAiB,UAAU;AAC3D,WAAS,MACP,kBACA;GAAE;GAAI,OAAO;GAAc,MAAM;GAAkB,EACnD,QACD;AACD,WAAS,aAAa;AACtB;;AAIF,KAAI,oBAAoB,OAAO,OAAO,UAAU;EAC9C,MAAM,KAAK,GAAG,MAAM,EAAE;EACtB,MAAM,gBAAgB,SAAS,eAAe,GAAG;AAEjD,WAAS,MACP,kBACA;GAAE;GAAI,MAAM;GAAI,MAAM;GAAQ,QAAQ;GAAI,EAC1C,QACD;AAED,MAAI,cACF,eAAc,eAAe;GAC3B,UAAU;GACV,OAAO;GACP,QAAQ;GACT,CAAC;AAEJ;;AAIF,KAAI,IAAI,YAAY,IAAI,WAAY,IAAY,WAAW,QAAQ;AACjE,WAAS,cAAc,KAAK;AAC5B,WAAS,MACP,kBACA;GAAE;GAAI,MAAM;GAAc,MAAM;GAAO,EACvC,QACD;AACD;;AAIF,KAAI,aAAa;AACf,MAAI,YAAY,MAAM,YAAY,QAAW;AAE3C,YAAS,MAAM,kBAAkB;IAAE;IAAI,MAAM;IAAU,EAAE,QAAQ;AACjE,UAAO,SAAS,QAAQ;SACnB;AAEL,YAAS,MACP,kBACA;IAAE;IAAI,MAAM;IAAc,MAAM;IAAU,EAC1C,QACD;AACD,UAAO,SAAS,OAAO,aAAa;;AAEtC;;AAIF,KAAI,cAAc,OAAO,YAAY,UAAU;AAC7C,WAAS,MACP,kBACA;GAAE;GAAI,MAAM;GAAS,MAAM;GAAU,EACrC,QACD;AACD,SAAO,SAAS,OAAO,QAAQ;AAC/B;;AAIF,KAAI,YAAY,QAAW;AACzB,WAAS,MACP,kBACA;GAAE;GAAI,MAAM;GAAc,MAAM;GAAU,EAC1C,QACD;AACD,WAAS,SAAS,kBAAkB;;;AAIxC,MAAa,YAAY,SAAS,UAChC,EACE,IACA,IACA,UACA,OACA,MACA,SACA,mBACA,GAAG,SAEL,KACA;CACA,MAAM,WAAW,aAAa;CAC9B,MAAM,aAAa,WAAW,aAAa,CAAC;CAC5C,MAAM,aAAa,MAAM;CAEzB,MAAM,EACJ,QACA,aACA,SACA,qBACA,kBACA,eACE,QAAQ,GAAG;CAGf,MAAM,aAAa,MAAM;CACzB,MAAM,WAAW,WAAW,aAAa;CACzC,MAAM,eAAe,WAAW,QAAQ,WAAW;CAEnD,MAAM,cAAc,WAAW,QAAQ,WAAW,IAAI;AAGtD,MAAK,MAAM,CAAC,sBAAsB,MAAM,MAAM;CAG9C,MAAM,SAAS,SAAS,WAAW,MAAM;CAGzC,IAAI;AACJ,KAAI,OAAO,OAAO,YAAY,OAC5B,KAAI,UAAU,YAEZ,QACE,OAAO,YAAY,YAAY,aAC3B,UACA;KAGN,QAAO;CAIX,MAAM,SAAS,gBAAgB,IAAI;CAGnC,MAAM,0BAA0B;CAEhC,MAAM,gBAAgB,UAAU,QAAoB;AAClD,sBAAoB,KAAK;GACvB;GACA,cAAc,QAAQ;GACtB;GACA;GACA;GACA,mBAAmB;GACpB,CAAC;GACF;CAEF,IAAI,EAAE,aAAa,cAAc,UAC/B;EACE,cAAc;EACd,GAAG;EACH,SAAS;EACV,EACD,OACD;CACD,IAAI,EAAE,YAAY,cAAc,SAAS,EAAE,YAAY,CAAC;CACxD,IAAI,EAAE,YAAY,cAAcA,WAAS,EAAE,YAAY,EAAE,KAAK;CAE9D,MAAM,cACJ,MAAM,CAAC,sBACH,EACE,QAAQ,KAAK;AACX,MAAI,gBAAgB;IAEvB,GACD,EAAE;AAER,QAAO;EACL;EACA,aAAa;GACX,MAAM;IACJ,SAAS,aAAa,CAAC;IACvB,SAAS,aAAa,CAAC;IACvB,SAAS,aAAa,CAAC;IACvB,UAAU;IACV,GAAG;IACJ;GACD,GAAIC,aACF,aACA,YACA,YACA,aACA,gBAAgB,OAAO,eAAe,CACvC;GACD,KAAK;GACL,MAAM,YAAY;GAClB,KAAK,OAAO,OAAO,SAAS,wBAAwB;GACpD;GACA;GACA;GACA;GACD;EACF"}
+{"version":3,"file":"use-action.js","names":["useFocus","mergeProps"],"sources":["../../../src/components/actions/use-action.ts"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, PressEvent } from '@react-types/shared';\nimport { AllBaseProps, filterBaseProps, TagName } from '@tenphi/tasty';\nimport { useContext } from 'react';\nimport { AriaButtonProps, useButton, useHover } from 'react-aria';\n\nimport { useEvent } from '../../_internal';\nimport { UIKitContext } from '../../provider';\nimport { useTracking } from '../../providers/TrackingProvider';\nimport { mergeProps } from '../../utils/react';\nimport { useFocus } from '../../utils/react/interactions';\n\n// Import specific types for internal usage\nimport type {\n  NavigateArg,\n  NavigateOptions,\n  Path,\n  To,\n} from '../../providers/navigation.types';\n\nconst LINK_PRESS_EVENT = 'Link Press';\nconst BUTTON_PRESS_EVENT = 'Button Press';\n\n// Re-export types for convenience\nexport type {\n  NavigateLike,\n  Path,\n  To,\n  NavigateArg,\n  NavigateOptions,\n  RelativeRoutingType,\n} from '../../providers/navigation.types';\n\nexport interface CubeUseActionProps<\n  T extends TagName = 'a' | 'button' | 'span' | 'div',\n> extends AllBaseProps<T>,\n    Omit<AriaButtonProps, 'type'> {\n  to?: NavigateArg;\n  label?: string;\n  htmlType?: 'button' | 'submit' | 'reset' | undefined;\n  navigationOptions?: NavigateOptions;\n}\n\nconst FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };\n\n/**\n * Helper to open link.\n * @param {String} href\n * @param {String|Boolean} [target]\n */\nexport function openLink(href, target?) {\n  const link = document.createElement('a');\n\n  link.href = href;\n\n  if (target) {\n    link.target = target === true ? '_blank' : target;\n    // Prevent reverse tabnabbing when opening in a new tab\n    link.rel = 'noopener noreferrer';\n  }\n\n  document.body.appendChild(link);\n\n  link.click();\n\n  document.body.removeChild(link);\n}\n\n/**\n * Checks if a URL is external (absolute HTTP(S), protocol-relative, or non-http protocols)\n */\nfunction isExternalUrl(url: string): boolean {\n  return (\n    url.startsWith('http://') ||\n    url.startsWith('https://') ||\n    url.startsWith('//') ||\n    (url.includes(':') && !url.startsWith('#'))\n  );\n}\n\nexport function parseTo(to: NavigateArg | undefined): {\n  newTab: boolean;\n  nativeRoute: boolean;\n  cleanTo: To | undefined;\n  isHistoryNavigation: boolean;\n  historyDelta?: number;\n  isHashNavigation: boolean;\n  isExternal: boolean;\n} {\n  // Handle number (history navigation)\n  if (typeof to === 'number') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: true,\n      historyDelta: to,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle object path\n  if (to && typeof to === 'object') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: to,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  // Handle string\n  if (!to || typeof to !== 'string') {\n    return {\n      newTab: false,\n      nativeRoute: false,\n      cleanTo: undefined,\n      isHistoryNavigation: false,\n      isHashNavigation: false,\n      isExternal: false,\n    };\n  }\n\n  const newTab = to.startsWith('!');\n  const nativeRoute = to.startsWith('@');\n  const isHashNavigation = to.startsWith('#');\n  const cleanTo = newTab || nativeRoute ? to.slice(1) : to;\n  const isExternal = typeof cleanTo === 'string' && isExternalUrl(cleanTo);\n\n  return {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation: false,\n    isHashNavigation,\n    isExternal,\n  };\n}\n\ninterface SanitizedPressEvent {\n  type?: string;\n  pointerType?: string;\n  shiftKey: boolean;\n  metaKey: boolean;\n  ctrlKey: boolean;\n  altKey: boolean;\n  // target is defined as a non-enumerable property below\n  [key: string]: unknown; // allow non-enumerable 'target'\n}\n\nfunction sanitizePressEvent(evt: PressEvent): SanitizedPressEvent {\n  const safeEvt: SanitizedPressEvent = {\n    type: 'type' in evt ? evt.type : undefined,\n    pointerType:\n      'pointerType' in evt\n        ? (evt as { pointerType?: string }).pointerType\n        : undefined,\n    shiftKey:\n      'shiftKey' in evt ? !!(evt as { shiftKey?: boolean }).shiftKey : false,\n    metaKey:\n      'metaKey' in evt ? !!(evt as { metaKey?: boolean }).metaKey : false,\n    ctrlKey:\n      'ctrlKey' in evt ? !!(evt as { ctrlKey?: boolean }).ctrlKey : false,\n    altKey: 'altKey' in evt ? !!(evt as { altKey?: boolean }).altKey : false,\n  };\n  try {\n    Object.defineProperty(safeEvt, 'target', {\n      value: 'target' in evt ? (evt as { target?: unknown }).target : undefined,\n      enumerable: false,\n      configurable: true,\n    });\n  } catch (e) {\n    // Failed to define target property - continue without it\n  }\n  return safeEvt;\n}\n\nexport function performClickHandler(\n  evt,\n  { navigate, resolvedHref, to, onPress, tracking, navigationOptions },\n) {\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    historyDelta,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n  const element = evt.target;\n  const qa = element?.getAttribute('data-qa');\n\n  onPress?.(sanitizePressEvent(evt));\n\n  if (to == null) {\n    // Allow 0 as valid navigation (go to current page)\n    tracking.event(BUTTON_PRESS_EVENT, { qa }, element);\n    return;\n  }\n\n  // Handle history navigation (back/forward)\n  if (isHistoryNavigation && typeof historyDelta === 'number') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, delta: historyDelta, type: 'router-history' },\n      element,\n    );\n    navigate(historyDelta);\n    return;\n  }\n\n  // Handle hash navigation (smooth scroll)\n  if (isHashNavigation && typeof to === 'string') {\n    const id = to.slice(1);\n    const targetElement = document.getElementById(id);\n\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: to, type: 'hash', target: id },\n      element,\n    );\n\n    if (targetElement) {\n      targetElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n        inline: 'nearest',\n      });\n    }\n    return;\n  }\n\n  // Handle new tab (via ! prefix or user modifiers)\n  if (evt.shiftKey || evt.metaKey || (evt as any).ctrlKey || newTab) {\n    openLink(resolvedHref, true);\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'tab' },\n      element,\n    );\n    return;\n  }\n\n  // Handle @ prefix (native navigation)\n  if (nativeRoute) {\n    if (cleanTo === '' || cleanTo === undefined) {\n      // @'' or @ -> reload current page\n      tracking.event(LINK_PRESS_EVENT, { qa, type: 'native' }, element);\n      window.location.reload();\n    } else {\n      // @path -> navigate to resolved path natively\n      tracking.event(\n        LINK_PRESS_EVENT,\n        { qa, href: resolvedHref, type: 'native' },\n        element,\n      );\n      window.location.assign(resolvedHref);\n    }\n    return;\n  }\n\n  // Handle external URLs (always native)\n  if (isExternal && typeof cleanTo === 'string') {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: cleanTo, type: 'native' },\n      element,\n    );\n    window.location.assign(cleanTo);\n    return;\n  }\n\n  // Handle router navigation\n  if (cleanTo !== undefined) {\n    tracking.event(\n      LINK_PRESS_EVENT,\n      { qa, href: resolvedHref, type: 'router' },\n      element,\n    );\n    navigate(cleanTo, navigationOptions);\n  }\n}\n\nexport const useAction = function useAction(\n  {\n    to,\n    as,\n    htmlType,\n    label,\n    mods,\n    onPress,\n    navigationOptions,\n    ...props\n  }: CubeUseActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const tracking = useTracking();\n  const navigation = useContext(UIKitContext).navigation;\n  const isDisabled = props.isDisabled;\n\n  const {\n    newTab,\n    nativeRoute,\n    cleanTo,\n    isHistoryNavigation,\n    isHashNavigation,\n    isExternal,\n  } = parseTo(to);\n\n  // Always call navigation hooks (using fallback when to is not provided)\n  const fallbackTo = to || '.';\n  const navigate = navigation.useNavigate();\n  const resolvedHref = navigation.useHref(fallbackTo);\n  // Always resolve cleanTo href to avoid conditional hook calls\n  const cleanToHref = navigation.useHref(cleanTo || '.');\n\n  // Determine element type: 'a' for navigation, 'button' for actions\n  as = to && !isHistoryNavigation ? 'a' : as || 'button';\n\n  // Compute target (prefixes override explicit target prop per spec)\n  const target = newTab ? '_blank' : props.target;\n\n  // Compute href for anchor elements\n  let href: string | undefined;\n  if (as === 'a' && cleanTo !== undefined) {\n    if (newTab || nativeRoute) {\n      // For ! and @ prefixes, resolve the clean path\n      href =\n        typeof cleanTo === 'string' && isExternal\n          ? cleanTo // External URLs as-is\n          : cleanToHref;\n    } else {\n      // Regular navigation\n      href = resolvedHref;\n    }\n  }\n\n  const domRef = useFocusableRef(ref);\n\n  // Use navigation options directly\n  const mergedNavigationOptions = navigationOptions;\n\n  const customOnPress = useEvent((evt: PressEvent) => {\n    performClickHandler(evt, {\n      navigate,\n      resolvedHref: href || resolvedHref,\n      to,\n      onPress,\n      tracking,\n      navigationOptions: mergedNavigationOptions,\n    });\n  });\n\n  let { buttonProps, isPressed } = useButton(\n    {\n      'aria-label': label,\n      ...props,\n      onPress: customOnPress,\n    },\n    domRef,\n  );\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let { focusProps, isFocused } = useFocus({ isDisabled }, true);\n\n  const customProps =\n    to && !isHistoryNavigation\n      ? {\n          onClick(evt) {\n            evt.preventDefault();\n          },\n        }\n      : {};\n\n  return {\n    isPressed,\n    actionProps: {\n      mods: {\n        hovered: isHovered && !isDisabled,\n        pressed: isPressed && !isDisabled,\n        focused: isFocused && !isDisabled,\n        disabled: isDisabled,\n        ...mods,\n      },\n      ...(mergeProps(\n        buttonProps,\n        hoverProps,\n        focusProps,\n        customProps,\n        filterBaseProps(props, FILTER_OPTIONS),\n      ) as object),\n      ref: domRef,\n      type: htmlType || 'button',\n      rel: as === 'a' && newTab ? 'noopener noreferrer' : undefined,\n      as,\n      isDisabled,\n      target,\n      href,\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/components/actions/use-anchored-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/actions/use-context-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/content/ActiveZone/ActiveZone.js

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

package/dist/components/content/Alert/Alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Alert/use-alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";

package/dist/components/content/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Badge/Badge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a2deb22 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e397738 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { tasty } from "@tenphi/tasty";