@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/navigation/Tabs/types.d.ts

@@ -4,37 +4,36 @@ import "../../actions/ItemAction/index.js";
 import { CubeMenuProps } from "../../actions/Menu/Menu.js";
 import "../../content/Item/index.js";
 import "../../actions/Menu/index.js";
-import { CubeItemProps } from "../../content/Item/Item.js";
+import { CubeItemBaseProps as CubeItemProps } from "../../content/Item/Item.js";
 import { BaseProps, OuterStyleProps, Styles } from "@tenphi/tasty";
 import { ReactNode } from "react";
-
 //#region src/components/navigation/Tabs/types.d.ts
 /** Visual appearance type for tabs */
-type TabType = 'default' | 'narrow' | 'file' | 'radio';
+export type TabType = 'default' | 'narrow' | 'file' | 'radio';
 /**
  * Where the tab bar sits relative to its panels.
  * - `'top'` / `'bottom'` keep the bar horizontal.
  * - `'left'` / `'right'` switch it to a vertical strip.
  */
-type TabPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type TabPlacement = 'top' | 'bottom' | 'left' | 'right';
 /** Position for TabPicker and scroll arrows */
-type TabsActionPosition = 'prefix' | 'suffix';
+export type TabsActionPosition = 'prefix' | 'suffix';
 /**
  * Tab size options.
  * Radio type only supports 'medium' | 'large' (mapped to smaller Item sizes).
  */
-type TabSize = 'xsmall' | 'small' | 'medium' | 'large';
+export type TabSize = 'xsmall' | 'small' | 'medium' | 'large';
 /** How the tab `menu` is exposed alongside or instead of the overflow trigger. */
-type TabContextMenu = boolean | 'context-only';
+export type TabContextMenu = boolean | 'context-only';
 /** Common props for panel rendering behavior */
-interface PanelBehaviorProps {
+export interface PanelBehaviorProps {
   /** If true, panel is rendered but hidden when not active. */
   prerender?: boolean;
   /** If true, once visited the panel stays in DOM. */
   keepMounted?: boolean;
 }
 /** Common props for QA attributes */
-interface QAProps {
+export interface QAProps {
   /** QA selector attribute. */
   qa?: string;
   /** Additional QA value attribute. */
@@ -43,7 +42,7 @@ interface QAProps {
 /** Props from CubeItemProps that don't apply to Tab */
 type OmittedItemProps = 'id' | 'type' | 'size' | 'theme' | 'shape' | 'description' | 'descriptionPlacement' | 'descriptionProps' | 'hotkeys' | 'keyboardShortcutProps' | 'labelProps' | 'labelRef' | 'level' | 'highlight' | 'highlightCaseSensitive' | 'highlightStyles' | 'variant' | 'htmlType' | 'isSelected' | 'preserveActionsSpace' | 'disableActionsFocus' | 'actions' | 'autoHideActions' | 'insideWrapper' | 'showActions' | 'skipActionsWidthTransition';
 /** Common styling props for tabs - inherits style props from CubeItemProps */
-interface TabStyleProps extends Omit<CubeItemProps, OmittedItemProps> {
+export interface TabStyleProps extends Omit<CubeItemProps, OmittedItemProps> {
   /**
    * Tab size. Supports 'xsmall', 'small', 'medium', 'large'.
    * Radio type supports 'large' (default, 40px) and 'medium' (32px),
@@ -54,8 +53,8 @@ interface TabStyleProps extends Omit<CubeItemProps, OmittedItemProps> {
   autoHideActions?: boolean;
 }
 /** Cache key type - primitives only for reliable comparison */
-type CacheKeyValue = string | number | boolean | null | undefined;
-interface CubeTabsProps extends BaseProps, OuterStyleProps, PanelBehaviorProps {
+export type CacheKeyValue = string | number | boolean | null | undefined;
+export interface CubeTabsProps extends BaseProps, OuterStyleProps, PanelBehaviorProps {
   /** Controlled active tab key. When provided, component is controlled. */
   activeKey?: string;
   /** Initial active tab key for uncontrolled mode. */
@@ -220,7 +219,7 @@ interface CubeTabsProps extends BaseProps, OuterStyleProps, PanelBehaviorProps {
   /** Custom tasty styles for the Suffix sub-element. */
   suffixStyles?: Styles;
 }
-interface CubeTabProps extends TabStyleProps, PanelBehaviorProps {
+export interface CubeTabProps extends TabStyleProps, PanelBehaviorProps {
   /**
    * Unique identifier for the tab.
    * Auto-injected from the React `key` prop (converted to string).
@@ -270,7 +269,7 @@ interface CubeTabProps extends TabStyleProps, PanelBehaviorProps {
    */
   onAction?: (action: string) => void;
 }
-interface CubeTabPanelProps extends PanelBehaviorProps, QAProps {
+export interface CubeTabPanelProps extends PanelBehaviorProps, QAProps {
   /**
    * Panel identifier. Must match a Tab's id.
    * Auto-injected from the React `key` prop (converted to string).
@@ -281,10 +280,10 @@ interface CubeTabPanelProps extends PanelBehaviorProps, QAProps {
   /** Custom tasty styles for the panel container. */
   styles?: Styles;
 }
-interface CubeTabListProps extends QAProps {
+export interface CubeTabListProps extends QAProps {
   /** Tab components. */
   children?: ReactNode;
 }
 //#endregion
-export { CubeTabListProps, CubeTabPanelProps, CubeTabProps, CubeTabsProps, TabContextMenu, TabSize, TabType, TabsActionPosition };
+export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.
@@ -9,7 +9,7 @@ const RADIO_SIZE_MAP = {
 	medium: "xsmall",
 	large: "medium"
 };
-
 //#endregion
 export { RADIO_SIZE_MAP };
+
 //# sourceMappingURL=types.js.map

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 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"}
+{"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, OuterStyleProps, 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 extends Omit<\n  CubeTabPanelProps,\n  'id' | 'children'\n> {\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;AACT"}

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

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
-
 //#region src/components/navigation/Tabs/use-tab-editing.ts
 /**
 * Hook to manage tab title editing state.
@@ -71,7 +70,7 @@ function useTabEditing(t0) {
 	} else t5 = $[10];
 	return t5;
 }
-
 //#endregion
 export { useTabEditing };
+
 //# sourceMappingURL=use-tab-editing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-tab-editing.js","names":["useState","UseTabEditingOptions","onChange","key","onTitleChange","newTitle","UseTabEditingResult","editingKey","startEditing","currentTitle","submitEditing","tabOnTitleChange","title","cancelEditing","useTabEditing","t0","$","_c","t1","undefined","setEditingKey","t2","t3","Symbol","for","t4","key_0","trimmed","trim","t5"],"sources":["../../../../src/components/navigation/Tabs/use-tab-editing.ts"],"sourcesContent":["import { useState } from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface UseTabEditingOptions {\n  /** Callback when tab selection changes (used to select tab when editing starts) */\n  onChange?: (key: string) => void;\n  /** Callback when a tab title is changed */\n  onTitleChange?: (key: string, newTitle: string) => void;\n}\n\nexport interface UseTabEditingResult {\n  /** Currently editing tab key (null if not editing) */\n  editingKey: string | null;\n  /** Start editing the given tab. The `currentTitle` argument is kept for API compatibility but is no longer used internally — `InlineInput` manages the draft. */\n  startEditing: (key: string, currentTitle?: string) => void;\n  /** Submit the current edit */\n  submitEditing: (\n    key: string,\n    newTitle: string,\n    tabOnTitleChange?: (title: string) => void,\n  ) => void;\n  /** Cancel the current edit */\n  cancelEditing: () => void;\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Hook to manage tab title editing state.\n *\n * Provides state and callbacks for inline title editing with support for:\n * - Starting edit mode (selecting the tab)\n * - Submitting changes (with tab-level or parent-level callback)\n * - Canceling edits\n *\n * The draft value is managed inside `InlineInput`; this hook only tracks\n * which tab (if any) is currently editing.\n */\nexport function useTabEditing({\n  onChange,\n  onTitleChange,\n}: UseTabEditingOptions = {}): UseTabEditingResult {\n  const [editingKey, setEditingKey] = useState<string | null>(null);\n\n  const startEditing = (key: string) => {\n    onChange?.(key);\n    setEditingKey(key);\n  };\n\n  const cancelEditing = () => {\n    setEditingKey(null);\n  };\n\n  const submitEditing = (\n    key: string,\n    newTitle: string,\n    tabOnTitleChange?: (title: string) => void,\n  ) => {\n    const trimmed = newTitle.trim();\n\n    if (trimmed) {\n      // Tab-level callback takes precedence\n      if (tabOnTitleChange) {\n        tabOnTitleChange(trimmed);\n      } else if (onTitleChange) {\n        onTitleChange(key, trimmed);\n      }\n    }\n\n    setEditingKey(null);\n  };\n\n  return {\n    editingKey,\n    startEditing,\n    cancelEditing,\n    submitEditing,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA2CA,SAAOc,cAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,IAAA;AAAuBG,OAAAH,OAAAI,SAAA,EAGF,GAHEJ;AAGFC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAHE,MAAA,EAAAd,UAAAE,kBAAAc;CAI5B,MAAA,CAAAX,YAAAa,iBAAoCpB,SAAwB,KAAK;CAAC,IAAAqB;AAAA,KAAAL,EAAA,OAAAd,UAAA;AAE7CmB,QAAAlB,QAAA;AACnBD,cAAWC,IAAI;AACfiB,iBAAcjB,IAAI;;AACnBa,IAAA,KAAAd;AAAAc,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAHD,MAAAR,eAAqBa;CAGnB,IAAAC;AAAA,KAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AAEoBF,aAAA;AACpBF,iBAAc,KAAK;;AACpBJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAFD,MAAAH,gBAAsBS;CAEpB,IAAAG;AAAA,KAAAT,EAAA,OAAAZ,eAAA;AAEoBqB,QAAAC,OAAArB,UAAAM,qBAAA;GAKpB,MAAAgB,UAAgBtB,SAAQuB,MAAO;AAE/B,OAAID,SAEF;QAAIhB,iBACFA,kBAAiBgB,QAAQ;aAChBvB,cACTA,eAAcD,OAAKwB,QAAQ;;AAI/BP,iBAAc,KAAK;;AACpBJ,IAAA,KAAAZ;AAAAY,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAjBD,MAAAN,gBAAsBe;CAiBpB,IAAAI;AAAA,KAAAb,EAAA,OAAAT,cAAAS,EAAA,OAAAR,gBAAAQ,EAAA,OAAAN,eAAA;AAEKmB,OAAA;GAAAtB;GAAAC;GAAAK;GAAAH;GAKN;AAAAM,IAAA,KAAAT;AAAAS,IAAA,KAAAR;AAAAQ,IAAA,KAAAN;AAAAM,IAAA,MAAAa;OAAAA,MAAAb,EAAA;AAAA,QALMa"}
+{"version":3,"file":"use-tab-editing.js","names":["useState","UseTabEditingOptions","onChange","key","onTitleChange","newTitle","UseTabEditingResult","editingKey","startEditing","currentTitle","submitEditing","tabOnTitleChange","title","cancelEditing","useTabEditing","t0","$","_c","t1","undefined","setEditingKey","t2","t3","Symbol","for","t4","key_0","trimmed","trim","t5","_c"],"sources":["../../../../src/components/navigation/Tabs/use-tab-editing.ts"],"sourcesContent":["import { useState } from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface UseTabEditingOptions {\n  /** Callback when tab selection changes (used to select tab when editing starts) */\n  onChange?: (key: string) => void;\n  /** Callback when a tab title is changed */\n  onTitleChange?: (key: string, newTitle: string) => void;\n}\n\nexport interface UseTabEditingResult {\n  /** Currently editing tab key (null if not editing) */\n  editingKey: string | null;\n  /** Start editing the given tab. The `currentTitle` argument is kept for API compatibility but is no longer used internally — `InlineInput` manages the draft. */\n  startEditing: (key: string, currentTitle?: string) => void;\n  /** Submit the current edit */\n  submitEditing: (\n    key: string,\n    newTitle: string,\n    tabOnTitleChange?: (title: string) => void,\n  ) => void;\n  /** Cancel the current edit */\n  cancelEditing: () => void;\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Hook to manage tab title editing state.\n *\n * Provides state and callbacks for inline title editing with support for:\n * - Starting edit mode (selecting the tab)\n * - Submitting changes (with tab-level or parent-level callback)\n * - Canceling edits\n *\n * The draft value is managed inside `InlineInput`; this hook only tracks\n * which tab (if any) is currently editing.\n */\nexport function useTabEditing({\n  onChange,\n  onTitleChange,\n}: UseTabEditingOptions = {}): UseTabEditingResult {\n  const [editingKey, setEditingKey] = useState<string | null>(null);\n\n  const startEditing = (key: string) => {\n    onChange?.(key);\n    setEditingKey(key);\n  };\n\n  const cancelEditing = () => {\n    setEditingKey(null);\n  };\n\n  const submitEditing = (\n    key: string,\n    newTitle: string,\n    tabOnTitleChange?: (title: string) => void,\n  ) => {\n    const trimmed = newTitle.trim();\n\n    if (trimmed) {\n      // Tab-level callback takes precedence\n      if (tabOnTitleChange) {\n        tabOnTitleChange(trimmed);\n      } else if (onTitleChange) {\n        onTitleChange(key, trimmed);\n      }\n    }\n\n    setEditingKey(null);\n  };\n\n  return {\n    editingKey,\n    startEditing,\n    cancelEditing,\n    submitEditing,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2CA,SAAOc,cAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAuBG,KAAAH,OAAAI,KAAAA,IAAA,CAGH,IAHGJ;EAGFC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAHE,MAAA,EAAAd,UAAAE,kBAAAc;CAI5B,MAAA,CAAAX,YAAAa,iBAAoCpB,SAAwB,IAAI;CAAE,IAAAqB;CAAA,IAAAL,EAAA,OAAAd,UAAA;EAE7CmB,MAAAlB,QAAA;GACnBD,WAAWC,GAAG;GACdiB,cAAcjB,GAAG;EAAC;EACnBa,EAAA,KAAAd;EAAAc,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAHD,MAAAR,eAAqBa;CAGnB,IAAAC;CAAA,IAAAN,EAAA,OAAAO,OAAAC,IAAA,2BAAA,GAAA;EAEoBF,WAAA;GACpBF,cAAc,IAAI;EAAC;EACpBJ,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAFD,MAAAH,gBAAsBS;CAEpB,IAAAG;CAAA,IAAAT,EAAA,OAAAZ,eAAA;EAEoBqB,MAAAC,OAAArB,UAAAM,qBAAA;GAKpB,MAAAgB,UAAgBtB,SAAQuB,KAAM;GAE9B,IAAID,SAAO;IAET,IAAIhB,kBACFA,iBAAiBgB,OAAO;SACnB,IAAIvB,eACTA,cAAcD,OAAKwB,OAAO;GAC3B;GAGHP,cAAc,IAAI;EAAC;EACpBJ,EAAA,KAAAZ;EAAAY,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAjBD,MAAAN,gBAAsBe;CAiBpB,IAAAI;CAAA,IAAAb,EAAA,OAAAT,cAAAS,EAAA,OAAAR,gBAAAQ,EAAA,OAAAN,eAAA;EAEKmB,KAAA;GAAAtB;GAAAC;GAAAK;GAAAH;EAKP;EAACM,EAAA,KAAAT;EAAAS,EAAA,KAAAR;EAAAQ,EAAA,KAAAN;EAAAM,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,OALMa;AAKN"}

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

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
-
 //#region src/components/navigation/Tabs/use-tab-indicator.ts
 /**
 * Hook to track and animate tab indicator position.
@@ -133,7 +132,7 @@ function useTabIndicator(containerRef, selectedKey, enabled, t0, orderToken) {
 	useEffect(t6, t7);
 	return enabled ? style : null;
 }
-
 //#endregion
 export { useTabIndicator };
+
 //# sourceMappingURL=use-tab-indicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-tab-indicator.js","names":["RefObject","useCallback","useEffect","useLayoutEffect","useRef","useState","chainRaf","Key","IndicatorStyle","start","size","IndicatorOrientation","useTabIndicator","containerRef","selectedKey","enabled","t0","orderToken","$","_c","orientation","undefined","style","setStyle","cancelRef","t1","current","selectedTab","querySelector","HTMLElement","containerRect","getBoundingClientRect","tabRect","height","top","scrollTop","width","left","scrollLeft","updateIndicator","t2","t3","t4","t5","handleResize","window","addEventListener","removeEventListener","t6","container","getAxisSize","rect","prevSize","observer","ResizeObserver","entries","entry","newSize","contentRect","observe","disconnect","t7"],"sources":["../../../../src/components/navigation/Tabs/use-tab-indicator.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { chainRaf } from '../../../utils/raf';\n\nimport type { Key } from '@react-types/shared';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Axis-agnostic indicator geometry.\n * For horizontal orientation: `start` is `left`, `size` is `width`.\n * For vertical   orientation: `start` is `top`,  `size` is `height`.\n */\nexport interface IndicatorStyle {\n  start: number;\n  size: number;\n}\n\nexport type IndicatorOrientation = 'horizontal' | 'vertical';\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Hook to track and animate tab indicator position.\n *\n * Calculates the start position and size of the selection indicator\n * along the orientation axis. Returns null if disabled (e.g., for\n * non-default/narrow tab types).\n *\n * @param containerRef - Ref to the tab container element\n * @param selectedKey - Currently selected tab key\n * @param enabled - Whether the indicator should be shown\n * @param orientation - Axis along which the indicator moves\n * @param orderToken - Optional token that changes when tab order changes (triggers recalculation)\n * @returns Indicator style (`start`, `size`) or null if disabled/not ready\n */\nexport function useTabIndicator(\n  containerRef: RefObject<HTMLElement | null>,\n  selectedKey: Key | null,\n  enabled: boolean,\n  orientation: IndicatorOrientation = 'horizontal',\n  orderToken?: string,\n): IndicatorStyle | null {\n  const [style, setStyle] = useState<IndicatorStyle | null>(null);\n  const cancelRef = useRef<(() => void) | null>(null);\n\n  const updateIndicator = useCallback(() => {\n    if (!enabled || !containerRef.current || selectedKey == null) {\n      setStyle(null);\n      return;\n    }\n\n    // Find the selected tab button within the container\n    const selectedTab = containerRef.current.querySelector(\n      '[aria-selected=\"true\"]',\n    ) as HTMLElement | null;\n\n    if (!selectedTab) {\n      setStyle(null);\n      return;\n    }\n\n    const containerRect = containerRef.current.getBoundingClientRect();\n    const tabRect = selectedTab.getBoundingClientRect();\n\n    if (orientation === 'vertical') {\n      // Only update if dimensions are valid (element has been painted)\n      if (tabRect.height > 0) {\n        setStyle({\n          start:\n            tabRect.top - containerRect.top + containerRef.current.scrollTop,\n          size: tabRect.height,\n        });\n      }\n    } else {\n      if (tabRect.width > 0) {\n        setStyle({\n          start:\n            tabRect.left - containerRect.left + containerRef.current.scrollLeft,\n          size: tabRect.width,\n        });\n      }\n    }\n  }, [containerRef, selectedKey, enabled, orientation, orderToken]);\n\n  // Update on selectedKey change - use chainRaf to ensure DOM is fully painted\n  useLayoutEffect(() => {\n    // Cancel any pending RAF chain\n    if (cancelRef.current) {\n      cancelRef.current();\n    }\n\n    // Schedule update after 2 frames to ensure layout is complete\n    cancelRef.current = chainRaf(() => {\n      updateIndicator();\n    }, 2);\n\n    return () => {\n      if (cancelRef.current) {\n        cancelRef.current();\n      }\n    };\n  }, [updateIndicator]);\n\n  // Update on window resize\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleResize = () => updateIndicator();\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, [enabled, updateIndicator]);\n\n  // Recalculate when container becomes visible (0 -> non-zero size along the axis)\n  useEffect(() => {\n    if (!enabled) return;\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    const getAxisSize = (rect: { width: number; height: number }) =>\n      orientation === 'vertical' ? rect.height : rect.width;\n\n    let prevSize = getAxisSize(container.getBoundingClientRect());\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      const newSize = getAxisSize(entry.contentRect);\n\n      if (prevSize === 0 && newSize > 0) {\n        updateIndicator();\n      }\n\n      prevSize = newSize;\n    });\n\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [enabled, orientation, updateIndicator]);\n\n  return enabled ? style : null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-tab-indicator.js","names":["RefObject","useCallback","useEffect","useLayoutEffect","useRef","useState","chainRaf","Key","IndicatorStyle","start","size","IndicatorOrientation","useTabIndicator","containerRef","selectedKey","enabled","t0","orderToken","$","_c","orientation","undefined","style","setStyle","cancelRef","t1","current","selectedTab","querySelector","HTMLElement","containerRect","getBoundingClientRect","tabRect","height","top","scrollTop","width","left","scrollLeft","updateIndicator","t2","t3","t4","t5","handleResize","window","addEventListener","removeEventListener","t6","container","getAxisSize","rect","prevSize","observer","ResizeObserver","entries","entry","newSize","contentRect","observe","disconnect","t7","_c"],"sources":["../../../../src/components/navigation/Tabs/use-tab-indicator.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { chainRaf } from '../../../utils/raf';\n\nimport type { Key } from '@react-types/shared';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Axis-agnostic indicator geometry.\n * For horizontal orientation: `start` is `left`, `size` is `width`.\n * For vertical   orientation: `start` is `top`,  `size` is `height`.\n */\nexport interface IndicatorStyle {\n  start: number;\n  size: number;\n}\n\nexport type IndicatorOrientation = 'horizontal' | 'vertical';\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Hook to track and animate tab indicator position.\n *\n * Calculates the start position and size of the selection indicator\n * along the orientation axis. Returns null if disabled (e.g., for\n * non-default/narrow tab types).\n *\n * @param containerRef - Ref to the tab container element\n * @param selectedKey - Currently selected tab key\n * @param enabled - Whether the indicator should be shown\n * @param orientation - Axis along which the indicator moves\n * @param orderToken - Optional token that changes when tab order changes (triggers recalculation)\n * @returns Indicator style (`start`, `size`) or null if disabled/not ready\n */\nexport function useTabIndicator(\n  containerRef: RefObject<HTMLElement | null>,\n  selectedKey: Key | null,\n  enabled: boolean,\n  orientation: IndicatorOrientation = 'horizontal',\n  orderToken?: string,\n): IndicatorStyle | null {\n  const [style, setStyle] = useState<IndicatorStyle | null>(null);\n  const cancelRef = useRef<(() => void) | null>(null);\n\n  const updateIndicator = useCallback(() => {\n    if (!enabled || !containerRef.current || selectedKey == null) {\n      setStyle(null);\n      return;\n    }\n\n    // Find the selected tab button within the container\n    const selectedTab = containerRef.current.querySelector(\n      '[aria-selected=\"true\"]',\n    ) as HTMLElement | null;\n\n    if (!selectedTab) {\n      setStyle(null);\n      return;\n    }\n\n    const containerRect = containerRef.current.getBoundingClientRect();\n    const tabRect = selectedTab.getBoundingClientRect();\n\n    if (orientation === 'vertical') {\n      // Only update if dimensions are valid (element has been painted)\n      if (tabRect.height > 0) {\n        setStyle({\n          start:\n            tabRect.top - containerRect.top + containerRef.current.scrollTop,\n          size: tabRect.height,\n        });\n      }\n    } else {\n      if (tabRect.width > 0) {\n        setStyle({\n          start:\n            tabRect.left - containerRect.left + containerRef.current.scrollLeft,\n          size: tabRect.width,\n        });\n      }\n    }\n  }, [containerRef, selectedKey, enabled, orientation, orderToken]);\n\n  // Update on selectedKey change - use chainRaf to ensure DOM is fully painted\n  useLayoutEffect(() => {\n    // Cancel any pending RAF chain\n    if (cancelRef.current) {\n      cancelRef.current();\n    }\n\n    // Schedule update after 2 frames to ensure layout is complete\n    cancelRef.current = chainRaf(() => {\n      updateIndicator();\n    }, 2);\n\n    return () => {\n      if (cancelRef.current) {\n        cancelRef.current();\n      }\n    };\n  }, [updateIndicator]);\n\n  // Update on window resize\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleResize = () => updateIndicator();\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, [enabled, updateIndicator]);\n\n  // Recalculate when container becomes visible (0 -> non-zero size along the axis)\n  useEffect(() => {\n    if (!enabled) return;\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    const getAxisSize = (rect: { width: number; height: number }) =>\n      orientation === 'vertical' ? rect.height : rect.width;\n\n    let prevSize = getAxisSize(container.getBoundingClientRect());\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      const newSize = getAxisSize(entry.contentRect);\n\n      if (prevSize === 0 && newSize > 0) {\n        updateIndicator();\n      }\n\n      prevSize = newSize;\n    });\n\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [enabled, orientation, updateIndicator]);\n\n  return enabled ? style : null;\n}\n"],"mappings":"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"}

package/dist/components/navigation/index.d.ts

@@ -5,6 +5,7 @@ import { Tab, Tabs } from "./Tabs/Tabs.js";
 import { BoardDragActiveProvider, CubeBoardDragActiveProviderProps } from "./Tabs/BoardDragActiveProvider.js";
 import "./Tabs/index.js";
 import { CubePaginationItem, CubePaginationProps, CubePaginationType, CubeTablePageInfo } from "./Pagination/types.js";
-import { _Pagination } from "./Pagination/Pagination.js";
+import { Pagination as _Pagination } from "./Pagination/Pagination.js";
 import { PaginationRangeOptions, UsePaginationOptions, UsePaginationResult, clampPage, getPageInfo, getPaginationRange, usePagination } from "./Pagination/use-pagination.js";
-import "./Pagination/index.js";
+import "./Pagination/index.js";
+export { BoardDragActiveProvider, type CubeBoardDragActiveProviderProps, type CubePaginationItem, type CubePaginationProps, type CubePaginationType, type CubeTabListProps, type CubeTabPanelProps, type CubeTabProps, type CubeTablePageInfo, type CubeTabsActionProps, type CubeTabsProps, _Pagination as Pagination, type PaginationRangeOptions, Tab, type TabContextMenu, type TabSize, type TabType, Tabs, TabsAction, type TabsActionPosition, type UsePaginationOptions, type UsePaginationResult, clampPage, getPageInfo, getPaginationRange, usePagination };

package/dist/components/organisms/StatsCard/StatsCard.d.ts

@@ -1,20 +1,12 @@
 
 import { CubeCardProps } from "../../content/Card/Card.js";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/organisms/StatsCard/StatsCard.d.ts
-interface CubeStatsCard extends CubeCardProps {
+export interface CubeStatsCard extends CubeCardProps {
   title?: string | ReactNode;
   value?: string | number | ReactNode;
   suffix?: string | number | ReactNode;
 }
-declare function StatsCard({
-  title,
-  value,
-  suffix,
-  ...props
-}: CubeStatsCard): react.JSX.Element;
+export declare function StatsCard({ title, value, suffix, ...props }: CubeStatsCard): import("react").JSX.Element;
 //#endregion
-export { CubeStatsCard, StatsCard };
 //# sourceMappingURL=StatsCard.d.ts.map

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
-import { _Text } from "../../content/Text.js";
-import { _Title } from "../../content/Title.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { Text as _Text } from "../../content/Text.js";
+import { Title as _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/organisms/StatsCard/StatsCard.tsx
 function StatsCard(t0) {
 	const $ = c(14);
@@ -70,7 +69,7 @@ function StatsCard(t0) {
 	} else t3 = $[13];
 	return t3;
 }
-
 //#endregion
 export { StatsCard };
+
 //# sourceMappingURL=StatsCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatsCard.js","names":["ReactNode","Card","CubeCardProps","Text","Title","CubeStatsCard","title","value","suffix","StatsCard","t0","$","_c","props","t1","t2","t3"],"sources":["../../../../src/components/organisms/StatsCard/StatsCard.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { Card, CubeCardProps } from '../../content/Card/Card';\nimport { Text } from '../../content/Text';\nimport { Title } from '../../content/Title';\n\nexport interface CubeStatsCard extends CubeCardProps {\n  title?: string | ReactNode;\n  value?: string | number | ReactNode;\n  suffix?: string | number | ReactNode;\n}\n\nexport function StatsCard({ title, value, suffix, ...props }: CubeStatsCard) {\n  return (\n    <Card\n      display=\"flex\"\n      placeContent=\"space-between\"\n      gap=\"1x\"\n      border={false}\n      shadow=\"$shadow\"\n      padding=\"2.5x\"\n      {...props}\n    >\n      <Title nowrap level={4} color=\"#minor\" preset=\"default\">\n        {title}\n      </Title>\n      <Text.Strong preset=\"h3\">\n        {value} {suffix}\n      </Text.Strong>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAOS,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAL;CAAA,IAAAF;CAAA,IAAAC;AAAA,KAAAI,EAAA,OAAAD,IAAA;AAAmB,GAAA,CAAAJ,OAAAC,OAAAC,WAAAK,SAAAH;AAAiDC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAH;AAAAG,IAAA,KAAAL;AAAAK,IAAA,KAAAJ;QAAA;AAAAM,UAAAF,EAAA;AAAAH,WAAAG,EAAA;AAAAL,UAAAK,EAAA;AAAAJ,UAAAI,EAAA;;CAAA,IAAAG;AAAA,KAAAH,EAAA,OAAAL,OAAA;AAWrEQ,OAAA,oBAAC;GAAM,QAAA;GAAc,OAAA;GAAS,OAAA;GAAgB,QAAA;aAC3CR;IACK;AAAAK,IAAA,KAAAL;AAAAK,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAH,UAAAG,EAAA,OAAAJ,OAAA;AACRQ,OAAA,qBAAA,MAAA;GAAoB,QAAA;;IACjBR;IAAM;IAAEC;;IACG;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAJ;AAAAI,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,QAAAE,SAAAF,EAAA,QAAAG,MAAAH,EAAA,QAAAI,IAAA;AAdhBC,OAAA,qBAAC;GACS,SAAA;GACK,cAAA;GACT,KAAA;GACI,QAAA;GACD,QAAA;GACC,SAAA;GAAM,GACVH;cAEJC,IAGAC;IAGK;AAAAJ,IAAA,MAAAE;AAAAF,IAAA,MAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;OAAAA,MAAAL,EAAA;AAAA,QAfPK"}
+{"version":3,"file":"StatsCard.js","names":["ReactNode","Card","CubeCardProps","Text","Title","CubeStatsCard","title","value","suffix","StatsCard","t0","$","_c","props","t1","t2","t3","_c","Title","Text"],"sources":["../../../../src/components/organisms/StatsCard/StatsCard.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { Card, CubeCardProps } from '../../content/Card/Card';\nimport { Text } from '../../content/Text';\nimport { Title } from '../../content/Title';\n\nexport interface CubeStatsCard extends CubeCardProps {\n  title?: string | ReactNode;\n  value?: string | number | ReactNode;\n  suffix?: string | number | ReactNode;\n}\n\nexport function StatsCard({ title, value, suffix, ...props }: CubeStatsCard) {\n  return (\n    <Card\n      display=\"flex\"\n      placeContent=\"space-between\"\n      gap=\"1x\"\n      border={false}\n      shadow=\"$shadow\"\n      padding=\"2.5x\"\n      {...props}\n    >\n      <Title nowrap level={4} color=\"#minor\" preset=\"default\">\n        {title}\n      </Title>\n      <Text.Strong preset=\"h3\">\n        {value} {suffix}\n      </Text.Strong>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAOS,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAL;CAAA,IAAAF;CAAA,IAAAC;CAAA,IAAAI,EAAA,OAAAD,IAAA;EAAmB,CAAA,CAAAJ,OAAAC,OAAAC,QAAA,GAAAK,SAAAH;EAAiDC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAH;EAAAG,EAAA,KAAAL;EAAAK,EAAA,KAAAJ;CAAA,OAAA;EAAAM,QAAAF,EAAA;EAAAH,SAAAG,EAAA;EAAAL,QAAAK,EAAA;EAAAJ,QAAAI,EAAA;CAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,OAAAL,OAAA;EAWrEQ,KAAA,oBAACI,QAAD;GAAO,QAAA;GAAc,OAAA;GAAS,OAAA;GAAgB,QAAA;GAC3CZ,UAAAA;EADG,CAAA;EAEEK,EAAA,KAAAL;EAAAK,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAH,UAAAG,EAAA,OAAAJ,OAAA;EACRQ,KAAA,qBAAAI,MAAA,QAAA;GAAoB,QAAA;GAApB,UAAA;IACGZ;IAAM;IAAEC;GACX;;EAAcG,EAAA,KAAAH;EAAAG,EAAA,KAAAJ;EAAAI,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,QAAAE,SAAAF,EAAA,QAAAG,MAAAH,EAAA,QAAAI,IAAA;EAdhBC,KAAA,qBAAC,MAAD;GACU,SAAA;GACK,cAAA;GACT,KAAA;GACI,QAAA;GACD,QAAA;GACC,SAAA;GAAM,GACVH;GAPN,UAAA,CASEC,IAGAC,EAZG;;EAeEJ,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAfPK;AAeO"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react/compiler-runtime";
@@ -8,7 +8,6 @@ import { useCalendar, useLocale } from "react-aria";
 import { createDOMRef } from "@react-spectrum/utils";
 import { useCalendarState } from "react-stately";
 import { createCalendar, startOfWeek, toCalendarDate } from "@internationalized/date";
-
 //#region src/components/other/Calendar/Calendar.tsx
 function Calendar(props, ref) {
 	const $ = c(21);
@@ -95,7 +94,7 @@ function Calendar(props, ref) {
 }
 const _Calendar = forwardRef(Calendar);
 _Calendar.displayName = "Calendar";
-
 //#endregion
-export { _Calendar };
+export { _Calendar as Calendar };
+
 //# sourceMappingURL=Calendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["createCalendar","startOfWeek","toCalendarDate","createDOMRef","FocusableRef","forwardRef","useImperativeHandle","useRef","AriaCalendarProps","DateValue","useCalendar","useLocale","useCalendarState","useProviderProps","CalendarPanel","CalendarCoreProps","CalendarValueProps","CubeCalendarProps","selectedRange","start","end","pickerMode","Calendar","props","ref","$","_c","locale","t0","state","domRef","t1","focus","setFocused","calendarProps","prevButtonProps","nextButtonProps","title","value","t2","t3","add","days","t4","hasMonthYearNavigation","_Calendar","displayName"],"sources":["../../../../src/components/other/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  createCalendar,\n  startOfWeek,\n  toCalendarDate,\n} from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaCalendarProps,\n  DateValue,\n  useCalendar,\n  useLocale,\n} from 'react-aria';\nimport { useCalendarState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\n\nimport { CalendarPanel } from './CalendarPanel';\nimport { CalendarCoreProps, CalendarValueProps } from './types';\n\nexport interface CubeCalendarProps\n  extends AriaCalendarProps<DateValue>,\n    CalendarCoreProps,\n    CalendarValueProps {\n  /** Highlights a range that lives outside the calendar's own state. */\n  selectedRange?: {\n    start: DateValue;\n    end: DateValue;\n  };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week that the selected value belongs to.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nfunction Calendar(props: CubeCalendarProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(\n    props,\n    state,\n  );\n\n  let selectedRange = props.selectedRange;\n  if (props.pickerMode === 'week' && state.value) {\n    let start = startOfWeek(toCalendarDate(state.value), locale);\n    selectedRange = { start, end: start.add({ days: 6 }) };\n  }\n\n  return (\n    <CalendarPanel\n      elementRef={domRef}\n      state={state}\n      title={title}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      hasMonthYearNavigation={props.hasMonthYearNavigation}\n      selectedRange={selectedRange}\n      pickerMode={props.pickerMode}\n    />\n  );\n}\n\nconst _Calendar = forwardRef(Calendar);\n\n_Calendar.displayName = 'Calendar';\n\nexport { _Calendar as Calendar };\n"],"mappings":";;;;;;;;;;;;AAqCA,SAAAsB,SAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;AACEH,SAAQV,iBAAiBU,MAAM;CAE/B,MAAA,EAAAI,WAAiBhB,WAAW;CAAC,IAAAiB;AAAA,KAAAH,EAAA,OAAAE,UAAAF,EAAA,OAAAF,OAAA;AACAK,OAAA;GAAA,GACxBL;GAAKI;GAAA3B;GAGT;AAAAyB,IAAA,KAAAE;AAAAF,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAJD,MAAAI,QAAYjB,iBAAiBgB,GAI3B;CAEF,MAAAE,SAAavB,OAAO,KAAK;CAAC,IAAAwB;AAAA,KAAAN,EAAA,OAAAI,OAAA;AACDE,cAAO;GAAA,GAC3B5B,aAAa2B,OAAO;GAAAE,QAAA;AAErBH,UAAKI,WAAY,KAAK;;GAEzB;AAACR,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AALFnB,qBAAoBkB,KAAKO,GAKtB;CAEH,MAAA,EAAAG,eAAAC,iBAAAC,iBAAAC,UAAiE3B,YAC/Da,OACAM,MACD;CAED,IAAAX,gBAAoBK,MAAKL;AACzB,KAAIK,MAAKF,eAAgB,UAAUQ,MAAKS,OAAM;EAAA,IAAAC;EAAA,IAAAC;AAAA,MAAAf,EAAA,OAAAE,UAAAF,EAAA,OAAAI,MAAAS,OAAA;GAC5C,MAAAnB,QAAYlB,YAAYC,eAAe2B,MAAKS,MAAO,EAAEX,OAAO;AAC1CR,QAAAA;AAAYqB,QAAArB,MAAKsB,IAAK,EAAAC,MAAQ,GAAG,CAAC;AAAAjB,KAAA,KAAAE;AAAAF,KAAA,KAAAI,MAAAS;AAAAb,KAAA,KAAAc;AAAAd,KAAA,KAAAe;SAAA;AAAAD,QAAAd,EAAA;AAAAe,QAAAf,EAAA;;EAAA,IAAAkB;AAAA,MAAAlB,EAAA,OAAAc,MAAAd,EAAA,QAAAe,IAAA;AAApCG,QAAA;IAAAxB,OAAEA;IAAKC,KAAOoB;IAAwB;AAAAf,KAAA,KAAAc;AAAAd,KAAA,MAAAe;AAAAf,KAAA,MAAAkB;QAAAA,MAAAlB,EAAA;AAAtDP,kBAAgBA;;CACjB,IAAAqB;AAAA,KAAAd,EAAA,QAAAS,iBAAAT,EAAA,QAAAW,mBAAAX,EAAA,QAAAU,mBAAAV,EAAA,QAAAF,MAAAqB,0BAAAnB,EAAA,QAAAF,MAAAF,cAAAI,EAAA,QAAAP,iBAAAO,EAAA,QAAAI,SAAAJ,EAAA,QAAAY,OAAA;AAGCE,OAAA,oBAAC;GACaT,YAAAA;GACLD;GACAQ;GACQH;GACEC;GACAC;GACO,wBAAAb,MAAKqB;GACd1B;GACH,YAAAK,MAAKF;IACjB;AAAAI,IAAA,MAAAS;AAAAT,IAAA,MAAAW;AAAAX,IAAA,MAAAU;AAAAV,IAAA,MAAAF,MAAAqB;AAAAnB,IAAA,MAAAF,MAAAF;AAAAI,IAAA,MAAAP;AAAAO,IAAA,MAAAI;AAAAJ,IAAA,MAAAY;AAAAZ,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAVFc;;AAcJ,MAAMM,YAAYxC,WAAWiB,SAAS;AAEtCuB,UAAUC,cAAc"}
+{"version":3,"file":"Calendar.js","names":["createCalendar","startOfWeek","toCalendarDate","createDOMRef","FocusableRef","forwardRef","useImperativeHandle","useRef","AriaCalendarProps","DateValue","useCalendar","useLocale","useCalendarState","useProviderProps","CalendarPanel","CalendarCoreProps","CalendarValueProps","CubeCalendarProps","selectedRange","start","end","pickerMode","Calendar","props","ref","$","_c","locale","t0","state","domRef","t1","focus","setFocused","calendarProps","prevButtonProps","nextButtonProps","title","value","t2","t3","add","days","t4","hasMonthYearNavigation","_Calendar","displayName","_c"],"sources":["../../../../src/components/other/Calendar/Calendar.tsx"],"sourcesContent":["import {\n  createCalendar,\n  startOfWeek,\n  toCalendarDate,\n} from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaCalendarProps,\n  DateValue,\n  useCalendar,\n  useLocale,\n} from 'react-aria';\nimport { useCalendarState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\n\nimport { CalendarPanel } from './CalendarPanel';\nimport { CalendarCoreProps, CalendarValueProps } from './types';\n\nexport interface CubeCalendarProps\n  extends AriaCalendarProps<DateValue>, CalendarCoreProps, CalendarValueProps {\n  /** Highlights a range that lives outside the calendar's own state. */\n  selectedRange?: {\n    start: DateValue;\n    end: DateValue;\n  };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week that the selected value belongs to.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nfunction Calendar(props: CubeCalendarProps, ref: FocusableRef<HTMLElement>) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(\n    props,\n    state,\n  );\n\n  let selectedRange = props.selectedRange;\n  if (props.pickerMode === 'week' && state.value) {\n    let start = startOfWeek(toCalendarDate(state.value), locale);\n    selectedRange = { start, end: start.add({ days: 6 }) };\n  }\n\n  return (\n    <CalendarPanel\n      elementRef={domRef}\n      state={state}\n      title={title}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      hasMonthYearNavigation={props.hasMonthYearNavigation}\n      selectedRange={selectedRange}\n      pickerMode={props.pickerMode}\n    />\n  );\n}\n\nconst _Calendar = forwardRef(Calendar);\n\n_Calendar.displayName = 'Calendar';\n\nexport { _Calendar as Calendar };\n"],"mappings":";;;;;;;;;;;AAmCA,SAAAsB,SAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACEH,QAAQV,iBAAiBU,KAAK;CAE9B,MAAA,EAAAI,WAAiBhB,UAAU;CAAE,IAAAiB;CAAA,IAAAH,EAAA,OAAAE,UAAAF,EAAA,OAAAF,OAAA;EACAK,KAAA;GAAA,GACxBL;GAAKI;GAAA3B;EAGV;EAACyB,EAAA,KAAAE;EAAAF,EAAA,KAAAF;EAAAE,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAJD,MAAAI,QAAYjB,iBAAiBgB,EAI5B;CAED,MAAAE,SAAavB,OAAO,IAAI;CAAE,IAAAwB;CAAA,IAAAN,EAAA,OAAAI,OAAA;EACDE,YAAO;GAAA,GAC3B5B,aAAa2B,MAAM;GAACE,QAAA;IAErBH,MAAKI,WAAY,IAAI;GAAC;EAE1B;EAAER,EAAA,KAAAI;EAAAJ,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CALFnB,oBAAoBkB,KAAKO,EAKvB;CAEF,MAAA,EAAAG,eAAAC,iBAAAC,iBAAAC,UAAiE3B,YAC/Da,OACAM,KACF;CAEA,IAAAX,gBAAoBK,MAAKL;CACzB,IAAIK,MAAKF,eAAgB,UAAUQ,MAAKS,OAAM;EAAA,IAAAC;EAAA,IAAAC;EAAA,IAAAf,EAAA,OAAAE,UAAAF,EAAA,OAAAI,MAAAS,OAAA;GAC5C,MAAAnB,QAAYlB,YAAYC,eAAe2B,MAAKS,KAAM,GAAGX,MAAM;GACzCR,KAAAA;GAAYqB,KAAArB,MAAKsB,IAAK,EAAAC,MAAQ,EAAE,CAAC;GAACjB,EAAA,KAAAE;GAAAF,EAAA,KAAAI,MAAAS;GAAAb,EAAA,KAAAc;GAAAd,EAAA,KAAAe;EAAA,OAAA;GAAAD,KAAAd,EAAA;GAAAe,KAAAf,EAAA;EAAA;EAAA,IAAAkB;EAAA,IAAAlB,EAAA,OAAAc,MAAAd,EAAA,QAAAe,IAAA;GAApCG,KAAA;IAAAxB,OAAEA;IAAKC,KAAOoB;GAAuB;GAACf,EAAA,KAAAc;GAAAd,EAAA,MAAAe;GAAAf,EAAA,MAAAkB;EAAA,OAAAA,KAAAlB,EAAA;EAAtDP,gBAAgBA;CAAH;CACd,IAAAqB;CAAA,IAAAd,EAAA,QAAAS,iBAAAT,EAAA,QAAAW,mBAAAX,EAAA,QAAAU,mBAAAV,EAAA,QAAAF,MAAAqB,0BAAAnB,EAAA,QAAAF,MAAAF,cAAAI,EAAA,QAAAP,iBAAAO,EAAA,QAAAI,SAAAJ,EAAA,QAAAY,OAAA;EAGCE,KAAA,oBAAC,eAAD;GACcT,YAAAA;GACLD;GACAQ;GACQH;GACEC;GACAC;GACO,wBAAAb,MAAKqB;GACd1B;GACH,YAAAK,MAAKF;EAAW,CAAA;EAC5BI,EAAA,MAAAS;EAAAT,EAAA,MAAAW;EAAAX,EAAA,MAAAU;EAAAV,EAAA,MAAAF,MAAAqB;EAAAnB,EAAA,MAAAF,MAAAF;EAAAI,EAAA,MAAAP;EAAAO,EAAA,MAAAI;EAAAJ,EAAA,MAAAY;EAAAZ,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,OAVFc;AAUE;AAIN,MAAMM,YAAYxC,WAAWiB,QAAQ;AAErCuB,UAAUC,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
@@ -6,7 +6,6 @@ import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useCalendarCell } from "react-aria";
 import { isSameDay } from "@internationalized/date";
-
 //#region src/components/other/Calendar/CalendarCell.tsx
 const CalendarCellElement = tasty({
 	as: "td",
@@ -93,7 +92,7 @@ function CalendarCell(props) {
 	} else t5 = $[22];
 	return t5;
 }
-
 //#endregion
 export { CalendarCell };
+
 //# sourceMappingURL=CalendarCell.js.map

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    // 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"}
+{"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","_c"],"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;CACX;AACF,CAAC;AAED,MAAMC,wBAAwBZ,MAAM;CAClC,qBAAqB;CACrBS,QAAQ;EAEN,GAAGH;EACHO,OAAO;EACPC,QAAQ;CACV;AACF,CAAC;AAaD,SAAOS,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAV,OAAAG,eAAAF,MAAAC,OAAAI,eAAwDE;CACxD,MAAAG,MAAU1B,OAAO,IAAI;CAAE,IAAA2B;CAAA,IAAAH,EAAA,OAAAR,MAAA;EAYHW,KAAA,EAAAX,KAAO;EAACQ,EAAA,KAAAR;EAAAQ,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAX5B,MAAA,EAAAI,WAAAC,aAAAC,YAAAC,WAAAC,WAAAC,WAAAC,uBAAAC,YAAAC,eAAAC,kBAWInC,gBAAgByB,IAAUZ,OAAOW,GAAG;CAExC,MAAAY,kBACE,CAACJ,0BACAhB,gBACGF,KAAIuB,QAASrB,cAAaC,KAAM,KAAK,KACrCH,KAAIuB,QAASrB,cAAaE,GAAI,KAAK,IAFtCU;CAGe,IAAAU;CAAA,IAAAhB,EAAA,OAAAR,QAAAQ,EAAA,OAAAU,yBAAAV,EAAA,OAAAP,OAAA;EASDuB,KAAA,CAAC,CAACvB,SAAF,CAAYiB,yBAAyBpC,UAAUkB,MAAMC,KAAK;EAACO,EAAA,KAAAR;EAAAQ,EAAA,KAAAU;EAAAV,EAAA,KAAAP;EAAAO,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAExD,MAAAiB,KAAApB,cAAA,CAAeiB;CAAe,IAAAI;CAAA,IAAAlB,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;EAJtCC,KAAA;GAAAC,UACML;GAAeM,SAChBJ;GAA2DK,SAC3DX;GAAqBb,YAClBoB;GAA8BK,SACjCf;GAASgB,SACTf;GAASgB,SACTf;GAASgB,UACRd;GAAUe,aACPd;EACf;EAACZ,EAAA,KAAAW;EAAAX,EAAA,KAAAc;EAAAd,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAO;EAAAP,EAAA,MAAAY;EAAAZ,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,QAAAK,eAAAL,EAAA,QAAAa,iBAAAb,EAAA,QAAAkB,IAAA;EAbHS,KAAA,oBAAC,uBAAD;GAAsB,GAChBtB;GACCH;GACC,MAAAgB;GAYLL,UAAAA;EAfmB,CAAA;EAgBEb,EAAA,MAAAK;EAAAL,EAAA,MAAAa;EAAAb,EAAA,MAAAkB;EAAAlB,EAAA,MAAA2B;CAAA,OAAAA,KAAA3B,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,QAAAI,aAAAJ,EAAA,QAAA2B,IAAA;EAjB1BC,KAAA,oBAAC,qBAAD;GAAoB,GAAKxB;GACvBuB,UAAAA;EADkB,CAAA;EAkBE3B,EAAA,MAAAI;EAAAJ,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAAA,KAAA5B,EAAA;CAAA,OAlBtB4B;AAkBsB"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { c } from "react/compiler-runtime";
@@ -7,7 +7,6 @@ import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCalendarGrid, useLocale } from "react-aria";
 import { getWeeksInMonth, toCalendar, today } from "@internationalized/date";
-
 //#region src/components/other/Calendar/CalendarGrid.tsx
 const TableElement = tasty({
 	as: "table",
@@ -120,7 +119,7 @@ function CalendarGrid(props) {
 function _temp(day, index) {
 	return /* @__PURE__ */ jsx("th", { children: day }, index);
 }
-
 //#endregion
 export { CalendarGrid };
+
 //# sourceMappingURL=CalendarGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarGrid.js","names":["today","getToday","getWeeksInMonth","toCalendar","tasty","useState","DateValue","useCalendarGrid","useLocale","CalendarState","RangeCalendarState","getWeekNumber","CalendarCell","TableElement","as","styles","borderCollapse","borderSpacing","HeadRow","color","WeekNumber","preset","textAlign","padding","CubeCalendarGridProps","state","selectedRange","start","end","pickerMode","CalendarGrid","props","$","_c","t0","undefined","locale","t1","Symbol","for","gridProps","headerProps","weekDays","weeksInMonth","visibleRange","showWeekNumbers","timeZone","calendar","hoveredWeek","setHoveredWeek","T0","t2","t3","map","_temp","t4","t5","t6","t7","Array","keys","weekIndex","datesInWeek","getDatesInWeek","firstDate","find","Boolean","isRowHovered","date","i","t8","t9","day","index"],"sources":["../../../../src/components/other/Calendar/CalendarGrid.tsx"],"sourcesContent":["import {\n  today as getToday,\n  getWeeksInMonth,\n  toCalendar,\n} from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\nimport { DateValue, useCalendarGrid, useLocale } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { getWeekNumber } from '../../fields/DatePicker/period';\n\nimport { CalendarCell } from './CalendarCell';\n\nconst TableElement = tasty({\n  as: 'table',\n  styles: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n\n    HeadRow: {\n      color: '#dark-04',\n    },\n\n    WeekNumber: {\n      preset: 't3m',\n      color: '#dark-04',\n      textAlign: 'center',\n      padding: '0 1x',\n    },\n  },\n});\n\nexport interface CubeCalendarGridProps {\n  state: CalendarState | RangeCalendarState;\n  /** Explicit range highlight, used when the range lives outside the state. */\n  selectedRange?: { start: DateValue; end: DateValue };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week under the pointer.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nexport function CalendarGrid(props: CubeCalendarGridProps) {\n  let { state, selectedRange, pickerMode = 'day' } = props;\n  let { locale } = useLocale();\n  let { gridProps, headerProps, weekDays } = useCalendarGrid({}, state);\n\n  // Get the number of weeks in the month, so we can render the proper number of rows.\n  let weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n  let showWeekNumbers = pickerMode === 'week';\n\n  let today = toCalendar(\n    getToday(state.timeZone),\n    state.visibleRange.start.calendar,\n  );\n\n  // In week mode, hovering any day highlights the whole week row.\n  let [hoveredWeek, setHoveredWeek] = useState<number | null>(null);\n\n  return (\n    <TableElement {...gridProps}>\n      <thead data-element=\"Head\" {...headerProps}>\n        <tr data-element=\"HeadRow\">\n          {showWeekNumbers && <th aria-hidden=\"true\" />}\n          {weekDays.map((day, index) => (\n            <th key={index}>{day}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody data-element=\"Body\">\n        {[...new Array(weeksInMonth).keys()].map((weekIndex) => {\n          let datesInWeek = state.getDatesInWeek(weekIndex);\n          let firstDate = datesInWeek.find(Boolean);\n          let isRowHovered = showWeekNumbers && hoveredWeek === weekIndex;\n\n          return (\n            <tr\n              key={weekIndex}\n              data-element=\"Row\"\n              onMouseEnter={\n                showWeekNumbers ? () => setHoveredWeek(weekIndex) : undefined\n              }\n              onMouseLeave={\n                showWeekNumbers ? () => setHoveredWeek(null) : undefined\n              }\n            >\n              {showWeekNumbers && (\n                <td data-element=\"WeekNumber\" aria-hidden=\"true\">\n                  {firstDate ? getWeekNumber(firstDate, locale) : ''}\n                </td>\n              )}\n              {datesInWeek.map((date, i) =>\n                date ? (\n                  <CalendarCell\n                    key={i}\n                    state={state}\n                    date={date}\n                    today={today}\n                    selectedRange={selectedRange}\n                    rangeHover={isRowHovered}\n                  />\n                ) : (\n                  <td key={i} />\n                ),\n              )}\n            </tr>\n          );\n        })}\n      </tbody>\n    </TableElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CalendarGrid.js","names":["today","getToday","getWeeksInMonth","toCalendar","tasty","useState","DateValue","useCalendarGrid","useLocale","CalendarState","RangeCalendarState","getWeekNumber","CalendarCell","TableElement","as","styles","borderCollapse","borderSpacing","HeadRow","color","WeekNumber","preset","textAlign","padding","CubeCalendarGridProps","state","selectedRange","start","end","pickerMode","CalendarGrid","props","$","_c","t0","undefined","locale","t1","Symbol","for","gridProps","headerProps","weekDays","weeksInMonth","visibleRange","showWeekNumbers","timeZone","calendar","hoveredWeek","setHoveredWeek","T0","t2","t3","map","_temp","t4","t5","t6","t7","Array","keys","weekIndex","datesInWeek","getDatesInWeek","firstDate","find","Boolean","isRowHovered","date","i","t8","t9","day","index","_c","today","getToday"],"sources":["../../../../src/components/other/Calendar/CalendarGrid.tsx"],"sourcesContent":["import {\n  today as getToday,\n  getWeeksInMonth,\n  toCalendar,\n} from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\nimport { DateValue, useCalendarGrid, useLocale } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { getWeekNumber } from '../../fields/DatePicker/period';\n\nimport { CalendarCell } from './CalendarCell';\n\nconst TableElement = tasty({\n  as: 'table',\n  styles: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n\n    HeadRow: {\n      color: '#dark-04',\n    },\n\n    WeekNumber: {\n      preset: 't3m',\n      color: '#dark-04',\n      textAlign: 'center',\n      padding: '0 1x',\n    },\n  },\n});\n\nexport interface CubeCalendarGridProps {\n  state: CalendarState | RangeCalendarState;\n  /** Explicit range highlight, used when the range lives outside the state. */\n  selectedRange?: { start: DateValue; end: DateValue };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week under the pointer.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nexport function CalendarGrid(props: CubeCalendarGridProps) {\n  let { state, selectedRange, pickerMode = 'day' } = props;\n  let { locale } = useLocale();\n  let { gridProps, headerProps, weekDays } = useCalendarGrid({}, state);\n\n  // Get the number of weeks in the month, so we can render the proper number of rows.\n  let weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n  let showWeekNumbers = pickerMode === 'week';\n\n  let today = toCalendar(\n    getToday(state.timeZone),\n    state.visibleRange.start.calendar,\n  );\n\n  // In week mode, hovering any day highlights the whole week row.\n  let [hoveredWeek, setHoveredWeek] = useState<number | null>(null);\n\n  return (\n    <TableElement {...gridProps}>\n      <thead data-element=\"Head\" {...headerProps}>\n        <tr data-element=\"HeadRow\">\n          {showWeekNumbers && <th aria-hidden=\"true\" />}\n          {weekDays.map((day, index) => (\n            <th key={index}>{day}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody data-element=\"Body\">\n        {[...new Array(weeksInMonth).keys()].map((weekIndex) => {\n          let datesInWeek = state.getDatesInWeek(weekIndex);\n          let firstDate = datesInWeek.find(Boolean);\n          let isRowHovered = showWeekNumbers && hoveredWeek === weekIndex;\n\n          return (\n            <tr\n              key={weekIndex}\n              data-element=\"Row\"\n              onMouseEnter={\n                showWeekNumbers ? () => setHoveredWeek(weekIndex) : undefined\n              }\n              onMouseLeave={\n                showWeekNumbers ? () => setHoveredWeek(null) : undefined\n              }\n            >\n              {showWeekNumbers && (\n                <td data-element=\"WeekNumber\" aria-hidden=\"true\">\n                  {firstDate ? getWeekNumber(firstDate, locale) : ''}\n                </td>\n              )}\n              {datesInWeek.map((date, i) =>\n                date ? (\n                  <CalendarCell\n                    key={i}\n                    state={state}\n                    date={date}\n                    today={today}\n                    selectedRange={selectedRange}\n                    rangeHover={isRowHovered}\n                  />\n                ) : (\n                  <td key={i} />\n                ),\n              )}\n            </tr>\n          );\n        })}\n      </tbody>\n    </TableElement>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
-import { _Title } from "../../content/Title.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
+import { Title as _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
 import { Button } from "../../actions/index.js";
@@ -8,7 +8,6 @@ import { CalendarHeaderElement } from "./styled.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/other/Calendar/CalendarHeader.tsx
 /**
 * A heading that holds the view switcher. Its own preset matches the type scale
@@ -119,7 +118,7 @@ function _temp(t0) {
 		children: label
 	}, key);
 }
-
 //#endregion
 export { CalendarHeader };
+
 //# sourceMappingURL=CalendarHeader.js.map