@cube-dev/ui-kit 0.103.0 → 0.105.0

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.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.103.0
+ * @cube-dev/ui-kit v0.105.0
  * Released under the MIT license.
  */
 
-export const VERSION = '0.103.0';
+export const VERSION = '0.105.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.103.0",
+  "version": "0.105.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

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/TabPicker.d.ts

@@ -1,5 +1,5 @@
 import { Key } from 'react-aria';
-import type { ParsedTab } from './types';
+import type { ParsedTab, TabSize, TabType } from './types';
 export interface TabPickerProps {
     /** Ordered list of parsed tabs to display in the picker */
     tabs: ParsedTab[];
@@ -9,6 +9,10 @@ export interface TabPickerProps {
     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.
@@ -16,4 +20,4 @@ export interface TabPickerProps {
  * 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, }: TabPickerProps): import("react/jsx-runtime").JSX.Element;
+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,4 +1,5 @@
 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 {
@@ -47,5 +48,6 @@ export declare const Tabs: import("react").ForwardRefExoticComponent<CubeTabsPro
     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 };

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

@@ -0,0 +1,38 @@
+import { CubeItemButtonProps } from '../../actions/ItemButton/ItemButton';
+import type { TabSize } from './types';
+export interface CubeTabsActionProps extends Omit<CubeItemButtonProps, 'size' | 'shape'> {
+    /**
+     * Size of the action button.
+     * When used inside Tabs prefix/suffix, inherits from Tabs size by default.
+     */
+    size?: TabSize;
+}
+/**
+ * Action button designed for the Tabs prefix/suffix slots.
+ *
+ * Styled with sharp edges and no border to match the TabPicker trigger.
+ * When multiple TabsAction components are placed together, they automatically
+ * display dividers between them using CSS :not(:first-child) border styling
+ * (only for file tab type).
+ *
+ * Inherits size from the parent Tabs component when used inside prefix/suffix slots.
+ *
+ * @example
+ * <Tabs suffix={<Tabs.Action icon={<PlusIcon />} onPress={handleAdd} />}>
+ *   <Tab key="tab1" title="Tab 1">Content</Tab>
+ * </Tabs>
+ *
+ * @example
+ * // Multiple actions with automatic dividers
+ * <Tabs
+ *   suffix={
+ *     <>
+ *       <Tabs.Action icon={<PlusIcon />} onPress={handleAdd} />
+ *       <Tabs.Action icon={<SettingsIcon />} onPress={handleSettings} />
+ *     </>
+ *   }
+ * >
+ *   <Tab key="tab1" title="Tab 1">Content</Tab>
+ * </Tabs>
+ */
+export declare const TabsAction: import("react").ForwardRefExoticComponent<Omit<CubeTabsActionProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

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

@@ -50,3 +50,8 @@ export interface TabsProviderProps {
 }
 export declare function TabsProvider({ value, children }: TabsProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useTabsContext(): TabsContextValue;
+/**
+ * Optional hook to get TabsContext value.
+ * Returns null when used outside a TabsProvider (e.g., for TabsAction in standalone usage).
+ */
+export declare function useOptionalTabsContext(): TabsContextValue | null;

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

@@ -1,2 +1,3 @@
-export { Tabs, Tab } from './Tabs';
-export type { CubeTabsProps, CubeTabProps, CubeTabPanelProps, CubeTabListProps, TabType, TabSize, } from './types';
+export { Tabs, Tab, TabsAction } from './Tabs';
+export type { CubeTabsProps, CubeTabProps, CubeTabPanelProps, CubeTabListProps, TabType, TabSize, TabsActionPosition, } from './types';
+export type { CubeTabsActionProps } from './TabsAction';

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

@@ -5,7 +5,9 @@ import type { CubeItemActionProps } from '../../actions/ItemAction';
 import type { CubeMenuProps } from '../../actions/Menu';
 import type { CubeItemProps } from '../../content/Item';
 /** Visual appearance type for tabs */
-export type TabType = 'default' | 'narrow' | 'file' | 'panel' | 'radio';
+export type TabType = 'default' | 'narrow' | 'file' | 'radio';
+/** Position for TabPicker and scroll arrows */
+export type TabsActionPosition = 'prefix' | 'suffix';
 /**
  * Tab size options.
  * Radio type only supports 'medium' | 'large' (mapped to smaller Item sizes).
@@ -55,8 +57,7 @@ export interface CubeTabsProps extends BaseProps, OuterStyleProps, PanelBehavior
      * Visual appearance type for tabs.
      * - `default` - Standard tabs with selection indicator below (default)
      * - `narrow` - Same as default but with collapsed vertical padding on labels
-     * - `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
+     * - `file` - File-style tabs with border bottom highlight on selection, delimiter between tabs
      * - `radio` - Radio button style for tab selection
      * @default 'default'
      */
@@ -154,6 +155,28 @@ export interface CubeTabsProps extends BaseProps, OuterStyleProps, PanelBehavior
      * @default false
      */
     showTabPicker?: boolean | 'auto';
+    /**
+     * Whether to show scroll arrow buttons in the suffix area.
+     * - `true` - always show scroll arrows
+     * - `false` - never show scroll arrows (default)
+     * - `'auto'` - show only when tabs overflow (has horizontal scroll)
+     * @default false
+     */
+    showScrollArrows?: boolean | 'auto';
+    /**
+     * Position of the tab picker dropdown.
+     * - `'prefix'` - render in the prefix slot (before tab list)
+     * - `'suffix'` - render in the suffix slot (after tab list)
+     * @default 'suffix'
+     */
+    tabPickerPosition?: TabsActionPosition;
+    /**
+     * Position of the scroll arrow buttons.
+     * - `'prefix'` - render in the prefix slot (before tab list)
+     * - `'suffix'` - render in the suffix slot (after tab list)
+     * @default 'suffix'
+     */
+    scrollArrowsPosition?: TabsActionPosition;
 }
 export interface CubeTabProps extends TabStyleProps, PanelBehaviorProps {
     /**

package/types/components/overlays/Toast/ToastItem.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { CubeItemProps } from '../../content/Item/Item';
+import type { ToastType } from './types';
+export interface ToastItemProps extends Partial<Omit<CubeItemProps, 'type'>> {
+    /** Primary content (→ Item children). Also supports description-only for migration. */
+    title?: ReactNode;
+    /** Secondary content (or primary if no title/children) */
+    description?: ReactNode;
+    /** Visual theme */
+    theme?: ToastType;
+    /** Whether the toast is in loading state */
+    isLoading?: boolean;
+}
+export declare const ToastItem: import("react").ForwardRefExoticComponent<ToastItemProps & import("react").RefAttributes<HTMLElement>>;

package/types/components/overlays/Toast/ToastProvider.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import type { ToastContextValue } from './types';
+export declare function useToastContext(): ToastContextValue;
+interface ToastProviderProps {
+    children: ReactNode;
+}
+export declare function ToastProvider({ children }: ToastProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/components/overlays/Toast/index.d.ts

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+import { ProgressToastOptions, ToastData } from './types';
+export { ToastProvider, useToastContext } from './ToastProvider';
+export { ToastItem } from './ToastItem';
+export type { ToastItemProps } from './ToastItem';
+export { useToast } from './useToast';
+export { useProgressToast } from './useProgressToast';
+export type { ToastData, ToastType, ToastApi, ProgressToastOptions, } from './types';
+export interface ToastProps extends Omit<ToastData, 'duration'> {
+    /** Primary content */
+    children?: ReactNode;
+}
+/**
+ * Declarative Toast component that shows a toast while mounted.
+ *
+ * @example
+ * ```tsx
+ * // Simple toast (visible while mounted)
+ * <Toast theme="success">Saved successfully</Toast>
+ *
+ * // With description
+ * <Toast title="Success" description="Changes saved" theme="success" />
+ * ```
+ */
+export declare function Toast(props: ToastProps): null;
+export declare namespace Toast {
+    var Progress: typeof ToastProgress;
+}
+export interface ToastProgressProps extends ProgressToastOptions {
+    /** Primary content (alternative to title) */
+    children?: ReactNode;
+}
+/**
+ * Declarative Progress Toast component.
+ *
+ * @example
+ * ```tsx
+ * <Toast.Progress
+ *   {...(isLoading
+ *     ? { isLoading: true, title: 'Saving...' }
+ *     : { isLoading: false, title: 'Saved!', theme: 'success' }
+ *   )}
+ * />
+ * ```
+ */
+declare function ToastProgress(props: ToastProgressProps): null;
+export type ToastComponent = typeof Toast & {
+    Progress: typeof ToastProgress;
+};

package/types/components/overlays/Toast/types.d.ts

@@ -0,0 +1,61 @@
+import type { Key, ReactNode } from 'react';
+import type { CubeItemProps } from '../../content/Item/Item';
+export type ToastType = 'default' | 'success' | 'danger' | 'warning' | 'note';
+export interface ToastData {
+    /** Unique identifier for deduplication (auto-generated if not provided) */
+    id?: Key;
+    /** Primary content (→ Item children) */
+    title?: ReactNode;
+    /** Secondary content (or primary if no title) */
+    description?: ReactNode;
+    /** Visual theme */
+    theme?: ToastType;
+    /** Icon to display */
+    icon?: ReactNode;
+    /** Whether the toast is in loading state (shows loading indicator) */
+    isLoading?: boolean;
+    /** Duration in ms before auto-dismiss. null = persistent */
+    duration?: number | null;
+    /** Additional Item props to pass through */
+    itemProps?: Partial<CubeItemProps>;
+}
+export interface ProgressToastOptions extends Omit<ToastData, 'duration'> {
+    /** Whether the toast is in loading state */
+    isLoading: boolean;
+}
+export interface ToastApi {
+    /** Show a toast with default theme */
+    (data: ToastData | ReactNode): Key;
+    /** Show a success toast */
+    success: (data: ToastData | ReactNode) => Key;
+    /** Show a danger toast */
+    danger: (data: ToastData | ReactNode) => Key;
+    /** Show a warning toast */
+    warning: (data: ToastData | ReactNode) => Key;
+    /** Show a note toast */
+    note: (data: ToastData | ReactNode) => Key;
+    /** Remove a toast by id */
+    remove: (id: Key) => void;
+}
+export interface InternalToast extends ToastData {
+    /** Internal unique identifier */
+    internalId: string;
+    /** Whether this is a progress toast (persistent) */
+    isProgress: boolean;
+    /** Deduplication key */
+    dedupeKey: string;
+    /** Timestamp when toast was created */
+    createdAt: number;
+    /** Whether the toast is exiting (used for exit transition) */
+    isExiting?: boolean;
+}
+export interface ToastContextValue {
+    /** Add a toast */
+    addToast: (data: ToastData, isProgress?: boolean) => Key;
+    /** Remove a toast by id */
+    removeToast: (id: Key) => void;
+    /** Update a toast */
+    updateToast: (id: Key, data: Partial<ToastData>) => void;
+    /** Current toasts */
+    toasts: InternalToast[];
+}

package/types/components/overlays/Toast/useProgressToast.d.ts

@@ -0,0 +1,23 @@
+import type { ProgressToastOptions } from './types';
+/**
+ * Hook to display a progress toast that persists while loading.
+ *
+ * @example
+ * ```tsx
+ * useProgressToast(
+ *   isLoading
+ *     ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }
+ *     : { isLoading: false, title: 'Saved!', icon: <IconCheck />, theme: 'success' }
+ * );
+ *
+ * // Or with error handling:
+ * useProgressToast(
+ *   isLoading
+ *     ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }
+ *     : isError
+ *       ? { isLoading: false, title: 'Error', description: errorMessage, theme: 'danger' }
+ *       : { isLoading: false, title: 'Saved!', theme: 'success' }
+ * );
+ * ```
+ */
+export declare function useProgressToast(options: ProgressToastOptions): void;

package/types/components/overlays/Toast/useToast.d.ts

@@ -0,0 +1,23 @@
+import type { ToastApi } from './types';
+/**
+ * Hook to display toast notifications.
+ *
+ * @example
+ * ```tsx
+ * const toast = useToast();
+ *
+ * // String shorthand
+ * toast.success('Copied to clipboard');
+ *
+ * // Object with options
+ * toast.success({
+ *   title: 'Success',
+ *   description: 'File copied to clipboard',
+ *   icon: <CustomIcon />,
+ *   duration: 3000,
+ * });
+ *
+ * // Methods: toast(), toast.success(), toast.danger(), toast.warning(), toast.note()
+ * ```
+ */
+export declare function useToast(): ToastApi;

package/types/data/item-themes.d.ts

@@ -22,6 +22,20 @@ export declare const SUCCESS_NEUTRAL_STYLES: Styles;
 export declare const SUCCESS_CLEAR_STYLES: Styles;
 export declare const SUCCESS_LINK_STYLES: Styles;
 export declare const SUCCESS_ITEM_STYLES: Styles;
+export declare const WARNING_PRIMARY_STYLES: Styles;
+export declare const WARNING_SECONDARY_STYLES: Styles;
+export declare const WARNING_OUTLINE_STYLES: Styles;
+export declare const WARNING_NEUTRAL_STYLES: Styles;
+export declare const WARNING_CLEAR_STYLES: Styles;
+export declare const WARNING_LINK_STYLES: Styles;
+export declare const WARNING_ITEM_STYLES: Styles;
+export declare const NOTE_PRIMARY_STYLES: Styles;
+export declare const NOTE_SECONDARY_STYLES: Styles;
+export declare const NOTE_OUTLINE_STYLES: Styles;
+export declare const NOTE_NEUTRAL_STYLES: Styles;
+export declare const NOTE_CLEAR_STYLES: Styles;
+export declare const NOTE_LINK_STYLES: Styles;
+export declare const NOTE_ITEM_STYLES: Styles;
 export declare const SPECIAL_PRIMARY_STYLES: Styles;
 export declare const SPECIAL_SECONDARY_STYLES: Styles;
 export declare const SPECIAL_OUTLINE_STYLES: Styles;
@@ -34,4 +48,4 @@ export declare const SUCCESS_CARD_STYLES: Styles;
 export declare const DANGER_CARD_STYLES: Styles;
 export declare const WARNING_CARD_STYLES: Styles;
 export declare const NOTE_CARD_STYLES: Styles;
-export type ItemVariant = 'default.primary' | 'default.secondary' | 'default.outline' | 'default.neutral' | 'default.clear' | 'default.link' | 'default.item' | 'default.card' | 'danger.primary' | 'danger.secondary' | 'danger.outline' | 'danger.neutral' | 'danger.clear' | 'danger.link' | 'danger.item' | 'danger.card' | 'success.primary' | 'success.secondary' | 'success.outline' | 'success.neutral' | 'success.clear' | 'success.link' | 'success.item' | 'success.card' | 'special.primary' | 'special.secondary' | 'special.outline' | 'special.neutral' | 'special.clear' | 'special.link' | 'special.item' | 'warning.card' | 'note.card';
+export type ItemVariant = 'default.primary' | 'default.secondary' | 'default.outline' | 'default.neutral' | 'default.clear' | 'default.link' | 'default.item' | 'default.card' | 'danger.primary' | 'danger.secondary' | 'danger.outline' | 'danger.neutral' | 'danger.clear' | 'danger.link' | 'danger.item' | 'danger.card' | 'success.primary' | 'success.secondary' | 'success.outline' | 'success.neutral' | 'success.clear' | 'success.link' | 'success.item' | 'success.card' | 'warning.primary' | 'warning.secondary' | 'warning.outline' | 'warning.neutral' | 'warning.clear' | 'warning.link' | 'warning.item' | 'warning.card' | 'note.primary' | 'note.secondary' | 'note.outline' | 'note.neutral' | 'note.clear' | 'note.link' | 'note.item' | 'note.card' | 'special.primary' | 'special.secondary' | 'special.outline' | 'special.neutral' | 'special.clear' | 'special.link' | 'special.item';

package/types/index.d.ts

@@ -129,7 +129,7 @@ export * from './tasty';
 export { default as copy } from 'clipboard-copy';
 export * from '@react-aria/ssr';
 export * from './components/overlays/NewNotifications';
-export * from './components/overlays/Toasts';
+export * from './components/overlays/Toast';
 export * from './shared';
 export * from './icons';
 export * from './components/form';

package/types/tasty/config.d.ts

@@ -179,6 +179,12 @@ export interface TastyConfig {
         [key: `$${string}` | `#${string}`]: string | number;
     };
 }
+/**
+ * Internal properties required by tasty core features.
+ * These are always injected when styles are first generated.
+ * Keys use tasty token syntax (#name for colors, $name for other properties).
+ */
+export declare const INTERNAL_PROPERTIES: Record<string, PropertyDefinition>;
 declare const GLOBAL_INJECTOR_KEY = "__TASTY_GLOBAL_INJECTOR__";
 declare global {
     interface Window {
@@ -192,7 +198,7 @@ export declare function isTestEnvironment(): boolean;
 /**
  * Mark that styles have been generated (called by injector on first inject)
  * This locks the configuration - no further changes allowed.
- * Also injects any global properties that were configured.
+ * Also injects internal and global properties.
  */
 export declare function markStylesGenerated(): void;
 /**

package/types/tokens/colors.d.ts

@@ -12,6 +12,8 @@ export declare const MAIN_LIGHTNESS = 52;
 export declare const TEXT_LIGHTNESS = 45;
 export declare const BG_LIGHTNESS = 97;
 export declare const ICON_LIGHTNESS = 60;
+export declare const DISABLED_SATURATION = 32;
+export declare const DISABLED_LIGHTNESS = 80.8;
 /**
  * Color tokens with # prefix for tasty color definitions.
  * The tasty system automatically generates {name}-color-rgb variants.