@cube-dev/ui-kit 0.104.0 → 0.105.1

package/es/utils/react/chain.js

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

package/es/utils/react/forwardRefWithGenerics.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * 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.104.0
+ * @cube-dev/ui-kit v0.105.1
  * Released under the MIT license.
  */
 

package/es/version.js

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

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

@@ -60,6 +60,7 @@ export declare const DEFAULT_BUTTON_STYLES: {
         readonly '': "t3m";
         readonly 'size=xsmall': "t4";
         readonly 'size=xlarge': "t2m";
+        readonly 'type=link': "strong";
     };
     readonly textDecoration: "none";
     readonly reset: "button";

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,25 @@
+import { ReactNode } from 'react';
+import type { ToastApi, ToastType } from './types';
+export declare const THEME_ICONS: Partial<Record<ToastType, ReactNode>>;
+/**
+ * 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/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/es/components/overlays/Toasts/Toast.js

@@ -1,37 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.104.0
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { useEvent, useSyncRef } from '../../../_internal/index.js';
-import { useId } from '../../../utils/react/useId.js';
-import { useToastsApi } from './use-toasts-api.js';
-export function Toast(props) {
-    const { id: propsId, disableRemoveOnUnmount } = props;
-    const defaultId = useId();
-    const disableRemoveOnUnmountRef = useSyncRef(disableRemoveOnUnmount);
-    const { toast, update, remove } = useToastsApi();
-    const id = propsId ?? defaultId;
-    const removeNotification = useEvent((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
-    useEffect(() => {
-        toast({ id, ...props });
-    }, [id]);
-    useEffect(() => () => removeNotification(id), [id]);
-    useEffect(() => update(id, props));
-    return null;
-}
-Toast.Success = function ToastSuccess(props) {
-    return _jsx(Toast, { type: "success", ...props });
-};
-Toast.Danger = function ToastDanger(props) {
-    return _jsx(Toast, { type: "danger", ...props });
-};
-Toast.Attention = function ToastAttention(props) {
-    return _jsx(Toast, { type: "attention", ...props });
-};
-
-        

package/es/components/overlays/Toasts/index.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.104.0
- * Released under the MIT license.
- */
-
-export * from './use-toasts-api.js';
-export * from './Toast.js';
-
-        

package/es/components/overlays/Toasts/use-toasts-api.js

@@ -1,42 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.104.0
- * Released under the MIT license.
- */
-
-import { isValidElement, useMemo } from 'react';
-import { isFragment } from 'react-is';
-import { useNotificationsApi } from '../NewNotifications/index.js';
-export function useToastsApi() {
-    const { notify, update, remove } = useNotificationsApi();
-    const toast = useMemo(() => Object.assign((props) => notify({
-        putNotificationInDropdownOnDismiss: false,
-        ...unwrapProps(props),
-    }), {
-        success: (props) => toast({ type: 'success', ...unwrapProps(props) }),
-        danger: (props) => toast({ type: 'danger', ...unwrapProps(props) }),
-        attention: (props) => toast({ type: 'attention', ...unwrapProps(props) }),
-    }), []);
-    return { toast, update, remove };
-}
-function unwrapProps(props) {
-    return {
-        ...(propsIsToastProps(props)
-            ? {
-                isDismissible: props.duration !== null,
-                duration: 5_000,
-                ...props,
-            }
-            : { description: props, isDismissible: true, duration: 5_000 }),
-    };
-}
-function propsIsToastProps(props) {
-    const isReactNode = isValidElement(props) ||
-        isFragment(props) ||
-        typeof props === 'string' ||
-        typeof props === 'number';
-    return !isReactNode;
-}
-
-        

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

@@ -1,15 +0,0 @@
-import { CubeToastsApiProps } from './types';
-export type ToastProps = {
-    /**
-     * If set to true, when the component gets unmounted, notifications will not be removed from the bar
-     *
-     * @default false
-     */
-    disableRemoveOnUnmount?: boolean;
-} & CubeToastsApiProps;
-export declare function Toast(props: ToastProps): null;
-export declare namespace Toast {
-    var Success: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
-    var Danger: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
-    var Attention: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
-}

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

@@ -1,3 +0,0 @@
-export * from './use-toasts-api';
-export * from './Toast';
-export type { CubeToastsApi, CubeToastsApiProps, CubeToastsApiToastCallback, CubeToastsApiToastAction, } from './types';

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

@@ -1,23 +0,0 @@
-import type { Key, ReactNode } from 'react';
-import type { CubeNotificationType, CubeNotifyApiProps } from '../NewNotifications';
-export type CubeToastsApiProps = {
-    description: ReactNode;
-    header?: ReactNode;
-    id?: Key;
-    onDismiss?: () => void;
-    duration?: number | null;
-    icon?: ReactNode;
-    type?: CubeNotificationType;
-};
-export type CubeToastsApi = {
-    toast: CubeToastsApiToastAction;
-    update: (id: Key, props: Partial<CubeToastsApiProps>) => void;
-    remove: (id: Key) => void;
-};
-export type CubeToastsApiToastCallback = (props: CubeToastsApiProps | ReactNode) => {
-    id: Key;
-    update: (props: Partial<CubeNotifyApiProps>) => void;
-    remove: () => void;
-};
-export type CubeToastsApiToastShortcuts = Record<CubeNotificationType, CubeToastsApiToastCallback>;
-export type CubeToastsApiToastAction = CubeToastsApiToastCallback & CubeToastsApiToastShortcuts;

package/types/components/overlays/Toasts/use-toasts-api.d.ts

@@ -1,6 +0,0 @@
-import { CubeToastsApiToastAction } from './types';
-export declare function useToastsApi(): {
-    readonly toast: CubeToastsApiToastAction;
-    readonly update: (id: import("react").Key, props: Partial<import("../NewNotifications").CubeNotifyApiProps>) => void;
-    readonly remove: (id: import("react").Key) => void;
-};