@cube-dev/ui-kit 0.187.2 → 0.189.0

package/dist/components/navigation/Tabs/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["BaseProps","OuterStyleProps","Styles","ReactNode","CubeItemActionProps","CubeMenuProps","CubeItemProps","TabType","TabPlacement","TabsActionPosition","TabSize","RADIO_SIZE_MAP","Record","medium","large","TabContextMenu","PanelBehaviorProps","prerender","keepMounted","QAProps","qa","qaVal","OmittedItemProps","TabStyleProps","Omit","size","autoHideActions","CacheKeyValue","CubeTabsProps","activeKey","defaultActiveKey","type","placement","label","prefix","suffix","onChange","key","onDelete","onTitleChange","newTitle","isEditable","menu","menuTriggerProps","Partial","menuProps","contextMenu","onAction","action","tabKey","styles","children","renderPanel","panelCacheKeys","isReorderable","keyOrder","onReorder","newOrder","showTabPicker","showScrollArrows","tabPickerPosition","scrollArrowsPosition","hideTabListScroll","tabListPadding","barStyles","tabListStyles","prefixStyles","suffixStyles","CubeTabProps","id","title","isDisabled","actions","CubeTabPanelProps","CubeTabListProps","ParsedTab","content","ParsedPanel"],"sources":["../../../../src/components/navigation/Tabs/types.ts"],"sourcesContent":["import type { BaseProps, OuterStyleProps, Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\nimport type { CubeItemActionProps } from '../../actions/ItemAction';\nimport type { CubeMenuProps } from '../../actions/Menu';\nimport type { CubeItemProps } from '../../content/Item';\n\n// =============================================================================\n// Core Types\n// =============================================================================\n\n/** Visual appearance type for tabs */\nexport type TabType = 'default' | 'narrow' | 'file' | 'radio';\n\n/**\n * Where the tab bar sits relative to its panels.\n * - `'top'` / `'bottom'` keep the bar horizontal.\n * - `'left'` / `'right'` switch it to a vertical strip.\n */\nexport type TabPlacement = 'top' | 'bottom' | 'left' | 'right';\n\n/** Position for TabPicker and scroll arrows */\nexport type TabsActionPosition = 'prefix' | 'suffix';\n\n/**\n * Tab size options.\n * Radio type only supports 'medium' | 'large' (mapped to smaller Item sizes).\n */\nexport type TabSize = 'xsmall' | 'small' | 'medium' | 'large';\n\n/**\n * Size mapping for radio type tabs.\n * API sizes mapped to Item button sizes:\n * medium (default) -> xsmall (32px total), large -> medium (40px total).\n */\nexport const RADIO_SIZE_MAP: Record<'medium' | 'large', TabSize> = {\n  medium: 'xsmall',\n  large: 'medium',\n};\n\n/** How the tab `menu` is exposed alongside or instead of the overflow trigger. */\nexport type TabContextMenu = boolean | 'context-only';\n\n// =============================================================================\n// Shared Props Interfaces\n// =============================================================================\n\n/** Common props for panel rendering behavior */\nexport interface PanelBehaviorProps {\n  /** If true, panel is rendered but hidden when not active. */\n  prerender?: boolean;\n  /** If true, once visited the panel stays in DOM. */\n  keepMounted?: boolean;\n}\n\n/** Common props for QA attributes */\nexport interface QAProps {\n  /** QA selector attribute. */\n  qa?: string;\n  /** Additional QA value attribute. */\n  qaVal?: string;\n}\n\n// =============================================================================\n// Tab Style Props\n// =============================================================================\n\n/** Props from CubeItemProps that don't apply to Tab */\ntype OmittedItemProps =\n  | 'id' // Tab has its own id as Key type\n  | 'type' // Type is decided at the Tabs level, never per-tab\n  | 'size' // Tab has its own TabSize\n  | 'theme' // Tabs have internal theming\n  | 'shape' // Tabs have internal shape logic\n  | 'description' // Tabs don't have descriptions\n  | 'descriptionPlacement'\n  | 'descriptionProps'\n  | 'hotkeys' // Tabs have their own keyboard navigation\n  | 'keyboardShortcutProps'\n  | 'labelProps' // Tabs use title prop instead\n  | 'labelRef'\n  | 'level' // Tabs don't use heading levels\n  | 'highlight' // Tabs don't use highlighting\n  | 'highlightCaseSensitive'\n  | 'highlightStyles'\n  | 'variant' // Tabs have internal variant logic\n  | 'htmlType' // Tab is always a button\n  | 'isSelected' // Handled internally by state\n  | 'preserveActionsSpace' // Set internally in TabButton\n  | 'disableActionsFocus' // Not used in Tab\n  | 'actions' // Tab has its own actions definition\n  | 'autoHideActions' // Tab has its own autoHideActions\n  | 'insideWrapper' // Internal Item wrapper prop\n  | 'showActions' // Internal Item wrapper prop\n  | 'skipActionsWidthTransition'; // Internal Item wrapper prop\n\n/** Common styling props for tabs - inherits style props from CubeItemProps */\nexport interface TabStyleProps extends Omit<CubeItemProps, OmittedItemProps> {\n  /**\n   * Tab size. Supports 'xsmall', 'small', 'medium', 'large'.\n   * Radio type supports 'large' (default, 40px) and 'medium' (32px),\n   * mapped to Item button sizes medium (32px) and xsmall (24px).\n   */\n  size?: TabSize;\n  /** Whether to show actions only on hover. */\n  autoHideActions?: boolean;\n}\n\n// =============================================================================\n// Component Props\n// =============================================================================\n\n/** Cache key type - primitives only for reliable comparison */\nexport type CacheKeyValue = string | number | boolean | null | undefined;\n\nexport interface CubeTabsProps\n  extends BaseProps,\n    OuterStyleProps,\n    PanelBehaviorProps {\n  /** Controlled active tab key. When provided, component is controlled. */\n  activeKey?: string;\n  /** Initial active tab key for uncontrolled mode. */\n  defaultActiveKey?: string;\n  /**\n   * Visual appearance type for tabs.\n   * - `default` - Standard tabs with selection indicator below (default)\n   * - `narrow` - Same as default but with collapsed vertical padding on labels\n   * - `file` - File-style tabs with border bottom highlight on selection, delimiter between tabs\n   * - `radio` - Radio button style for tab selection\n   * @default 'default'\n   */\n  type?: TabType;\n  /**\n   * Where the tab bar sits relative to its panels.\n   * `'top'` / `'bottom'` keep the bar horizontal; `'left'` / `'right'`\n   * switch it to a vertical strip. The selection indicator, scroll behavior,\n   * fades, and per-type visuals all adapt automatically.\n   * @default 'top'\n   */\n  placement?: TabPlacement;\n  /**\n   * Tab size. Supports 'xsmall', 'small', 'medium', 'large'.\n   * Radio type supports 'large' (default, 40px) and 'medium' (32px),\n   * mapped to Item button sizes medium (32px) and xsmall (24px).\n   * @default 'medium'\n   */\n  size?: TabSize;\n  /** Accessible label for the tab list. */\n  label?: string;\n  /** Content rendered before the tab list. */\n  prefix?: ReactNode;\n  /** Content rendered after the tab list. */\n  suffix?: ReactNode;\n  /** Callback when active tab changes. */\n  onChange?: (key: string) => void;\n  /** Callback when tab delete button is clicked. Presence enables delete buttons. */\n  onDelete?: (key: string) => void;\n  /** Callback when a tab title is changed. Enables title editing on tabs with isEditable. */\n  onTitleChange?: (key: string, newTitle: string) => void;\n  /** Whether to show tab actions only on hover. Can be overridden per-tab. */\n  autoHideActions?: boolean;\n  /**\n   * Whether tabs are editable by default.\n   * Can be overridden per-tab via Tab's isEditable prop.\n   * @default false\n   */\n  isEditable?: boolean;\n  /**\n   * Default menu items for all tabs.\n   * Can be overridden per-tab via Tab's menu prop.\n   * Set to `null` on individual Tab to disable menu for that tab.\n   */\n  menu?: ReactNode;\n  /**\n   * Default props for the menu trigger button.\n   * Can be overridden per-tab via Tab's menuTriggerProps prop.\n   * @default { icon: <MoreIcon /> }\n   */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /**\n   * Default props passed to the Menu component.\n   * Can be overridden per-tab via Tab's menuProps prop.\n   */\n  menuProps?: Partial<CubeMenuProps<object>>;\n  /**\n   * Context menu / overflow behavior for tab `menu` items.\n   * - `false` (default) — overflow trigger only; no right-click menu\n   * - `true` — overflow trigger and right-click menu\n   * - `'context-only'` — right-click menu only; no overflow trigger. Inline close\n   *   (`onDelete`) shows even when `menu` is non-empty, like tabs without a menu.\n   * Can be overridden per-tab via Tab's contextMenu prop.\n   * @default false\n   */\n  contextMenu?: TabContextMenu;\n  /**\n   * Callback when a menu action is triggered on any tab.\n   * Called with the action key and the tab key.\n   * Tab-level onAction is called first, then this.\n   */\n  onAction?: (action: string, tabKey: string) => void;\n  /** Custom tasty styles for the tab bar container. */\n  styles?: Styles;\n  /** QA selector attribute. */\n  qa?: string;\n  /** Tab components or Tabs.List with Tabs.Panel. */\n  children?: ReactNode;\n  /**\n   * Functional content renderer for optimized lazy evaluation.\n   * When provided, panel content is only evaluated for the active tab,\n   * while inactive tabs use cached content.\n   */\n  renderPanel?: (key: string) => ReactNode;\n  /**\n   * Cache keys for individual panels. Enables caching for specified panels.\n   */\n  panelCacheKeys?: Record<string | number, CacheKeyValue>;\n  /**\n   * Enable drag-and-drop tab reordering.\n   * When a tab picker is shown (`showTabPicker`), reordering is automatically\n   * enabled in the picker dropdown as well.\n   * @default false\n   */\n  isReorderable?: boolean;\n  /**\n   * Controlled order of tab keys.\n   * When provided, tabs are displayed in this order.\n   */\n  keyOrder?: string[];\n  /**\n   * Callback when tabs are reordered via drag-and-drop.\n   */\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Whether to show a tab picker dropdown in the suffix area.\n   * - `true` - always show the tab picker\n   * - `false` - never show the tab picker (default)\n   * - `'auto'` - show only when tabs overflow (has horizontal scroll)\n   * @default false\n   */\n  showTabPicker?: boolean | 'auto';\n  /**\n   * Whether to show scroll arrow buttons in the suffix area.\n   * - `true` - always show scroll arrows\n   * - `false` - never show scroll arrows (default)\n   * - `'auto'` - show only when tabs overflow (has horizontal scroll)\n   * @default false\n   */\n  showScrollArrows?: boolean | 'auto';\n  /**\n   * Position of the tab picker dropdown.\n   * - `'prefix'` - render in the prefix slot (before tab list)\n   * - `'suffix'` - render in the suffix slot (after tab list)\n   * @default 'suffix'\n   */\n  tabPickerPosition?: TabsActionPosition;\n  /**\n   * Position of the scroll arrow buttons.\n   * - `'prefix'` - render in the prefix slot (before tab list)\n   * - `'suffix'` - render in the suffix slot (after tab list)\n   * @default 'suffix'\n   */\n  scrollArrowsPosition?: TabsActionPosition;\n  /**\n   * Visually hide the custom horizontal scrollbar in the tab list\n   * and skip its tracking logic. Does not affect tab picker, scroll arrows,\n   * or fade indicators — only the tiny scrollbar visual.\n   * @default false\n   */\n  hideTabListScroll?: boolean;\n  /**\n   * Inline padding for the tab list container.\n   * Sets horizontal padding only (e.g., \"2x\" → padding: \"0 2x\").\n   */\n  tabListPadding?: string;\n  /** Custom tasty styles for the tab bar (Bar sub-element). */\n  barStyles?: Styles;\n  /** Custom tasty styles for the TabList sub-element. */\n  tabListStyles?: Styles;\n  /** Custom tasty styles for the Prefix sub-element. */\n  prefixStyles?: Styles;\n  /** Custom tasty styles for the Suffix sub-element. */\n  suffixStyles?: Styles;\n}\n\nexport interface CubeTabProps extends TabStyleProps, PanelBehaviorProps {\n  /**\n   * Unique identifier for the tab.\n   * Auto-injected from the React `key` prop (converted to string).\n   */\n  id?: string;\n  /**\n   * Content displayed in the tab button. Optional for icon-only tabs\n   * (`icon` / `rightIcon`). When omitted, provide an `aria-label` (and\n   * typically a `tooltip`) so the tab has an accessible name.\n   */\n  title?: ReactNode;\n  /** Panel content rendered when tab is active. */\n  children?: ReactNode;\n  /** Disables the tab (cannot be selected). */\n  isDisabled?: boolean;\n  /** Actions to render in the tab. Rendered before menu trigger if tab has menu. */\n  actions?: ReactNode;\n  /** Whether the tab title can be edited. Overrides the Tabs-level isEditable default. */\n  isEditable?: boolean;\n  /** Callback when this tab's title is changed. Overrides parent's onTitleChange. */\n  onTitleChange?: (newTitle: string) => void;\n  /**\n   * Menu items to display in a dropdown menu on the tab.\n   * Pass Menu.Item elements directly - they will be wrapped in a Menu internally.\n   * Overrides the Tabs-level menu default. Set to `null` to disable menu.\n   */\n  menu?: ReactNode | null;\n  /**\n   * Props to customize the menu trigger button.\n   * Overrides the Tabs-level menuTriggerProps default.\n   */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /**\n   * Props passed to the Menu component.\n   * Overrides the Tabs-level menuProps default.\n   */\n  menuProps?: Partial<CubeMenuProps<object>>;\n  /**\n   * Context menu / overflow behavior. Same values as Tabs `contextMenu`.\n   * Uses the same menu items as `menu` prop.\n   * @default false\n   */\n  contextMenu?: TabContextMenu;\n  /**\n   * Callback when a menu action is triggered.\n   * Called with the action key from Menu.Item.\n   */\n  onAction?: (action: string) => void;\n}\n\nexport interface CubeTabPanelProps extends PanelBehaviorProps, QAProps {\n  /**\n   * Panel identifier. Must match a Tab's id.\n   * Auto-injected from the React `key` prop (converted to string).\n   */\n  id?: string;\n  /** Panel content. */\n  children?: ReactNode;\n  /** Custom tasty styles for the panel container. */\n  styles?: Styles;\n}\n\nexport interface CubeTabListProps {\n  /** Tab components. */\n  children?: ReactNode;\n}\n\n// =============================================================================\n// Internal Types\n// =============================================================================\n\n/**\n * Internal representation of a parsed Tab.\n * Uses `content` instead of `children` to distinguish panel content.\n */\nexport interface ParsedTab extends Omit<CubeTabProps, 'id' | 'children'> {\n  /** Tab key (always a string internally for React Aria compatibility) */\n  key: string;\n  /** Panel content extracted from Tab's children prop */\n  content: ReactNode;\n}\n\n/**\n * Internal representation of a parsed TabPanel.\n */\nexport interface ParsedPanel\n  extends Omit<CubeTabPanelProps, 'id' | 'children'> {\n  /** Panel key (always a string internally for React Aria compatibility) */\n  key: string;\n  /** Panel content extracted from TabPanel's children prop */\n  content: ReactNode;\n}\n"],"mappings":";;;;;;;AAkCA,MAAaW,iBAAsD;CACjEE,QAAQ;CACRC,OAAO;CACR"}
+{"version":3,"file":"types.js","names":["BaseProps","OuterStyleProps","Styles","ReactNode","CubeItemActionProps","CubeMenuProps","CubeItemProps","TabType","TabPlacement","TabsActionPosition","TabSize","RADIO_SIZE_MAP","Record","medium","large","TabContextMenu","PanelBehaviorProps","prerender","keepMounted","QAProps","qa","qaVal","OmittedItemProps","TabStyleProps","Omit","size","autoHideActions","CacheKeyValue","CubeTabsProps","activeKey","defaultActiveKey","type","placement","label","prefix","suffix","onChange","key","onDelete","onTitleChange","newTitle","isEditable","menu","menuTriggerProps","Partial","menuProps","contextMenu","onAction","action","tabKey","styles","children","renderPanel","panelCacheKeys","isReorderable","keyOrder","onReorder","newOrder","showTabPicker","showScrollArrows","tabPickerPosition","scrollArrowsPosition","hideTabListScroll","tabListPadding","barStyles","tabListStyles","prefixStyles","suffixStyles","CubeTabProps","id","title","isDisabled","actions","CubeTabPanelProps","CubeTabListProps","ParsedTab","content","ParsedPanel"],"sources":["../../../../src/components/navigation/Tabs/types.ts"],"sourcesContent":["import type { BaseProps, OuterStyleProps, Styles } from '@tenphi/tasty';\nimport type { ReactNode } from 'react';\nimport type { CubeItemActionProps } from '../../actions/ItemAction';\nimport type { CubeMenuProps } from '../../actions/Menu';\nimport type { CubeItemProps } from '../../content/Item';\n\n// =============================================================================\n// Core Types\n// =============================================================================\n\n/** Visual appearance type for tabs */\nexport type TabType = 'default' | 'narrow' | 'file' | 'radio';\n\n/**\n * Where the tab bar sits relative to its panels.\n * - `'top'` / `'bottom'` keep the bar horizontal.\n * - `'left'` / `'right'` switch it to a vertical strip.\n */\nexport type TabPlacement = 'top' | 'bottom' | 'left' | 'right';\n\n/** Position for TabPicker and scroll arrows */\nexport type TabsActionPosition = 'prefix' | 'suffix';\n\n/**\n * Tab size options.\n * Radio type only supports 'medium' | 'large' (mapped to smaller Item sizes).\n */\nexport type TabSize = 'xsmall' | 'small' | 'medium' | 'large';\n\n/**\n * Size mapping for radio type tabs.\n * API sizes mapped to Item button sizes:\n * medium (default) -> xsmall (32px total), large -> medium (40px total).\n */\nexport const RADIO_SIZE_MAP: Record<'medium' | 'large', TabSize> = {\n  medium: 'xsmall',\n  large: 'medium',\n};\n\n/** How the tab `menu` is exposed alongside or instead of the overflow trigger. */\nexport type TabContextMenu = boolean | 'context-only';\n\n// =============================================================================\n// Shared Props Interfaces\n// =============================================================================\n\n/** Common props for panel rendering behavior */\nexport interface PanelBehaviorProps {\n  /** If true, panel is rendered but hidden when not active. */\n  prerender?: boolean;\n  /** If true, once visited the panel stays in DOM. */\n  keepMounted?: boolean;\n}\n\n/** Common props for QA attributes */\nexport interface QAProps {\n  /** QA selector attribute. */\n  qa?: string;\n  /** Additional QA value attribute. */\n  qaVal?: string;\n}\n\n// =============================================================================\n// Tab Style Props\n// =============================================================================\n\n/** Props from CubeItemProps that don't apply to Tab */\ntype OmittedItemProps =\n  | 'id' // Tab has its own id as Key type\n  | 'type' // Type is decided at the Tabs level, never per-tab\n  | 'size' // Tab has its own TabSize\n  | 'theme' // Tabs have internal theming\n  | 'shape' // Tabs have internal shape logic\n  | 'description' // Tabs don't have descriptions\n  | 'descriptionPlacement'\n  | 'descriptionProps'\n  | 'hotkeys' // Tabs have their own keyboard navigation\n  | 'keyboardShortcutProps'\n  | 'labelProps' // Tabs use title prop instead\n  | 'labelRef'\n  | 'level' // Tabs don't use heading levels\n  | 'highlight' // Tabs don't use highlighting\n  | 'highlightCaseSensitive'\n  | 'highlightStyles'\n  | 'variant' // Tabs have internal variant logic\n  | 'htmlType' // Tab is always a button\n  | 'isSelected' // Handled internally by state\n  | 'preserveActionsSpace' // Set internally in TabButton\n  | 'disableActionsFocus' // Not used in Tab\n  | 'actions' // Tab has its own actions definition\n  | 'autoHideActions' // Tab has its own autoHideActions\n  | 'insideWrapper' // Internal Item wrapper prop\n  | 'showActions' // Internal Item wrapper prop\n  | 'skipActionsWidthTransition'; // Internal Item wrapper prop\n\n/** Common styling props for tabs - inherits style props from CubeItemProps */\nexport interface TabStyleProps extends Omit<CubeItemProps, OmittedItemProps> {\n  /**\n   * Tab size. Supports 'xsmall', 'small', 'medium', 'large'.\n   * Radio type supports 'large' (default, 40px) and 'medium' (32px),\n   * mapped to Item button sizes medium (32px) and xsmall (24px).\n   */\n  size?: TabSize;\n  /** Whether to show actions only on hover. */\n  autoHideActions?: boolean;\n}\n\n// =============================================================================\n// Component Props\n// =============================================================================\n\n/** Cache key type - primitives only for reliable comparison */\nexport type CacheKeyValue = string | number | boolean | null | undefined;\n\nexport interface CubeTabsProps\n  extends BaseProps,\n    OuterStyleProps,\n    PanelBehaviorProps {\n  /** Controlled active tab key. When provided, component is controlled. */\n  activeKey?: string;\n  /** Initial active tab key for uncontrolled mode. */\n  defaultActiveKey?: string;\n  /**\n   * Visual appearance type for tabs.\n   * - `default` - Standard tabs with selection indicator below (default)\n   * - `narrow` - Same as default but with collapsed vertical padding on labels\n   * - `file` - File-style tabs with border bottom highlight on selection, delimiter between tabs\n   * - `radio` - Radio button style for tab selection\n   * @default 'default'\n   */\n  type?: TabType;\n  /**\n   * Where the tab bar sits relative to its panels.\n   * `'top'` / `'bottom'` keep the bar horizontal; `'left'` / `'right'`\n   * switch it to a vertical strip. The selection indicator, scroll behavior,\n   * fades, and per-type visuals all adapt automatically.\n   * @default 'top'\n   */\n  placement?: TabPlacement;\n  /**\n   * Tab size. Supports 'xsmall', 'small', 'medium', 'large'.\n   * Radio type supports 'large' (default, 40px) and 'medium' (32px),\n   * mapped to Item button sizes medium (32px) and xsmall (24px).\n   * @default 'medium'\n   */\n  size?: TabSize;\n  /** Accessible label for the tab list. */\n  label?: string;\n  /** Content rendered before the tab list. */\n  prefix?: ReactNode;\n  /** Content rendered after the tab list. */\n  suffix?: ReactNode;\n  /** Callback when active tab changes. */\n  onChange?: (key: string) => void;\n  /** Callback when tab delete button is clicked. Presence enables delete buttons. */\n  onDelete?: (key: string) => void;\n  /** Callback when a tab title is changed. Enables title editing on tabs with isEditable. */\n  onTitleChange?: (key: string, newTitle: string) => void;\n  /** Whether to show tab actions only on hover. Can be overridden per-tab. */\n  autoHideActions?: boolean;\n  /**\n   * Whether tabs are editable by default.\n   * Can be overridden per-tab via Tab's isEditable prop.\n   * @default false\n   */\n  isEditable?: boolean;\n  /**\n   * Default menu items for all tabs.\n   * Can be overridden per-tab via Tab's menu prop.\n   * Set to `null` on individual Tab to disable menu for that tab.\n   */\n  menu?: ReactNode;\n  /**\n   * Default props for the menu trigger button.\n   * Can be overridden per-tab via Tab's menuTriggerProps prop.\n   * @default { icon: <MoreIcon /> }\n   */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /**\n   * Default props passed to the Menu component.\n   * Can be overridden per-tab via Tab's menuProps prop.\n   */\n  menuProps?: Partial<CubeMenuProps<object>>;\n  /**\n   * Context menu / overflow behavior for tab `menu` items.\n   * - `false` (default) — overflow trigger only; no right-click menu\n   * - `true` — overflow trigger and right-click menu\n   * - `'context-only'` — right-click menu only; no overflow trigger. Inline close\n   *   (`onDelete`) shows even when `menu` is non-empty, like tabs without a menu.\n   * Can be overridden per-tab via Tab's contextMenu prop.\n   * @default false\n   */\n  contextMenu?: TabContextMenu;\n  /**\n   * Callback when a menu action is triggered on any tab.\n   * Called with the action key and the tab key.\n   * Tab-level onAction is called first, then this.\n   */\n  onAction?: (action: string, tabKey: string) => void;\n  /** Custom tasty styles for the tab bar container. */\n  styles?: Styles;\n  /** QA selector attribute. */\n  qa?: string;\n  /** Tab components or Tabs.List with Tabs.Panel. */\n  children?: ReactNode;\n  /**\n   * Functional content renderer for optimized lazy evaluation.\n   * When provided, panel content is only evaluated for the active tab,\n   * while inactive tabs use cached content.\n   */\n  renderPanel?: (key: string) => ReactNode;\n  /**\n   * Cache keys for individual panels. Enables caching for specified panels.\n   */\n  panelCacheKeys?: Record<string | number, CacheKeyValue>;\n  /**\n   * Enable drag-and-drop tab reordering.\n   * When a tab picker is shown (`showTabPicker`), reordering is automatically\n   * enabled in the picker dropdown as well.\n   * @default false\n   */\n  isReorderable?: boolean;\n  /**\n   * Controlled order of tab keys.\n   * When provided, tabs are displayed in this order.\n   */\n  keyOrder?: string[];\n  /**\n   * Callback when tabs are reordered via drag-and-drop.\n   */\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Whether to show a tab picker dropdown in the suffix area.\n   * - `true` - always show the tab picker\n   * - `false` - never show the tab picker (default)\n   * - `'auto'` - show only when tabs overflow (has horizontal scroll)\n   * @default false\n   */\n  showTabPicker?: boolean | 'auto';\n  /**\n   * Whether to show scroll arrow buttons in the suffix area.\n   * - `true` - always show scroll arrows\n   * - `false` - never show scroll arrows (default)\n   * - `'auto'` - show only when tabs overflow (has horizontal scroll)\n   * @default false\n   */\n  showScrollArrows?: boolean | 'auto';\n  /**\n   * Position of the tab picker dropdown.\n   * - `'prefix'` - render in the prefix slot (before tab list)\n   * - `'suffix'` - render in the suffix slot (after tab list)\n   * @default 'suffix'\n   */\n  tabPickerPosition?: TabsActionPosition;\n  /**\n   * Position of the scroll arrow buttons.\n   * - `'prefix'` - render in the prefix slot (before tab list)\n   * - `'suffix'` - render in the suffix slot (after tab list)\n   * @default 'suffix'\n   */\n  scrollArrowsPosition?: TabsActionPosition;\n  /**\n   * Visually hide the custom horizontal scrollbar in the tab list\n   * and skip its tracking logic. Does not affect tab picker, scroll arrows,\n   * or fade indicators — only the tiny scrollbar visual.\n   * @default false\n   */\n  hideTabListScroll?: boolean;\n  /**\n   * Inline padding for the tab list container.\n   * Sets horizontal padding only (e.g., \"2x\" → padding: \"0 2x\").\n   */\n  tabListPadding?: string;\n  /** Custom tasty styles for the tab bar (Bar sub-element). */\n  barStyles?: Styles;\n  /** Custom tasty styles for the TabList sub-element. */\n  tabListStyles?: Styles;\n  /** Custom tasty styles for the Prefix sub-element. */\n  prefixStyles?: Styles;\n  /** Custom tasty styles for the Suffix sub-element. */\n  suffixStyles?: Styles;\n}\n\nexport interface CubeTabProps extends TabStyleProps, PanelBehaviorProps {\n  /**\n   * Unique identifier for the tab.\n   * Auto-injected from the React `key` prop (converted to string).\n   */\n  id?: string;\n  /**\n   * Content displayed in the tab button. Optional for icon-only tabs\n   * (`icon` / `rightIcon`). When omitted, provide an `aria-label` (and\n   * typically a `tooltip`) so the tab has an accessible name.\n   */\n  title?: ReactNode;\n  /** Panel content rendered when tab is active. */\n  children?: ReactNode;\n  /** Disables the tab (cannot be selected). */\n  isDisabled?: boolean;\n  /** Actions to render in the tab. Rendered before menu trigger if tab has menu. */\n  actions?: ReactNode;\n  /** Whether the tab title can be edited. Overrides the Tabs-level isEditable default. */\n  isEditable?: boolean;\n  /** Callback when this tab's title is changed. Overrides parent's onTitleChange. */\n  onTitleChange?: (newTitle: string) => void;\n  /**\n   * Menu items to display in a dropdown menu on the tab.\n   * Pass Menu.Item elements directly - they will be wrapped in a Menu internally.\n   * Overrides the Tabs-level menu default. Set to `null` to disable menu.\n   */\n  menu?: ReactNode | null;\n  /**\n   * Props to customize the menu trigger button.\n   * Overrides the Tabs-level menuTriggerProps default.\n   */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /**\n   * Props passed to the Menu component.\n   * Overrides the Tabs-level menuProps default.\n   */\n  menuProps?: Partial<CubeMenuProps<object>>;\n  /**\n   * Context menu / overflow behavior. Same values as Tabs `contextMenu`.\n   * Uses the same menu items as `menu` prop.\n   * @default false\n   */\n  contextMenu?: TabContextMenu;\n  /**\n   * Callback when a menu action is triggered.\n   * Called with the action key from Menu.Item.\n   */\n  onAction?: (action: string) => void;\n}\n\nexport interface CubeTabPanelProps extends PanelBehaviorProps, QAProps {\n  /**\n   * Panel identifier. Must match a Tab's id.\n   * Auto-injected from the React `key` prop (converted to string).\n   */\n  id?: string;\n  /** Panel content. */\n  children?: ReactNode;\n  /** Custom tasty styles for the panel container. */\n  styles?: Styles;\n}\n\nexport interface CubeTabListProps extends QAProps {\n  /** Tab components. */\n  children?: ReactNode;\n}\n\n// =============================================================================\n// Internal Types\n// =============================================================================\n\n/**\n * Internal representation of a parsed Tab.\n * Uses `content` instead of `children` to distinguish panel content.\n */\nexport interface ParsedTab extends Omit<CubeTabProps, 'id' | 'children'> {\n  /** Tab key (always a string internally for React Aria compatibility) */\n  key: string;\n  /** Panel content extracted from Tab's children prop */\n  content: ReactNode;\n}\n\n/**\n * Internal representation of a parsed TabPanel.\n */\nexport interface ParsedPanel\n  extends Omit<CubeTabPanelProps, 'id' | 'children'> {\n  /** Panel key (always a string internally for React Aria compatibility) */\n  key: string;\n  /** Panel content extracted from TabPanel's children prop */\n  content: ReactNode;\n}\n"],"mappings":";;;;;;;AAkCA,MAAaW,iBAAsD;CACjEE,QAAQ;CACRC,OAAO;CACR"}

package/dist/components/navigation/Tabs/use-tab-editing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useState } from "react";
 

package/dist/components/navigation/Tabs/use-tab-indicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/components/organisms/StatsCard/StatsCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react-compiler-runtime";

package/dist/components/other/Calendar/CalendarCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";

package/dist/components/other/Calendar/CalendarCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarCell.js","names":["CalendarDate","isSameDay","tasty","useRef","DateValue","useCalendarCell","CalendarState","RangeCalendarState","CALENDAR_CELL_STYLES","CalendarCellElement","as","styles","margin","padding","CalendarButtonElement","width","height","CubeCalendarCellProps","state","date","today","selectedRange","start","end","rangeHover","CalendarCell","props","$","_c","ref","t0","cellProps","buttonProps","isSelected","isPressed","isFocused","isInvalid","isOutsideVisibleRange","isDisabled","isUnavailable","formattedDate","isFinalSelected","compare","t1","t2","t3","selected","current","outside","pressed","focused","invalid","disabled","unavailable","t4","t5"],"sources":["../../../../src/components/other/Calendar/CalendarCell.tsx"],"sourcesContent":["import { CalendarDate, isSameDay } from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useRef } from 'react';\nimport { DateValue, useCalendarCell } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst CalendarCellElement = tasty({\n  as: 'td',\n  styles: {\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst CalendarButtonElement = tasty({\n  'data-popover-keep': true,\n  styles: {\n    ...CALENDAR_CELL_STYLES,\n    width: '3x',\n    height: '3x',\n  },\n});\n\nexport interface CubeCalendarCellProps {\n  state: CalendarState | RangeCalendarState;\n  date: CalendarDate;\n  /** Today, expressed in the calendar system of the grid. */\n  today?: CalendarDate;\n  /** Explicit range highlight, used when the range lives outside the state. */\n  selectedRange?: { start: DateValue; end: DateValue };\n  /** Whether the whole row is highlighted (week picker mode). */\n  rangeHover?: boolean;\n}\n\nexport function CalendarCell(props: CubeCalendarCellProps) {\n  let { state, selectedRange, date, today, rangeHover } = props;\n  let ref = useRef(null);\n  let {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isPressed,\n    isFocused,\n    isInvalid,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, ref);\n\n  const isFinalSelected =\n    !isOutsideVisibleRange &&\n    (selectedRange\n      ? date.compare(selectedRange.start) >= 0 &&\n        date.compare(selectedRange.end) <= 0\n      : isSelected);\n\n  return (\n    <CalendarCellElement {...cellProps}>\n      <CalendarButtonElement\n        {...buttonProps}\n        ref={ref}\n        mods={{\n          selected: isFinalSelected,\n          current: !!today && !isOutsideVisibleRange && isSameDay(date, today),\n          outside: isOutsideVisibleRange,\n          rangeHover: rangeHover && !isFinalSelected,\n          pressed: isPressed,\n          focused: isFocused,\n          invalid: isInvalid,\n          disabled: isDisabled,\n          unavailable: isUnavailable,\n        }}\n      >\n        {formattedDate}\n      </CalendarButtonElement>\n    </CalendarCellElement>\n  );\n}\n"],"mappings":";;;;;;;;;;AAQA,MAAMS,sBAAsBP,MAAM;CAChCQ,IAAI;CACJC,QAAQ;EACNC,QAAQ;EACRC,SAAS;EACX;CACD,CAAC;AAEF,MAAMC,wBAAwBZ,MAAM;CAClC,qBAAqB;CACrBS,QAAQ;EACN,GAAGH;EACHO,OAAO;EACPC,QAAQ;EACV;CACD,CAAC;AAaF,SAAOS,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAV,OAAAG,eAAAF,MAAAC,OAAAI,eAAwDE;CACxD,MAAAG,MAAU1B,OAAO,KAAK;CAAC,IAAA2B;AAAA,KAAAH,EAAA,OAAAR,MAAA;AAYHW,OAAA,EAAAX,MAAQ;AAAAQ,IAAA,KAAAR;AAAAQ,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAX5B,MAAA,EAAAI,WAAAC,aAAAC,YAAAC,WAAAC,WAAAC,WAAAC,uBAAAC,YAAAC,eAAAC,kBAWInC,gBAAgByB,IAAUZ,OAAOW,IAAI;CAEzC,MAAAY,kBACE,CAACJ,0BACAhB,gBACGF,KAAIuB,QAASrB,cAAaC,MAAO,IAAI,KACrCH,KAAIuB,QAASrB,cAAaE,IAAK,IAAI,IAFtCU;CAGe,IAAAU;AAAA,KAAAhB,EAAA,OAAAR,QAAAQ,EAAA,OAAAU,yBAAAV,EAAA,OAAAP,OAAA;AASDuB,OAAA,CAAC,CAACvB,SAAF,CAAYiB,yBAAyBpC,UAAUkB,MAAMC,MAAM;AAAAO,IAAA,KAAAR;AAAAQ,IAAA,KAAAU;AAAAV,IAAA,KAAAP;AAAAO,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAExD,MAAAiB,KAAApB,cAAA,CAAeiB;CAAe,IAAAI;AAAA,KAAAlB,EAAA,OAAAW,cAAAX,EAAA,OAAAc,mBAAAd,EAAA,OAAAQ,aAAAR,EAAA,OAAAS,aAAAT,EAAA,QAAAU,yBAAAV,EAAA,QAAAO,aAAAP,EAAA,QAAAY,iBAAAZ,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,IAAA;AAJtCC,OAAA;GAAAC,UACML;GAAeM,SAChBJ;GAA2DK,SAC3DX;GAAqBb,YAClBoB;GAA8BK,SACjCf;GAASgB,SACTf;GAASgB,SACTf;GAASgB,UACRd;GAAUe,aACPd;GACd;AAAAZ,IAAA,KAAAW;AAAAX,IAAA,KAAAc;AAAAd,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;AAAAT,IAAA,MAAAU;AAAAV,IAAA,MAAAO;AAAAP,IAAA,MAAAY;AAAAZ,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,QAAAK,eAAAL,EAAA,QAAAa,iBAAAb,EAAA,QAAAkB,IAAA;AAbHS,OAAA,oBAAC;GAAqB,GAChBtB;GACCH;GACC,MAAAgB;aAYLL;IACqB;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAa;AAAAb,IAAA,MAAAkB;AAAAlB,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA4B;AAAA,KAAA5B,EAAA,QAAAI,aAAAJ,EAAA,QAAA2B,IAAA;AAjB1BC,OAAA,oBAAC;GAAmB,GAAKxB;aACvBuB;IAiBoB;AAAA3B,IAAA,MAAAI;AAAAJ,IAAA,MAAA2B;AAAA3B,IAAA,MAAA4B;OAAAA,MAAA5B,EAAA;AAAA,QAlBtB4B"}
+{"version":3,"file":"CalendarCell.js","names":["CalendarDate","isSameDay","tasty","useRef","DateValue","useCalendarCell","CalendarState","RangeCalendarState","CALENDAR_CELL_STYLES","CalendarCellElement","as","styles","margin","padding","CalendarButtonElement","width","height","CubeCalendarCellProps","state","date","today","selectedRange","start","end","rangeHover","CalendarCell","props","$","_c","ref","t0","cellProps","buttonProps","isSelected","isPressed","isFocused","isInvalid","isOutsideVisibleRange","isDisabled","isUnavailable","formattedDate","isFinalSelected","compare","t1","t2","t3","selected","current","outside","pressed","focused","invalid","disabled","unavailable","t4","t5"],"sources":["../../../../src/components/other/Calendar/CalendarCell.tsx"],"sourcesContent":["import { CalendarDate, isSameDay } from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useRef } from 'react';\nimport { DateValue, useCalendarCell } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst CalendarCellElement = tasty({\n  as: 'td',\n  styles: {\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst CalendarButtonElement = tasty({\n  'data-popover-keep': true,\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- cell base shared with PeriodGrid\n    ...CALENDAR_CELL_STYLES,\n    width: '3x',\n    height: '3x',\n  },\n});\n\nexport interface CubeCalendarCellProps {\n  state: CalendarState | RangeCalendarState;\n  date: CalendarDate;\n  /** Today, expressed in the calendar system of the grid. */\n  today?: CalendarDate;\n  /** Explicit range highlight, used when the range lives outside the state. */\n  selectedRange?: { start: DateValue; end: DateValue };\n  /** Whether the whole row is highlighted (week picker mode). */\n  rangeHover?: boolean;\n}\n\nexport function CalendarCell(props: CubeCalendarCellProps) {\n  let { state, selectedRange, date, today, rangeHover } = props;\n  let ref = useRef(null);\n  let {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isPressed,\n    isFocused,\n    isInvalid,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, ref);\n\n  const isFinalSelected =\n    !isOutsideVisibleRange &&\n    (selectedRange\n      ? date.compare(selectedRange.start) >= 0 &&\n        date.compare(selectedRange.end) <= 0\n      : isSelected);\n\n  return (\n    <CalendarCellElement {...cellProps}>\n      <CalendarButtonElement\n        {...buttonProps}\n        ref={ref}\n        mods={{\n          selected: isFinalSelected,\n          current: !!today && !isOutsideVisibleRange && isSameDay(date, today),\n          outside: isOutsideVisibleRange,\n          rangeHover: rangeHover && !isFinalSelected,\n          pressed: isPressed,\n          focused: isFocused,\n          invalid: isInvalid,\n          disabled: isDisabled,\n          unavailable: isUnavailable,\n        }}\n      >\n        {formattedDate}\n      </CalendarButtonElement>\n    </CalendarCellElement>\n  );\n}\n"],"mappings":";;;;;;;;;;AAQA,MAAMS,sBAAsBP,MAAM;CAChCQ,IAAI;CACJC,QAAQ;EACNC,QAAQ;EACRC,SAAS;EACX;CACD,CAAC;AAEF,MAAMC,wBAAwBZ,MAAM;CAClC,qBAAqB;CACrBS,QAAQ;EAEN,GAAGH;EACHO,OAAO;EACPC,QAAQ;EACV;CACD,CAAC;AAaF,SAAOS,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAV,OAAAG,eAAAF,MAAAC,OAAAI,eAAwDE;CACxD,MAAAG,MAAU1B,OAAO,KAAK;CAAC,IAAA2B;AAAA,KAAAH,EAAA,OAAAR,MAAA;AAYHW,OAAA,EAAAX,MAAQ;AAAAQ,IAAA,KAAAR;AAAAQ,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAX5B,MAAA,EAAAI,WAAAC,aAAAC,YAAAC,WAAAC,WAAAC,WAAAC,uBAAAC,YAAAC,eAAAC,kBAWInC,gBAAgByB,IAAUZ,OAAOW,IAAI;CAEzC,MAAAY,kBACE,CAACJ,0BACAhB,gBACGF,KAAIuB,QAASrB,cAAaC,MAAO,IAAI,KACrCH,KAAIuB,QAASrB,cAAaE,IAAK,IAAI,IAFtCU;CAGe,IAAAU;AAAA,KAAAhB,EAAA,OAAAR,QAAAQ,EAAA,OAAAU,yBAAAV,EAAA,OAAAP,OAAA;AASDuB,OAAA,CAAC,CAACvB,SAAF,CAAYiB,yBAAyBpC,UAAUkB,MAAMC,MAAM;AAAAO,IAAA,KAAAR;AAAAQ,IAAA,KAAAU;AAAAV,IAAA,KAAAP;AAAAO,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAExD,MAAAiB,KAAApB,cAAA,CAAeiB;CAAe,IAAAI;AAAA,KAAAlB,EAAA,OAAAW,cAAAX,EAAA,OAAAc,mBAAAd,EAAA,OAAAQ,aAAAR,EAAA,OAAAS,aAAAT,EAAA,QAAAU,yBAAAV,EAAA,QAAAO,aAAAP,EAAA,QAAAY,iBAAAZ,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,IAAA;AAJtCC,OAAA;GAAAC,UACML;GAAeM,SAChBJ;GAA2DK,SAC3DX;GAAqBb,YAClBoB;GAA8BK,SACjCf;GAASgB,SACTf;GAASgB,SACTf;GAASgB,UACRd;GAAUe,aACPd;GACd;AAAAZ,IAAA,KAAAW;AAAAX,IAAA,KAAAc;AAAAd,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;AAAAT,IAAA,MAAAU;AAAAV,IAAA,MAAAO;AAAAP,IAAA,MAAAY;AAAAZ,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,QAAAK,eAAAL,EAAA,QAAAa,iBAAAb,EAAA,QAAAkB,IAAA;AAbHS,OAAA,oBAAC;GAAqB,GAChBtB;GACCH;GACC,MAAAgB;aAYLL;IACqB;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAa;AAAAb,IAAA,MAAAkB;AAAAlB,IAAA,MAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA4B;AAAA,KAAA5B,EAAA,QAAAI,aAAAJ,EAAA,QAAA2B,IAAA;AAjB1BC,OAAA,oBAAC;GAAmB,GAAKxB;aACvBuB;IAiBoB;AAAA3B,IAAA,MAAAI;AAAAJ,IAAA,MAAA2B;AAAA3B,IAAA,MAAA4B;OAAAA,MAAA5B,EAAA;AAAA,QAlBtB4B"}

package/dist/components/other/Calendar/CalendarGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { c } from "react-compiler-runtime";

package/dist/components/other/Calendar/CalendarHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";

package/dist/components/other/Calendar/CalendarPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CalendarElement } from "./styled.js";

package/dist/components/other/Calendar/PeriodCalendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { getQuarter } from "../../fields/DatePicker/period.js";

package/dist/components/other/Calendar/PeriodGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";

package/dist/components/other/Calendar/PeriodGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"PeriodGrid.js","names":["Styles","tasty","KeyboardEvent","useLayoutEffect","useRef","CALENDAR_CELL_STYLES","PeriodGridElement","as","role","styles","borderCollapse","borderSpacing","tableLayout","PeriodGridCellElement","margin","padding","PeriodGridButtonElement","width","height","CubePeriodGridCell","key","label","ariaLabel","isSelected","isCurrent","isDisabled","isOutside","CubePeriodGridProps","cells","columns","focusedIndex","autoFocus","onCellPress","index","onCellFocus","onMoveFocus","delta","onMovePage","PeriodGrid","props","cellRefs","Array","HTMLButtonElement","shouldFocusRef","safeIndex","Math","max","min","length","current","focus","moveFocus","next","focusEdge","edge","step","onKeyDown","e","preventDefault","stopPropagation","rows","i","push","slice","map","row","rowIndex","cell","columnIndex","element","selected","outside","disabled"],"sources":["../../../../src/components/other/Calendar/PeriodGrid.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, useLayoutEffect, useRef } from 'react';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst PeriodGridElement = tasty({\n  as: 'table',\n  role: 'grid',\n  styles: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n    // Columns share the width evenly. The owner passes that width explicitly —\n    // a percentage here would resolve against the popover's `max-content` box.\n    tableLayout: 'fixed',\n  },\n});\n\nconst PeriodGridCellElement = tasty({\n  as: 'td',\n  role: 'gridcell',\n  styles: {\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst PeriodGridButtonElement = tasty({\n  as: 'button',\n  'data-popover-keep': true,\n  styles: {\n    ...CALENDAR_CELL_STYLES,\n    width: '100%',\n    height: '4x',\n    padding: '0 .5x',\n  },\n});\n\nexport interface CubePeriodGridCell {\n  /** Stable identity of the cell, also used as the React key. */\n  key: string;\n  label: string;\n  /** Overrides the accessible name when the visible label is ambiguous. */\n  ariaLabel?: string;\n  isSelected?: boolean;\n  /** Whether the cell contains today. */\n  isCurrent?: boolean;\n  isDisabled?: boolean;\n  /** Whether the cell belongs to a neighbouring page (e.g. an adjacent decade). */\n  isOutside?: boolean;\n}\n\nexport interface CubePeriodGridProps {\n  cells: CubePeriodGridCell[];\n  columns: number;\n  /** Index of the cell that holds the roving tab stop. */\n  focusedIndex: number;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  styles?: Styles;\n  onCellPress: (index: number) => void;\n  /** Focus moved to another cell of the current page. */\n  onCellFocus: (index: number) => void;\n  /**\n   * Focus moved past the edge of the current page by `delta` periods. The owner\n   * moves its anchor, which in turn flips the page and the focused index.\n   */\n  onMoveFocus: (delta: number) => void;\n  /** `PageUp` / `PageDown` — one page back or forward. */\n  onMovePage: (delta: -1 | 1) => void;\n}\n\n/**\n * A keyboard-navigable grid of calendar periods (months, quarters or years).\n *\n * The grid owns rendering, the roving tab stop and DOM focus; the owner owns\n * the periods themselves. Arrow keys that leave the page are reported through\n * `onMoveFocus` so the owner can page and keep focus on the adjacent period.\n */\nexport function PeriodGrid(props: CubePeriodGridProps) {\n  let {\n    cells,\n    columns,\n    focusedIndex,\n    autoFocus,\n    styles,\n    onCellPress,\n    onCellFocus,\n    onMoveFocus,\n    onMovePage,\n  } = props;\n\n  let cellRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  // Set by the grid's own keyboard handling and by `autoFocus`, so paging with\n  // the header buttons never steals focus into the grid.\n  let shouldFocusRef = useRef(!!autoFocus);\n\n  let safeIndex = Math.max(0, Math.min(cells.length - 1, focusedIndex));\n\n  cellRefs.current.length = cells.length;\n\n  useLayoutEffect(() => {\n    if (shouldFocusRef.current) {\n      shouldFocusRef.current = false;\n      cellRefs.current[safeIndex]?.focus();\n    }\n  });\n\n  let moveFocus = (delta: number) => {\n    shouldFocusRef.current = true;\n\n    let next = safeIndex + delta;\n\n    // Disabled cells can't hold DOM focus, so step over them instead of\n    // stranding the caret on an unreachable period.\n    while (next >= 0 && next < cells.length && cells[next].isDisabled) {\n      next += delta;\n    }\n\n    if (next < 0 || next >= cells.length) {\n      onMoveFocus(delta);\n    } else {\n      onCellFocus(next);\n    }\n  };\n\n  let focusEdge = (edge: 'start' | 'end') => {\n    let step = edge === 'start' ? 1 : -1;\n    let index = edge === 'start' ? 0 : cells.length - 1;\n\n    while (index >= 0 && index < cells.length && cells[index].isDisabled) {\n      index += step;\n    }\n\n    if (index < 0 || index >= cells.length) return;\n\n    shouldFocusRef.current = true;\n    onCellFocus(index);\n  };\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowRight':\n        moveFocus(1);\n        break;\n      case 'ArrowLeft':\n        moveFocus(-1);\n        break;\n      case 'ArrowDown':\n        moveFocus(columns);\n        break;\n      case 'ArrowUp':\n        moveFocus(-columns);\n        break;\n      case 'Home':\n        focusEdge('start');\n        break;\n      case 'End':\n        focusEdge('end');\n        break;\n      case 'PageUp':\n        shouldFocusRef.current = true;\n        onMovePage(-1);\n        break;\n      case 'PageDown':\n        shouldFocusRef.current = true;\n        onMovePage(1);\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  let rows: CubePeriodGridCell[][] = [];\n\n  for (let i = 0; i < cells.length; i += columns) {\n    rows.push(cells.slice(i, i + columns));\n  }\n\n  return (\n    <PeriodGridElement\n      aria-label={props['aria-label']}\n      styles={styles}\n      onKeyDown={onKeyDown}\n    >\n      <tbody data-element=\"Body\">\n        {rows.map((row, rowIndex) => (\n          <tr key={rowIndex} role=\"row\" data-element=\"Row\">\n            {row.map((cell, columnIndex) => {\n              let index = rowIndex * columns + columnIndex;\n\n              return (\n                <PeriodGridCellElement\n                  key={cell.key}\n                  aria-selected={!!cell.isSelected}\n                >\n                  <PeriodGridButtonElement\n                    ref={(element: HTMLButtonElement | null) => {\n                      cellRefs.current[index] = element;\n                    }}\n                    type=\"button\"\n                    tabIndex={index === safeIndex ? 0 : -1}\n                    disabled={cell.isDisabled}\n                    aria-label={cell.ariaLabel}\n                    mods={{\n                      selected: cell.isSelected,\n                      current: cell.isCurrent,\n                      outside: cell.isOutside,\n                      disabled: cell.isDisabled,\n                    }}\n                    onFocus={() => onCellFocus(index)}\n                    onClick={() => onCellPress(index)}\n                  >\n                    {cell.label}\n                  </PeriodGridButtonElement>\n                </PeriodGridCellElement>\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </PeriodGridElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PeriodGrid.js","names":["Styles","tasty","KeyboardEvent","useLayoutEffect","useRef","CALENDAR_CELL_STYLES","PeriodGridElement","as","role","styles","borderCollapse","borderSpacing","tableLayout","PeriodGridCellElement","margin","padding","PeriodGridButtonElement","width","height","CubePeriodGridCell","key","label","ariaLabel","isSelected","isCurrent","isDisabled","isOutside","CubePeriodGridProps","cells","columns","focusedIndex","autoFocus","onCellPress","index","onCellFocus","onMoveFocus","delta","onMovePage","PeriodGrid","props","cellRefs","Array","HTMLButtonElement","shouldFocusRef","safeIndex","Math","max","min","length","current","focus","moveFocus","next","focusEdge","edge","step","onKeyDown","e","preventDefault","stopPropagation","rows","i","push","slice","map","row","rowIndex","cell","columnIndex","element","selected","outside","disabled"],"sources":["../../../../src/components/other/Calendar/PeriodGrid.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, useLayoutEffect, useRef } from 'react';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst PeriodGridElement = tasty({\n  as: 'table',\n  role: 'grid',\n  styles: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n    // Columns share the width evenly. The owner passes that width explicitly —\n    // a percentage here would resolve against the popover's `max-content` box.\n    tableLayout: 'fixed',\n  },\n});\n\nconst PeriodGridCellElement = tasty({\n  as: 'td',\n  role: 'gridcell',\n  styles: {\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst PeriodGridButtonElement = tasty({\n  as: 'button',\n  'data-popover-keep': true,\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- cell base shared with CalendarCell\n    ...CALENDAR_CELL_STYLES,\n    width: '100%',\n    height: '4x',\n    padding: '0 .5x',\n  },\n});\n\nexport interface CubePeriodGridCell {\n  /** Stable identity of the cell, also used as the React key. */\n  key: string;\n  label: string;\n  /** Overrides the accessible name when the visible label is ambiguous. */\n  ariaLabel?: string;\n  isSelected?: boolean;\n  /** Whether the cell contains today. */\n  isCurrent?: boolean;\n  isDisabled?: boolean;\n  /** Whether the cell belongs to a neighbouring page (e.g. an adjacent decade). */\n  isOutside?: boolean;\n}\n\nexport interface CubePeriodGridProps {\n  cells: CubePeriodGridCell[];\n  columns: number;\n  /** Index of the cell that holds the roving tab stop. */\n  focusedIndex: number;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  styles?: Styles;\n  onCellPress: (index: number) => void;\n  /** Focus moved to another cell of the current page. */\n  onCellFocus: (index: number) => void;\n  /**\n   * Focus moved past the edge of the current page by `delta` periods. The owner\n   * moves its anchor, which in turn flips the page and the focused index.\n   */\n  onMoveFocus: (delta: number) => void;\n  /** `PageUp` / `PageDown` — one page back or forward. */\n  onMovePage: (delta: -1 | 1) => void;\n}\n\n/**\n * A keyboard-navigable grid of calendar periods (months, quarters or years).\n *\n * The grid owns rendering, the roving tab stop and DOM focus; the owner owns\n * the periods themselves. Arrow keys that leave the page are reported through\n * `onMoveFocus` so the owner can page and keep focus on the adjacent period.\n */\nexport function PeriodGrid(props: CubePeriodGridProps) {\n  let {\n    cells,\n    columns,\n    focusedIndex,\n    autoFocus,\n    styles,\n    onCellPress,\n    onCellFocus,\n    onMoveFocus,\n    onMovePage,\n  } = props;\n\n  let cellRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  // Set by the grid's own keyboard handling and by `autoFocus`, so paging with\n  // the header buttons never steals focus into the grid.\n  let shouldFocusRef = useRef(!!autoFocus);\n\n  let safeIndex = Math.max(0, Math.min(cells.length - 1, focusedIndex));\n\n  cellRefs.current.length = cells.length;\n\n  useLayoutEffect(() => {\n    if (shouldFocusRef.current) {\n      shouldFocusRef.current = false;\n      cellRefs.current[safeIndex]?.focus();\n    }\n  });\n\n  let moveFocus = (delta: number) => {\n    shouldFocusRef.current = true;\n\n    let next = safeIndex + delta;\n\n    // Disabled cells can't hold DOM focus, so step over them instead of\n    // stranding the caret on an unreachable period.\n    while (next >= 0 && next < cells.length && cells[next].isDisabled) {\n      next += delta;\n    }\n\n    if (next < 0 || next >= cells.length) {\n      onMoveFocus(delta);\n    } else {\n      onCellFocus(next);\n    }\n  };\n\n  let focusEdge = (edge: 'start' | 'end') => {\n    let step = edge === 'start' ? 1 : -1;\n    let index = edge === 'start' ? 0 : cells.length - 1;\n\n    while (index >= 0 && index < cells.length && cells[index].isDisabled) {\n      index += step;\n    }\n\n    if (index < 0 || index >= cells.length) return;\n\n    shouldFocusRef.current = true;\n    onCellFocus(index);\n  };\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowRight':\n        moveFocus(1);\n        break;\n      case 'ArrowLeft':\n        moveFocus(-1);\n        break;\n      case 'ArrowDown':\n        moveFocus(columns);\n        break;\n      case 'ArrowUp':\n        moveFocus(-columns);\n        break;\n      case 'Home':\n        focusEdge('start');\n        break;\n      case 'End':\n        focusEdge('end');\n        break;\n      case 'PageUp':\n        shouldFocusRef.current = true;\n        onMovePage(-1);\n        break;\n      case 'PageDown':\n        shouldFocusRef.current = true;\n        onMovePage(1);\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  let rows: CubePeriodGridCell[][] = [];\n\n  for (let i = 0; i < cells.length; i += columns) {\n    rows.push(cells.slice(i, i + columns));\n  }\n\n  return (\n    <PeriodGridElement\n      aria-label={props['aria-label']}\n      styles={styles}\n      onKeyDown={onKeyDown}\n    >\n      <tbody data-element=\"Body\">\n        {rows.map((row, rowIndex) => (\n          <tr key={rowIndex} role=\"row\" data-element=\"Row\">\n            {row.map((cell, columnIndex) => {\n              let index = rowIndex * columns + columnIndex;\n\n              return (\n                <PeriodGridCellElement\n                  key={cell.key}\n                  aria-selected={!!cell.isSelected}\n                >\n                  <PeriodGridButtonElement\n                    ref={(element: HTMLButtonElement | null) => {\n                      cellRefs.current[index] = element;\n                    }}\n                    type=\"button\"\n                    tabIndex={index === safeIndex ? 0 : -1}\n                    disabled={cell.isDisabled}\n                    aria-label={cell.ariaLabel}\n                    mods={{\n                      selected: cell.isSelected,\n                      current: cell.isCurrent,\n                      outside: cell.isOutside,\n                      disabled: cell.isDisabled,\n                    }}\n                    onFocus={() => onCellFocus(index)}\n                    onClick={() => onCellPress(index)}\n                  >\n                    {cell.label}\n                  </PeriodGridButtonElement>\n                </PeriodGridCellElement>\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </PeriodGridElement>\n  );\n}\n"],"mappings":"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"}

package/dist/components/other/Calendar/RangeCalendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react-compiler-runtime";

package/dist/components/other/Calendar/styled.js

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

package/dist/components/other/CubeLogo/CubeLogo.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { c } from "react-compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";

package/dist/components/other/CubeLogo/CubeLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"CubeLogo.js","names":["mergeStyles","tasty","ForwardedRef","forwardRef","CubeIconProps","Icon","MARK_LIGHT_PATH","MARK_DARK_PATH","WORDMARK_PATH","MARK_VIEW_BOX","FULL_VIEW_BOX","FULL_ASPECT_RATIO","MarkPaths","$","_c","t0","Symbol","for","SCHEME_SWAP","LightMark","display","DarkMark","const","FORCED_SCHEME","light","dark","CubeLogoProps","scheme","resolveLogoStyles","styles","CubeLogoElement","qa","CubeLogo","props","ref","rest","t1","t2","CubeFullLogoElement","width","aspectRatio","Svg","height","CubeFullLogo"],"sources":["../../../../src/components/other/CubeLogo/CubeLogo.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeIconProps, Icon } from '../../../icons/Icon';\n\n/**\n * Cube logo marks.\n *\n * The mark is two *different drawings*, not one drawing recoloured: the light\n * variant is an outlined cube, the dark variant is filled differently so it keeps\n * its weight against a dark surface. Both are rendered and swapped by the global\n * `@dark` state rather than picked in JS, so the logo follows the scheme without a\n * re-render and works in SSR.\n *\n * Both marks are drawn with `currentColor`, so colour comes from the surrounding\n * text colour (or an explicit `color` prop) — never a baked-in hex. That is the\n * whole reason the previous `CloudLogo` had to go: it hard-coded the old brand\n * hexes and could not adapt.\n */\n\nconst MARK_LIGHT_PATH =\n  'M12.3428 0.468443C13.3139 -0.0982146 14.5153 -0.0984244 15.4863 0.468443L25.7051 6.43426C26.1063 6.66852 26.3535 7.09853 26.3535 7.56317V11.9008C26.3534 12.1325 26.2301 12.347 26.0303 12.4642L23.8356 13.8389L25.7109 14.8737C26.1088 15.1088 26.3534 15.5366 26.3535 15.9987V20.4352C26.3535 20.8999 26.1063 21.3298 25.7051 21.5641L15.4834 27.53C14.5123 28.0967 13.3119 28.0968 12.3408 27.53L2.11914 21.5641C1.71803 21.3298 1.47168 20.8998 1.47168 20.4352V7.56317C1.47178 7.09851 1.71879 6.66848 2.12012 6.43426L12.3428 0.468443ZM14.7002 1.77118C14.2147 1.4878 13.6144 1.48791 13.1289 1.77118L3.18164 7.57587C3.06086 7.64635 2.98649 7.77589 2.98633 7.91571V20.0085L12.873 14.3005C13.5161 13.9292 14.3091 13.9292 14.9521 14.3005L24.8389 20.0095V16.3513C24.8388 16.2116 24.764 16.082 24.6436 16.0114L14.6982 10.197C14.2129 9.91323 13.6117 9.91297 13.126 10.196L6.38477 14.1247C6.13553 14.2695 5.82263 14.0897 5.82227 13.8015V10.3942C5.82238 10.188 5.93134 9.99713 6.1084 9.89129L12.8613 5.85614C13.5101 5.46859 14.3183 5.4637 14.9717 5.84344L24.8389 11.5788V7.91571C24.8387 7.77604 24.7641 7.64643 24.6436 7.57587L14.7002 1.77118Z';\n\nconst MARK_DARK_PATH =\n  'M25.9002 6.65073C26.2344 6.84455 26.44 7.20162 26.44 7.5879L26.4396 11.3066C26.4395 11.6899 26.2369 12.0447 25.9067 12.2395L22.6916 14.1362L25.9094 16.0449C26.2383 16.24 26.44 16.5941 26.44 16.9766V20.6864C26.44 21.0743 26.2326 21.4327 25.8961 21.6258L15.6128 27.5294C14.6148 28.1023 13.387 28.0996 12.3914 27.5223L2.09765 21.5528C1.7635 21.359 1.55781 21.002 1.55781 20.6157V7.58789C1.55781 7.20162 1.76349 6.84457 2.09764 6.65079L13.049 0.299736C13.6372 -0.0413849 14.363 -0.0413542 14.9512 0.299815L25.9002 6.65073ZM3.08936 20.3607C2.9078 20.4649 2.90801 20.7268 3.08974 20.8307L13.0565 26.5279C13.641 26.8619 14.3587 26.861 14.9423 26.5254L24.821 20.8447C25.0017 20.7408 25.0022 20.4802 24.8218 20.3756L14.9425 14.6505C14.3571 14.3112 13.6353 14.3097 13.0485 14.6464L3.08936 20.3607ZM5.55497 9.75456C5.3906 9.85215 5.28984 10.0292 5.28984 10.2203V13.6284C5.28984 13.8379 5.51738 13.968 5.69791 13.8619L13.0363 9.54766C13.631 9.19804 14.3687 9.19907 14.9624 9.55035L21.2322 13.26C21.4021 13.3605 21.6131 13.3607 21.7831 13.2604L24.8318 11.4632C25.0105 11.3579 25.0093 11.0991 24.8297 10.9954L14.9614 5.29588C14.3677 4.95297 13.6351 4.95738 13.0455 5.3074L5.55497 9.75456Z';\n\nconst WORDMARK_PATH =\n  'M52.1689 16.0085C52.1689 18.0202 53.5876 19.2742 55.3838 19.2742C57.1215 19.274 58.5107 18.02 58.5107 16.0085V7.46362H61.5527V15.7761C61.5526 19.6552 58.8592 22.1041 55.3857 22.1042C51.8518 22.1042 49.1584 19.6553 49.1582 15.7761V7.46362H52.1689V16.0085ZM68.2725 9.2146C69.3445 7.90193 71.0524 7.14436 73.0215 7.14429C77.0745 7.14226 79.999 10.3792 79.999 14.6375C79.999 18.8957 77.0747 22.1042 73.0498 22.1042C70.964 22.1042 69.1394 21.26 68.0693 19.8015V21.7849H65.2314V0.6521H68.2725V9.2146ZM90.0576 7.14233C93.851 7.14255 96.6309 9.94205 96.6309 13.7039C96.6308 14.4918 96.4859 15.2518 96.3994 15.6306H85.8008C86.2072 17.9925 88.0019 19.3923 90.4336 19.3923C92.0849 19.3923 93.3865 18.7502 94.5752 17.7009L96.0234 19.8015C94.5169 21.2297 92.6055 22.1042 90.3467 22.1042C85.9457 22.1042 82.7012 18.8673 82.7012 14.6375C82.7012 10.438 85.9161 7.14233 90.0576 7.14233ZM40.5293 7.14233C43.2224 7.14248 45.3056 8.45506 46.5225 10.4666L44.3809 12.158C43.4536 10.8452 42.2663 9.97046 40.5586 9.97046C37.952 9.97067 36.0996 12.0122 36.0996 14.6072C36.0996 17.2608 37.952 19.272 40.5586 19.2722C42.2381 19.2722 43.4254 18.4277 44.3809 17.115L46.5225 18.7781C45.2774 20.7896 43.1922 22.1021 40.5293 22.1023C36.3314 22.1043 33 18.837 33 14.6091C33 10.4096 36.3314 7.14233 40.5293 7.14233ZM72.5273 9.94409C70.3852 9.94409 68.2403 11.4022 68.2402 14.6394C68.2402 17.905 70.4133 19.3044 72.5273 19.3044C74.9891 19.3042 76.872 17.3803 76.8721 14.6091C76.8721 11.838 74.961 9.9443 72.5273 9.94409ZM89.9424 9.73706C87.9431 9.73916 86.322 11.109 85.8594 13.238H93.5908C93.5325 10.9914 91.8834 9.73706 89.9424 9.73706Z';\n\n/** Mark artwork is square. */\nconst MARK_VIEW_BOX = '0 0 28 28';\n/**\n * Full logo = mark (x 0–28) + wordmark (x 33–98) on one canvas, so the 5-unit\n * gap between them is part of the artwork rather than a layout concern.\n */\nconst FULL_VIEW_BOX = '0 0 98 28';\n/** 98 / 28 — used to let width follow height automatically. */\nconst FULL_ASPECT_RATIO = '98 / 28';\n\nconst MarkPaths = () => (\n  <>\n    <path\n      clipRule=\"evenodd\"\n      d={MARK_LIGHT_PATH}\n      data-element=\"LightMark\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d={MARK_DARK_PATH}\n      data-element=\"DarkMark\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </>\n);\n\nconst SCHEME_SWAP = {\n  LightMark: {\n    display: { '': 'block', '@dark': 'none' },\n  },\n  DarkMark: {\n    display: { '': 'none', '@dark': 'block' },\n  },\n} as const;\n\n/**\n * Pin one mark instead of letting the `@dark` state choose.\n *\n * Needed wherever the background is known but the *document* scheme does not\n * describe it: a fixed-dark panel in a light app (`#surface-inverse`, the\n * `special` theme), an exported image, or a themed region — `tokens` overrides\n * token *values*, and `@dark` is a state, so a region preview cannot reach the\n * swap on its own.\n */\nconst FORCED_SCHEME = {\n  light: {\n    LightMark: { display: 'block' },\n    DarkMark: { display: 'none' },\n  },\n  dark: {\n    LightMark: { display: 'none' },\n    DarkMark: { display: 'block' },\n  },\n} as const;\n\nexport interface CubeLogoProps extends CubeIconProps {\n  /**\n   * Force the light or dark mark. Omit it — the default — to follow the document\n   * scheme in CSS, which costs no re-render and is correct during SSR.\n   */\n  scheme?: 'light' | 'dark';\n}\n\n/** Caller styles win; a forced scheme only overrides the swap itself. */\nfunction resolveLogoStyles({ scheme, styles }: CubeLogoProps) {\n  return scheme ? mergeStyles(FORCED_SCHEME[scheme], styles) : styles;\n}\n\n/**\n * Square Cube mark, sized through `Icon` — pass `size` (or any `Icon` style prop)\n * and both axes follow it.\n */\nconst CubeLogoElement = tasty(Icon, {\n  qa: 'CubeLogo',\n  styles: SCHEME_SWAP,\n});\n\nexport const CubeLogo = forwardRef(function CubeLogo(\n  props: CubeLogoProps,\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { scheme, styles, ...rest } = props;\n\n  return (\n    <CubeLogoElement\n      aria-label=\"Cube\"\n      role=\"img\"\n      {...rest}\n      styles={resolveLogoStyles(props)}\n      ref={ref}\n    >\n      <svg\n        fill=\"none\"\n        viewBox={MARK_VIEW_BOX}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MarkPaths />\n      </svg>\n    </CubeLogoElement>\n  );\n});\n\n/**\n * Cube mark + wordmark.\n *\n * `size` sets the **height** only; the width follows the artwork's aspect ratio.\n * `Icon` is square by default (`width: '1em 1em'`), so both the wrapper and the\n * inner `svg` have their width released to `auto` and the ratio pinned with\n * `aspectRatio` — otherwise the wordmark would be squashed into a 1em box.\n */\nconst CubeFullLogoElement = tasty(Icon, {\n  qa: 'CubeFullLogo',\n  styles: {\n    ...SCHEME_SWAP,\n    // Height still comes from `$icon-size` via `Icon`; width must not.\n    width: 'auto',\n    aspectRatio: FULL_ASPECT_RATIO,\n\n    Svg: {\n      width: 'auto',\n      height: '1em 1em',\n      aspectRatio: FULL_ASPECT_RATIO,\n    },\n  },\n});\n\nexport const CubeFullLogo = forwardRef(function CubeFullLogo(\n  props: CubeLogoProps,\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { scheme, styles, ...rest } = props;\n\n  return (\n    <CubeFullLogoElement\n      aria-label=\"Cube\"\n      role=\"img\"\n      {...rest}\n      styles={resolveLogoStyles(props)}\n      ref={ref}\n    >\n      <svg\n        fill=\"none\"\n        viewBox={FULL_VIEW_BOX}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MarkPaths />\n        <path d={WORDMARK_PATH} fill=\"currentColor\" />\n      </svg>\n    </CubeFullLogoElement>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAMM,kBACJ;AAEF,MAAMC,iBACJ;AAEF,MAAMC,gBACJ;;AAGF,MAAMC,gBAAgB;;;;;AAKtB,MAAMC,gBAAgB;;AAEtB,MAAMC,oBAAoB;AAE1B,MAAMC,kBAAY;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AAChBF,OAAA,8CACE,oBAAA;GACW,UAAA;GACNT,GAAAA;GACU,gBAAA;GACR,MAAA;GACI,UAAA;IAEX,sBAAA;GACW,UAAA;GACNC,GAAAA;GACU,gBAAA;GACR,MAAA;GACI,UAAA;IACT,IACD;AAAAM,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAfHE;;AAkBF,MAAMG,cAAc;CAClBC,WAAW,EACTC,SAAS;EAAE,IAAI;EAAS,SAAS;EAAO,EACzC;CACDC,UAAU,EACRD,SAAS;EAAE,IAAI;EAAQ,SAAS;EAAQ,EAC1C;CACD;;;;;;;;;;AAWD,MAAMG,gBAAgB;CACpBC,OAAO;EACLL,WAAW,EAAEC,SAAS,SAAS;EAC/BC,UAAU,EAAED,SAAS,QAAO;EAC7B;CACDK,MAAM;EACJN,WAAW,EAAEC,SAAS,QAAQ;EAC9BC,UAAU,EAAED,SAAS,SAAQ;EAC/B;CACD;;AAWD,SAASQ,kBAAkB,EAAED,QAAQE,UAAyB;AAC5D,QAAOF,SAAS3B,YAAYuB,cAAcI,SAASE,OAAO,GAAGA;;;;;;AAO/D,MAAMC,kBAAkB7B,MAAMI,MAAM;CAClC0B,IAAI;CACJF,QAAQX;CACT,CAAC;AAEF,MAAac,WAAW7B,WAAW,SAAA6B,SAAAC,OAAAC,KAAA;CAAA,MAAArB,IAAAC,EAAA,EAAA;CAAA,IAAAqB;AAAA,KAAAtB,EAAA,OAAAoB,OAAA;EAIjC,MAAA,EAAAN,QAAAE,QAAA,GAAAd,OAAoCkB;AAApCE,SAAApB;AAA0CF,IAAA,KAAAoB;AAAApB,IAAA,KAAAsB;OAAAA,QAAAtB,EAAA;CAAA,IAAAE;AAAA,KAAAF,EAAA,OAAAoB,OAAA;AAO9BlB,OAAAa,kBAAkBK,MAAM;AAAApB,IAAA,KAAAoB;AAAApB,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAAA,IAAAuB;AAAA,KAAAvB,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AAGhCmB,OAAA,oBAAA;GACO,MAAA;GACI3B,SAAAA;GACH,OAAA;aAEN,oBAAC,cACH;IAAM;AAAAI,IAAA,KAAAuB;OAAAA,MAAAvB,EAAA;CAAA,IAAAwB;AAAA,KAAAxB,EAAA,OAAAqB,OAAArB,EAAA,OAAAsB,QAAAtB,EAAA,OAAAE,IAAA;AAbRsB,OAAA,oBAAC;GACY,cAAA;GACN,MAAA;GAAK,GACNF;GACI,QAAApB;GACHmB;aAELE;IAOgB;AAAAvB,IAAA,KAAAqB;AAAArB,IAAA,KAAAsB;AAAAtB,IAAA,KAAAE;AAAAF,IAAA,KAAAwB;OAAAA,MAAAxB,EAAA;AAAA,QAdlBwB;EAgBF;;;;;;;;;AAUF,MAAMC,sBAAsBrC,MAAMI,MAAM;CACtC0B,IAAI;CACJF,QAAQ;EACN,GAAGX;EAEHqB,OAAO;EACPC,aAAa7B;EAEb8B,KAAK;GACHF,OAAO;GACPG,QAAQ;GACRF,aAAa7B;GACf;EACF;CACD,CAAC;AAEF,MAAagC,eAAexC,WAAW,SAAAwC,aAAAV,OAAAC,KAAA;CAAA,MAAArB,IAAAC,EAAA,EAAA;CAAA,IAAAqB;AAAA,KAAAtB,EAAA,OAAAoB,OAAA;EAIrC,MAAA,EAAAN,QAAAE,QAAA,GAAAd,OAAoCkB;AAApCE,SAAApB;AAA0CF,IAAA,KAAAoB;AAAApB,IAAA,KAAAsB;OAAAA,QAAAtB,EAAA;CAAA,IAAAE;AAAA,KAAAF,EAAA,OAAAoB,OAAA;AAO9BlB,OAAAa,kBAAkBK,MAAM;AAAApB,IAAA,KAAAoB;AAAApB,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAAA,IAAAuB;AAAA,KAAAvB,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AAGhCmB,OAAA,qBAAA;GACO,MAAA;GACI1B,SAAAA;GACH,OAAA;cAEN,oBAAC,cACD,sBAAA;IAASF,GAAAA;IAAoB,MAAA;KAC/B;IAAM;AAAAK,IAAA,KAAAuB;OAAAA,MAAAvB,EAAA;CAAA,IAAAwB;AAAA,KAAAxB,EAAA,OAAAqB,OAAArB,EAAA,OAAAsB,QAAAtB,EAAA,OAAAE,IAAA;AAdRsB,OAAA,oBAAC;GACY,cAAA;GACN,MAAA;GAAK,GACNF;GACI,QAAApB;GACHmB;aAELE;IAQoB;AAAAvB,IAAA,KAAAqB;AAAArB,IAAA,KAAAsB;AAAAtB,IAAA,KAAAE;AAAAF,IAAA,KAAAwB;OAAAA,MAAAxB,EAAA;AAAA,QAftBwB;EAiBF"}
+{"version":3,"file":"CubeLogo.js","names":["mergeStyles","tasty","ForwardedRef","forwardRef","CubeIconProps","Icon","MARK_LIGHT_PATH","MARK_DARK_PATH","WORDMARK_PATH","MARK_VIEW_BOX","FULL_VIEW_BOX","FULL_ASPECT_RATIO","MarkPaths","$","_c","t0","Symbol","for","SCHEME_SWAP","LightMark","display","DarkMark","const","FORCED_SCHEME","light","dark","CubeLogoProps","scheme","resolveLogoStyles","styles","CubeLogoElement","qa","CubeLogo","props","ref","rest","t1","t2","CubeFullLogoElement","width","aspectRatio","Svg","height","CubeFullLogo"],"sources":["../../../../src/components/other/CubeLogo/CubeLogo.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeIconProps, Icon } from '../../../icons/Icon';\n\n/**\n * Cube logo marks.\n *\n * The mark is two *different drawings*, not one drawing recoloured: the light\n * variant is an outlined cube, the dark variant is filled differently so it keeps\n * its weight against a dark surface. Both are rendered and swapped by the global\n * `@dark` state rather than picked in JS, so the logo follows the scheme without a\n * re-render and works in SSR.\n *\n * Both marks are drawn with `currentColor`, so colour comes from the surrounding\n * text colour (or an explicit `color` prop) — never a baked-in hex. That is the\n * whole reason the previous `CloudLogo` had to go: it hard-coded the old brand\n * hexes and could not adapt.\n */\n\nconst MARK_LIGHT_PATH =\n  'M12.3428 0.468443C13.3139 -0.0982146 14.5153 -0.0984244 15.4863 0.468443L25.7051 6.43426C26.1063 6.66852 26.3535 7.09853 26.3535 7.56317V11.9008C26.3534 12.1325 26.2301 12.347 26.0303 12.4642L23.8356 13.8389L25.7109 14.8737C26.1088 15.1088 26.3534 15.5366 26.3535 15.9987V20.4352C26.3535 20.8999 26.1063 21.3298 25.7051 21.5641L15.4834 27.53C14.5123 28.0967 13.3119 28.0968 12.3408 27.53L2.11914 21.5641C1.71803 21.3298 1.47168 20.8998 1.47168 20.4352V7.56317C1.47178 7.09851 1.71879 6.66848 2.12012 6.43426L12.3428 0.468443ZM14.7002 1.77118C14.2147 1.4878 13.6144 1.48791 13.1289 1.77118L3.18164 7.57587C3.06086 7.64635 2.98649 7.77589 2.98633 7.91571V20.0085L12.873 14.3005C13.5161 13.9292 14.3091 13.9292 14.9521 14.3005L24.8389 20.0095V16.3513C24.8388 16.2116 24.764 16.082 24.6436 16.0114L14.6982 10.197C14.2129 9.91323 13.6117 9.91297 13.126 10.196L6.38477 14.1247C6.13553 14.2695 5.82263 14.0897 5.82227 13.8015V10.3942C5.82238 10.188 5.93134 9.99713 6.1084 9.89129L12.8613 5.85614C13.5101 5.46859 14.3183 5.4637 14.9717 5.84344L24.8389 11.5788V7.91571C24.8387 7.77604 24.7641 7.64643 24.6436 7.57587L14.7002 1.77118Z';\n\nconst MARK_DARK_PATH =\n  'M25.9002 6.65073C26.2344 6.84455 26.44 7.20162 26.44 7.5879L26.4396 11.3066C26.4395 11.6899 26.2369 12.0447 25.9067 12.2395L22.6916 14.1362L25.9094 16.0449C26.2383 16.24 26.44 16.5941 26.44 16.9766V20.6864C26.44 21.0743 26.2326 21.4327 25.8961 21.6258L15.6128 27.5294C14.6148 28.1023 13.387 28.0996 12.3914 27.5223L2.09765 21.5528C1.7635 21.359 1.55781 21.002 1.55781 20.6157V7.58789C1.55781 7.20162 1.76349 6.84457 2.09764 6.65079L13.049 0.299736C13.6372 -0.0413849 14.363 -0.0413542 14.9512 0.299815L25.9002 6.65073ZM3.08936 20.3607C2.9078 20.4649 2.90801 20.7268 3.08974 20.8307L13.0565 26.5279C13.641 26.8619 14.3587 26.861 14.9423 26.5254L24.821 20.8447C25.0017 20.7408 25.0022 20.4802 24.8218 20.3756L14.9425 14.6505C14.3571 14.3112 13.6353 14.3097 13.0485 14.6464L3.08936 20.3607ZM5.55497 9.75456C5.3906 9.85215 5.28984 10.0292 5.28984 10.2203V13.6284C5.28984 13.8379 5.51738 13.968 5.69791 13.8619L13.0363 9.54766C13.631 9.19804 14.3687 9.19907 14.9624 9.55035L21.2322 13.26C21.4021 13.3605 21.6131 13.3607 21.7831 13.2604L24.8318 11.4632C25.0105 11.3579 25.0093 11.0991 24.8297 10.9954L14.9614 5.29588C14.3677 4.95297 13.6351 4.95738 13.0455 5.3074L5.55497 9.75456Z';\n\nconst WORDMARK_PATH =\n  'M52.1689 16.0085C52.1689 18.0202 53.5876 19.2742 55.3838 19.2742C57.1215 19.274 58.5107 18.02 58.5107 16.0085V7.46362H61.5527V15.7761C61.5526 19.6552 58.8592 22.1041 55.3857 22.1042C51.8518 22.1042 49.1584 19.6553 49.1582 15.7761V7.46362H52.1689V16.0085ZM68.2725 9.2146C69.3445 7.90193 71.0524 7.14436 73.0215 7.14429C77.0745 7.14226 79.999 10.3792 79.999 14.6375C79.999 18.8957 77.0747 22.1042 73.0498 22.1042C70.964 22.1042 69.1394 21.26 68.0693 19.8015V21.7849H65.2314V0.6521H68.2725V9.2146ZM90.0576 7.14233C93.851 7.14255 96.6309 9.94205 96.6309 13.7039C96.6308 14.4918 96.4859 15.2518 96.3994 15.6306H85.8008C86.2072 17.9925 88.0019 19.3923 90.4336 19.3923C92.0849 19.3923 93.3865 18.7502 94.5752 17.7009L96.0234 19.8015C94.5169 21.2297 92.6055 22.1042 90.3467 22.1042C85.9457 22.1042 82.7012 18.8673 82.7012 14.6375C82.7012 10.438 85.9161 7.14233 90.0576 7.14233ZM40.5293 7.14233C43.2224 7.14248 45.3056 8.45506 46.5225 10.4666L44.3809 12.158C43.4536 10.8452 42.2663 9.97046 40.5586 9.97046C37.952 9.97067 36.0996 12.0122 36.0996 14.6072C36.0996 17.2608 37.952 19.272 40.5586 19.2722C42.2381 19.2722 43.4254 18.4277 44.3809 17.115L46.5225 18.7781C45.2774 20.7896 43.1922 22.1021 40.5293 22.1023C36.3314 22.1043 33 18.837 33 14.6091C33 10.4096 36.3314 7.14233 40.5293 7.14233ZM72.5273 9.94409C70.3852 9.94409 68.2403 11.4022 68.2402 14.6394C68.2402 17.905 70.4133 19.3044 72.5273 19.3044C74.9891 19.3042 76.872 17.3803 76.8721 14.6091C76.8721 11.838 74.961 9.9443 72.5273 9.94409ZM89.9424 9.73706C87.9431 9.73916 86.322 11.109 85.8594 13.238H93.5908C93.5325 10.9914 91.8834 9.73706 89.9424 9.73706Z';\n\n/** Mark artwork is square. */\nconst MARK_VIEW_BOX = '0 0 28 28';\n/**\n * Full logo = mark (x 0–28) + wordmark (x 33–98) on one canvas, so the 5-unit\n * gap between them is part of the artwork rather than a layout concern.\n */\nconst FULL_VIEW_BOX = '0 0 98 28';\n/** 98 / 28 — used to let width follow height automatically. */\nconst FULL_ASPECT_RATIO = '98 / 28';\n\nconst MarkPaths = () => (\n  <>\n    <path\n      clipRule=\"evenodd\"\n      d={MARK_LIGHT_PATH}\n      data-element=\"LightMark\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d={MARK_DARK_PATH}\n      data-element=\"DarkMark\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </>\n);\n\nconst SCHEME_SWAP = {\n  LightMark: {\n    display: { '': 'block', '@dark': 'none' },\n  },\n  DarkMark: {\n    display: { '': 'none', '@dark': 'block' },\n  },\n} as const;\n\n/**\n * Pin one mark instead of letting the `@dark` state choose.\n *\n * Needed wherever the background is known but the *document* scheme does not\n * describe it: a fixed-dark panel in a light app (`#surface-inverse`, the\n * `special` theme), an exported image, or a themed region — `tokens` overrides\n * token *values*, and `@dark` is a state, so a region preview cannot reach the\n * swap on its own.\n */\nconst FORCED_SCHEME = {\n  light: {\n    LightMark: { display: 'block' },\n    DarkMark: { display: 'none' },\n  },\n  dark: {\n    LightMark: { display: 'none' },\n    DarkMark: { display: 'block' },\n  },\n} as const;\n\nexport interface CubeLogoProps extends CubeIconProps {\n  /**\n   * Force the light or dark mark. Omit it — the default — to follow the document\n   * scheme in CSS, which costs no re-render and is correct during SSR.\n   */\n  scheme?: 'light' | 'dark';\n}\n\n/** Caller styles win; a forced scheme only overrides the swap itself. */\nfunction resolveLogoStyles({ scheme, styles }: CubeLogoProps) {\n  return scheme ? mergeStyles(FORCED_SCHEME[scheme], styles) : styles;\n}\n\n/**\n * Square Cube mark, sized through `Icon` — pass `size` (or any `Icon` style prop)\n * and both axes follow it.\n */\nconst CubeLogoElement = tasty(Icon, {\n  qa: 'CubeLogo',\n  styles: SCHEME_SWAP,\n});\n\nexport const CubeLogo = forwardRef(function CubeLogo(\n  props: CubeLogoProps,\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { scheme, styles, ...rest } = props;\n\n  return (\n    <CubeLogoElement\n      aria-label=\"Cube\"\n      role=\"img\"\n      {...rest}\n      styles={resolveLogoStyles(props)}\n      ref={ref}\n    >\n      <svg\n        fill=\"none\"\n        viewBox={MARK_VIEW_BOX}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MarkPaths />\n      </svg>\n    </CubeLogoElement>\n  );\n});\n\n/**\n * Cube mark + wordmark.\n *\n * `size` sets the **height** only; the width follows the artwork's aspect ratio.\n * `Icon` is square by default (`width: '1em 1em'`), so both the wrapper and the\n * inner `svg` have their width released to `auto` and the ratio pinned with\n * `aspectRatio` — otherwise the wordmark would be squashed into a 1em box.\n */\nconst CubeFullLogoElement = tasty(Icon, {\n  qa: 'CubeFullLogo',\n  styles: {\n    // eslint-disable-next-line tasty/no-style-spread -- light/dark mark swap shared with CubeLogo\n    ...SCHEME_SWAP,\n    // Height still comes from `$icon-size` via `Icon`; width must not.\n    width: 'auto',\n    aspectRatio: FULL_ASPECT_RATIO,\n\n    Svg: {\n      width: 'auto',\n      height: '1em 1em',\n      aspectRatio: FULL_ASPECT_RATIO,\n    },\n  },\n});\n\nexport const CubeFullLogo = forwardRef(function CubeFullLogo(\n  props: CubeLogoProps,\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { scheme, styles, ...rest } = props;\n\n  return (\n    <CubeFullLogoElement\n      aria-label=\"Cube\"\n      role=\"img\"\n      {...rest}\n      styles={resolveLogoStyles(props)}\n      ref={ref}\n    >\n      <svg\n        fill=\"none\"\n        viewBox={FULL_VIEW_BOX}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MarkPaths />\n        <path d={WORDMARK_PATH} fill=\"currentColor\" />\n      </svg>\n    </CubeFullLogoElement>\n  );\n});\n"],"mappings":"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"}

package/dist/components/other/NoDataIcon/NoDataIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/components/overlays/AlertDialog/AlertDialog.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";
@@ -9,6 +9,7 @@ import { useDialogContext } from "../Dialog/context.js";
 import { Content } from "../../content/Content.js";
 import { Footer } from "../../content/Footer.js";
 import { Header } from "../../content/Header.js";
+import { withDefaultButtonText } from "../Dialog/default-button-text.js";
 import { Dialog } from "../Dialog/Dialog.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
@@ -19,115 +20,76 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.
 */
 function AlertDialog(props, ref) {
-	const $ = c(40);
+	const $ = c(29);
 	const { onClose } = useDialogContext();
 	const { t } = useI18n();
-	let t0;
-	if ($[0] !== t) {
-		t0 = t("alertDialog.confirm", "Ok");
-		$[0] = t;
-		$[1] = t0;
-	} else t0 = $[1];
-	let t1;
-	if ($[2] !== t0) {
-		t1 = {
-			label: t0,
-			type: "primary"
-		};
-		$[2] = t0;
-		$[3] = t1;
-	} else t1 = $[3];
-	const DEFAULT_CONFIRM_PROPS = t1;
-	let t2;
-	if ($[4] !== t) {
-		t2 = t("alertDialog.cancel", "Cancel");
-		$[4] = t;
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== t2) {
-		t3 = { label: t2 };
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	const DEFAULT_CANCEL_PROPS = t3;
 	let actions;
 	let content;
 	let danger;
 	let noActions;
 	let otherProps;
 	let title;
-	if ($[8] !== props) {
-		const { danger: t4, actions: t5, title: t6, styles, noActions: t7, content: t8, ...t9 } = props;
-		danger = t4;
-		actions = t5;
-		title = t6;
-		noActions = t7;
-		content = t8;
-		otherProps = t9;
-		$[8] = props;
-		$[9] = actions;
-		$[10] = content;
-		$[11] = danger;
-		$[12] = noActions;
-		$[13] = otherProps;
-		$[14] = title;
+	if ($[0] !== props) {
+		const { danger: t0, actions: t1, title: t2, styles, noActions: t3, content: t4, ...t5 } = props;
+		danger = t0;
+		actions = t1;
+		title = t2;
+		noActions = t3;
+		content = t4;
+		otherProps = t5;
+		$[0] = props;
+		$[1] = actions;
+		$[2] = content;
+		$[3] = danger;
+		$[4] = noActions;
+		$[5] = otherProps;
+		$[6] = title;
 	} else {
-		actions = $[9];
-		content = $[10];
-		danger = $[11];
-		noActions = $[12];
-		otherProps = $[13];
-		title = $[14];
+		actions = $[1];
+		content = $[2];
+		danger = $[3];
+		noActions = $[4];
+		otherProps = $[5];
+		title = $[6];
 	}
-	let t4;
-	if ($[15] !== actions) {
-		t4 = actions ?? {};
-		$[15] = actions;
-		$[16] = t4;
-	} else t4 = $[16];
 	let cancelProps;
 	let confirmProps;
 	let secondaryProps;
-	if ($[17] !== DEFAULT_CANCEL_PROPS || $[18] !== DEFAULT_CONFIRM_PROPS || $[19] !== t4) {
-		const { confirm: t5, secondary: t6, cancel: t7 } = t4;
-		secondaryProps = t6;
-		confirmProps = t5;
-		cancelProps = t7;
-		confirmProps = confirmProps !== false ? {
-			...DEFAULT_CONFIRM_PROPS,
+	if ($[7] !== actions || $[8] !== t) {
+		const { confirm: t0, secondary: t1, cancel: t2 } = actions ?? {};
+		secondaryProps = t1;
+		confirmProps = t0;
+		cancelProps = t2;
+		confirmProps = confirmProps !== false ? withDefaultButtonText({
+			type: "primary",
 			...typeof confirmProps === "object" ? confirmProps : null
-		} : void 0;
-		cancelProps = cancelProps ? {
-			...DEFAULT_CANCEL_PROPS,
-			...typeof cancelProps === "object" ? cancelProps : null
-		} : void 0;
-		$[17] = DEFAULT_CANCEL_PROPS;
-		$[18] = DEFAULT_CONFIRM_PROPS;
-		$[19] = t4;
-		$[20] = cancelProps;
-		$[21] = confirmProps;
-		$[22] = secondaryProps;
+		}, t("alertDialog.confirm", "Ok")) : void 0;
+		cancelProps = cancelProps ? withDefaultButtonText(typeof cancelProps === "object" ? cancelProps : void 0, t("alertDialog.cancel", "Cancel")) : void 0;
+		$[7] = actions;
+		$[8] = t;
+		$[9] = cancelProps;
+		$[10] = confirmProps;
+		$[11] = secondaryProps;
 	} else {
-		cancelProps = $[20];
-		confirmProps = $[21];
-		secondaryProps = $[22];
+		cancelProps = $[9];
+		confirmProps = $[10];
+		secondaryProps = $[11];
 	}
-	let t5;
-	if ($[23] !== title) {
-		t5 = title ? /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(_Title, { children: title }) }) : null;
-		$[23] = title;
-		$[24] = t5;
-	} else t5 = $[24];
-	let t6;
-	if ($[25] !== content) {
-		t6 = content ? /* @__PURE__ */ jsx(Content, { children: typeof content === "string" ? /* @__PURE__ */ jsx(Paragraph, { children: content }) : content }) : null;
-		$[25] = content;
-		$[26] = t6;
-	} else t6 = $[26];
-	let t7;
-	if ($[27] !== cancelProps || $[28] !== confirmProps || $[29] !== danger || $[30] !== noActions || $[31] !== onClose || $[32] !== secondaryProps) {
-		t7 = !noActions && (confirmProps || secondaryProps || cancelProps) ? /* @__PURE__ */ jsx(Footer, { children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+	let t0;
+	if ($[12] !== title) {
+		t0 = title ? /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(_Title, { children: title }) }) : null;
+		$[12] = title;
+		$[13] = t0;
+	} else t0 = $[13];
+	let t1;
+	if ($[14] !== content) {
+		t1 = content ? /* @__PURE__ */ jsx(Content, { children: typeof content === "string" ? /* @__PURE__ */ jsx(Paragraph, { children: content }) : content }) : null;
+		$[14] = content;
+		$[15] = t1;
+	} else t1 = $[15];
+	let t2;
+	if ($[16] !== cancelProps || $[17] !== confirmProps || $[18] !== danger || $[19] !== noActions || $[20] !== onClose || $[21] !== secondaryProps) {
+		t2 = !noActions && (confirmProps || secondaryProps || cancelProps) ? /* @__PURE__ */ jsx(Footer, { children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
 			confirmProps && /* @__PURE__ */ jsx(Button, {
 				autoFocus: true,
 				theme: danger ? "danger" : void 0,
@@ -143,35 +105,35 @@ function AlertDialog(props, ref) {
 				onPress: (e_1) => chain(cancelProps?.onPress?.(e_1), onClose?.("cancel"))
 			})
 		] }) }) : null;
-		$[27] = cancelProps;
-		$[28] = confirmProps;
-		$[29] = danger;
-		$[30] = noActions;
-		$[31] = onClose;
-		$[32] = secondaryProps;
-		$[33] = t7;
-	} else t7 = $[33];
-	let t8;
-	if ($[34] !== otherProps || $[35] !== ref || $[36] !== t5 || $[37] !== t6 || $[38] !== t7) {
-		t8 = /* @__PURE__ */ jsxs(Dialog, {
+		$[16] = cancelProps;
+		$[17] = confirmProps;
+		$[18] = danger;
+		$[19] = noActions;
+		$[20] = onClose;
+		$[21] = secondaryProps;
+		$[22] = t2;
+	} else t2 = $[22];
+	let t3;
+	if ($[23] !== otherProps || $[24] !== ref || $[25] !== t0 || $[26] !== t1 || $[27] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Dialog, {
 			ref,
 			role: "alertdialog",
 			isDismissable: false,
 			...otherProps,
 			children: [
-				t5,
-				t6,
-				t7
+				t0,
+				t1,
+				t2
 			]
 		});
-		$[34] = otherProps;
-		$[35] = ref;
-		$[36] = t5;
-		$[37] = t6;
-		$[38] = t7;
-		$[39] = t8;
-	} else t8 = $[39];
-	return t8;
+		$[23] = otherProps;
+		$[24] = ref;
+		$[25] = t0;
+		$[26] = t1;
+		$[27] = t2;
+		$[28] = t3;
+	} else t3 = $[28];
+	return t3;
 }
 /**
 * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.