@cube-dev/ui-kit 0.102.0 → 0.104.0

package/es/utils/react/forwardRefWithGenerics.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/resolveIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/sharedStore.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useControlledFocusVisible.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useEventBus.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useIsDarwin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useKeySymbols.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useLocalStorage.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useQaProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 

package/es/version.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.102.0
+ * @cube-dev/ui-kit v0.104.0
  * Released under the MIT license.
  */
 
-export const VERSION = '0.102.0';
+export const VERSION = '0.104.0';
 if (typeof window !== 'undefined') {
     const version = VERSION;
     // Ensure CubeUIKit is defined on window in a way bundlers recognize

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.102.0",
+  "version": "0.104.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -40,7 +40,7 @@
     "@vitejs/plugin-react": "^4.3.2",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
-    "diff": "^7.0.0",
+    "diff": "^8.0.3",
     "email-validator": "^2.0.4",
     "globals": "^16.0.0",
     "playwright-core": "^1.53.2",

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

@@ -37,7 +37,7 @@ export interface CubeButtonProps extends CubeActionProps {
      */
     defaultTooltipPlacement?: OverlayProps['placement'];
 }
-export type ButtonVariant = 'default.primary' | 'default.secondary' | 'default.outline' | 'default.neutral' | 'default.clear' | 'default.link' | 'danger.primary' | 'danger.secondary' | 'danger.outline' | 'danger.neutral' | 'danger.clear' | 'danger.link' | 'success.primary' | 'success.secondary' | 'success.outline' | 'success.neutral' | 'success.clear' | 'success.link' | 'special.primary' | 'special.secondary' | 'special.outline' | 'special.neutral' | 'special.clear' | 'special.link';
+export type ButtonVariant = 'default.primary' | 'default.secondary' | 'default.outline' | 'default.neutral' | 'default.clear' | 'default.link' | 'danger.primary' | 'danger.secondary' | 'danger.outline' | 'danger.neutral' | 'danger.clear' | 'danger.link' | 'success.primary' | 'success.secondary' | 'success.outline' | 'success.neutral' | 'success.clear' | 'success.link' | 'warning.primary' | 'warning.secondary' | 'warning.outline' | 'warning.neutral' | 'warning.clear' | 'warning.link' | 'note.primary' | 'note.secondary' | 'note.outline' | 'note.neutral' | 'note.clear' | 'note.link' | 'special.primary' | 'special.secondary' | 'special.outline' | 'special.neutral' | 'special.clear' | 'special.link';
 export declare const DEFAULT_BUTTON_STYLES: {
     readonly display: "inline-grid";
     readonly flow: "column dense";

package/types/components/actions/ItemAction/ItemAction.d.ts

@@ -7,8 +7,8 @@ export interface CubeItemActionProps extends Omit<CubeUseActionProps, 'as' | 'ht
     children?: ReactNode;
     isLoading?: boolean;
     isSelected?: boolean;
-    type?: 'primary' | 'secondary' | 'neutral' | 'clear' | (string & {});
-    theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});
+    type?: 'primary' | 'secondary' | 'outline' | 'neutral' | 'clear' | (string & {});
+    theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special' | (string & {});
     tooltip?: string | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {
         title?: string;
     });

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

@@ -0,0 +1,23 @@
+import { ReactNode, RefObject } from 'react';
+import { DraggableCollectionState, DroppableCollectionState, TabListState } from 'react-stately';
+import type { Key } from '@react-types/shared';
+export interface DraggableTabListProps {
+    /** Tab list state from React Stately */
+    state: TabListState<object>;
+    /** Ref to the tab list container */
+    listRef: RefObject<HTMLDivElement | null>;
+    /** Current ordered keys */
+    orderedKeys: string[];
+    /** Callback when tabs are reordered */
+    onReorder?: (newOrder: Key[]) => void;
+    /** Render function that receives drag/drop states */
+    children: (dragState: DraggableCollectionState, dropState: DroppableCollectionState, collectionProps: Record<string, unknown>) => ReactNode;
+}
+/**
+ * Component that enables drag-and-drop reordering for tabs.
+ *
+ * This component encapsulates all drag/drop hook calls, ensuring they're only
+ * called when reordering is actually enabled. It uses the render prop pattern
+ * to pass the drag/drop states to its children.
+ */
+export declare function DraggableTabList({ state, listRef, orderedKeys, onReorder, children, }: DraggableTabListProps): ReactNode;

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

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+export interface EditableTitleProps {
+    /** The current title to display (when not editing) */
+    title: ReactNode;
+    /** Whether the title is currently being edited */
+    isEditing: boolean;
+    /** Current edit input value */
+    editValue: string;
+    /** Callback when edit value changes */
+    onEditValueChange: (value: string) => void;
+    /** Callback to start editing (e.g., on double-click) */
+    onStartEditing: () => void;
+    /** Callback when editing is submitted (Enter or blur) */
+    onSubmit: () => void;
+    /** Callback when editing is cancelled (Escape) */
+    onCancel: () => void;
+}
+/**
+ * Inline editable title component for tab labels.
+ *
+ * When not editing, displays the title as a span with double-click to edit.
+ * When editing, displays an auto-sizing input field.
+ */
+export declare function EditableTitle({ title, isEditing, editValue, onEditValueChange, onStartEditing, onSubmit, onCancel, }: EditableTitleProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { ParsedTab } from './types';
+import type { Node } from '@react-types/shared';
+export interface TabButtonProps {
+    /** React Aria collection item */
+    item: Node<object>;
+    /** Parsed tab data */
+    tabData: ParsedTab;
+    /** Whether this is the last tab (for drop indicator) */
+    isLastTab?: boolean;
+}
+/**
+ * Individual tab button component.
+ *
+ * Uses TabsContext to access shared props, dramatically reducing prop drilling.
+ * Handles:
+ * - Tab selection and keyboard navigation
+ * - Inline title editing
+ * - Menu and context menu
+ * - Drag-and-drop reordering
+ * - Focus and hover states
+ */
+export declare function TabButton({ item, tabData, isLastTab }: TabButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import type { DropTarget } from 'react-aria';
+import type { DroppableCollectionState } from 'react-stately';
+export interface TabDropIndicatorProps {
+    /** Drop target configuration */
+    target: DropTarget;
+    /** Droppable collection state from React Aria */
+    dropState: DroppableCollectionState;
+    /** Position of the indicator (before or after the tab) */
+    position: 'before' | 'after';
+}
+/**
+ * Visual drop indicator for drag-and-drop tab reordering.
+ *
+ * Renders a vertical line showing where the dragged tab will be dropped.
+ * Only visible when the drop target is active.
+ */
+export declare function TabDropIndicator({ target, dropState, position, }: TabDropIndicatorProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,49 @@
+import type { Key } from '@react-types/shared';
+import type { ReactNode } from 'react';
+import type { TabListState } from 'react-stately';
+import type { Styles } from '../../../tasty';
+import type { CacheKeyValue, ParsedPanel, ParsedTab } from './types';
+/**
+ * Determines if a panel should be rendered based on prerender/keepMounted settings.
+ */
+export declare function shouldRenderPanel(isActive: boolean, wasVisited: boolean, effectivePrerender: boolean | undefined, effectiveKeepMounted: boolean | undefined): boolean;
+export interface TabPanelRendererProps {
+    tabKey: string;
+    state: TabListState<object>;
+    content: ReactNode;
+    prerender?: boolean;
+    keepMounted?: boolean;
+    tabPrerender?: boolean;
+    tabKeepMounted?: boolean;
+    visitedKeys: Set<string>;
+    panelStyles?: Styles;
+    qa?: string;
+    qaVal?: string;
+}
+/**
+ * Renders a single tab panel with proper ARIA attributes.
+ */
+export declare function TabPanelRenderer({ tabKey, state, content, prerender, keepMounted, tabPrerender, tabKeepMounted, visitedKeys, panelStyles, qa, qaVal, }: TabPanelRendererProps): import("react/jsx-runtime").JSX.Element | null;
+export interface CachedPanelRendererProps {
+    parsedTabs: ParsedTab[];
+    explicitPanels: Map<string, ParsedPanel>;
+    state: TabListState<object>;
+    renderPanel: (key: Key) => ReactNode;
+    panelCacheKeys?: Record<string | number, CacheKeyValue>;
+    prerender: boolean;
+    keepMounted: boolean;
+    visitedKeys: Set<string>;
+}
+/**
+ * Renders panels with content caching for `renderPanel`.
+ *
+ * Core principle: `renderPanel` is only called when the tab is active
+ * (or once on mount for `prerender`). Inactive panels use cached content.
+ *
+ * Caching behavior:
+ * - `keepMounted=true`: Cache content after first activation, reuse while inactive
+ * - `prerender=true`: Call `renderPanel` once on mount, reuse until active again
+ * - `panelCacheKeys`: Adds cache-key-based invalidation (lazy - only when active)
+ * - No caching props: Only active panel is rendered, unmount when inactive
+ */
+export declare function CachedPanelRenderer({ parsedTabs, explicitPanels, state, renderPanel, panelCacheKeys, prerender, keepMounted, visitedKeys, }: CachedPanelRendererProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { Key } from 'react-aria';
+import type { ParsedTab, TabSize, TabType } from './types';
+export interface TabPickerProps {
+    /** Ordered list of parsed tabs to display in the picker */
+    tabs: ParsedTab[];
+    /** Currently selected tab key */
+    selectedKey: Key | null;
+    /** Callback when a tab is selected from the picker */
+    onSelect: (key: Key) => void;
+    /** Callback when a tab should be deleted. When provided, shows delete action on items. */
+    onDelete?: (key: Key) => void;
+    /** Size of the picker trigger button */
+    size?: TabSize;
+    /** Type of the parent Tabs component (for border styling) */
+    type?: TabType;
+}
+/**
+ * Tab picker component that displays a dropdown menu of all tabs.
+ *
+ * Used in the Tabs suffix area when tabs overflow to provide quick navigation
+ * to any tab without scrolling.
+ */
+export declare function TabPicker({ tabs, selectedKey, onSelect, onDelete, size, type, }: TabPickerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,172 +1,6 @@
-import { Key } from '@react-types/shared';
-import { ReactElement, ReactNode } from 'react';
-import { BaseProps, OuterStyleProps, Styles } from '../../../tasty';
-import { CubeItemProps } from '../../content/Item';
-/** Visual appearance type for tabs */
-export type TabType = 'default' | 'file' | 'panel' | 'radio';
-/** Tab size options */
-export type TabSize = 'medium' | 'large';
-/** Common props for panel rendering behavior */
-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 {
-    /** QA selector attribute. */
-    qa?: string;
-    /** Additional QA value attribute. */
-    qaVal?: string;
-}
-/** Props from CubeItemProps that don't apply to Tab */
-type OmittedItemProps = 'id' | 'type' | 'size' | 'theme' | 'shape' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'description' | 'descriptionPlacement' | 'descriptionProps' | 'tooltip' | 'defaultTooltipPlacement' | 'hotkeys' | 'keyboardShortcutProps' | 'loadingSlot' | 'isLoading' | 'labelProps' | 'labelRef' | 'level' | 'highlight' | 'highlightCaseSensitive' | 'highlightStyles' | 'variant' | 'htmlType' | 'isSelected' | 'preserveActionsSpace' | 'disableActionsFocus' | 'actions' | 'showActionsOnHover';
-/** Common styling props for tabs - inherits style props from CubeItemProps */
-interface TabStyleProps extends Omit<CubeItemProps, OmittedItemProps> {
-    /** Tab size. Large uses `t2m` preset, medium uses `t3m`. */
-    size?: TabSize;
-    /** Visual appearance type. */
-    type?: TabType;
-    /** Whether to show actions only on hover. */
-    showActionsOnHover?: boolean;
-}
-export interface CubeTabsProps extends BaseProps, OuterStyleProps, PanelBehaviorProps {
-    /** Controlled active tab key. When provided, component is controlled. */
-    activeKey?: Key;
-    /** Initial active tab key for uncontrolled mode. */
-    defaultActiveKey?: Key;
-    /**
-     * Visual appearance type for tabs.
-     * - `default` - Standard tabs with selection indicator below (default)
-     * - `file` - File-style tabs with fill highlight on selection, delimiter between tabs
-     * - `panel` - Panel-style tabs with border bottom highlight on selection, delimiter between tabs
-     * - `radio` - Radio button style for tab selection
-     * @default 'default'
-     */
-    type?: TabType;
-    /** Tab size. Large uses `t2m` preset, medium uses `t3m`. */
-    size?: TabSize;
-    /** Accessible label for the tab list. */
-    label?: string;
-    /** Content rendered before the tab list. */
-    prefix?: ReactNode;
-    /** Content rendered after the tab list. */
-    suffix?: ReactNode;
-    /** Callback when active tab changes. */
-    onChange?: (key: Key) => void;
-    /** Callback when tab delete button is clicked. Presence enables delete buttons. */
-    onDelete?: (key: Key) => void;
-    /** Callback when a tab title is changed. Enables title editing on tabs with isEditable. */
-    onTitleChange?: (key: Key, newTitle: string) => void;
-    /** Whether to show tab actions only on hover. Can be overridden per-tab. */
-    showActionsOnHover?: boolean;
-    /** Custom tasty styles for the tab bar container. */
-    styles?: Styles;
-    /** QA selector attribute. */
-    qa?: string;
-    /** Tab components or Tabs.List with Tabs.Panel. */
-    children?: ReactNode;
-    /**
-     * Functional content renderer for optimized lazy evaluation.
-     * When provided, panel content is only evaluated for the active tab,
-     * while inactive tabs use cached content. This prevents expensive
-     * re-renders of tab content on every parent render.
-     *
-     * Use with tabs that have no children for maximum optimization.
-     *
-     * @param key - The key of the tab to render content for
-     * @returns Panel content for the given tab
-     *
-     * @example
-     * ```tsx
-     * <Tabs
-     *   renderPanel={(key) => {
-     *     switch (key) {
-     *       case 'tab1': return <ExpensiveComponent />;
-     *       case 'tab2': return <AnotherExpensive />;
-     *       default: return null;
-     *     }
-     *   }}
-     * >
-     *   <Tab key="tab1" title="Tab 1" />
-     *   <Tab key="tab2" title="Tab 2" />
-     * </Tabs>
-     * ```
-     */
-    renderPanel?: (key: Key) => ReactNode;
-    /**
-     * Cache keys for individual panels. Enables caching for specified panels.
-     *
-     * By default (without cache keys), panels re-render on every Tabs render.
-     * When a panel has a non-undefined cache key defined, its content is cached
-     * and reused until the cache key changes.
-     *
-     * **Important:**
-     * - Cache keys must be primitive values (string, number, boolean, null).
-     * - Objects/arrays will cause cache misses on every render (reference comparison).
-     * - Symbol tab keys are not supported for caching (use string keys instead).
-     * - Setting a key to `undefined` is the same as not having it (no caching).
-     *
-     * @example
-     * ```tsx
-     * // Enable caching for specific panels with their dependencies as cache keys
-     * <Tabs
-     *   renderPanel={(key) => <Panel data={data[key]} />}
-     *   panelCacheKeys={{
-     *     tab1: data.tab1.version,  // Cached, invalidates when version changes
-     *     tab2: data.tab2.version,  // Cached, invalidates when version changes
-     *     // tab3 has no cache key - re-renders on every Tabs render
-     *   }}
-     * />
-     * ```
-     */
-    panelCacheKeys?: Record<string | number, string | number | boolean | null | undefined>;
-}
-export interface CubeTabProps extends TabStyleProps, PanelBehaviorProps {
-    /**
-     * Unique identifier for the tab. Used for activeKey matching.
-     * Auto-injected from the React `key` prop (converted to string).
-     * Note: All keys are internally converted to strings for React Aria compatibility.
-     */
-    id?: string;
-    /** Content displayed in the tab button. */
-    title: ReactNode;
-    /** Panel content rendered when tab is active. */
-    children?: ReactNode;
-    /** Disables the tab (cannot be selected). */
-    isDisabled?: boolean;
-    /** Actions to render in the tab (e.g., icons, buttons). Rendered before delete action if tab is deletable. */
-    actions?: ReactNode;
-    /** Whether the tab title can be edited. Requires onTitleChange on Tabs or Tab. */
-    isEditable?: boolean;
-    /** Callback when this tab's title is changed. Overrides parent's onTitleChange. */
-    onTitleChange?: (newTitle: string) => void;
-}
-export interface CubeTabPanelProps extends PanelBehaviorProps, QAProps {
-    /**
-     * Panel identifier. Must match a Tab's id.
-     * Auto-injected from the React `key` prop (converted to string).
-     */
-    id?: string;
-    /** Panel content. */
-    children?: ReactNode;
-    /** Custom tasty styles for the panel container. */
-    styles?: Styles;
-}
-export interface CubeTabListProps {
-    /** Tab components. */
-    children?: ReactNode;
-}
-/** Ref API for programmatic control of Tabs component */
-export interface CubeTabsRef {
-    /** The root DOM element of the Tabs component */
-    element: HTMLDivElement | null;
-    /** Start editing a tab's title by its key */
-    startEditing: (key: Key) => void;
-    /** Cancel the current editing session */
-    cancelEditing: () => void;
-}
+import { ReactElement } from 'react';
+import { TabsAction } from './TabsAction';
+import type { CubeTabListProps, CubeTabPanelProps, CubeTabProps, CubeTabsProps } from './types';
 declare function Tab(_props: CubeTabProps): ReactElement | null;
 declare namespace Tab {
     var displayName: string;
@@ -184,8 +18,6 @@ declare namespace TabList {
  * Built with React Aria for full accessibility support.
  *
  * **Note:** Tab keys are internally converted to strings for React Aria compatibility.
- * When using `activeKey`, `onChange`, etc., be aware that numeric keys will be
- * converted to their string equivalents.
  *
  * @example
  * // Simple usage
@@ -211,26 +43,11 @@ declare namespace TabList {
  *   <Tabs.Panel key="tab1">Content 1</Tabs.Panel>
  *   <Tabs.Panel key="tab2">Content 2</Tabs.Panel>
  * </Tabs>
- *
- * @example
- * // Optimized lazy rendering with renderPanel
- * <Tabs
- *   defaultActiveKey="tab1"
- *   renderPanel={(key) => {
- *     switch (key) {
- *       case 'tab1': return <ExpensiveComponent />;
- *       case 'tab2': return <AnotherExpensive />;
- *       default: return null;
- *     }
- *   }}
- * >
- *   <Tab key="tab1" title="Tab 1" />
- *   <Tab key="tab2" title="Tab 2" />
- * </Tabs>
  */
-export declare const Tabs: import("react").ForwardRefExoticComponent<CubeTabsProps & import("react").RefAttributes<CubeTabsRef>> & {
+export declare const Tabs: import("react").ForwardRefExoticComponent<CubeTabsProps & import("react").RefAttributes<HTMLDivElement>> & {
     Tab: typeof Tab;
     List: typeof TabList;
     Panel: typeof TabPanel;
+    Action: import("react").ForwardRefExoticComponent<Omit<import("./TabsAction").CubeTabsActionProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 };
-export { Tab, TabList, TabPanel };
+export { Tab, TabList, TabPanel, TabsAction };