@cube-dev/ui-kit 0.181.0 → 0.183.0

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';\nimport { usePaletteVersion } from '../tokens/palette-config';\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.\n  const paletteVersion = usePaletteVersion();\n\n  // Merge token styles with body styles. getTokens() resolves glaze colors\n  // against the current palette config, memoized against its version.\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, paletteVersion]);\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,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;AAoC5C,iBAAgB,QA1BQ,cAAsB;EAC5C,MAAM,SAAiB,EAAE,GAAG,WAAW,EAAE;AAGzC,SAAO,OAAO,QAAQ,YAAY;AAIlC,MAAI,WACF,QAAO,OAAO,QAAQ,WAAW;AAGnC,SAAO;IACN,CAAC,YAjBmB,mBAAmB,CAiBX,CAAC,EAaS,EAAE,IAAI,sBAAsB,CAAC;AAGtE,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":["useGlobalStyles","useRawCSS","useMemo","getTokens","usePaletteVersion","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","paletteVersion","styles","Object","assign","bodyTokenStyles","t0","Symbol","for","id","t1","t2","fontValue","monospaceFontValue"],"sources":["../../src/components/GlobalStyles.tsx"],"sourcesContent":["import { useGlobalStyles, useRawCSS } from '@tenphi/tasty';\nimport { useMemo } from 'react';\n\nimport { getTokens } from '../tokens';\nimport { usePaletteVersion } from '../tokens/palette-config';\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.\n  const paletteVersion = usePaletteVersion();\n\n  // Merge token styles with body styles. getTokens() resolves glaze colors\n  // against the current palette config, memoized against its version.\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, paletteVersion]);\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;AAMrBtB,oBAAmB;CAAC,IAAA0B;AAAA,KAAAH,EAAA,OAAApB,YAAA;AAKzCuB,WAAuB,EAAA,GAAK3B,WAAU,EAAG;AAGzC4B,SAAMC,OAAQF,QAAQf,YAAY;AAIlC,MAAIR,WACFwB,QAAMC,OAAQF,QAAQvB,WAAW;AAClCoB,IAAA,KAAApB;AAAAoB,IAAA,KAAAG;OAAAA,UAAAH,EAAA;CAVH,MAAAM,kBAYEH;CAC+B,IAAAI;AAAA,KAAAP,EAAA,OAAAQ,OAAAC,IAAA,4BAAA,EAAA;AAaQF,OAAA,EAAAG,IAAM,sBAAsB;AAAAV,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAArE3B,iBAAgB,QAAQiC,iBAAiBC,GAA6B;CAAA,IAAAI;CAAA,IAAAC;AAAA,KAAAZ,EAAA,OAAAf,QAAAe,EAAA,OAAAd,eAAA;AAG5DyB,aAAA;AAE6D,UAE9D;;;mBAHW1B,OAAA,GAAUA,KAAI,MAAd,GAMM;mBALGC,gBAAA,GAAmBA,cAAa,MAAhC,GAMM;;EAEnCW;;AACGe,OAAA,CAAC3B,MAAMC,cAAc;AAAAc,IAAA,KAAAf;AAAAe,IAAA,KAAAd;AAAAc,IAAA,KAAAW;AAAAX,IAAA,KAAAY;QAAA;AAAAD,OAAAX,EAAA;AAAAY,OAAAZ,EAAA;;AAXxB1B,WAAUqC,IAWPC,GAAsB;AAAA,QAElB"}

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";
@@ -23,11 +23,11 @@ const GridProvider = forwardRef(function GridProvider(props, outerRef) {
 	]);
 	useEffect(() => {
 		if (forcedWidth) return;
-		const el = ref && ref.current && ref.current.parentNode;
-		if (!el) return;
+		const el_0 = ref && ref.current && ref.current.parentNode;
+		if (!el_0) return;
 		let sensor;
 		import("../utils/ResizeSensor.js").then((module) => module.ResizeSensor).then((ResizeSensor) => {
-			sensor = new ResizeSensor(el, resizeCallback);
+			sensor = new ResizeSensor(el_0, resizeCallback);
 		});
 		return () => {
 			if (sensor) sensor.detach();

package/dist/components/GridProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridProvider.js","names":[],"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,MAAM,cAAc,MAAM,EACxB,QAAQ,EACN,SAAS,YACV,EACF,CAAC;AAEF,MAAM,eACJ;AAUF,MAAa,eAAe,WAC1B,SAAS,aAAa,OAAO,UAAU;CACrC,IAAI,MAAM,gBAAgB,SAAS;CAEnC,IAAI,EACF,UACA,UAAU,GACV,MAAM,KACN,OAAO,aACP,iBACE;CAEJ,IAAI,CAAC,OAAO,YAAY,SACtB,eAAe,gBAAgB,QAChC;CAED,MAAM,iBAAiB,kBAAkB;EACvC,MAAM,KAAK,KAAK,SAAS;AAEzB,MAAI,CAAC,GAAI;EAET,MAAM,gBAAgB,iBAAiB,GAAG;AAM1C,WAAS,GAJP,GAAG,cACH,WAAW,cAAc,YAAY,GACrC,WAAW,cAAc,aAAa,CAEb,IAAI;IAC9B;EAAC;EAAK;EAAS;EAAI,CAAC;AAEvB,iBAAgB;AACd,MAAI,YAAa;EAEjB,MAAM,KAAK,OAAO,IAAI,WAAW,IAAI,QAAQ;AAE7C,MAAI,CAAC,GAAI;EAET,IAAI;AAEJ,SAAO,4BACJ,MAAM,WAAW,OAAO,aAAa,CACrC,MAAM,iBAAiB;AACtB,YAAS,IAAI,aAAa,IAAI,eAAe;IAC7C;AAEJ,eAAa;AACX,OAAI,OACF,QAAO,QAAQ;;IAGlB,CAAC,eAAe,CAAC;AAEpB,iBAAgB;AACd,MAAI,YAAa;AAEjB,kBAAgB;IACf,CAAC,eAAe,CAAC;AAEpB,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACL,QAAQ;GACN,gBAAgB;GAChB,oBAAoB;GACpB,gBAAgB;GAChB,kBAAkB;GACnB;EAEA;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,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"}

package/dist/components/HiddenInput.js

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

package/dist/components/HiddenInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenInput.js","names":[],"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,MAAa,cAAc,MAAM;CAC/B,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,QAAQ;EACR,UAAU;EACV,WAAW;EACX,SAAS;EACT,UAAU;EACV,OAAO;EACP,SAAS;EACT,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,UAAU;GACX;EACF;CACF,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;GACZ;EACF;CACD,CAAC"}

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.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";
@@ -11,8 +11,9 @@ import { setPaletteConfig } from "../tokens/palette-config.js";
 import { GlobalStyles } from "./GlobalStyles.js";
 import { AlertDialogApiProvider } from "./overlays/AlertDialog/AlertDialogApiProvider.js";
 import { OverlayProvider } from "./overlays/Notifications/OverlayProvider.js";
+import { c } from "react-compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, TastyBatchProvider, configure, filterBaseProps, setGlobalPredefinedStates, tasty } from "@tenphi/tasty";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ModalProvider } from "react-aria";
 
@@ -90,51 +91,145 @@ const RootElement = tasty({
 });
 const STYLES = [...BASE_STYLES, ...BLOCK_STYLES];
 function Root(allProps) {
-	let { children, bodyStyles, fontDisplay = "swap", fonts, publicUrl, navigation, font, monospaceFont, applyLegacyTokens: _applyLegacyTokens, tracking, cursorStrategy = "web", style, tokens, palette, i18n, locale, ...props } = allProps;
-	useMemo(() => {
-		if (palette) setPaletteConfig(palette);
-	}, [palette]);
+	const $ = c(43);
+	const { children, bodyStyles, fontDisplay: t0, fonts, publicUrl, navigation, font, monospaceFont, applyLegacyTokens: _applyLegacyTokens, tracking, cursorStrategy: t1, style, tokens, palette, i18n, locale, ...props } = allProps;
+	const fontDisplay = t0 === void 0 ? "swap" : t0;
+	const cursorStrategy = t1 === void 0 ? "web" : t1;
+	if (palette) setPaletteConfig(palette);
 	const ref = useRef(null);
 	const [rootRef, setRootRef] = useState();
-	useEffect(() => {
-		if (!rootRef) setRootRef(ref?.current);
-	}, []);
+	let t2;
+	if ($[0] !== rootRef) {
+		t2 = () => {
+			if (!rootRef) setRootRef(ref?.current);
+		};
+		$[0] = rootRef;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = [];
+		$[2] = t3;
+	} else t3 = $[2];
+	useEffect(t2, t3);
 	const styles = extractStyles(props, STYLES);
-	return /* @__PURE__ */ jsx(TastyBatchProvider, { children: /* @__PURE__ */ jsx(I18nProvider$1, {
-		i18n,
-		locale,
-		children: /* @__PURE__ */ jsx(Provider, {
+	const T0 = TastyBatchProvider;
+	const T1 = I18nProvider$1;
+	const T2 = Provider;
+	const T3 = TrackingProvider;
+	const t4 = tracking?.event;
+	const T4 = RootElement;
+	const t5 = VERSION;
+	const t6 = TASTY_VERSION;
+	const t7 = filterBaseProps(props, { eventProps: true });
+	const t8 = cursorStrategy === "web" ? "pointer" : "default";
+	let t9;
+	if ($[3] !== style || $[4] !== t8) {
+		t9 = {
+			"--pointer": t8,
+			...style
+		};
+		$[3] = style;
+		$[4] = t8;
+		$[5] = t9;
+	} else t9 = $[5];
+	let t10;
+	if ($[6] !== bodyStyles || $[7] !== font || $[8] !== fontDisplay || $[9] !== fonts || $[10] !== monospaceFont || $[11] !== publicUrl) {
+		t10 = /* @__PURE__ */ jsx(GlobalStyles, {
+			bodyStyles,
+			publicUrl,
+			fonts,
+			font,
+			monospaceFont,
+			fontDisplay
+		});
+		$[6] = bodyStyles;
+		$[7] = font;
+		$[8] = fontDisplay;
+		$[9] = fonts;
+		$[10] = monospaceFont;
+		$[11] = publicUrl;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== children) {
+		t11 = /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(PortalProvider, {
+			value: ref,
+			children: /* @__PURE__ */ jsx(EventBusProvider, { children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(AlertDialogApiProvider, { children }) }) })
+		}) });
+		$[13] = children;
+		$[14] = t11;
+	} else t11 = $[14];
+	let t12;
+	if ($[15] !== T4 || $[16] !== fontDisplay || $[17] !== styles || $[18] !== t10 || $[19] !== t11 || $[20] !== t5 || $[21] !== t6 || $[22] !== t7 || $[23] !== t9 || $[24] !== tokens) {
+		t12 = /* @__PURE__ */ jsxs(T4, {
+			ref,
+			"data-uikit": t5,
+			"data-tasty": t6,
+			"data-font-display": fontDisplay,
+			...t7,
+			styles,
+			style: t9,
+			tokens,
+			children: [t10, t11]
+		});
+		$[15] = T4;
+		$[16] = fontDisplay;
+		$[17] = styles;
+		$[18] = t10;
+		$[19] = t11;
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+		$[23] = t9;
+		$[24] = tokens;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] !== T3 || $[27] !== t12 || $[28] !== t4) {
+		t13 = /* @__PURE__ */ jsx(T3, {
+			event: t4,
+			children: t12
+		});
+		$[26] = T3;
+		$[27] = t12;
+		$[28] = t4;
+		$[29] = t13;
+	} else t13 = $[29];
+	let t14;
+	if ($[30] !== T2 || $[31] !== navigation || $[32] !== rootRef || $[33] !== t13) {
+		t14 = /* @__PURE__ */ jsx(T2, {
 			navigation,
 			root: rootRef,
-			children: /* @__PURE__ */ jsx(TrackingProvider, {
-				event: tracking?.event,
-				children: /* @__PURE__ */ jsxs(RootElement, {
-					ref,
-					"data-uikit": VERSION,
-					"data-tasty": TASTY_VERSION,
-					"data-font-display": fontDisplay,
-					...filterBaseProps(props, { eventProps: true }),
-					styles,
-					style: {
-						"--pointer": cursorStrategy === "web" ? "pointer" : "default",
-						...style
-					},
-					tokens,
-					children: [/* @__PURE__ */ jsx(GlobalStyles, {
-						bodyStyles,
-						publicUrl,
-						fonts,
-						font,
-						monospaceFont,
-						fontDisplay
-					}), /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(PortalProvider, {
-						value: ref,
-						children: /* @__PURE__ */ jsx(EventBusProvider, { children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(AlertDialogApiProvider, { children }) }) })
-					}) })]
-				})
-			})
-		})
-	}) });
+			children: t13
+		});
+		$[30] = T2;
+		$[31] = navigation;
+		$[32] = rootRef;
+		$[33] = t13;
+		$[34] = t14;
+	} else t14 = $[34];
+	let t15;
+	if ($[35] !== T1 || $[36] !== i18n || $[37] !== locale || $[38] !== t14) {
+		t15 = /* @__PURE__ */ jsx(T1, {
+			i18n,
+			locale,
+			children: t14
+		});
+		$[35] = T1;
+		$[36] = i18n;
+		$[37] = locale;
+		$[38] = t14;
+		$[39] = t15;
+	} else t15 = $[39];
+	let t16;
+	if ($[40] !== T0 || $[41] !== t15) {
+		t16 = /* @__PURE__ */ jsx(T0, { children: t15 });
+		$[40] = T0;
+		$[41] = t15;
+		$[42] = t16;
+	} else t16 = $[42];
+	return t16;
 }
 
 //#endregion

package/dist/components/Root.js.map

@@ -1 +1 @@
-{"version":3,"file":"Root.js","names":["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, useMemo, 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 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   * 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  // Applied during render, not in an effect, so the first paint already uses the\n  // tuned palette instead of flashing the default. `setPaletteConfig` is a no-op\n  // when the resolved config is unchanged, so an inline object literal and\n  // StrictMode's double render both cost nothing. `GlobalStyles` is rendered\n  // below in the same pass and reads the new version directly.\n  useMemo(() => {\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":";;;;;;;;;;;;;;;;;;;AAuCA,0BAA0B,0BAA0B;AAEpD,UAAU;CASR,gBAAgB;CAChB,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACb,YAAY,EACV,aAAa,QACd;GACD,2BAA2B;IACzB,IAAI;IACJ,aAAa;IACd;GACD,YAAY,EACV,aAAa,iBACd;GACD,QAAQ,EACN,aAAa,gCACd;GACD,QAAQ,EACN,aAAa,WACd;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,SAAS,CAAC,GAAG,aAAa,GAAG,aAAa;AAwChD,SAAgB,KAAK,UAAyB;CAC5C,IAAI,EACF,UAEA,YACA,cAAc,QACd,OACA,WACA,YACA,MACA,eACA,mBAAmB,oBACnB,UACA,iBAAiB,OACjB,OACA,QACA,SACA,MACA,QACA,GAAG,UACD;AAOJ,eAAc;AACZ,MAAI,QAAS,kBAAiB,QAAQ;IACrC,CAAC,QAAQ,CAAC;CAEb,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,CAAC,SAAS,cAAc,UAAU;AAExC,iBAAgB;AACd,MAAI,CAAC,QAEH,YAAW,KAAK,QAAQ;IAEzB,EAAE,CAAC;CAEN,MAAM,SAAS,cAAc,OAAO,OAAO;AAE3C,QACE,oBAAC,gCACC,oBAACA;EAAmB;EAAc;YAChC,oBAAC;GAAqB;GAAY,MAAM;aACtC,oBAAC;IAAiB,OAAO,UAAU;cACjC,qBAAC;KACM;KACL,cAAY;KACZ,cAAY;KACZ,qBAAmB;KACnB,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;KACxC;KACR,OAAO;MACL,aAAa,mBAAmB,QAAQ,YAAY;MACpD,GAAG;MACJ;KACO;gBAER,oBAAC;MACa;MACD;MACJ;MACD;MACS;MACF;OACb,EACF,oBAAC,2BACC,oBAAC;MAAe,OAAO;gBACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BACE,WACsB,GACT,GACD;OACJ,GACH;MACJ;KACG;IACV;GACE,GACI"}
+{"version":3,"file":"Root.js","names":["BASE_STYLES","BaseProps","BLOCK_STYLES","configure","filterBaseProps","setGlobalPredefinedStates","tasty","TastyBatchProvider","useEffect","useMemo","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","ref","rootRef","setRootRef","t2","current","t3","Symbol","for","T0","T1","T2","T3","t4","event","T4","t7","eventProps","t8","t9","t10","t11","t12","t5","t6","t13","t14","t15","t16"],"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, useMemo, 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 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   * 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  // Applied during render, not in an effect, so the first paint already uses the\n  // tuned palette instead of flashing the default. `setPaletteConfig` is a no-op\n  // when the resolved config is unchanged, so an inline object literal and\n  // StrictMode's double render both cost nothing. `GlobalStyles` is rendered\n  // below in the same pass and reads the new version directly.\n  useMemo(() => {\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":";;;;;;;;;;;;;;;;;;;;AAuCAK,0BAA0BgB,0BAA0B;AAEpDlB,UAAU;CASR4B,gBAAgB;CAChBC,OAAO;EACLC,GAAG;EACHC,GAAG;EACHC,IAAI;EACJC,IAAI;EACJC,IAAI;EACL;CACDC,SAAS;EACPC,OAAO;GACLC,QAAQ;GACRC,SAAS;GACTC,QAAQ;GACRC,SAAS;GACTC,WAAW;GACZ;EACDC,QAAQ;GACNC,YAAY;GACZC,aAAa;GACbC,gBAAgB;GAChB,+BAA+B;GAC/BC,MAAM;GACNC,OAAO;GACPC,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACfC,UAAU;IACZ;GACD;EACDC,OAAO;GACLP,YAAY;GACZQ,aAAa;GACbJ,OAAO;GACPD,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACbH,YAAY,EACV,aAAa,QACd;GACD,2BAA2B;IACzB,IAAI;IACJ,aAAa;IACd;GACDS,YAAY,EACV,aAAa,iBACd;GACDC,QAAQ,EACN,aAAa,gCACd;GACDC,QAAQ,EACN,aAAa,WACd;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IAChB;GACD;EACD,qBAAqB;GACnB,2BAA2B;GAC3BP,OAAO;GACR;EACD,8BAA8B;GAC5BQ,MAAM;GACNZ,YAAY;GACd;EACF;CACD,CAAC;AAEF,MAAMa,cAAcrD,MAAM;CACxBsD,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTZ,OAAO;EACPO,QAAQ;EACV;CACD,CAAC;AAEF,MAAMM,SAAS,CAAC,GAAG/D,aAAa,GAAGE,aAAa;AAwChD,SAAO6E,KAAAC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,UAAAf,YAAAC,aAAAe,IAAAd,OAAAC,WAAAC,YAAAC,MAAAC,eAAAC,mBAAAU,oBAAAT,UAAAC,gBAAAS,IAAAC,OAAAtB,QAAAE,SAAAtC,MAAAiD,QAAA,GAAAU,UAmBIR;CAfF,MAAAX,cAAAe,OAAAK,SAAA,SAAAL;CAQA,MAAAP,iBAAAS,OAAAG,SAAA,QAAAH;AAeA,KAAInB,QAAShD,kBAAiBgD,QAAQ;CAGxC,MAAAuB,MAAYhF,OAAO,KAAK;CAExB,MAAA,CAAAiF,SAAAC,cAA8BjF,UAAU;CAAC,IAAAkF;AAAA,KAAAZ,EAAA,OAAAU,SAAA;AAE/BE,aAAA;AACR,OAAI,CAACF,QAEHC,YAAWF,KAAGI,QAAU;;AAE3Bb,IAAA,KAAAU;AAAAV,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAe,OAAAC,IAAA,4BAAA,EAAA;AAAEF,OAAA,EAAE;AAAAd,IAAA,KAAAc;OAAAA,MAAAd,EAAA;AALLzE,WAAUqF,IAKPE,GAAG;CAEN,MAAAlC,SAAevC,cAAckE,OAAOzB,OAAO;CAGxC,MAAAmC,KAAA3F;CACE,MAAA4F,KAAAtF;CACE,MAAAuF,KAAAtF;CACE,MAAAuF,KAAApF;CAAwB,MAAAqF,KAAA1B,UAAQ2B;CAC9B,MAAAC,KAAA7C;CAEanC,MAAAA,KAAAA;CACAD,MAAAA,KAAAA;CAER,MAAAkF,KAAArG,gBAAgBoF,OAAO,EAAAkB,YAAc,MAAM,CAAC;CAGjC,MAAAC,KAAA9B,mBAAmB,QAAnB,YAAA;CAAgD,IAAA+B;AAAA,KAAA3B,EAAA,OAAAM,SAAAN,EAAA,OAAA0B,IAAA;AADxDC,OAAA;GAAA,aACQD;GAAgD,GAC1DpB;GACJ;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAA0B;AAAA1B,IAAA,KAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA4B;AAAA,KAAA5B,EAAA,OAAAb,cAAAa,EAAA,OAAAR,QAAAQ,EAAA,OAAAZ,eAAAY,EAAA,OAAAX,SAAAW,EAAA,QAAAP,iBAAAO,EAAA,QAAAV,WAAA;AAGDsC,QAAA,oBAAC;GACazC;GACDG;GACJD;GACDG;GACSC;GACFL;IACb;AAAAY,IAAA,KAAAb;AAAAa,IAAA,KAAAR;AAAAQ,IAAA,KAAAZ;AAAAY,IAAA,KAAAX;AAAAW,IAAA,MAAAP;AAAAO,IAAA,MAAAV;AAAAU,IAAA,MAAA4B;OAAAA,OAAA5B,EAAA;CAAA,IAAA6B;AAAA,KAAA7B,EAAA,QAAAE,UAAA;AACF2B,QAAA,oBAAC,2BACC,oBAAC;GAAsBpB,OAAAA;aACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BACEP,WAEL,GACF,GACF;IACF,GAAgB;AAAAF,IAAA,MAAAE;AAAAF,IAAA,MAAA6B;OAAAA,OAAA7B,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,QAAAuB,MAAAvB,EAAA,QAAAZ,eAAAY,EAAA,QAAApB,UAAAoB,EAAA,QAAA4B,OAAA5B,EAAA,QAAA6B,OAAA7B,EAAA,QAAA+B,MAAA/B,EAAA,QAAAgC,MAAAhC,EAAA,QAAAwB,MAAAxB,EAAA,QAAA2B,MAAA3B,EAAA,QAAAhB,QAAA;AA/BlB8C,QAAA,qBAAC;GACMrB;GACOlE,cAAAA;GACAD,cAAAA;GACO8C,qBAAAA;GAAW,GAC1BoC;GACI5C;GACD,OAAA+C;GAIC3C;cAER4C,KAQAC;IAWY;AAAA7B,IAAA,MAAAuB;AAAAvB,IAAA,MAAAZ;AAAAY,IAAA,MAAApB;AAAAoB,IAAA,MAAA4B;AAAA5B,IAAA,MAAA6B;AAAA7B,IAAA,MAAA+B;AAAA/B,IAAA,MAAAgC;AAAAhC,IAAA,MAAAwB;AAAAxB,IAAA,MAAA2B;AAAA3B,IAAA,MAAAhB;AAAAgB,IAAA,MAAA8B;OAAAA,OAAA9B,EAAA;CAAA,IAAAiC;AAAA,KAAAjC,EAAA,QAAAoB,MAAApB,EAAA,QAAA8B,OAAA9B,EAAA,QAAAqB,IAAA;AAjChBY,QAAA,oBAAC;GAAwB,OAAAZ;aACvBS;IAiCiB;AAAA9B,IAAA,MAAAoB;AAAApB,IAAA,MAAA8B;AAAA9B,IAAA,MAAAqB;AAAArB,IAAA,MAAAiC;OAAAA,OAAAjC,EAAA;CAAA,IAAAkC;AAAA,KAAAlC,EAAA,QAAAmB,MAAAnB,EAAA,QAAAT,cAAAS,EAAA,QAAAU,WAAAV,EAAA,QAAAiC,KAAA;AAnCrBC,QAAA,oBAAC;GAAqB3C;GAAkBmB,MAAAA;aACtCuB;IAmCS;AAAAjC,IAAA,MAAAmB;AAAAnB,IAAA,MAAAT;AAAAS,IAAA,MAAAU;AAAAV,IAAA,MAAAiC;AAAAjC,IAAA,MAAAkC;OAAAA,OAAAlC,EAAA;CAAA,IAAAmC;AAAA,KAAAnC,EAAA,QAAAkB,MAAAlB,EAAA,QAAApD,QAAAoD,EAAA,QAAAH,UAAAG,EAAA,QAAAkC,KAAA;AArCbC,QAAA,oBAAC;GAAmBvF;GAAciD;aAChCqC;IAqCa;AAAAlC,IAAA,MAAAkB;AAAAlB,IAAA,MAAApD;AAAAoD,IAAA,MAAAH;AAAAG,IAAA,MAAAkC;AAAAlC,IAAA,MAAAmC;OAAAA,OAAAnC,EAAA;CAAA,IAAAoC;AAAA,KAAApC,EAAA,QAAAiB,MAAAjB,EAAA,QAAAmC,KAAA;AAvCjBC,QAAA,oBAAC,gBACCD,MAuCmB;AAAAnC,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmC;AAAAnC,IAAA,MAAAoC;OAAAA,OAAApC,EAAA;AAAA,QAxCrBoC"}

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

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.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";
@@ -16,7 +17,9 @@ const ActionElement = tasty({
 	}
 });
 const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
-const Action = forwardRef(function Action({ to, as, download, htmlType, label, theme, mods, onPress, ...props }, ref) {
+const Action = forwardRef(function Action(t0, ref) {
+	const $ = c(5);
+	const { to, as, download, htmlType, label, theme, mods, onPress, ...props } = t0;
 	const { actionProps } = useAction({
 		to,
 		as,
@@ -27,12 +30,21 @@ const Action = forwardRef(function Action({ to, as, download, htmlType, label, t
 		...props
 	}, ref);
 	const styles = extractStyles(props, STYLE_PROPS);
-	return /* @__PURE__ */ jsx(ActionElement, {
-		"data-theme": theme,
-		download,
-		...actionProps,
-		styles
-	});
+	let t1;
+	if ($[0] !== actionProps || $[1] !== download || $[2] !== styles || $[3] !== theme) {
+		t1 = /* @__PURE__ */ jsx(ActionElement, {
+			"data-theme": theme,
+			download,
+			...actionProps,
+			styles
+		});
+		$[0] = actionProps;
+		$[1] = download;
+		$[2] = styles;
+		$[3] = theme;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
 });
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Action.js","names":[],"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, 'type'> {\n  to?: NavigateArg;\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":";;;;;;;;AA8BA,MAAM,gBAAgB,MAAM;CAC1B,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,UAAU;EACV,QAAQ;EACR,YAAY;EACb;CACF,CAAC;AAEF,MAAM,cAAc,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAEzD,MAAa,SAAS,WAAW,SAAS,OACxC,EACE,IACA,IACA,UACA,UACA,OACA,OACA,MACA,SACA,GAAG,SAEL,KACA;CACA,MAAM,EAAE,gBAAgB,UACtB;EAAE;EAAI;EAAI;EAAU;EAAO;EAAS;EAAM,GAAG;EAAO,EACpD,IACD;CAED,MAAM,SAAS,cAAc,OAAO,YAAY;AAEhD,QACE,oBAAC;EACC,cAAY;EACF;EACV,GAAI;EACI;GACR;EAEJ"}
+{"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, 'type'> {\n  to?: NavigateArg;\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":";;;;;;;;;AA8BA,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"}

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

@@ -1,11 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Item } from "../../content/Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../Button/Button.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
-import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+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
@@ -40,14 +40,28 @@ const BannerLinkElement = tasty(Button, {
 * Automatically styled to match the banner's theme.
 */
 function BannerAction(props) {
-	return /* @__PURE__ */ jsx(BannerActionElement, { ...props });
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ jsx(BannerActionElement, { ...props });
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 }
 /**
 * Sub-component for inline links within Banner content.
 * Styled with white color and underline to stand out against the banner background.
 */
 function BannerLink(props) {
-	return /* @__PURE__ */ jsx(BannerLinkElement, { ...props });
+	const $ = c(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ jsx(BannerLinkElement, { ...props });
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 }
 /**
 * Banner displays prominent messages and notifications to users.
@@ -55,28 +69,83 @@ function BannerLink(props) {
 * Use Banner.Action for action buttons and Banner.Link for inline links.
 */
 function Banner(props) {
+	const $ = c(22);
 	const { t } = useI18n();
-	const { theme = "note", actions, isDismissable = false, onDismiss, children, icon, ...rest } = props;
-	const onDismissEvent = useEvent(() => {
-		onDismiss?.();
-	});
-	const defaultIcon = useMemo(() => DEFAULT_ICONS[theme], [theme]);
+	let actions;
+	let children;
+	let icon;
+	let onDismiss;
+	let rest;
+	let t0;
+	let t1;
+	if ($[0] !== props) {
+		({theme: t0, actions, isDismissable: t1, onDismiss, children, icon, ...rest} = props);
+		$[0] = props;
+		$[1] = actions;
+		$[2] = children;
+		$[3] = icon;
+		$[4] = onDismiss;
+		$[5] = rest;
+		$[6] = t0;
+		$[7] = t1;
+	} else {
+		actions = $[1];
+		children = $[2];
+		icon = $[3];
+		onDismiss = $[4];
+		rest = $[5];
+		t0 = $[6];
+		t1 = $[7];
+	}
+	const theme = t0 === void 0 ? "note" : t0;
+	const isDismissable = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[8] !== onDismiss) {
+		t2 = () => {
+			onDismiss?.();
+		};
+		$[8] = onDismiss;
+		$[9] = t2;
+	} else t2 = $[9];
+	const onDismissEvent = useEvent(t2);
+	const defaultIcon = DEFAULT_ICONS[theme];
 	const hasActions = !!(actions || isDismissable);
-	return /* @__PURE__ */ jsx(BannerElement, {
-		qa: "Banner",
-		role: "status",
-		type: "primary",
-		theme,
-		size: "large",
-		icon: icon ?? defaultIcon,
-		...rest,
-		actions: hasActions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [actions, isDismissable && /* @__PURE__ */ jsx(_Item.Action, {
+	const t3 = icon ?? defaultIcon;
+	let t4;
+	if ($[10] !== actions || $[11] !== hasActions || $[12] !== isDismissable || $[13] !== onDismissEvent || $[14] !== t) {
+		t4 = hasActions ? /* @__PURE__ */ jsxs(Fragment, { children: [actions, isDismissable && /* @__PURE__ */ jsx(_Item.Action, {
 			icon: /* @__PURE__ */ jsx(IconX, {}),
 			tooltip: t("banner.hideBanner", "Hide banner"),
 			onPress: onDismissEvent
-		})] }) : void 0,
-		children
-	});
+		})] }) : void 0;
+		$[10] = actions;
+		$[11] = hasActions;
+		$[12] = isDismissable;
+		$[13] = onDismissEvent;
+		$[14] = t;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== children || $[17] !== rest || $[18] !== t3 || $[19] !== t4 || $[20] !== theme) {
+		t5 = /* @__PURE__ */ jsx(BannerElement, {
+			qa: "Banner",
+			role: "status",
+			type: "primary",
+			theme,
+			size: "large",
+			icon: t3,
+			...rest,
+			actions: t4,
+			children
+		});
+		$[16] = children;
+		$[17] = rest;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = theme;
+		$[21] = t5;
+	} else t5 = $[21];
+	return t5;
 }
 Banner.Action = BannerAction;
 Banner.Link = BannerLink;