@cube-dev/ui-kit 0.197.0 → 0.198.1

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

@@ -1,12 +1,11 @@
 
-import { CubeItemProps } from "../../content/Item/Item.js";
+import { CubeItemBaseProps as CubeItemProps } from "../../content/Item/Item.js";
 import { NotificationType } from "../Notifications/types.js";
 import { Key, ReactNode } from "react";
-
 //#region src/components/overlays/Toast/types.d.ts
 /** @deprecated Use `NotificationType` instead. Kept as alias for backward compatibility. */
-type ToastType = NotificationType;
-interface ToastData {
+export type ToastType = NotificationType;
+export interface ToastData {
   /** Unique identifier for deduplication (auto-generated if not provided) */
   id?: Key;
   /** Primary content (→ Item children) */
@@ -26,7 +25,7 @@ interface ToastData {
   /** Additional Item props to pass through */
   itemProps?: Partial<CubeItemProps>;
 }
-interface ProgressToastOptions extends Omit<ToastData, 'duration'> {
+export interface ProgressToastOptions extends Omit<ToastData, 'duration'> {
   /** Whether the toast is in loading state */
   isLoading: boolean;
   /** When true, a "Hide" action is shown during loading so the user can dismiss the toast temporarily. */
@@ -36,8 +35,8 @@ interface ProgressToastOptions extends Omit<ToastData, 'duration'> {
  * Empty value that indicates no toast should be shown.
  * When passed to useProgressToast, any existing toast is immediately removed.
  */
-type ProgressToastEmpty = null | undefined | false | Record<string, never>;
-interface ToastApi {
+export type ProgressToastEmpty = null | undefined | false | Record<string, never>;
+export interface ToastApi {
   /** Show a toast with default theme */
   (data: ToastData | ReactNode): Key;
   /** Show a success toast */
@@ -51,7 +50,7 @@ interface ToastApi {
   /** Remove a toast by id */
   remove: (id: Key) => void;
 }
-interface InternalToast extends ToastData {
+export interface InternalToast extends ToastData {
   /** Internal unique identifier */
   internalId: string;
   /** Whether this is a progress toast (persistent) */
@@ -63,7 +62,7 @@ interface InternalToast extends ToastData {
   /** Whether the toast is exiting (used for exit transition) */
   isExiting?: boolean;
 }
-interface ToastContextValue {
+export interface ToastContextValue {
   /** Add a toast */
   addToast: (data: ToastData, isProgress?: boolean) => Key;
   /** Remove a toast by id */
@@ -74,5 +73,4 @@ interface ToastContextValue {
   toasts: InternalToast[];
 }
 //#endregion
-export { ProgressToastEmpty, ProgressToastOptions, ToastApi, ToastContextValue, ToastData, ToastType };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,6 +1,5 @@
 
 import { ProgressToastEmpty, ProgressToastOptions } from "./types.js";
-
 //#region src/components/overlays/Toast/useProgressToast.d.ts
 /**
  * Hook to display a progress toast that persists while loading.
@@ -29,7 +28,6 @@ import { ProgressToastEmpty, ProgressToastOptions } from "./types.js";
  * useProgressToast();
  * ```
  */
-declare function useProgressToast(options?: ProgressToastOptions | ProgressToastEmpty): void;
+export declare function useProgressToast(options?: ProgressToastOptions | ProgressToastEmpty): void;
 //#endregion
-export { useProgressToast };
 //# sourceMappingURL=useProgressToast.d.ts.map

package/dist/components/overlays/Toast/useProgressToast.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { useToastContext } from "../Notifications/NotificationContext.js";
 import { useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/overlays/Toast/useProgressToast.tsx
 const RESULT_DURATION = 3e3;
 /**
@@ -148,13 +147,15 @@ function useProgressToast(options) {
 				removeToast(toastIdRef.current);
 				toastIdRef.current = null;
 			}
-		} else if (!currentIsLoading && !isFirstRender && hasBeenLoadingRef.current && dataChanged && toastIdRef.current != null) if (currentTitle) {
-			clearHideTimer();
-			showToastWithTimer();
-		} else {
-			clearHideTimer();
-			removeToast(toastIdRef.current);
-			toastIdRef.current = null;
+		} else if (!currentIsLoading && !isFirstRender && hasBeenLoadingRef.current && dataChanged && toastIdRef.current != null) {
+			if (currentTitle) {
+				clearHideTimer();
+				showToastWithTimer();
+			} else {
+				clearHideTimer();
+				removeToast(toastIdRef.current);
+				toastIdRef.current = null;
+			}
 		}
 		wasLoadingRef.current = currentIsLoading;
 		isFirstRenderRef.current = false;
@@ -184,7 +185,7 @@ function useProgressToast(options) {
 		};
 	}, [removeToast]);
 }
-
 //#endregion
 export { useProgressToast };
+
 //# sourceMappingURL=useProgressToast.js.map

package/dist/components/overlays/Toast/useProgressToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProgressToast.js","names":["Key","useEffect","useRef","useEvent","useI18n","ItemAction","useToastContext","ProgressToastEmpty","ProgressToastOptions","ToastData","RESULT_DURATION","isEmptyOptions","options","Object","keys","length","getStringValue","value","undefined","useProgressToast","addToast","removeToast","updateToast","t","toastIdRef","wasLoadingRef","hideTimerRef","ReturnType","setTimeout","isFirstRenderRef","optionsRef","hasBeenLoadingRef","hiddenByUserRef","prevThemeRef","prevTitleRef","prevDescriptionRef","current","clearHideTimer","clearTimeout","isEmpty","isLoading","isDismissable","currentTheme","theme","currentTitle","title","currentDescription","description","handleHide","wasLoading","isFirstRender","currentOptions","currentIsEmpty","currentIsLoading","_isDismissable","currentToastData","themeChanged","titleChanged","descriptionChanged","dataChanged","hideAction","mergedActions","actions","toastData","icon","itemProps","duration","showToast","showToastWithTimer"],"sources":["../../../../src/components/overlays/Toast/useProgressToast.tsx"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\n\nimport { useToastContext } from './ToastProvider';\n\nimport type {\n  ProgressToastEmpty,\n  ProgressToastOptions,\n  ToastData,\n} from './types';\n\nconst RESULT_DURATION = 3000;\n\n/**\n * Check if the options represent an \"empty\" value (null, undefined, false, or empty object).\n * When empty, the hook should immediately remove any existing toast.\n */\nfunction isEmptyOptions(\n  options: ProgressToastOptions | ProgressToastEmpty,\n): options is ProgressToastEmpty {\n  if (options == null || options === false) return true;\n  if (typeof options === 'object' && Object.keys(options).length === 0)\n    return true;\n  return false;\n}\n\n// Get string value for comparison (only strings are compared for re-show logic)\nfunction getStringValue(value: unknown): string | undefined {\n  return typeof value === 'string' ? value : undefined;\n}\n\n/**\n * Hook to display a progress toast that persists while loading.\n *\n * @example\n * ```tsx\n * useProgressToast(\n *   isLoading\n *     ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }\n *     : { isLoading: false, title: 'Saved!', icon: <IconCheck />, theme: 'success' }\n * );\n *\n * // Or with error handling:\n * useProgressToast(\n *   isLoading\n *     ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }\n *     : isError\n *       ? { isLoading: false, title: 'Error', description: errorMessage, theme: 'danger' }\n *       : { isLoading: false, title: 'Saved!', theme: 'success' }\n * );\n *\n * // Pass empty value to immediately remove any existing toast:\n * useProgressToast(shouldShow ? { isLoading: true, title: 'Loading...' } : null);\n *\n * // Or call with no argument to dismiss:\n * useProgressToast();\n * ```\n */\nexport function useProgressToast(\n  options?: ProgressToastOptions | ProgressToastEmpty,\n): void {\n  const { addToast, removeToast, updateToast } = useToastContext();\n  const { t } = useI18n();\n\n  const toastIdRef = useRef<Key | null>(null);\n  const wasLoadingRef = useRef<boolean | null>(null);\n  const hideTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isFirstRenderRef = useRef(true);\n  const optionsRef = useRef(options);\n  const hasBeenLoadingRef = useRef(false);\n  const hiddenByUserRef = useRef(false);\n\n  // Track previous string values for re-show comparison\n  const prevThemeRef = useRef<string | undefined>(undefined);\n  const prevTitleRef = useRef<string | undefined>(undefined);\n  const prevDescriptionRef = useRef<string | undefined>(undefined);\n\n  // Always update optionsRef to latest\n  optionsRef.current = options;\n\n  // Clear any pending hide timer\n  const clearHideTimer = () => {\n    if (hideTimerRef.current) {\n      clearTimeout(hideTimerRef.current);\n      hideTimerRef.current = null;\n    }\n  };\n\n  // Check if current options are empty\n  const isEmpty = isEmptyOptions(options);\n\n  // Extract values only when options are not empty\n  const isLoading = isEmpty ? false : options.isLoading;\n  const isDismissable = isEmpty ? false : !!options.isDismissable;\n  const currentTheme = isEmpty ? undefined : options.theme;\n  const currentTitle = isEmpty ? undefined : getStringValue(options.title);\n  const currentDescription = isEmpty\n    ? undefined\n    : getStringValue(options.description);\n\n  const handleHide = useEvent(() => {\n    if (toastIdRef.current != null) {\n      removeToast(toastIdRef.current);\n      toastIdRef.current = null;\n    }\n\n    hiddenByUserRef.current = true;\n  });\n\n  useEffect(() => {\n    const wasLoading = wasLoadingRef.current;\n    const isFirstRender = isFirstRenderRef.current;\n    const currentOptions = optionsRef.current;\n    const currentIsEmpty = isEmptyOptions(currentOptions);\n\n    // Handle empty options - immediately remove any existing toast\n    if (currentIsEmpty) {\n      clearHideTimer();\n\n      if (toastIdRef.current != null) {\n        removeToast(toastIdRef.current);\n        toastIdRef.current = null;\n      }\n\n      // Reset loading gate so the next cycle requires isLoading again\n      hasBeenLoadingRef.current = false;\n      hiddenByUserRef.current = false;\n      wasLoadingRef.current = null;\n      isFirstRenderRef.current = false;\n      prevThemeRef.current = undefined;\n      prevTitleRef.current = undefined;\n      prevDescriptionRef.current = undefined;\n      return;\n    }\n\n    // From here, we know options is a valid ProgressToastOptions\n    const {\n      isLoading: currentIsLoading,\n      isDismissable: _isDismissable,\n      ...currentToastData\n    } = currentOptions;\n\n    // Check if meaningful data changed (only string values)\n    const themeChanged = currentTheme !== prevThemeRef.current;\n    const titleChanged = currentTitle !== prevTitleRef.current;\n    const descriptionChanged =\n      currentDescription !== prevDescriptionRef.current;\n    const dataChanged = themeChanged || titleChanged || descriptionChanged;\n\n    const hideAction =\n      isDismissable && currentIsLoading ? (\n        <ItemAction isSelected type=\"outline\" onPress={handleHide}>\n          {t('toast.hide', 'Hide')}\n        </ItemAction>\n      ) : null;\n\n    const mergedActions = hideAction ? (\n      <>\n        {currentToastData.actions}\n        {hideAction}\n      </>\n    ) : (\n      currentToastData.actions\n    );\n\n    const toastData: ToastData = {\n      title: undefined,\n      description: undefined,\n      theme: undefined,\n      icon: undefined,\n      itemProps: undefined,\n      ...currentToastData,\n      actions: mergedActions,\n      isLoading: currentIsLoading,\n      duration: null,\n    };\n\n    // Show a new toast or update an existing one in-place (no exit/enter animation).\n    const showToast = () => {\n      if (toastIdRef.current != null) {\n        updateToast(toastIdRef.current, toastData);\n      } else {\n        toastIdRef.current = addToast(toastData, true);\n      }\n    };\n\n    // Show/update toast and schedule removal after RESULT_DURATION.\n    const showToastWithTimer = () => {\n      showToast();\n\n      hideTimerRef.current = setTimeout(() => {\n        if (toastIdRef.current != null) {\n          removeToast(toastIdRef.current);\n          toastIdRef.current = null;\n        }\n      }, RESULT_DURATION);\n    };\n\n    if (currentIsLoading) {\n      // Starting or continuing loading\n      hasBeenLoadingRef.current = true;\n      clearHideTimer();\n\n      if (hiddenByUserRef.current) {\n        // User dismissed the loading toast; don't re-show during this loading cycle.\n      } else if (toastIdRef.current == null) {\n        // Create new toast\n        showToast();\n      } else if (dataChanged) {\n        // Toast exists but data changed (e.g., switching back to loading from another state)\n        showToast();\n      }\n    } else if (wasLoading === true && !currentIsLoading) {\n      // Transitioning from loading to not loading\n      hiddenByUserRef.current = false;\n      clearHideTimer();\n\n      if (currentTitle) {\n        // Show result toast with timer\n        showToastWithTimer();\n      } else {\n        // No content - just remove the loading toast immediately\n        if (toastIdRef.current != null) {\n          removeToast(toastIdRef.current);\n          toastIdRef.current = null;\n        }\n      }\n    } else if (\n      !currentIsLoading &&\n      !isFirstRender &&\n      hasBeenLoadingRef.current &&\n      dataChanged &&\n      toastIdRef.current != null\n    ) {\n      // Not loading, data changed while toast is still visible — update it.\n      if (currentTitle) {\n        clearHideTimer();\n        showToastWithTimer();\n      } else {\n        clearHideTimer();\n        removeToast(toastIdRef.current);\n        toastIdRef.current = null;\n      }\n    }\n\n    // Update refs for next comparison\n    wasLoadingRef.current = currentIsLoading;\n    isFirstRenderRef.current = false;\n    prevThemeRef.current = currentTheme;\n    prevTitleRef.current = currentTitle;\n    prevDescriptionRef.current = currentDescription;\n  }, [\n    isEmpty,\n    isLoading,\n    isDismissable,\n    currentTheme,\n    currentTitle,\n    currentDescription,\n    addToast,\n    removeToast,\n    updateToast,\n    handleHide,\n    t,\n  ]);\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      clearHideTimer();\n\n      if (toastIdRef.current != null) {\n        removeToast(toastIdRef.current);\n        toastIdRef.current = null;\n      }\n    };\n  }, [removeToast]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"useProgressToast.js","names":["Key","useEffect","useRef","useEvent","useI18n","ItemAction","useToastContext","ProgressToastEmpty","ProgressToastOptions","ToastData","RESULT_DURATION","isEmptyOptions","options","Object","keys","length","getStringValue","value","undefined","useProgressToast","addToast","removeToast","updateToast","t","toastIdRef","wasLoadingRef","hideTimerRef","ReturnType","setTimeout","isFirstRenderRef","optionsRef","hasBeenLoadingRef","hiddenByUserRef","prevThemeRef","prevTitleRef","prevDescriptionRef","current","clearHideTimer","clearTimeout","isEmpty","isLoading","isDismissable","currentTheme","theme","currentTitle","title","currentDescription","description","handleHide","wasLoading","isFirstRender","currentOptions","currentIsEmpty","currentIsLoading","_isDismissable","currentToastData","themeChanged","titleChanged","descriptionChanged","dataChanged","hideAction","mergedActions","actions","toastData","icon","itemProps","duration","showToast","showToastWithTimer"],"sources":["../../../../src/components/overlays/Toast/useProgressToast.tsx"],"sourcesContent":["import { Key, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\n\nimport { useToastContext } from './ToastProvider';\n\nimport type {\n  ProgressToastEmpty,\n  ProgressToastOptions,\n  ToastData,\n} from './types';\n\nconst RESULT_DURATION = 3000;\n\n/**\n * Check if the options represent an \"empty\" value (null, undefined, false, or empty object).\n * When empty, the hook should immediately remove any existing toast.\n */\nfunction isEmptyOptions(\n  options: ProgressToastOptions | ProgressToastEmpty,\n): options is ProgressToastEmpty {\n  if (options == null || options === false) return true;\n  if (typeof options === 'object' && Object.keys(options).length === 0)\n    return true;\n  return false;\n}\n\n// Get string value for comparison (only strings are compared for re-show logic)\nfunction getStringValue(value: unknown): string | undefined {\n  return typeof value === 'string' ? value : undefined;\n}\n\n/**\n * Hook to display a progress toast that persists while loading.\n *\n * @example\n * ```tsx\n * useProgressToast(\n *   isLoading\n *     ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }\n *     : { isLoading: false, title: 'Saved!', icon: <IconCheck />, theme: 'success' }\n * );\n *\n * // Or with error handling:\n * useProgressToast(\n *   isLoading\n *     ? { isLoading: true, title: 'Saving...', icon: <Spinner /> }\n *     : isError\n *       ? { isLoading: false, title: 'Error', description: errorMessage, theme: 'danger' }\n *       : { isLoading: false, title: 'Saved!', theme: 'success' }\n * );\n *\n * // Pass empty value to immediately remove any existing toast:\n * useProgressToast(shouldShow ? { isLoading: true, title: 'Loading...' } : null);\n *\n * // Or call with no argument to dismiss:\n * useProgressToast();\n * ```\n */\nexport function useProgressToast(\n  options?: ProgressToastOptions | ProgressToastEmpty,\n): void {\n  const { addToast, removeToast, updateToast } = useToastContext();\n  const { t } = useI18n();\n\n  const toastIdRef = useRef<Key | null>(null);\n  const wasLoadingRef = useRef<boolean | null>(null);\n  const hideTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isFirstRenderRef = useRef(true);\n  const optionsRef = useRef(options);\n  const hasBeenLoadingRef = useRef(false);\n  const hiddenByUserRef = useRef(false);\n\n  // Track previous string values for re-show comparison\n  const prevThemeRef = useRef<string | undefined>(undefined);\n  const prevTitleRef = useRef<string | undefined>(undefined);\n  const prevDescriptionRef = useRef<string | undefined>(undefined);\n\n  // Always update optionsRef to latest\n  optionsRef.current = options;\n\n  // Clear any pending hide timer\n  const clearHideTimer = () => {\n    if (hideTimerRef.current) {\n      clearTimeout(hideTimerRef.current);\n      hideTimerRef.current = null;\n    }\n  };\n\n  // Check if current options are empty\n  const isEmpty = isEmptyOptions(options);\n\n  // Extract values only when options are not empty\n  const isLoading = isEmpty ? false : options.isLoading;\n  const isDismissable = isEmpty ? false : !!options.isDismissable;\n  const currentTheme = isEmpty ? undefined : options.theme;\n  const currentTitle = isEmpty ? undefined : getStringValue(options.title);\n  const currentDescription = isEmpty\n    ? undefined\n    : getStringValue(options.description);\n\n  const handleHide = useEvent(() => {\n    if (toastIdRef.current != null) {\n      removeToast(toastIdRef.current);\n      toastIdRef.current = null;\n    }\n\n    hiddenByUserRef.current = true;\n  });\n\n  useEffect(() => {\n    const wasLoading = wasLoadingRef.current;\n    const isFirstRender = isFirstRenderRef.current;\n    const currentOptions = optionsRef.current;\n    const currentIsEmpty = isEmptyOptions(currentOptions);\n\n    // Handle empty options - immediately remove any existing toast\n    if (currentIsEmpty) {\n      clearHideTimer();\n\n      if (toastIdRef.current != null) {\n        removeToast(toastIdRef.current);\n        toastIdRef.current = null;\n      }\n\n      // Reset loading gate so the next cycle requires isLoading again\n      hasBeenLoadingRef.current = false;\n      hiddenByUserRef.current = false;\n      wasLoadingRef.current = null;\n      isFirstRenderRef.current = false;\n      prevThemeRef.current = undefined;\n      prevTitleRef.current = undefined;\n      prevDescriptionRef.current = undefined;\n      return;\n    }\n\n    // From here, we know options is a valid ProgressToastOptions\n    const {\n      isLoading: currentIsLoading,\n      isDismissable: _isDismissable,\n      ...currentToastData\n    } = currentOptions;\n\n    // Check if meaningful data changed (only string values)\n    const themeChanged = currentTheme !== prevThemeRef.current;\n    const titleChanged = currentTitle !== prevTitleRef.current;\n    const descriptionChanged =\n      currentDescription !== prevDescriptionRef.current;\n    const dataChanged = themeChanged || titleChanged || descriptionChanged;\n\n    const hideAction =\n      isDismissable && currentIsLoading ? (\n        <ItemAction isSelected type=\"outline\" onPress={handleHide}>\n          {t('toast.hide', 'Hide')}\n        </ItemAction>\n      ) : null;\n\n    const mergedActions = hideAction ? (\n      <>\n        {currentToastData.actions}\n        {hideAction}\n      </>\n    ) : (\n      currentToastData.actions\n    );\n\n    const toastData: ToastData = {\n      title: undefined,\n      description: undefined,\n      theme: undefined,\n      icon: undefined,\n      itemProps: undefined,\n      ...currentToastData,\n      actions: mergedActions,\n      isLoading: currentIsLoading,\n      duration: null,\n    };\n\n    // Show a new toast or update an existing one in-place (no exit/enter animation).\n    const showToast = () => {\n      if (toastIdRef.current != null) {\n        updateToast(toastIdRef.current, toastData);\n      } else {\n        toastIdRef.current = addToast(toastData, true);\n      }\n    };\n\n    // Show/update toast and schedule removal after RESULT_DURATION.\n    const showToastWithTimer = () => {\n      showToast();\n\n      hideTimerRef.current = setTimeout(() => {\n        if (toastIdRef.current != null) {\n          removeToast(toastIdRef.current);\n          toastIdRef.current = null;\n        }\n      }, RESULT_DURATION);\n    };\n\n    if (currentIsLoading) {\n      // Starting or continuing loading\n      hasBeenLoadingRef.current = true;\n      clearHideTimer();\n\n      if (hiddenByUserRef.current) {\n        // User dismissed the loading toast; don't re-show during this loading cycle.\n      } else if (toastIdRef.current == null) {\n        // Create new toast\n        showToast();\n      } else if (dataChanged) {\n        // Toast exists but data changed (e.g., switching back to loading from another state)\n        showToast();\n      }\n    } else if (wasLoading === true && !currentIsLoading) {\n      // Transitioning from loading to not loading\n      hiddenByUserRef.current = false;\n      clearHideTimer();\n\n      if (currentTitle) {\n        // Show result toast with timer\n        showToastWithTimer();\n      } else {\n        // No content - just remove the loading toast immediately\n        if (toastIdRef.current != null) {\n          removeToast(toastIdRef.current);\n          toastIdRef.current = null;\n        }\n      }\n    } else if (\n      !currentIsLoading &&\n      !isFirstRender &&\n      hasBeenLoadingRef.current &&\n      dataChanged &&\n      toastIdRef.current != null\n    ) {\n      // Not loading, data changed while toast is still visible — update it.\n      if (currentTitle) {\n        clearHideTimer();\n        showToastWithTimer();\n      } else {\n        clearHideTimer();\n        removeToast(toastIdRef.current);\n        toastIdRef.current = null;\n      }\n    }\n\n    // Update refs for next comparison\n    wasLoadingRef.current = currentIsLoading;\n    isFirstRenderRef.current = false;\n    prevThemeRef.current = currentTheme;\n    prevTitleRef.current = currentTitle;\n    prevDescriptionRef.current = currentDescription;\n  }, [\n    isEmpty,\n    isLoading,\n    isDismissable,\n    currentTheme,\n    currentTitle,\n    currentDescription,\n    addToast,\n    removeToast,\n    updateToast,\n    handleHide,\n    t,\n  ]);\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      clearHideTimer();\n\n      if (toastIdRef.current != null) {\n        removeToast(toastIdRef.current);\n        toastIdRef.current = null;\n      }\n    };\n  }, [removeToast]);\n}\n"],"mappings":"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"}

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

@@ -1,14 +1,13 @@
 
 import { ToastApi, ToastType } from "./types.js";
 import { ReactNode } from "react";
-
 //#region src/components/overlays/Toast/useToast.d.ts
 /**
  * Get the appropriate icon for a toast based on theme and loading state.
  * - When loading, returns the provided icon as-is (loading indicator is separate)
  * - When not loading, returns the provided icon or falls back to theme-based default
  */
-declare function getThemeIcon(theme: ToastType | undefined, icon: ReactNode | undefined, isLoading?: boolean): ReactNode | undefined;
+export declare function getThemeIcon(theme: ToastType | undefined, icon: ReactNode | undefined, isLoading?: boolean): ReactNode | undefined;
 /**
  * Hook to display toast notifications.
  *
@@ -30,7 +29,6 @@ declare function getThemeIcon(theme: ToastType | undefined, icon: ReactNode | un
  * // Methods: toast(), toast.success(), toast.danger(), toast.warning(), toast.note()
  * ```
  */
-declare function useToast(): ToastApi;
+export declare function useToast(): ToastApi;
 //#endregion
-export { getThemeIcon, useToast };
 //# sourceMappingURL=useToast.d.ts.map

package/dist/components/overlays/Toast/useToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";
 import { useToastContext } from "../Notifications/NotificationContext.js";
@@ -6,7 +6,6 @@ import { DangerIcon } from "../../../icons/DangerIcon.js";
 import { WarningIcon } from "../../../icons/WarningIcon.js";
 import { isValidElement, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/overlays/Toast/useToast.tsx
 const THEME_ICONS = {
 	success: /* @__PURE__ */ jsx(CheckIcon, {}),
@@ -82,7 +81,7 @@ function useToast() {
 		return toast;
 	}, [addToast, removeToast]);
 }
-
 //#endregion
 export { getThemeIcon, useToast };
+
 //# sourceMappingURL=useToast.js.map

package/dist/components/overlays/Toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","names":["isValidElement","Key","ReactNode","useMemo","CheckIcon","DangerIcon","InfoCircleIcon","WarningIcon","useToastContext","ToastApi","ToastData","ToastType","THEME_ICONS","Partial","Record","success","danger","warning","note","getThemeIcon","theme","icon","isLoading","undefined","isToastData","data","isReactNode","Array","isArray","normalizeToastData","defaultTheme","title","useToast","addToast","removeToast","api","toast","remove","id"],"sources":["../../../../src/components/overlays/Toast/useToast.tsx"],"sourcesContent":["import { isValidElement, Key, ReactNode, useMemo } from 'react';\n\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { DangerIcon } from '../../../icons/DangerIcon';\nimport { InfoCircleIcon } from '../../../icons/InfoCircleIcon';\nimport { WarningIcon } from '../../../icons/WarningIcon';\n\nimport { useToastContext } from './ToastProvider';\n\nimport type { ToastApi, ToastData, ToastType } from './types';\n\n// Default icons for each theme\nconst THEME_ICONS: Partial<Record<ToastType, ReactNode>> = {\n  success: <CheckIcon />,\n  danger: <DangerIcon />,\n  warning: <WarningIcon />,\n  note: <InfoCircleIcon />,\n};\n\n/**\n * Get the appropriate icon for a toast based on theme and loading state.\n * - When loading, returns the provided icon as-is (loading indicator is separate)\n * - When not loading, returns the provided icon or falls back to theme-based default\n */\nexport function getThemeIcon(\n  theme: ToastType | undefined,\n  icon: ReactNode | undefined,\n  isLoading?: boolean,\n): ReactNode | undefined {\n  // When loading, don't apply theme icons (loading indicator is shown separately)\n  if (isLoading) return icon;\n\n  // If icon is explicitly provided, use it\n  if (icon !== undefined) return icon;\n\n  // Apply theme-based default icon\n  return theme ? THEME_ICONS[theme] : undefined;\n}\n\nfunction isToastData(data: ToastData | ReactNode): data is ToastData {\n  // ReactNode includes: ReactElement | string | number | boolean | null | undefined | Iterable<ReactNode>\n  const isReactNode =\n    isValidElement(data) ||\n    typeof data === 'string' ||\n    typeof data === 'number' ||\n    typeof data === 'boolean' ||\n    data === null ||\n    data === undefined ||\n    Array.isArray(data);\n\n  return !isReactNode;\n}\n\nfunction normalizeToastData(\n  data: ToastData | ReactNode,\n  defaultTheme?: ToastType,\n): ToastData {\n  if (isToastData(data)) {\n    return {\n      ...data,\n      theme: data.theme ?? defaultTheme,\n    };\n  }\n\n  // String or ReactNode passed directly - use as title\n  return {\n    title: data,\n    theme: defaultTheme,\n  };\n}\n\n/**\n * Hook to display toast notifications.\n *\n * @example\n * ```tsx\n * const toast = useToast();\n *\n * // String shorthand\n * toast.success('Copied to clipboard');\n *\n * // Object with options\n * toast.success({\n *   title: 'Success',\n *   description: 'File copied to clipboard',\n *   icon: <CustomIcon />,\n *   duration: 3000,\n * });\n *\n * // Methods: toast(), toast.success(), toast.danger(), toast.warning(), toast.note()\n * ```\n */\nexport function useToast(): ToastApi {\n  const { addToast, removeToast } = useToastContext();\n\n  const api = useMemo<ToastApi>(() => {\n    const toast = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data));\n    };\n\n    toast.success = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data, 'success'));\n    };\n\n    toast.danger = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data, 'danger'));\n    };\n\n    toast.warning = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data, 'warning'));\n    };\n\n    toast.note = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data, 'note'));\n    };\n\n    toast.remove = (id: Key): void => {\n      removeToast(id);\n    };\n\n    return toast;\n  }, [addToast, removeToast]);\n\n  return api;\n}\n"],"mappings":";;;;;;;;;;AAYA,MAAMY,cAAqD;CACzDG,SAAS,oBAAC,cAAY;CACtBC,QAAQ,oBAAC,eAAa;CACtBC,SAAS,oBAAC,gBAAc;CACxBC,MAAM,oBAAC,mBAAc;CACtB;;;;;;AAOD,SAAgBC,aACdC,OACAC,MACAC,WACuB;AAEvB,KAAIA,UAAW,QAAOD;AAGtB,KAAIA,SAASE,OAAW,QAAOF;AAG/B,QAAOD,QAAQR,YAAYQ,SAASG;;AAGtC,SAASC,YAAYC,MAAgD;AAWnE,QAAO,EARLzB,eAAeyB,KAAK,IACpB,OAAOA,SAAS,YAChB,OAAOA,SAAS,YAChB,OAAOA,SAAS,aAChBA,SAAS,QACTA,SAASF,UACTI,MAAMC,QAAQH,KAAK;;AAKvB,SAASI,mBACPJ,MACAK,cACW;AACX,KAAIN,YAAYC,KAAK,CACnB,QAAO;EACL,GAAGA;EACHL,OAAOK,KAAKL,SAASU;EACtB;AAIH,QAAO;EACLC,OAAON;EACPL,OAAOU;EACR;;;;;;;;;;;;;;;;;;;;;;;AAwBH,SAAgBE,WAAqB;CACnC,MAAM,EAAEC,UAAUC,gBAAgB1B,iBAAiB;AA8BnD,QA5BYL,cAAwB;EAClC,MAAMiC,SAASX,SAAqC;AAClD,UAAOQ,SAASJ,mBAAmBJ,KAAK,CAAC;;AAG3CW,QAAMrB,WAAWU,WAAqC;AACpD,UAAOQ,SAASJ,mBAAmBJ,QAAM,UAAU,CAAC;;AAGtDW,QAAMpB,UAAUS,WAAqC;AACnD,UAAOQ,SAASJ,mBAAmBJ,QAAM,SAAS,CAAC;;AAGrDW,QAAMnB,WAAWQ,WAAqC;AACpD,UAAOQ,SAASJ,mBAAmBJ,QAAM,UAAU,CAAC;;AAGtDW,QAAMlB,QAAQO,WAAqC;AACjD,UAAOQ,SAASJ,mBAAmBJ,QAAM,OAAO,CAAC;;AAGnDW,QAAMC,UAAUC,OAAkB;AAChCJ,eAAYI,GAAG;;AAGjB,SAAOF;IACN,CAACH,UAAUC,YAAY,CAAC"}
+{"version":3,"file":"useToast.js","names":["isValidElement","Key","ReactNode","useMemo","CheckIcon","DangerIcon","InfoCircleIcon","WarningIcon","useToastContext","ToastApi","ToastData","ToastType","THEME_ICONS","Partial","Record","success","danger","warning","note","getThemeIcon","theme","icon","isLoading","undefined","isToastData","data","isReactNode","Array","isArray","normalizeToastData","defaultTheme","title","useToast","addToast","removeToast","api","toast","remove","id"],"sources":["../../../../src/components/overlays/Toast/useToast.tsx"],"sourcesContent":["import { isValidElement, Key, ReactNode, useMemo } from 'react';\n\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { DangerIcon } from '../../../icons/DangerIcon';\nimport { InfoCircleIcon } from '../../../icons/InfoCircleIcon';\nimport { WarningIcon } from '../../../icons/WarningIcon';\n\nimport { useToastContext } from './ToastProvider';\n\nimport type { ToastApi, ToastData, ToastType } from './types';\n\n// Default icons for each theme\nconst THEME_ICONS: Partial<Record<ToastType, ReactNode>> = {\n  success: <CheckIcon />,\n  danger: <DangerIcon />,\n  warning: <WarningIcon />,\n  note: <InfoCircleIcon />,\n};\n\n/**\n * Get the appropriate icon for a toast based on theme and loading state.\n * - When loading, returns the provided icon as-is (loading indicator is separate)\n * - When not loading, returns the provided icon or falls back to theme-based default\n */\nexport function getThemeIcon(\n  theme: ToastType | undefined,\n  icon: ReactNode | undefined,\n  isLoading?: boolean,\n): ReactNode | undefined {\n  // When loading, don't apply theme icons (loading indicator is shown separately)\n  if (isLoading) return icon;\n\n  // If icon is explicitly provided, use it\n  if (icon !== undefined) return icon;\n\n  // Apply theme-based default icon\n  return theme ? THEME_ICONS[theme] : undefined;\n}\n\nfunction isToastData(data: ToastData | ReactNode): data is ToastData {\n  // ReactNode includes: ReactElement | string | number | boolean | null | undefined | Iterable<ReactNode>\n  const isReactNode =\n    isValidElement(data) ||\n    typeof data === 'string' ||\n    typeof data === 'number' ||\n    typeof data === 'boolean' ||\n    data === null ||\n    data === undefined ||\n    Array.isArray(data);\n\n  return !isReactNode;\n}\n\nfunction normalizeToastData(\n  data: ToastData | ReactNode,\n  defaultTheme?: ToastType,\n): ToastData {\n  if (isToastData(data)) {\n    return {\n      ...data,\n      theme: data.theme ?? defaultTheme,\n    };\n  }\n\n  // String or ReactNode passed directly - use as title\n  return {\n    title: data,\n    theme: defaultTheme,\n  };\n}\n\n/**\n * Hook to display toast notifications.\n *\n * @example\n * ```tsx\n * const toast = useToast();\n *\n * // String shorthand\n * toast.success('Copied to clipboard');\n *\n * // Object with options\n * toast.success({\n *   title: 'Success',\n *   description: 'File copied to clipboard',\n *   icon: <CustomIcon />,\n *   duration: 3000,\n * });\n *\n * // Methods: toast(), toast.success(), toast.danger(), toast.warning(), toast.note()\n * ```\n */\nexport function useToast(): ToastApi {\n  const { addToast, removeToast } = useToastContext();\n\n  const api = useMemo<ToastApi>(() => {\n    const toast = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data));\n    };\n\n    toast.success = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data, 'success'));\n    };\n\n    toast.danger = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data, 'danger'));\n    };\n\n    toast.warning = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data, 'warning'));\n    };\n\n    toast.note = (data: ToastData | ReactNode): Key => {\n      return addToast(normalizeToastData(data, 'note'));\n    };\n\n    toast.remove = (id: Key): void => {\n      removeToast(id);\n    };\n\n    return toast;\n  }, [addToast, removeToast]);\n\n  return api;\n}\n"],"mappings":";;;;;;;;;AAYA,MAAMY,cAAqD;CACzDG,SAAS,oBAAC,WAAD,CAAU,CAAA;CACnBC,QAAQ,oBAAC,YAAD,CAAW,CAAA;CACnBC,SAAS,oBAAC,aAAD,CAAY,CAAA;CACrBC,MAAM,oBAAC,gBAAD,CAAe,CAAA;AACvB;;;;;;AAOA,SAAgBC,aACdC,OACAC,MACAC,WACuB;CAEvB,IAAIA,WAAW,OAAOD;CAGtB,IAAIA,SAASE,KAAAA,GAAW,OAAOF;CAG/B,OAAOD,QAAQR,YAAYQ,SAASG,KAAAA;AACtC;AAEA,SAASC,YAAYC,MAAgD;CAWnE,OAAO,EARLzB,eAAeyB,IAAI,KACnB,OAAOA,SAAS,YAChB,OAAOA,SAAS,YAChB,OAAOA,SAAS,aAChBA,SAAS,QACTA,SAASF,KAAAA,KACTI,MAAMC,QAAQH,IAAI;AAGtB;AAEA,SAASI,mBACPJ,MACAK,cACW;CACX,IAAIN,YAAYC,IAAI,GAClB,OAAO;EACL,GAAGA;EACHL,OAAOK,KAAKL,SAASU;CACvB;CAIF,OAAO;EACLC,OAAON;EACPL,OAAOU;CACT;AACF;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgBE,WAAqB;CACnC,MAAM,EAAEC,UAAUC,gBAAgB1B,gBAAgB;CA8BlD,OA5BYL,cAAwB;EAClC,MAAMiC,SAASX,SAAqC;GAClD,OAAOQ,SAASJ,mBAAmBJ,IAAI,CAAC;EAC1C;EAEAW,MAAMrB,WAAWU,WAAqC;GACpD,OAAOQ,SAASJ,mBAAmBJ,QAAM,SAAS,CAAC;EACrD;EAEAW,MAAMpB,UAAUS,WAAqC;GACnD,OAAOQ,SAASJ,mBAAmBJ,QAAM,QAAQ,CAAC;EACpD;EAEAW,MAAMnB,WAAWQ,WAAqC;GACpD,OAAOQ,SAASJ,mBAAmBJ,QAAM,SAAS,CAAC;EACrD;EAEAW,MAAMlB,QAAQO,WAAqC;GACjD,OAAOQ,SAASJ,mBAAmBJ,QAAM,MAAM,CAAC;EAClD;EAEAW,MAAMC,UAAUC,OAAkB;GAChCJ,YAAYI,EAAE;EAChB;EAEA,OAAOF;CACT,GAAG,CAACH,UAAUC,WAAW,CAElBC;AACT"}

package/dist/components/overlays/Tooltip/Tooltip.d.ts

@@ -1,12 +1,10 @@
 
 import { PlacementAxis } from "../../../shared/index.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { AriaTooltipProps } from "react-aria";
 import { DOMRefValue } from "@react-types/shared";
-
 //#region src/components/overlays/Tooltip/Tooltip.d.ts
-interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {
+export interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {
   tipStyles?: Styles;
   /**
    * @deprecated Has no effect. No icon is ever rendered.
@@ -28,7 +26,7 @@ interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipPr
 /**
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.
  */
-declare let _Tooltip: react.ForwardRefExoticComponent<CubeTooltipProps & react.RefAttributes<DOMRefValue<HTMLDivElement>>>;
+declare let _Tooltip: import("react").ForwardRefExoticComponent<CubeTooltipProps & import("react").RefAttributes<DOMRefValue<HTMLDivElement>>>;
 //#endregion
-export { CubeTooltipProps, _Tooltip };
+export { type AriaTooltipProps, _Tooltip as Tooltip };
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
@@ -11,7 +11,6 @@ import { forwardRef, useContext, useImperativeHandle, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTooltip } from "react-aria";
 import { createDOMRef } from "@react-spectrum/utils";
-
 //#region src/components/overlays/Tooltip/Tooltip.tsx
 const TooltipElement = tasty({ styles: {
 	display: "block",
@@ -213,7 +212,7 @@ function Tooltip(props, ref) {
 */
 let _Tooltip = forwardRef(Tooltip);
 _Tooltip.displayName = "Tooltip";
-
 //#endregion
-export { _Tooltip };
+export { _Tooltip as Tooltip };
+
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/overlays/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","useModalLayerRef","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","layerRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useModalLayerRef } from '../Modal/modal-containment';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n    // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n    // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n    // + `#white` design.\n    //\n    // The `light` variant uses the adaptive surface tokens (`#surface` +\n    // `#surface-text-soft`) so it follows the page scheme. This restores the\n    // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n    // in dark mode (the previous fixed `#surface-inverse` was much darker\n    // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n    // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n    // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n    // for the fill keeps both ends of the pair adapting together).\n    fill: {\n      '': '#surface-inverse.85',\n      light: '#surface',\n    },\n    color: {\n      '': '#white',\n      light: '#surface-text-soft',\n    },\n    width: 'initial min(36x, (100dvw - 4x)) max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n    // so a run with no spaces — a URL, a token, an identifier, an error string —\n    // stays on one line and spills straight out of the bubble. `anywhere` breaks\n    // it at the cap instead. It inherits, so tooltip children wrap too.\n    overflowWrap: 'anywhere',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 1px #surface-text-soft.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    // A secondary line under the title — the description an auto tooltip\n    // shows when a row's label and description are both cut off. Lighter and\n    // dimmed like the row's own description, from the tooltip's own color, so\n    // it follows the `light` variant. Direct children only: a tooltip whose\n    // body is an `Item` keeps that item's description as it is.\n    Description: {\n      $: '>',\n      display: 'block',\n      preset: 't4n',\n      opacity: 0.75,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #surface-inverse.85',\n      light: '.5x solid #surface',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - 1px), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - 1px), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaTooltipProps {\n  tipStyles?: Styles;\n  /**\n   * @deprecated Has no effect. No icon is ever rendered.\n   */\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip moves to the opposite side of its trigger when there\n   * is not enough room on the requested one.\n   * @default true\n   */\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  // Opened inside a modal, the tooltip stays readable while the modal hides\n  // the page.\n  const layerRef = useModalLayerRef();\n  const combinedRef = mergeRefs(\n    transitionRef,\n    overlayRef ?? defaultRef,\n    layerRef,\n  );\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip(props, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = {\n    material: isMaterial,\n    light: isLight,\n    open: isShown ?? isOpen,\n  };\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      // `qa` is typed through `BaseProps` but nothing forwarded it, so a test\n      // had no way to tell one control's tooltip from another's.\n      qa={otherProps.qa}\n      styles={styles}\n      mods={mods}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","useModalLayerRef","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","layerRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName","_c","mergeProps"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useModalLayerRef } from '../Modal/modal-containment';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n    // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n    // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n    // + `#white` design.\n    //\n    // The `light` variant uses the adaptive surface tokens (`#surface` +\n    // `#surface-text-soft`) so it follows the page scheme. This restores the\n    // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n    // in dark mode (the previous fixed `#surface-inverse` was much darker\n    // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n    // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n    // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n    // for the fill keeps both ends of the pair adapting together).\n    fill: {\n      '': '#surface-inverse.85',\n      light: '#surface',\n    },\n    color: {\n      '': '#white',\n      light: '#surface-text-soft',\n    },\n    width: 'initial min(36x, (100dvw - 4x)) max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n    // so a run with no spaces — a URL, a token, an identifier, an error string —\n    // stays on one line and spills straight out of the bubble. `anywhere` breaks\n    // it at the cap instead. It inherits, so tooltip children wrap too.\n    overflowWrap: 'anywhere',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 1px #surface-text-soft.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    // A secondary line under the title — the description an auto tooltip\n    // shows when a row's label and description are both cut off. Lighter and\n    // dimmed like the row's own description, from the tooltip's own color, so\n    // it follows the `light` variant. Direct children only: a tooltip whose\n    // body is an `Item` keeps that item's description as it is.\n    Description: {\n      $: '>',\n      display: 'block',\n      preset: 't4n',\n      opacity: 0.75,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #surface-inverse.85',\n      light: '.5x solid #surface',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - 1px), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - 1px), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps, ContainerStyleProps, AriaTooltipProps {\n  tipStyles?: Styles;\n  /**\n   * @deprecated Has no effect. No icon is ever rendered.\n   */\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Whether the tooltip moves to the opposite side of its trigger when there\n   * is not enough room on the requested one.\n   * @default true\n   */\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  // Opened inside a modal, the tooltip stays readable while the modal hides\n  // the page.\n  const layerRef = useModalLayerRef();\n  const combinedRef = mergeRefs(\n    transitionRef,\n    overlayRef ?? defaultRef,\n    layerRef,\n  );\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip(props, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = {\n    material: isMaterial,\n    light: isLight,\n    open: isShown ?? isOpen,\n  };\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      // `qa` is typed through `BaseProps` but nothing forwarded it, so a test\n      // had no way to tell one control's tooltip from another's.\n      qa={otherProps.qa}\n      styles={styles}\n      mods={mods}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}

package/dist/components/overlays/Tooltip/TooltipProvider.d.ts

@@ -3,9 +3,8 @@ import { CubeTooltipProps } from "./Tooltip.js";
 import { CubeTooltipTriggerProps, TooltipTriggerFunction } from "./TooltipTrigger.js";
 import { Styles } from "@tenphi/tasty";
 import { ReactElement, ReactNode } from "react";
-
 //#region src/components/overlays/Tooltip/TooltipProvider.d.ts
-interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'children'> {
+export interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'children'> {
   children: ReactNode | TooltipTriggerFunction;
   title?: ReactNode;
   tooltipStyles?: Styles;
@@ -17,7 +16,6 @@ interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'childr
    */
   qa?: string;
 }
-declare function TooltipProvider(props: CubeTooltipProviderProps): ReactElement;
+export declare function TooltipProvider(props: CubeTooltipProviderProps): ReactElement;
 //#endregion
-export { CubeTooltipProviderProps, TooltipProvider };
 //# sourceMappingURL=TooltipProvider.d.ts.map

package/dist/components/overlays/Tooltip/TooltipProvider.js

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _Tooltip } from "./Tooltip.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { Tooltip as _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { c } from "react/compiler-runtime";
 import { isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useIsSSR } from "react-aria";
-
 //#region src/components/overlays/Tooltip/TooltipProvider.tsx
 function TooltipProvider(props) {
 	const $ = c(28);
@@ -92,7 +91,7 @@ function TooltipProvider(props) {
 	} else t2 = $[27];
 	return t2;
 }
-
 //#endregion
 export { TooltipProvider };
+
 //# sourceMappingURL=TooltipProvider.js.map

package/dist/components/overlays/Tooltip/TooltipProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipProvider.js","names":["Styles","isValidElement","ReactElement","ReactNode","RefObject","useIsSSR","CubeTooltipProps","Tooltip","CubeTooltipTriggerProps","TooltipTrigger","TooltipTriggerFunction","CubeTooltipProviderProps","Omit","children","title","tooltipStyles","width","qa","TooltipProvider","props","$","_c","isSSR","isDisabled","otherProps","isFunction","t0","current","HTMLElement","t1","t2"],"sources":["../../../../src/components/overlays/Tooltip/TooltipProvider.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { isValidElement, ReactElement, ReactNode, RefObject } from 'react';\nimport { useIsSSR } from 'react-aria';\n\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\nimport {\n  CubeTooltipTriggerProps,\n  TooltipTrigger,\n  TooltipTriggerFunction,\n} from './TooltipTrigger';\n\nexport interface CubeTooltipProviderProps\n  extends Omit<CubeTooltipTriggerProps, 'children'> {\n  children: ReactNode | TooltipTriggerFunction;\n  title?: ReactNode;\n  tooltipStyles?: Styles;\n  width?: CubeTooltipProps['width'];\n  /**\n   * `data-qa` for the rendered tooltip, so a test can pick out this control's\n   * tooltip rather than whichever one is open. Also accepted in the `tooltip`\n   * object of components that build a provider from it.\n   */\n  qa?: string;\n}\n\nexport function TooltipProvider(props: CubeTooltipProviderProps): ReactElement {\n  const isSSR = useIsSSR();\n  const {\n    title,\n    children,\n    tooltipStyles,\n    width,\n    qa,\n    isDisabled,\n    ...otherProps\n  } = props;\n\n  const isFunction = typeof children === 'function';\n\n  // Render without the tooltip on the server, and while hydrating it.\n  //\n  // `useIsSSR` rather than a `rendered` state flipped from an effect: the\n  // state version answered `false` on the first client render too, so every\n  // client-rendered tree paid a second commit — and its trigger a remount —\n  // one task after everything watching the mount had called it finished.\n  if (isSSR) {\n    return (\n      <>\n        {isFunction\n          ? children({}, { current: null } as unknown as RefObject<HTMLElement>)\n          : children}\n      </>\n    ) as ReactElement;\n  }\n\n  // Both patterns pass through to TooltipTrigger\n  // The difference is whether we pass function or element as first child\n  return (\n    <TooltipTrigger\n      {...otherProps}\n      isDisabled={isDisabled}\n      disableFocusableProvider={isFunction}\n    >\n      {isFunction ||\n      isValidElement(children) ||\n      typeof children === 'string' ? (\n        children\n      ) : (\n        <>{children}</>\n      )}\n      {isDisabled ? (\n        <div />\n      ) : (\n        <Tooltip\n          styles={tooltipStyles}\n          {...(width ? { width } : null)}\n          {...(qa ? { qa } : null)}\n        >\n          {title}\n        </Tooltip>\n      )}\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAOkB,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAAC,QAAcjB,UAAU;CAAC,IAAAQ;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAP;CAAA,IAAAH;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAI,EAAA,OAAAD,OAAA;AACzB,GAAA,CAAAL,OAAAD,UAAAE,eAAAC,OAAAC,IAAAM,eAAAC,cAQIL;AAAMC,IAAA,KAAAD;AAAAC,IAAA,KAAAP;AAAAO,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAH;AAAAG,IAAA,KAAAN;AAAAM,IAAA,KAAAL;AAAAK,IAAA,KAAAJ;QAAA;AAAAH,aAAAO,EAAA;AAAAG,eAAAH,EAAA;AAAAI,eAAAJ,EAAA;AAAAH,OAAAG,EAAA;AAAAN,UAAAM,EAAA;AAAAL,kBAAAK,EAAA;AAAAJ,UAAAI,EAAA;;CAEV,MAAAK,aAAmB,OAAOZ,aAAa;AAQvC,KAAIS,OAAK;EAAA,IAAAI;AAAA,MAAAN,EAAA,OAAAP,YAAAO,EAAA,OAAAK,YAAA;AAGFC,QAAAD,aACGZ,SAAS,EAAE,EAAE,EAAAc,SAAW,MAAM,CACtB,GAFXd;AAEWO,KAAA,KAAAP;AAAAO,KAAA,KAAAK;AAAAL,KAAA,MAAAM;QAAAA,MAAAN,EAAA;EAAA,IAAAS;AAAA,MAAAT,EAAA,QAAAM,IAAA;AAHdG,QAAA,4CACGH,KAGA;AAAAN,KAAA,MAAAM;AAAAN,KAAA,MAAAS;QAAAA,MAAAT,EAAA;AAAA,SAJHS;;CAMH,IAAAH;AAAA,KAAAN,EAAA,QAAAP,YAAAO,EAAA,QAAAK,YAAA;AAUIC,OAAAD,cACDxB,eAAeY,SACa,IAA5B,OAAOA,aAAa,WAFnBA,WAAA,kCAKIA,WACJ;AAAAO,IAAA,MAAAP;AAAAO,IAAA,MAAAK;AAAAL,IAAA,MAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,QAAAG,cAAAH,EAAA,QAAAH,MAAAG,EAAA,QAAAN,SAAAM,EAAA,QAAAL,iBAAAK,EAAA,QAAAJ,OAAA;AACAa,OAAAN,aACC,oBAAA,UASD,GAPC,oBAAC;GACSR,QAAAA;GAAa,GAChBC,QAAA,EAAAA,OAAwB,GAAxB;GAAwB,GACxBC,KAAA,EAAAA,IAAkB,GAAlB;aAEJH;IAEJ;AAAAM,IAAA,MAAAG;AAAAH,IAAA,MAAAH;AAAAG,IAAA,MAAAN;AAAAM,IAAA,MAAAL;AAAAK,IAAA,MAAAJ;AAAAI,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,QAAAG,cAAAH,EAAA,QAAAK,cAAAL,EAAA,QAAAI,cAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAS,IAAA;AAtBHC,OAAA,qBAAC;GAAc,GACTN;GACQD;GACcE,0BAAAA;cAEzBC,IAOAG;IAWc;AAAAT,IAAA,MAAAG;AAAAH,IAAA,MAAAK;AAAAL,IAAA,MAAAI;AAAAJ,IAAA,MAAAM;AAAAN,IAAA,MAAAS;AAAAT,IAAA,MAAAU;OAAAA,MAAAV,EAAA;AAAA,QAvBjBU"}
+{"version":3,"file":"TooltipProvider.js","names":["Styles","isValidElement","ReactElement","ReactNode","RefObject","useIsSSR","CubeTooltipProps","Tooltip","CubeTooltipTriggerProps","TooltipTrigger","TooltipTriggerFunction","CubeTooltipProviderProps","Omit","children","title","tooltipStyles","width","qa","TooltipProvider","props","$","_c","isSSR","isDisabled","otherProps","isFunction","t0","current","HTMLElement","t1","t2","_c","Tooltip"],"sources":["../../../../src/components/overlays/Tooltip/TooltipProvider.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport { isValidElement, ReactElement, ReactNode, RefObject } from 'react';\nimport { useIsSSR } from 'react-aria';\n\nimport { CubeTooltipProps, Tooltip } from './Tooltip';\nimport {\n  CubeTooltipTriggerProps,\n  TooltipTrigger,\n  TooltipTriggerFunction,\n} from './TooltipTrigger';\n\nexport interface CubeTooltipProviderProps extends Omit<\n  CubeTooltipTriggerProps,\n  'children'\n> {\n  children: ReactNode | TooltipTriggerFunction;\n  title?: ReactNode;\n  tooltipStyles?: Styles;\n  width?: CubeTooltipProps['width'];\n  /**\n   * `data-qa` for the rendered tooltip, so a test can pick out this control's\n   * tooltip rather than whichever one is open. Also accepted in the `tooltip`\n   * object of components that build a provider from it.\n   */\n  qa?: string;\n}\n\nexport function TooltipProvider(props: CubeTooltipProviderProps): ReactElement {\n  const isSSR = useIsSSR();\n  const {\n    title,\n    children,\n    tooltipStyles,\n    width,\n    qa,\n    isDisabled,\n    ...otherProps\n  } = props;\n\n  const isFunction = typeof children === 'function';\n\n  // Render without the tooltip on the server, and while hydrating it.\n  //\n  // `useIsSSR` rather than a `rendered` state flipped from an effect: the\n  // state version answered `false` on the first client render too, so every\n  // client-rendered tree paid a second commit — and its trigger a remount —\n  // one task after everything watching the mount had called it finished.\n  if (isSSR) {\n    return (\n      <>\n        {isFunction\n          ? children({}, { current: null } as unknown as RefObject<HTMLElement>)\n          : children}\n      </>\n    ) as ReactElement;\n  }\n\n  // Both patterns pass through to TooltipTrigger\n  // The difference is whether we pass function or element as first child\n  return (\n    <TooltipTrigger\n      {...otherProps}\n      isDisabled={isDisabled}\n      disableFocusableProvider={isFunction}\n    >\n      {isFunction ||\n      isValidElement(children) ||\n      typeof children === 'string' ? (\n        children\n      ) : (\n        <>{children}</>\n      )}\n      {isDisabled ? (\n        <div />\n      ) : (\n        <Tooltip\n          styles={tooltipStyles}\n          {...(width ? { width } : null)}\n          {...(qa ? { qa } : null)}\n        >\n          {title}\n        </Tooltip>\n      )}\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;AA2BA,SAAOkB,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAAC,QAAcjB,SAAS;CAAE,IAAAQ;CAAA,IAAAU;CAAA,IAAAC;CAAA,IAAAP;CAAA,IAAAH;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAI,EAAA,OAAAD,OAAA;EACzB,CAAA,CAAAL,OAAAD,UAAAE,eAAAC,OAAAC,IAAAM,YAAA,GAAAC,cAQIL;EAAMC,EAAA,KAAAD;EAAAC,EAAA,KAAAP;EAAAO,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAH;EAAAG,EAAA,KAAAN;EAAAM,EAAA,KAAAL;EAAAK,EAAA,KAAAJ;CAAA,OAAA;EAAAH,WAAAO,EAAA;EAAAG,aAAAH,EAAA;EAAAI,aAAAJ,EAAA;EAAAH,KAAAG,EAAA;EAAAN,QAAAM,EAAA;EAAAL,gBAAAK,EAAA;EAAAJ,QAAAI,EAAA;CAAA;CAEV,MAAAK,aAAmB,OAAOZ,aAAa;CAQvC,IAAIS,OAAK;EAAA,IAAAI;EAAA,IAAAN,EAAA,OAAAP,YAAAO,EAAA,OAAAK,YAAA;GAGFC,KAAAD,aACGZ,SAAS,CAAC,GAAG,EAAAc,SAAW,KAAK,CACtB,IAFVd;GAEWO,EAAA,KAAAP;GAAAO,EAAA,KAAAK;GAAAL,EAAA,MAAAM;EAAA,OAAAA,KAAAN,EAAA;EAAA,IAAAS;EAAA,IAAAT,EAAA,QAAAM,IAAA;GAHdG,KAAA,oBAAA,YAAA,EAAA,UACGH,GAEW,CAAA;GACXN,EAAA,MAAAM;GAAAN,EAAA,MAAAS;EAAA,OAAAA,KAAAT,EAAA;EAAA,OAJHS;CAKe;CAClB,IAAAH;CAAA,IAAAN,EAAA,QAAAP,YAAAO,EAAA,QAAAK,YAAA;EAUIC,KAAAD,cACDxB,eAAeY,QAAQ,KACvB,OAAOA,aAAa,WAFnBA,WAAA,oBAAA,YAAA,EAKIA,SAAQ,CAAA;EACZO,EAAA,MAAAP;EAAAO,EAAA,MAAAK;EAAAL,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,QAAAG,cAAAH,EAAA,QAAAH,MAAAG,EAAA,QAAAN,SAAAM,EAAA,QAAAL,iBAAAK,EAAA,QAAAJ,OAAA;EACAa,KAAAN,aACC,oBAAA,OAAA,CAAO,CAAA,IAEP,oBAACS,UAAD;GACUjB,QAAAA;GAAa,GAChBC,QAAA,EAAAA,MAAuB,IAAvB;GAAwB,GACxBC,KAAA,EAAAA,GAAiB,IAAjB;GAEJH,UAAAA;EALK,CAAA;EAOTM,EAAA,MAAAG;EAAAH,EAAA,MAAAH;EAAAG,EAAA,MAAAN;EAAAM,EAAA,MAAAL;EAAAK,EAAA,MAAAJ;EAAAI,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,QAAAG,cAAAH,EAAA,QAAAK,cAAAL,EAAA,QAAAI,cAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAS,IAAA;EAtBHC,KAAA,qBAAC,gBAAD;GAAe,GACTN;GACQD;GACcE,0BAAAA;GAH5B,UAAA,CAKGC,IAOAG,EAZY;;EAuBET,EAAA,MAAAG;EAAAH,EAAA,MAAAK;EAAAL,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAS;EAAAT,EAAA,MAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAA,OAvBjBU;AAuBiB"}

package/dist/components/overlays/Tooltip/TooltipTrigger.d.ts

@@ -1,11 +1,9 @@
 
-import * as react from "react";
 import { HTMLAttributes, ReactElement, ReactNode, RefObject } from "react";
 import { Placement, TooltipTriggerProps } from "react-aria";
-
 //#region src/components/overlays/Tooltip/TooltipTrigger.d.ts
-type TooltipTriggerFunction = (triggerProps: HTMLAttributes<HTMLElement>, ref: RefObject<HTMLElement>) => ReactNode;
-interface CubeTooltipTriggerProps extends TooltipTriggerProps {
+export type TooltipTriggerFunction = (triggerProps: HTMLAttributes<HTMLElement>, ref: RefObject<HTMLElement>) => ReactNode;
+export interface CubeTooltipTriggerProps extends TooltipTriggerProps {
   children: [ReactElement | string | TooltipTriggerFunction, ReactElement];
   crossOffset?: number;
   offset?: number;
@@ -54,7 +52,6 @@ interface CubeTooltipTriggerProps extends TooltipTriggerProps {
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
  * relative to the trigger.
  */
-declare function TooltipTrigger(props: CubeTooltipTriggerProps): react.JSX.Element;
+export declare function TooltipTrigger(props: CubeTooltipTriggerProps): import("react").JSX.Element;
 //#endregion
-export { CubeTooltipTriggerProps, TooltipTrigger, TooltipTriggerFunction };
 //# sourceMappingURL=TooltipTrigger.d.ts.map

package/dist/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,12 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { TooltipContext } from "./context.js";
-import { _Tooltip } from "./Tooltip.js";
+import { Tooltip as _Tooltip } from "./Tooltip.js";
 import { isFocusRestoration } from "../../../utils/react/programmaticFocus.js";
 import { Block } from "../../Block.js";
-import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";
+import { ActiveZone as _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
 import { c } from "react/compiler-runtime";
@@ -15,7 +15,6 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useOverlayPosition, useTooltipTrigger } from "react-aria";
 import { FocusableProvider } from "@react-aria/focus";
 import { useTooltipTriggerState } from "react-stately";
-
 //#region src/components/overlays/Tooltip/TooltipTrigger.tsx
 const TooltipPositionContext = createContext(null);
 function TooltipTransition(props) {
@@ -276,7 +275,7 @@ function TooltipTrigger(props) {
 		children: triggerContent
 	});
 }
-
 //#endregion
 export { TooltipTrigger };
+
 //# sourceMappingURL=TooltipTrigger.js.map