@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/GlobalStyles.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../utils/styles.js";
 import { usePaletteValue } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/all-tokens.js";
 import { c } from "react/compiler-runtime";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
-
 //#region src/components/GlobalStyles.tsx
 /**
 * Body styles applied via useGlobalStyles.
@@ -116,13 +115,13 @@ const STATIC_CSS = `
   pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
   code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
     text-shadow: none;
-    background: oklch(from var(--primary-color) l c h / .2);
+    background: color-mix(in oklab, var(--primary-color) 20%, transparent);
   }
 
   pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
   code[class*="language-"]::selection, code[class*="language-"] ::selection {
     text-shadow: none;
-    background: oklch(from var(--primary-color) l c h / .2);
+    background: color-mix(in oklab, var(--primary-color) 20%, transparent);
   }
 
   @media print {
@@ -306,7 +305,7 @@ ${STATIC_CSS}`;
 	useRawCSS(t2, t3);
 	return null;
 }
-
 //#endregion
 export { GlobalStyles };
+
 //# sourceMappingURL=GlobalStyles.js.map

package/dist/components/GlobalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyles.js","names":["useGlobalStyles","useRawCSS","getTokens","usePaletteValue","mergeStyleLayers","Styles","GlobalStylesProps","bodyStyles","key","fonts","fontDisplay","publicUrl","font","monospaceFont","applyLegacyTokens","BODY_STYLES","overscrollBehaviorY","fill","fontFamily","margin","padding","color","preset","letterSpacing","STATIC_CSS","GlobalStyles","props","$","_c","tokens","t0","bodyTokenStyles","t1","Symbol","for","id","t2","t3","fontValue","monospaceFontValue"],"sources":["../../src/components/GlobalStyles.tsx"],"sourcesContent":["import { useGlobalStyles, useRawCSS } from '@tenphi/tasty';\n\nimport { getTokens } from '../tokens';\nimport { usePaletteValue } from '../tokens/palette-config';\nimport { mergeStyleLayers } from '../utils/styles';\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-scheme=\"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: oklch(from var(--primary-color) l c h / .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: oklch(from var(--primary-color) l c h / .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  // Re-resolve the tokens whenever the palette is re-seeded at runtime (see\n  // `src/tokens/palette-config.ts`). Nothing else has to re-render: every color\n  // in the kit compiles to `var(--<name>-color)`, so replacing this one rule\n  // recolors the whole UI. `getTokens()` returns a new map only when the palette\n  // changes, and taking it as the store value makes it the memo's dependency —\n  // a version listed in the deps but never read is dropped by React Compiler.\n  const tokens = usePaletteValue(getTokens);\n\n  // Merge token styles with the base body styles, then the custom ones. Keys\n  // are passed through as-is (tasty handles both camelCase and kebab-case).\n  const bodyTokenStyles = mergeStyleLayers(tokens, BODY_STYLES, bodyStyles);\n\n  // Apply tokens and body styles via useGlobalStyles.\n  //\n  // Replacement does not depend on the `id`: tasty keys its injection slot on\n  // `id ?? selector`, so `'body'` on its own already disposes the previous block\n  // before writing the new one — which is what removes stale `@hc` rules when the\n  // palette is re-seeded, rather than shadowing them. The `id` buys two other\n  // things. It gives the token block its own slot, so a host app calling\n  // `useGlobalStyles('body', …)` for its own body styles cannot evict ours (and\n  // vice versa) — they would otherwise share the `'body'` slot and dispose each\n  // other on every change. And under SSR it makes the collector key stable and\n  // last-write-wins, instead of content-hashed and first-write-wins.\n  useGlobalStyles('body', bodyTokenStyles, { id: 'cube-ui-kit-tokens' });\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":";;;;;;;;;;;;;;;AA0BA,MAAMe,cAAsB;CAC1BC,qBAAqB;CACrBC,MAAM;CACNC,YAAY;CACZ,0BAA0B;CAC1B,2BAA2B;CAC3BC,QAAQ;CACRC,SAAS;CACTC,OAAO;CACPC,QAAQ;CACRC,eAAe;CAChB;AAGD,MAAMC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgPnB,SAAOC,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAArB,YAAAK,MAAAC,kBAA4Ca;CAQ5C,MAAAG,SAAe1B,gBAAgBD,UAAU;CAAC,IAAA4B;AAAA,KAAAH,EAAA,OAAApB,cAAAoB,EAAA,OAAAE,QAAA;AAIlBC,OAAA1B,iBAAiByB,QAAQd,aAAaR,WAAW;AAAAoB,IAAA,KAAApB;AAAAoB,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAzE,MAAAI,kBAAwBD;CAAkD,IAAAE;AAAA,KAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AAajCF,OAAA,EAAAG,IAAM,sBAAsB;AAAAR,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAArE3B,iBAAgB,QAAQ+B,iBAAiBC,GAA6B;CAAA,IAAAI;CAAA,IAAAC;AAAA,KAAAV,EAAA,OAAAf,QAAAe,EAAA,OAAAd,eAAA;AAG5DuB,aAAA;AAE6D,UAE9D;;;mBAHWxB,OAAA,GAAUA,KAAI,MAAd,GAMM;mBALGC,gBAAA,GAAmBA,cAAa,MAAhC,GAMM;;EAEnCW;;AACGa,OAAA,CAACzB,MAAMC,cAAc;AAAAc,IAAA,KAAAf;AAAAe,IAAA,KAAAd;AAAAc,IAAA,KAAAS;AAAAT,IAAA,KAAAU;QAAA;AAAAD,OAAAT,EAAA;AAAAU,OAAAV,EAAA;;AAXxB1B,WAAUmC,IAWPC,GAAsB;AAAA,QAElB"}
+{"version":3,"file":"GlobalStyles.js","names":["useGlobalStyles","useRawCSS","getTokens","usePaletteValue","mergeStyleLayers","Styles","GlobalStylesProps","bodyStyles","key","fonts","fontDisplay","publicUrl","font","monospaceFont","applyLegacyTokens","BODY_STYLES","overscrollBehaviorY","fill","fontFamily","margin","padding","color","preset","letterSpacing","STATIC_CSS","GlobalStyles","props","$","_c","tokens","t0","bodyTokenStyles","t1","Symbol","for","id","t2","t3","fontValue","monospaceFontValue","_c"],"sources":["../../src/components/GlobalStyles.tsx"],"sourcesContent":["import { useGlobalStyles, useRawCSS } from '@tenphi/tasty';\n\nimport { getTokens } from '../tokens';\nimport { usePaletteValue } from '../tokens/palette-config';\nimport { mergeStyleLayers } from '../utils/styles';\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-scheme=\"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: color-mix(in oklab, var(--primary-color) 20%, transparent);\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: color-mix(in oklab, var(--primary-color) 20%, transparent);\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  // Re-resolve the tokens whenever the palette is re-seeded at runtime (see\n  // `src/tokens/palette-config.ts`). Nothing else has to re-render: every color\n  // in the kit compiles to `var(--<name>-color)`, so replacing this one rule\n  // recolors the whole UI. `getTokens()` returns a new map only when the palette\n  // changes, and taking it as the store value makes it the memo's dependency —\n  // a version listed in the deps but never read is dropped by React Compiler.\n  const tokens = usePaletteValue(getTokens);\n\n  // Merge token styles with the base body styles, then the custom ones. Keys\n  // are passed through as-is (tasty handles both camelCase and kebab-case).\n  const bodyTokenStyles = mergeStyleLayers(tokens, BODY_STYLES, bodyStyles);\n\n  // Apply tokens and body styles via useGlobalStyles.\n  //\n  // Replacement does not depend on the `id`: tasty keys its injection slot on\n  // `id ?? selector`, so `'body'` on its own already disposes the previous block\n  // before writing the new one — which is what removes stale `@hc` rules when the\n  // palette is re-seeded, rather than shadowing them. The `id` buys two other\n  // things. It gives the token block its own slot, so a host app calling\n  // `useGlobalStyles('body', …)` for its own body styles cannot evict ours (and\n  // vice versa) — they would otherwise share the `'body'` slot and dispose each\n  // other on every change. And under SSR it makes the collector key stable and\n  // last-write-wins, instead of content-hashed and first-write-wins.\n  useGlobalStyles('body', bodyTokenStyles, { id: 'cube-ui-kit-tokens' });\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":";;;;;;;;;;;;;;AA0BA,MAAMe,cAAsB;CAC1BC,qBAAqB;CACrBC,MAAM;CACNC,YAAY;CACZ,0BAA0B;CAC1B,2BAA2B;CAC3BC,QAAQ;CACRC,SAAS;CACTC,OAAO;CACPC,QAAQ;CACRC,eAAe;AACjB;AAGA,MAAMC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgPnB,SAAOC,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACL,MAAA,EAAArB,YAAAK,MAAAC,kBAA4Ca;CAQ5C,MAAAG,SAAe1B,gBAAgBD,SAAS;CAAE,IAAA4B;CAAA,IAAAH,EAAA,OAAApB,cAAAoB,EAAA,OAAAE,QAAA;EAIlBC,KAAA1B,iBAAiByB,QAAQd,aAAaR,UAAU;EAACoB,EAAA,KAAApB;EAAAoB,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAzE,MAAAI,kBAAwBD;CAAkD,IAAAE;CAAA,IAAAL,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EAajCF,KAAA,EAAAG,IAAM,qBAAqB;EAACR,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAArE3B,gBAAgB,QAAQ+B,iBAAiBC,EAA4B;CAAC,IAAAI;CAAA,IAAAC;CAAA,IAAAV,EAAA,OAAAf,QAAAe,EAAA,OAAAd,eAAA;EAG5DuB,WAAA;GAE6D,OAE9D;;;mBAHWxB,OAAA,GAAUA,KAAI,MAAd,GAMM;mBALGC,gBAAA,GAAmBA,cAAa,MAAhC,GAMM;;EAEnCW;EAAY;EACTa,KAAA,CAACzB,MAAMC,aAAa;EAACc,EAAA,KAAAf;EAAAe,EAAA,KAAAd;EAAAc,EAAA,KAAAS;EAAAT,EAAA,KAAAU;CAAA,OAAA;EAAAD,KAAAT,EAAA;EAAAU,KAAAV,EAAA;CAAA;CAXxB1B,UAAUmC,IAWPC,EAAqB;CAAC,OAElB;AAAI"}

package/dist/components/GridProvider.d.ts

@@ -1,17 +1,14 @@
 
 import { Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/GridProvider.d.ts
-interface CubeGridProviderProps {
+export interface CubeGridProviderProps {
   children: ReactNode;
   columns?: number;
   gap?: Styles['gap'];
   width?: Styles['width'];
   initialWidth?: Styles['width'];
 }
-declare const GridProvider: react.ForwardRefExoticComponent<CubeGridProviderProps & react.RefAttributes<HTMLDivElement>>;
+export declare const GridProvider: import("react").ForwardRefExoticComponent<CubeGridProviderProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeGridProviderProps, GridProvider };
 //# sourceMappingURL=GridProvider.d.ts.map

package/dist/components/GridProvider.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/GridProvider.tsx
 const GridElement = tasty({ styles: { display: "contents" } });
 const COLUMN_WIDTH = "(($grid-width - ($column-gap * ($columns-amount - 1))) / $columns-amount)";
@@ -15,7 +14,8 @@ const GridProvider = forwardRef(function GridProvider(props, outerRef) {
 		const el = ref?.current?.parentElement;
 		if (!el) return;
 		const computedStyle = getComputedStyle(el);
-		setWidth(`${el.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight)}px`);
+		const containerWidth = el.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight);
+		setWidth(`${containerWidth}px`);
 	}, [
 		ref,
 		columns,
@@ -49,7 +49,7 @@ const GridProvider = forwardRef(function GridProvider(props, outerRef) {
 		children
 	});
 });
-
 //#endregion
 export { GridProvider };
+
 //# sourceMappingURL=GridProvider.js.map

package/dist/components/GridProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridProvider.js","names":["filterBaseProps","Styles","tasty","forwardRef","ReactNode","useCallback","useEffect","useState","useCombinedRefs","GridElement","styles","display","COLUMN_WIDTH","CubeGridProviderProps","children","columns","gap","width","initialWidth","GridProvider","HTMLDivElement","props","outerRef","ref","forcedWidth","setWidth","resizeCallback","el","current","parentElement","computedStyle","getComputedStyle","containerWidth","clientWidth","parseFloat","paddingLeft","paddingRight","parentNode","sensor","then","module","ResizeSensor","detach","eventProps"],"sources":["../../src/components/GridProvider.tsx"],"sourcesContent":["import { filterBaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useCallback, useEffect, useState } from 'react';\n\nimport { useCombinedRefs } from '../utils/react';\n\nconst GridElement = tasty({\n  styles: {\n    display: 'contents',\n  },\n});\n\nconst COLUMN_WIDTH =\n  '(($grid-width - ($column-gap * ($columns-amount - 1))) / $columns-amount)';\n\nexport interface CubeGridProviderProps {\n  children: ReactNode;\n  columns?: number;\n  gap?: Styles['gap'];\n  width?: Styles['width'];\n  initialWidth?: Styles['width'];\n}\n\nexport const GridProvider = forwardRef<HTMLDivElement, CubeGridProviderProps>(\n  function GridProvider(props, outerRef) {\n    let ref = useCombinedRefs(outerRef);\n\n    let {\n      children,\n      columns = 2,\n      gap = '0',\n      width: forcedWidth,\n      initialWidth,\n    } = props;\n\n    let [width, setWidth] = useState<Styles['width']>(\n      forcedWidth || initialWidth || '100vw',\n    );\n\n    const resizeCallback = useCallback(() => {\n      const el = ref?.current?.parentElement;\n\n      if (!el) return;\n\n      const computedStyle = getComputedStyle(el);\n      const containerWidth =\n        el.clientWidth -\n        parseFloat(computedStyle.paddingLeft) -\n        parseFloat(computedStyle.paddingRight);\n\n      setWidth(`${containerWidth}px`);\n    }, [ref, columns, gap]);\n\n    useEffect(() => {\n      if (forcedWidth) return;\n\n      const el = ref && ref.current && ref.current.parentNode;\n\n      if (!el) return;\n\n      let sensor;\n\n      import('../utils/ResizeSensor')\n        .then((module) => module.ResizeSensor)\n        .then((ResizeSensor) => {\n          sensor = new ResizeSensor(el, resizeCallback);\n        });\n\n      return () => {\n        if (sensor) {\n          sensor.detach();\n        }\n      };\n    }, [resizeCallback]);\n\n    useEffect(() => {\n      if (forcedWidth) return;\n\n      resizeCallback();\n    }, [resizeCallback]);\n\n    return (\n      <GridElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={{\n          '--grid-width': width,\n          '--columns-amount': columns,\n          '--column-gap': gap,\n          '--column-width': COLUMN_WIDTH,\n        }}\n      >\n        {children}\n      </GridElement>\n    );\n  },\n);\n"],"mappings":";;;;;;;AAKA,MAAMS,cAAcP,MAAM,EACxBQ,QAAQ,EACNC,SAAS,YACX,EACD,CAAC;AAEF,MAAMC,eACJ;AAUF,MAAaO,eAAehB,WAC1B,SAASgB,aAAaE,OAAOC,UAAU;CACrC,IAAIC,MAAMf,gBAAgBc,SAAS;CAEnC,IAAI,EACFR,UACAC,UAAU,GACVC,MAAM,KACNC,OAAOO,aACPN,iBACEG;CAEJ,IAAI,CAACJ,OAAOQ,YAAYlB,SACtBiB,eAAeN,gBAAgB,QAChC;CAED,MAAMQ,iBAAiBrB,kBAAkB;EACvC,MAAMsB,KAAKJ,KAAKK,SAASC;AAEzB,MAAI,CAACF,GAAI;EAET,MAAMG,gBAAgBC,iBAAiBJ,GAAG;AAM1CF,WAAS,GAJPE,GAAGM,cACHC,WAAWJ,cAAcK,YAAY,GACrCD,WAAWJ,cAAcM,aAAa,CAEd,IAAK;IAC9B;EAACb;EAAKR;EAASC;EAAI,CAAC;AAEvBV,iBAAgB;AACd,MAAIkB,YAAa;EAEjB,MAAMG,OAAKJ,OAAOA,IAAIK,WAAWL,IAAIK,QAAQS;AAE7C,MAAI,CAACV,KAAI;EAET,IAAIW;AAEJ,SAAO,4BACJC,MAAMC,WAAWA,OAAOC,aAAa,CACrCF,MAAME,iBAAiB;AACtBH,YAAS,IAAIG,aAAad,MAAID,eAAe;IAC7C;AAEJ,eAAa;AACX,OAAIY,OACFA,QAAOI,QAAQ;;IAGlB,CAAChB,eAAe,CAAC;AAEpBpB,iBAAgB;AACd,MAAIkB,YAAa;AAEjBE,kBAAgB;IACf,CAACA,eAAe,CAAC;AAEpB,QACE,oBAAC;EACC,GAAI1B,gBAAgBqB,OAAO,EAAEsB,YAAY,MAAM,CAAC;EAC3CpB;EACL,QAAQ;GACN,gBAAgBN;GAChB,oBAAoBF;GACpB,gBAAgBC;GAChB,kBAAkBJ;GACnB;EAEAE;GACW;EAGnB"}
+{"version":3,"file":"GridProvider.js","names":["filterBaseProps","Styles","tasty","forwardRef","ReactNode","useCallback","useEffect","useState","useCombinedRefs","GridElement","styles","display","COLUMN_WIDTH","CubeGridProviderProps","children","columns","gap","width","initialWidth","GridProvider","HTMLDivElement","props","outerRef","ref","forcedWidth","setWidth","resizeCallback","el","current","parentElement","computedStyle","getComputedStyle","containerWidth","clientWidth","parseFloat","paddingLeft","paddingRight","parentNode","sensor","then","module","ResizeSensor","detach","eventProps"],"sources":["../../src/components/GridProvider.tsx"],"sourcesContent":["import { filterBaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useCallback, useEffect, useState } from 'react';\n\nimport { useCombinedRefs } from '../utils/react';\n\nconst GridElement = tasty({\n  styles: {\n    display: 'contents',\n  },\n});\n\nconst COLUMN_WIDTH =\n  '(($grid-width - ($column-gap * ($columns-amount - 1))) / $columns-amount)';\n\nexport interface CubeGridProviderProps {\n  children: ReactNode;\n  columns?: number;\n  gap?: Styles['gap'];\n  width?: Styles['width'];\n  initialWidth?: Styles['width'];\n}\n\nexport const GridProvider = forwardRef<HTMLDivElement, CubeGridProviderProps>(\n  function GridProvider(props, outerRef) {\n    let ref = useCombinedRefs(outerRef);\n\n    let {\n      children,\n      columns = 2,\n      gap = '0',\n      width: forcedWidth,\n      initialWidth,\n    } = props;\n\n    let [width, setWidth] = useState<Styles['width']>(\n      forcedWidth || initialWidth || '100vw',\n    );\n\n    const resizeCallback = useCallback(() => {\n      const el = ref?.current?.parentElement;\n\n      if (!el) return;\n\n      const computedStyle = getComputedStyle(el);\n      const containerWidth =\n        el.clientWidth -\n        parseFloat(computedStyle.paddingLeft) -\n        parseFloat(computedStyle.paddingRight);\n\n      setWidth(`${containerWidth}px`);\n    }, [ref, columns, gap]);\n\n    useEffect(() => {\n      if (forcedWidth) return;\n\n      const el = ref && ref.current && ref.current.parentNode;\n\n      if (!el) return;\n\n      let sensor;\n\n      import('../utils/ResizeSensor')\n        .then((module) => module.ResizeSensor)\n        .then((ResizeSensor) => {\n          sensor = new ResizeSensor(el, resizeCallback);\n        });\n\n      return () => {\n        if (sensor) {\n          sensor.detach();\n        }\n      };\n    }, [resizeCallback]);\n\n    useEffect(() => {\n      if (forcedWidth) return;\n\n      resizeCallback();\n    }, [resizeCallback]);\n\n    return (\n      <GridElement\n        {...filterBaseProps(props, { eventProps: true })}\n        ref={ref}\n        styles={{\n          '--grid-width': width,\n          '--columns-amount': columns,\n          '--column-gap': gap,\n          '--column-width': COLUMN_WIDTH,\n        }}\n      >\n        {children}\n      </GridElement>\n    );\n  },\n);\n"],"mappings":";;;;;;AAKA,MAAMS,cAAcP,MAAM,EACxBQ,QAAQ,EACNC,SAAS,WACX,EACF,CAAC;AAED,MAAMC,eACJ;AAUF,MAAaO,eAAehB,WAC1B,SAASgB,aAAaE,OAAOC,UAAU;CACrC,IAAIC,MAAMf,gBAAgBc,QAAQ;CAElC,IAAI,EACFR,UACAC,UAAU,GACVC,MAAM,KACNC,OAAOO,aACPN,iBACEG;CAEJ,IAAI,CAACJ,OAAOQ,YAAYlB,SACtBiB,eAAeN,gBAAgB,OACjC;CAEA,MAAMQ,iBAAiBrB,kBAAkB;EACvC,MAAMsB,KAAKJ,KAAKK,SAASC;EAEzB,IAAI,CAACF,IAAI;EAET,MAAMG,gBAAgBC,iBAAiBJ,EAAE;EACzC,MAAMK,iBACJL,GAAGM,cACHC,WAAWJ,cAAcK,WAAW,IACpCD,WAAWJ,cAAcM,YAAY;EAEvCX,SAAS,GAAGO,eAAc,GAAI;CAChC,GAAG;EAACT;EAAKR;EAASC;CAAG,CAAC;CAEtBV,gBAAgB;EACd,IAAIkB,aAAa;EAEjB,MAAMG,OAAKJ,OAAOA,IAAIK,WAAWL,IAAIK,QAAQS;EAE7C,IAAI,CAACV,MAAI;EAET,IAAIW;EAEJ,OAAO,2BAAwB,CAC5BC,MAAMC,WAAWA,OAAOC,YAAY,CAAC,CACrCF,MAAME,iBAAiB;GACtBH,SAAS,IAAIG,aAAad,MAAID,cAAc;EAC9C,CAAC;EAEH,aAAa;GACX,IAAIY,QACFA,OAAOI,OAAO;EAElB;CACF,GAAG,CAAChB,cAAc,CAAC;CAEnBpB,gBAAgB;EACd,IAAIkB,aAAa;EAEjBE,eAAe;CACjB,GAAG,CAACA,cAAc,CAAC;CAEnB,OACE,oBAAC,aAAD;EACE,GAAI1B,gBAAgBqB,OAAO,EAAEsB,YAAY,KAAK,CAAC;EAC1CpB;EACL,QAAQ;GACN,gBAAgBN;GAChB,oBAAoBF;GACpB,gBAAgBC;GAChB,kBAAkBJ;EACpB;EAECE;CACU,CAAA;AAEjB,CACF"}

package/dist/components/HiddenInput.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
-
 //#region src/components/HiddenInput.tsx
 const HiddenInput = tasty({
 	as: "input",
@@ -26,7 +25,7 @@ const HiddenInput = tasty({
 		}
 	}
 });
-
 //#endregion
 export { HiddenInput };
+
 //# sourceMappingURL=HiddenInput.js.map

package/dist/components/HiddenInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenInput.js","names":["tasty","HiddenInput","as","styles","display","fontFamily","fontSize","lineHeight","margin","overflow","boxSizing","padding","position","inset","opacity","zIndex","width","height","cursor","button","disabled"],"sources":["../../src/components/HiddenInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const HiddenInput = tasty({\n  as: 'input',\n  styles: {\n    display: 'block',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    lineHeight: '1.15',\n    margin: '0',\n    overflow: 'visible',\n    boxSizing: 'border-box',\n    padding: '0',\n    position: 'absolute',\n    inset: '0',\n    opacity: '0.0001',\n    zIndex: '1',\n    width: '100%',\n    height: '100%',\n    cursor: {\n      '': 'default',\n      button: '$pointer',\n      disabled: 'not-allowed',\n    },\n  },\n});\n"],"mappings":";;;;AAEA,MAAaC,cAAcD,MAAM;CAC/BE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,YAAY;EACZC,UAAU;EACVC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJC,QAAQ;GACRC,UAAU;GACZ;EACF;CACD,CAAC"}
+{"version":3,"file":"HiddenInput.js","names":["tasty","HiddenInput","as","styles","display","fontFamily","fontSize","lineHeight","margin","overflow","boxSizing","padding","position","inset","opacity","zIndex","width","height","cursor","button","disabled"],"sources":["../../src/components/HiddenInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const HiddenInput = tasty({\n  as: 'input',\n  styles: {\n    display: 'block',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    lineHeight: '1.15',\n    margin: '0',\n    overflow: 'visible',\n    boxSizing: 'border-box',\n    padding: '0',\n    position: 'absolute',\n    inset: '0',\n    opacity: '0.0001',\n    zIndex: '1',\n    width: '100%',\n    height: '100%',\n    cursor: {\n      '': 'default',\n      button: '$pointer',\n      disabled: 'not-allowed',\n    },\n  },\n});\n"],"mappings":";;;AAEA,MAAaC,cAAcD,MAAM;CAC/BE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,YAAY;EACZC,UAAU;EACVC,YAAY;EACZC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJC,QAAQ;GACRC,UAAU;EACZ;CACF;AACF,CAAC"}

package/dist/components/Root.d.ts

@@ -3,11 +3,9 @@ import { NavigationAdapter } from "../providers/navigation.types.js";
 import { TrackingProps } from "../providers/TrackingProvider.js";
 import { PaletteConfig } from "../tokens/palette-config.js";
 import { BaseProps } from "@tenphi/tasty";
-import * as react from "react";
 import { i18n } from "i18next";
-
 //#region src/components/Root.d.ts
-interface CubeRootProps extends BaseProps {
+export interface CubeRootProps extends BaseProps {
   tokens?: {
     [key: string]: string;
   };
@@ -54,7 +52,6 @@ interface CubeRootProps extends BaseProps {
   /** Override the React Aria formatting locale. */
   locale?: string;
 }
-declare function Root(allProps: CubeRootProps): react.JSX.Element;
+export declare function Root(allProps: CubeRootProps): import("react").JSX.Element;
 //#endregion
-export { CubeRootProps, Root };
 //# sourceMappingURL=Root.d.ts.map

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { AMBIENT_PREDEFINED_STATES } from "../utils/react/useScheme.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
@@ -16,7 +16,6 @@ import { BASE_STYLES, BLOCK_STYLES, TastyBatchProvider, configure, filterBasePro
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ModalProvider } from "react-aria";
-
 //#region src/components/Root.tsx
 setGlobalPredefinedStates(AMBIENT_PREDEFINED_STATES);
 configure({
@@ -254,7 +253,7 @@ function Root(allProps) {
 	} else t19 = $[47];
 	return t19;
 }
-
 //#endregion
 export { Root };
+
 //# sourceMappingURL=Root.js.map

package/dist/components/Root.js.map

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

package/dist/components/actions/Action/Action.d.ts

@@ -2,12 +2,9 @@
 import { NavigateArg } from "../../../providers/navigation.types.js";
 import "../use-action.js";
 import { AllBaseProps, BaseStyleProps, ContainerStyleProps, TagName, TextStyleProps } from "@tenphi/tasty";
-import * as react from "react";
 import { AriaButtonProps } from "react-aria";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/actions/Action/Action.d.ts
-interface CubeActionProps<T extends TagName = 'a' | 'button' | 'span' | 'div'> extends Omit<AllBaseProps<T>, 'htmlType'>, BaseStyleProps, ContainerStyleProps, TextStyleProps, Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {
+export interface CubeActionProps<T extends TagName = 'a' | 'button' | 'span' | 'div'> extends Omit<AllBaseProps<T>, 'htmlType'>, BaseStyleProps, ContainerStyleProps, TextStyleProps, Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {
   to?: NavigateArg;
   /**
    * @deprecated Use `aria-label` for the accessible name, and `children` for
@@ -17,7 +14,6 @@ interface CubeActionProps<T extends TagName = 'a' | 'button' | 'span' | 'div'> e
   htmlType?: 'button' | 'submit' | 'reset' | undefined;
   download?: string;
 }
-declare const Action: react.ForwardRefExoticComponent<CubeActionProps<"a" | "button" | "div" | "span"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+export declare const Action: import("react").ForwardRefExoticComponent<CubeActionProps<"a" | "button" | "div" | "span"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
-export { Action, CubeActionProps };
 //# sourceMappingURL=Action.d.ts.map

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

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/actions/Action/Action.tsx
 const ActionElement = tasty({
 	as: "button",
@@ -46,7 +45,7 @@ const Action = forwardRef(function Action(t0, ref) {
 	} else t1 = $[4];
 	return t1;
 });
-
 //#endregion
 export { Action };
+
 //# sourceMappingURL=Action.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":["FocusableRef","AllBaseProps","BaseStyleProps","CONTAINER_STYLES","ContainerStyleProps","TagName","tasty","TEXT_STYLES","TextStyleProps","forwardRef","AriaButtonProps","extractStyles","NavigateArg","useAction","CubeActionProps","Omit","T","to","label","htmlType","download","ActionElement","as","styles","recipe","position","preset","transition","STYLE_PROPS","Action","t0","ref","$","_c","theme","mods","onPress","props","actionProps","t1"],"sources":["../../../../src/components/actions/Action/Action.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  AllBaseProps,\n  BaseStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  TagName,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nimport { extractStyles } from '../../../utils/styles';\nimport { NavigateArg, useAction } from '../use-action';\n\nexport interface CubeActionProps<\n  T extends TagName = 'a' | 'button' | 'span' | 'div',\n> extends Omit<AllBaseProps<T>, 'htmlType'>,\n    BaseStyleProps,\n    ContainerStyleProps,\n    TextStyleProps,\n    Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {\n  to?: NavigateArg;\n  /**\n   * @deprecated Use `aria-label` for the accessible name, and `children` for\n   * visible text.\n   */\n  label?: string;\n  htmlType?: 'button' | 'submit' | 'reset' | undefined;\n  download?: string;\n}\n\nconst ActionElement = tasty({\n  as: 'button',\n  styles: {\n    recipe: 'reset button',\n    position: 'relative',\n    preset: 'inherit',\n    transition: 'theme',\n  },\n});\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nexport const Action = forwardRef(function Action(\n  {\n    to,\n    as,\n    download,\n    htmlType,\n    label,\n    theme,\n    mods,\n    onPress,\n    ...props\n  }: CubeActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { actionProps } = useAction(\n    { to, as, htmlType, label, onPress, mods, ...props },\n    ref,\n  );\n\n  const styles = extractStyles(props, STYLE_PROPS);\n\n  return (\n    <ActionElement\n      data-theme={theme}\n      download={download}\n      {...actionProps}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAkCA,MAAMqB,gBAAgBf,MAAM;CAC1BgB,IAAI;CACJC,QAAQ;EACNC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,YAAY;EACd;CACD,CAAC;AAEF,MAAMC,cAAc,CAAC,GAAGzB,kBAAkB,GAAGI,YAAY;AAEzD,MAAasB,SAASpB,WAAW,SAAAoB,OAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAC/B,MAAA,EAAAhB,IAAAK,IAAAF,UAAAD,UAAAD,OAAAgB,OAAAC,MAAAC,SAAA,GAAAC,UAAAP;CAaA,MAAA,EAAAQ,gBAAwBzB,UACtB;EAAAI;EAAAK;EAAAH;EAAAD;EAAAkB;EAAAD;EAAA,GAA6CE;EAAO,EACpDN,IACD;CAED,MAAAR,SAAeZ,cAAc0B,OAAOT,YAAY;CAAC,IAAAW;AAAA,KAAAP,EAAA,OAAAM,eAAAN,EAAA,OAAAZ,YAAAY,EAAA,OAAAT,UAAAS,EAAA,OAAAE,OAAA;AAG/CK,OAAA,oBAAC;GACaL,cAAAA;GACFd;GAAQ,GACdkB;GACIf;IACR;AAAAS,IAAA,KAAAM;AAAAN,IAAA,KAAAZ;AAAAY,IAAA,KAAAT;AAAAS,IAAA,KAAAE;AAAAF,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QALFO;EAOF"}
+{"version":3,"file":"Action.js","names":["FocusableRef","AllBaseProps","BaseStyleProps","CONTAINER_STYLES","ContainerStyleProps","TagName","tasty","TEXT_STYLES","TextStyleProps","forwardRef","AriaButtonProps","extractStyles","NavigateArg","useAction","CubeActionProps","Omit","T","to","label","htmlType","download","ActionElement","as","styles","recipe","position","preset","transition","STYLE_PROPS","Action","t0","ref","$","_c","theme","mods","onPress","props","actionProps","t1","_c"],"sources":["../../../../src/components/actions/Action/Action.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\n  AllBaseProps,\n  BaseStyleProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  TagName,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nimport { extractStyles } from '../../../utils/styles';\nimport { NavigateArg, useAction } from '../use-action';\n\nexport interface CubeActionProps<\n  T extends TagName = 'a' | 'button' | 'span' | 'div',\n>\n  extends\n    Omit<AllBaseProps<T>, 'htmlType'>,\n    BaseStyleProps,\n    ContainerStyleProps,\n    TextStyleProps,\n    Omit<AriaButtonProps, keyof AllBaseProps<T> | 'type'> {\n  to?: NavigateArg;\n  /**\n   * @deprecated Use `aria-label` for the accessible name, and `children` for\n   * visible text.\n   */\n  label?: string;\n  htmlType?: 'button' | 'submit' | 'reset' | undefined;\n  download?: string;\n}\n\nconst ActionElement = tasty({\n  as: 'button',\n  styles: {\n    recipe: 'reset button',\n    position: 'relative',\n    preset: 'inherit',\n    transition: 'theme',\n  },\n});\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nexport const Action = forwardRef(function Action(\n  {\n    to,\n    as,\n    download,\n    htmlType,\n    label,\n    theme,\n    mods,\n    onPress,\n    ...props\n  }: CubeActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const { actionProps } = useAction(\n    { to, as, htmlType, label, onPress, mods, ...props },\n    ref,\n  );\n\n  const styles = extractStyles(props, STYLE_PROPS);\n\n  return (\n    <ActionElement\n      data-theme={theme}\n      download={download}\n      {...actionProps}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAoCA,MAAMqB,gBAAgBf,MAAM;CAC1BgB,IAAI;CACJC,QAAQ;EACNC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,YAAY;CACd;AACF,CAAC;AAED,MAAMC,cAAc,CAAC,GAAGzB,kBAAkB,GAAGI,WAAW;AAExD,MAAasB,SAASpB,WAAW,SAAAoB,OAAAC,IAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAC/B,MAAA,EAAAhB,IAAAK,IAAAF,UAAAD,UAAAD,OAAAgB,OAAAC,MAAAC,SAAA,GAAAC,UAAAP;CAaA,MAAA,EAAAQ,gBAAwBzB,UACtB;EAAAI;EAAAK;EAAAH;EAAAD;EAAAkB;EAAAD;EAAA,GAA6CE;CAAM,GACnDN,GACF;CAEA,MAAAR,SAAeZ,cAAc0B,OAAOT,WAAW;CAAE,IAAAW;CAAA,IAAAP,EAAA,OAAAM,eAAAN,EAAA,OAAAZ,YAAAY,EAAA,OAAAT,UAAAS,EAAA,OAAAE,OAAA;EAG/CK,KAAA,oBAAC,eAAD;GACcL,cAAAA;GACFd;GAAQ,GACdkB;GACIf;EAAM,CAAA;EACdS,EAAA,KAAAM;EAAAN,EAAA,KAAAZ;EAAAY,EAAA,KAAAT;EAAAS,EAAA,KAAAE;EAAAF,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OALFO;AAKE,CAEL"}

package/dist/components/actions/Banner/Banner.d.ts

@@ -1,12 +1,10 @@
 
 import { CubeItemActionProps } from "../ItemAction/ItemAction.js";
 import { CubeButtonProps } from "../Button/Button.js";
-import { CubeItemProps } from "../../content/Item/Item.js";
-import * as react from "react";
-
+import { CubeItemBaseProps as CubeItemProps } from "../../content/Item/Item.js";
 //#region src/components/actions/Banner/Banner.d.ts
-type BannerTheme = 'danger' | 'warning' | 'note' | 'success';
-type BannerProps = Omit<CubeItemProps, 'type' | 'size' | 'theme'> & {
+export type BannerTheme = 'danger' | 'warning' | 'note' | 'success';
+export type BannerProps = Omit<CubeItemProps, 'type' | 'size' | 'theme'> & {
   /**
    * The visual theme of the banner.
    * @default 'note'
@@ -22,28 +20,27 @@ type BannerProps = Omit<CubeItemProps, 'type' | 'size' | 'theme'> & {
    */
   onDismiss?: () => void;
 };
-type BannerActionProps = Omit<CubeItemActionProps, 'preset' | 'type'>;
-type BannerLinkProps = Omit<CubeButtonProps, 'type' | 'size' | 'color'>;
+export type BannerActionProps = Omit<CubeItemActionProps, 'preset' | 'type'>;
+export type BannerLinkProps = Omit<CubeButtonProps, 'type' | 'size' | 'color'>;
 /**
  * Sub-component for action buttons within a Banner.
  * Automatically styled to match the banner's theme.
  */
-declare function BannerAction(props: BannerActionProps): react.JSX.Element;
+export declare function BannerAction(props: BannerActionProps): import("react").JSX.Element;
 /**
  * Sub-component for inline links within Banner content.
  * Styled with white color and underline to stand out against the banner background.
  */
-declare function BannerLink(props: BannerLinkProps): react.JSX.Element;
+export declare function BannerLink(props: BannerLinkProps): import("react").JSX.Element;
 /**
  * Banner displays prominent messages and notifications to users.
  * Supports different themes (danger, warning, note, success) with appropriate icons.
  * Use Banner.Action for action buttons and Banner.Link for inline links.
  */
-declare function Banner(props: BannerProps): react.JSX.Element;
-declare namespace Banner {
+export declare function Banner(props: BannerProps): import("react").JSX.Element;
+export declare namespace Banner {
   var Action: typeof BannerAction;
   var Link: typeof BannerLink;
 }
 //#endregion
-export { Banner, BannerAction, BannerActionProps, BannerLink, BannerLinkProps, BannerProps, BannerTheme };
 //# sourceMappingURL=Banner.d.ts.map

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

@@ -1,13 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
-import { _Item } from "../../content/Item/Item.js";
+import { Item as _Item } from "../../content/Item/Item.js";
 import { Button } from "../Button/Button.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { IconAlertTriangle, IconCircleCheck, IconExclamationCircle, IconInfoCircle, IconX } from "@tabler/icons-react";
-
 //#region src/components/actions/Banner/Banner.tsx
 const DEFAULT_ICONS = {
 	danger: /* @__PURE__ */ jsx(IconExclamationCircle, { "aria-hidden": "true" }),
@@ -149,7 +148,7 @@ function Banner(props) {
 }
 Banner.Action = BannerAction;
 Banner.Link = BannerLink;
-
 //#endregion
 export { Banner, BannerAction, BannerLink };
+
 //# sourceMappingURL=Banner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["IconAlertTriangle","IconCircleCheck","IconExclamationCircle","IconInfoCircle","IconX","tasty","ReactNode","useEvent","useI18n","CubeItemProps","Item","Button","CubeButtonProps","CubeItemActionProps","BannerTheme","BannerProps","Omit","theme","isDismissable","onDismiss","BannerActionProps","BannerLinkProps","DEFAULT_ICONS","Record","danger","warning","note","success","BannerElement","styles","width","Description","textOverflow","whiteSpace","Actions","gap","BannerActionElement","Action","type","preset","BannerLinkElement","size","color","textDecoration","BannerAction","props","$","_c","t0","BannerLink","Banner","t","actions","children","icon","rest","t1","undefined","t2","onDismissEvent","defaultIcon","hasActions","t3","t4","t5","Link"],"sources":["../../../../src/components/actions/Banner/Banner.tsx"],"sourcesContent":["import {\n  IconAlertTriangle,\n  IconCircleCheck,\n  IconExclamationCircle,\n  IconInfoCircle,\n  IconX,\n} from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { CubeItemProps, Item } from '../../content/Item/Item';\nimport { Button, CubeButtonProps } from '../Button/Button';\nimport { CubeItemActionProps } from '../ItemAction/ItemAction';\n\nexport type BannerTheme = 'danger' | 'warning' | 'note' | 'success';\n\nexport type BannerProps = Omit<CubeItemProps, 'type' | 'size' | 'theme'> & {\n  /**\n   * The visual theme of the banner.\n   * @default 'note'\n   */\n  theme?: BannerTheme;\n  /**\n   * Controls whether the banner can be dismissed by the user.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Callback fired when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n};\n\nexport type BannerActionProps = Omit<CubeItemActionProps, 'preset' | 'type'>;\n\nexport type BannerLinkProps = Omit<CubeButtonProps, 'type' | 'size' | 'color'>;\n\nconst DEFAULT_ICONS: Record<BannerTheme, ReactNode> = {\n  // Decorative: the banner's text carries the message.\n  danger: <IconExclamationCircle aria-hidden=\"true\" />,\n  warning: <IconAlertTriangle aria-hidden=\"true\" />,\n  note: <IconInfoCircle aria-hidden=\"true\" />,\n  success: <IconCircleCheck aria-hidden=\"true\" />,\n};\n\nconst BannerElement = tasty(Item, {\n  styles: {\n    width: '100%',\n\n    Description: {\n      textOverflow: 'ellipsis / 2',\n      whiteSpace: 'normal',\n    },\n\n    Actions: {\n      gap: '1x',\n    },\n  },\n});\n\n// `current.outline` — the `current` theme on `Item.Action`, given the outlined\n// shape rather than the borderless default.\n//\n// `current` is the right color source: a banner labels itself `#white` in both\n// schemes (see `BannerLinkElement` and `*_PRIMARY_STYLES`), so the action mixes\n// its chip, border and label from that white — label cr 4.3-5.0 against every\n// banner theme, with the chip a subtle 1.06 off the banner. That is what an\n// action on a saturated surface should be: the banner carries the emphasis, the\n// button just has to be findable.\n//\n// `outline` rather than `Item.Action`'s `clear` default because a banner action\n// is a call to action, and `clear` paints nothing at rest — on a busy banner it\n// reads as body text until hovered. The `#current.08` border is what makes it a\n// button, which is why the old `border: '#clear'` override had to go: it was\n// written when `outline` meant `note.outline` and friends, whose border is the\n// opaque `#note-border` — a pale line built for a `#surface-2` chip on a light\n// page and plainly wrong on a saturated banner. On the `current` theme the\n// border IS the chip, and the 3% fill cannot carry one alone.\n//\n// `type=\"primary\"` is deliberately not used. It would fill with the inherited\n// white and punch `#current-fill` out of it, which defaults to `#surface` —\n// white in light mode, so the label would collapse into its own chip. A banner\n// that wants a filled action has to set `#current-fill` to its own surface\n// color; see `CURRENT_PRIMARY_STYLES` in `item-themes`.\nconst BannerActionElement = tasty(Item.Action, {\n  type: 'outline',\n  styles: {\n    preset: 't3m',\n  },\n});\n\nconst BannerLinkElement = tasty(Button, {\n  type: 'link',\n  size: 'inline',\n  styles: {\n    color: '#white',\n    textDecoration: 'underline',\n  },\n});\n\n/**\n * Sub-component for action buttons within a Banner.\n * Automatically styled to match the banner's theme.\n */\nexport function BannerAction(props: BannerActionProps) {\n  return <BannerActionElement {...props} />;\n}\n\n/**\n * Sub-component for inline links within Banner content.\n * Styled with white color and underline to stand out against the banner background.\n */\nexport function BannerLink(props: BannerLinkProps) {\n  return <BannerLinkElement {...props} />;\n}\n\n/**\n * Banner displays prominent messages and notifications to users.\n * Supports different themes (danger, warning, note, success) with appropriate icons.\n * Use Banner.Action for action buttons and Banner.Link for inline links.\n */\nexport function Banner(props: BannerProps) {\n  const { t } = useI18n();\n\n  const {\n    theme = 'note',\n    actions,\n    isDismissable = false,\n    onDismiss,\n    children,\n    icon,\n    ...rest\n  } = props;\n\n  const onDismissEvent = useEvent(() => {\n    onDismiss?.();\n  });\n\n  const defaultIcon = DEFAULT_ICONS[theme];\n\n  const hasActions = !!(actions || isDismissable);\n\n  return (\n    <BannerElement\n      qa=\"Banner\"\n      role=\"status\"\n      type=\"primary\"\n      theme={theme}\n      size=\"large\"\n      icon={icon ?? defaultIcon}\n      {...rest}\n      actions={\n        hasActions ? (\n          <>\n            {actions}\n            {isDismissable && (\n              <Item.Action\n                icon={<IconX />}\n                tooltip={t('banner.hideBanner', 'Hide banner')}\n                onPress={onDismissEvent}\n              />\n            )}\n          </>\n        ) : undefined\n      }\n    >\n      {children}\n    </BannerElement>\n  );\n}\n\nBanner.Action = BannerAction;\nBanner.Link = BannerLink;\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["IconAlertTriangle","IconCircleCheck","IconExclamationCircle","IconInfoCircle","IconX","tasty","ReactNode","useEvent","useI18n","CubeItemProps","Item","Button","CubeButtonProps","CubeItemActionProps","BannerTheme","BannerProps","Omit","theme","isDismissable","onDismiss","BannerActionProps","BannerLinkProps","DEFAULT_ICONS","Record","danger","warning","note","success","BannerElement","styles","width","Description","textOverflow","whiteSpace","Actions","gap","BannerActionElement","Action","type","preset","BannerLinkElement","size","color","textDecoration","BannerAction","props","$","_c","t0","BannerLink","Banner","t","actions","children","icon","rest","t1","undefined","t2","onDismissEvent","defaultIcon","hasActions","t3","t4","t5","Link","Item","_c"],"sources":["../../../../src/components/actions/Banner/Banner.tsx"],"sourcesContent":["import {\n  IconAlertTriangle,\n  IconCircleCheck,\n  IconExclamationCircle,\n  IconInfoCircle,\n  IconX,\n} from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { CubeItemProps, Item } from '../../content/Item/Item';\nimport { Button, CubeButtonProps } from '../Button/Button';\nimport { CubeItemActionProps } from '../ItemAction/ItemAction';\n\nexport type BannerTheme = 'danger' | 'warning' | 'note' | 'success';\n\nexport type BannerProps = Omit<CubeItemProps, 'type' | 'size' | 'theme'> & {\n  /**\n   * The visual theme of the banner.\n   * @default 'note'\n   */\n  theme?: BannerTheme;\n  /**\n   * Controls whether the banner can be dismissed by the user.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Callback fired when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n};\n\nexport type BannerActionProps = Omit<CubeItemActionProps, 'preset' | 'type'>;\n\nexport type BannerLinkProps = Omit<CubeButtonProps, 'type' | 'size' | 'color'>;\n\nconst DEFAULT_ICONS: Record<BannerTheme, ReactNode> = {\n  // Decorative: the banner's text carries the message.\n  danger: <IconExclamationCircle aria-hidden=\"true\" />,\n  warning: <IconAlertTriangle aria-hidden=\"true\" />,\n  note: <IconInfoCircle aria-hidden=\"true\" />,\n  success: <IconCircleCheck aria-hidden=\"true\" />,\n};\n\nconst BannerElement = tasty(Item, {\n  styles: {\n    width: '100%',\n\n    Description: {\n      textOverflow: 'ellipsis / 2',\n      whiteSpace: 'normal',\n    },\n\n    Actions: {\n      gap: '1x',\n    },\n  },\n});\n\n// `current.outline` — the `current` theme on `Item.Action`, given the outlined\n// shape rather than the borderless default.\n//\n// `current` is the right color source: a banner labels itself `#white` in both\n// schemes (see `BannerLinkElement` and `*_PRIMARY_STYLES`), so the action mixes\n// its chip, border and label from that white — label cr 4.3-5.0 against every\n// banner theme, with the chip a subtle 1.06 off the banner. That is what an\n// action on a saturated surface should be: the banner carries the emphasis, the\n// button just has to be findable.\n//\n// `outline` rather than `Item.Action`'s `clear` default because a banner action\n// is a call to action, and `clear` paints nothing at rest — on a busy banner it\n// reads as body text until hovered. The `#current.08` border is what makes it a\n// button, which is why the old `border: '#clear'` override had to go: it was\n// written when `outline` meant `note.outline` and friends, whose border is the\n// opaque `#note-border` — a pale line built for a `#surface-2` chip on a light\n// page and plainly wrong on a saturated banner. On the `current` theme the\n// border IS the chip, and the 3% fill cannot carry one alone.\n//\n// `type=\"primary\"` is deliberately not used. It would fill with the inherited\n// white and punch `#current-fill` out of it, which defaults to `#surface` —\n// white in light mode, so the label would collapse into its own chip. A banner\n// that wants a filled action has to set `#current-fill` to its own surface\n// color; see `CURRENT_PRIMARY_STYLES` in `item-themes`.\nconst BannerActionElement = tasty(Item.Action, {\n  type: 'outline',\n  styles: {\n    preset: 't3m',\n  },\n});\n\nconst BannerLinkElement = tasty(Button, {\n  type: 'link',\n  size: 'inline',\n  styles: {\n    color: '#white',\n    textDecoration: 'underline',\n  },\n});\n\n/**\n * Sub-component for action buttons within a Banner.\n * Automatically styled to match the banner's theme.\n */\nexport function BannerAction(props: BannerActionProps) {\n  return <BannerActionElement {...props} />;\n}\n\n/**\n * Sub-component for inline links within Banner content.\n * Styled with white color and underline to stand out against the banner background.\n */\nexport function BannerLink(props: BannerLinkProps) {\n  return <BannerLinkElement {...props} />;\n}\n\n/**\n * Banner displays prominent messages and notifications to users.\n * Supports different themes (danger, warning, note, success) with appropriate icons.\n * Use Banner.Action for action buttons and Banner.Link for inline links.\n */\nexport function Banner(props: BannerProps) {\n  const { t } = useI18n();\n\n  const {\n    theme = 'note',\n    actions,\n    isDismissable = false,\n    onDismiss,\n    children,\n    icon,\n    ...rest\n  } = props;\n\n  const onDismissEvent = useEvent(() => {\n    onDismiss?.();\n  });\n\n  const defaultIcon = DEFAULT_ICONS[theme];\n\n  const hasActions = !!(actions || isDismissable);\n\n  return (\n    <BannerElement\n      qa=\"Banner\"\n      role=\"status\"\n      type=\"primary\"\n      theme={theme}\n      size=\"large\"\n      icon={icon ?? defaultIcon}\n      {...rest}\n      actions={\n        hasActions ? (\n          <>\n            {actions}\n            {isDismissable && (\n              <Item.Action\n                icon={<IconX />}\n                tooltip={t('banner.hideBanner', 'Hide banner')}\n                onPress={onDismissEvent}\n              />\n            )}\n          </>\n        ) : undefined\n      }\n    >\n      {children}\n    </BannerElement>\n  );\n}\n\nBanner.Action = BannerAction;\nBanner.Link = BannerLink;\n"],"mappings":"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"}

package/dist/components/actions/Banner/index.d.ts

@@ -1,2 +1,3 @@
 
-import { Banner, BannerAction, BannerActionProps, BannerLink, BannerLinkProps, BannerProps, BannerTheme } from "./Banner.js";
+import { Banner, BannerAction, BannerActionProps, BannerLink, BannerLinkProps, BannerProps, BannerTheme } from "./Banner.js";
+export { Banner, BannerAction, type BannerActionProps, BannerLink, type BannerLinkProps, type BannerProps, type BannerTheme };

package/dist/components/actions/Button/Button.d.ts

@@ -4,12 +4,10 @@ import { DynamicIcon } from "../../../utils/react/resolveIcon.js";
 import "../../../utils/react/index.js";
 import { CubeActionProps } from "../Action/Action.js";
 import { Mods, Styles } from "@tenphi/tasty";
-import "react";
 import { Placement } from "react-aria";
-
 //#region src/components/actions/Button/Button.d.ts
 /** Known modifiers for Button component */
-type ButtonMods = Mods<{
+export type ButtonMods = Mods<{
   pressed?: boolean;
   loading?: boolean;
   selected?: boolean;
@@ -20,7 +18,7 @@ type ButtonMods = Mods<{
   'text-only'?: boolean;
   'raw-children'?: boolean;
 }>;
-interface CubeButtonProps extends CubeActionProps {
+export interface CubeButtonProps extends CubeActionProps {
   icon?: DynamicIcon<ButtonMods>;
   rightIcon?: DynamicIcon<ButtonMods>;
   isLoading?: boolean;
@@ -44,8 +42,7 @@ interface CubeButtonProps extends CubeActionProps {
    */
   defaultTooltipPlacement?: Placement;
 }
-type ButtonVariant = 'current.primary' | 'current.outline' | 'current.outline-2' | 'current.clear' | 'current.link' | 'default.primary' | 'default.outline' | 'default.outline-2' | 'default.clear' | 'default.link' | 'danger.primary' | 'danger.outline' | 'danger.outline-2' | 'danger.clear' | 'danger.link' | 'success.primary' | 'success.outline' | 'success.outline-2' | 'success.clear' | 'success.link' | 'warning.primary' | 'warning.outline' | 'warning.outline-2' | 'warning.clear' | 'warning.link' | 'note.primary' | 'note.outline' | 'note.outline-2' | 'note.clear' | 'note.link' | 'special.primary' | 'special.outline' | 'special.clear' | 'special.link';
-declare const DEFAULT_BUTTON_STYLES: Styles;
+export type ButtonVariant = 'current.primary' | 'current.outline' | 'current.outline-2' | 'current.clear' | 'current.link' | 'default.primary' | 'default.outline' | 'default.outline-2' | 'default.clear' | 'default.link' | 'danger.primary' | 'danger.outline' | 'danger.outline-2' | 'danger.clear' | 'danger.link' | 'success.primary' | 'success.outline' | 'success.outline-2' | 'success.clear' | 'success.link' | 'warning.primary' | 'warning.outline' | 'warning.outline-2' | 'warning.clear' | 'warning.link' | 'note.primary' | 'note.outline' | 'note.outline-2' | 'note.clear' | 'note.link' | 'special.primary' | 'special.outline' | 'special.clear' | 'special.link';
+export declare const DEFAULT_BUTTON_STYLES: Styles;
 //#endregion
-export { ButtonMods, ButtonVariant, CubeButtonProps, DEFAULT_BUTTON_STYLES };
 //# sourceMappingURL=Button.d.ts.map