@douglasneuroinformatics/libui 4.5.0 → 4.6.0

package/README.md

@@ -43,7 +43,5 @@ We welcome contributions! If you're interested in improving the library or addin
 
 ## License
 
-Copyright (C) 2024 Douglas Neuroinformatics Platform
-
 This program is free software: you can redistribute it and/or modify
 it under the terms of the Apache License 2.0.

package/dist/{chunk-SGSRBDMT.js → chunk-LEIF262P.js}

@@ -22,12 +22,40 @@ function useChart() {
   return context;
 }
 
+// src/hooks/useDestructiveAction/useDestructiveAction.ts
+import { useCallback } from "react";
+
+// src/hooks/useDestructiveAction/useDestructiveActionStore.ts
+import { create } from "zustand";
+var useDestructiveActionStore = create((set) => ({
+  addPendingDestructiveAction: (action) => {
+    set((state) => ({
+      pendingDestructiveActions: [...state.pendingDestructiveActions, action]
+    }));
+  },
+  deletePendingDestructiveAction: (action) => {
+    set((state) => ({
+      ...state,
+      pendingDestructiveActions: state.pendingDestructiveActions.filter((_action) => _action !== action)
+    }));
+  },
+  pendingDestructiveActions: []
+}));
+
+// src/hooks/useDestructiveAction/useDestructiveAction.ts
+function useDestructiveAction(destructiveAction) {
+  const addPendingDestructiveAction = useDestructiveActionStore((store) => store.addPendingDestructiveAction);
+  return useCallback(() => {
+    addPendingDestructiveAction(destructiveAction);
+  }, [destructiveAction, addPendingDestructiveAction]);
+}
+
 // src/hooks/useDownload/useDownload.ts
 import { useEffect, useState } from "react";
 
 // src/hooks/useNotificationsStore/useNotificationsStore.ts
-import { create } from "zustand";
-var useNotificationsStore = create((set) => ({
+import { create as create2 } from "zustand";
+var useNotificationsStore = create2((set) => ({
   addNotification: (notification) => {
     set((state) => ({
       notifications: [...state.notifications, { id: Date.now(), ...notification }]
@@ -82,7 +110,7 @@ function useDownload() {
 }
 
 // src/hooks/useEventCallback/useEventCallback.ts
-import { useCallback, useRef } from "react";
+import { useCallback as useCallback2, useRef } from "react";
 
 // src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts
 import { useEffect as useEffect2, useLayoutEffect } from "react";
@@ -96,7 +124,7 @@ function useEventCallback(fn) {
   useIsomorphicLayoutEffect(() => {
     ref.current = fn;
   }, [fn]);
-  return useCallback((...args) => ref.current(...args), [ref]);
+  return useCallback2((...args) => ref.current(...args), [ref]);
 }
 
 // src/hooks/useEventListener/useEventListener.ts
@@ -169,11 +197,11 @@ function useOnClickOutside(ref, handler, mouseEvent = "mousedown") {
 }
 
 // src/hooks/useStorage/useStorage.ts
-import { useCallback as useCallback2, useEffect as useEffect6, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect6, useState as useState3 } from "react";
 function useStorage(key, initialValue, storageName, options = {}) {
   const { initializeWithValue = true } = options;
   const storage = window[storageName];
-  const serializer = useCallback2(
+  const serializer = useCallback3(
     (value) => {
       if (options.serializer) {
         return options.serializer(value);
@@ -182,7 +210,7 @@ function useStorage(key, initialValue, storageName, options = {}) {
     },
     [options]
   );
-  const deserializer = useCallback2(
+  const deserializer = useCallback3(
     (value) => {
       if (options.deserializer) {
         return options.deserializer(value);
@@ -201,7 +229,7 @@ function useStorage(key, initialValue, storageName, options = {}) {
     },
     [options, initialValue]
   );
-  const readValue = useCallback2(() => {
+  const readValue = useCallback3(() => {
     const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;
     if (!isBrowser()) {
       return initialValueToUse;
@@ -231,7 +259,7 @@ function useStorage(key, initialValue, storageName, options = {}) {
   useEffect6(() => {
     setStoredValue(readValue());
   }, [key]);
-  const handleStorageChange = useCallback2(
+  const handleStorageChange = useCallback3(
     (event) => {
       if (event.key && event.key !== key) {
         return;
@@ -353,6 +381,8 @@ function useWindowSize() {
 export {
   ChartContext,
   useChart,
+  useDestructiveActionStore,
+  useDestructiveAction,
   useNotificationsStore,
   useDownload,
   useIsomorphicLayoutEffect,
@@ -372,4 +402,4 @@ export {
   useTranslation,
   useWindowSize
 };
-//# sourceMappingURL=chunk-SGSRBDMT.js.map
+//# sourceMappingURL=chunk-LEIF262P.js.map

package/dist/chunk-LEIF262P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useChart/useChart.ts","../src/context/ChartContext.tsx","../src/hooks/useDestructiveAction/useDestructiveAction.ts","../src/hooks/useDestructiveAction/useDestructiveActionStore.ts","../src/hooks/useDownload/useDownload.ts","../src/hooks/useNotificationsStore/useNotificationsStore.ts","../src/hooks/useEventCallback/useEventCallback.ts","../src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts","../src/hooks/useEventListener/useEventListener.ts","../src/hooks/useInterval/useInterval.ts","../src/hooks/useMediaQuery/useMediaQuery.ts","../src/hooks/useOnClickOutside/useOnClickOutside.ts","../src/hooks/useStorage/useStorage.ts","../src/hooks/useStorage/useLocalStorage.ts","../src/hooks/useStorage/useSessionStorage.ts","../src/hooks/useTheme/useTheme.ts","../src/hooks/useTranslation/useTranslation.ts","../src/hooks/useWindowSize/useWindowSize.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { ChartContext } from '@/context/ChartContext';\n\nexport function useChart() {\n  const context = useContext(ChartContext);\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n  return context;\n}\n","import { createContext } from 'react';\n\nimport type { ChartConfig } from '@/components';\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nexport const ChartContext = createContext<ChartContextProps | null>(null);\n","import { useCallback } from 'react';\n\nimport { useDestructiveActionStore } from './useDestructiveActionStore';\n\nimport type { DestructiveAction } from './useDestructiveActionStore';\n\nexport function useDestructiveAction(destructiveAction: DestructiveAction) {\n  const addPendingDestructiveAction = useDestructiveActionStore((store) => store.addPendingDestructiveAction);\n  return useCallback(() => {\n    addPendingDestructiveAction(destructiveAction);\n  }, [destructiveAction, addPendingDestructiveAction]);\n}\n","import type { Promisable } from 'type-fest';\nimport { create } from 'zustand';\n\nexport type DestructiveAction = () => Promisable<void>;\n\nexport type DestructiveActionStore = {\n  addPendingDestructiveAction: (action: DestructiveAction) => void;\n  deletePendingDestructiveAction: (action: DestructiveAction) => void;\n  pendingDestructiveActions: DestructiveAction[];\n};\n\nexport const useDestructiveActionStore = create<DestructiveActionStore>((set) => ({\n  addPendingDestructiveAction: (action) => {\n    set((state) => ({\n      pendingDestructiveActions: [...state.pendingDestructiveActions, action]\n    }));\n  },\n  deletePendingDestructiveAction: (action) => {\n    set((state) => ({\n      ...state,\n      pendingDestructiveActions: state.pendingDestructiveActions.filter((_action) => _action !== action)\n    }));\n  },\n  pendingDestructiveActions: []\n}));\n","import { useEffect, useState } from 'react';\n\nimport type { Promisable } from 'type-fest';\n\nimport { useNotificationsStore } from '../useNotificationsStore';\n\ntype DownloadTextOptions = {\n  blobType: 'text/csv' | 'text/plain';\n};\n\ntype DownloadBlobOptions = {\n  blobType: 'application/zip' | 'image/jpeg' | 'image/png' | 'image/webp';\n};\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ninterface DownloadFunction {\n  (filename: string, data: Blob, options: DownloadBlobOptions): Promise<void>;\n  (filename: string, data: () => Promisable<Blob>, options: DownloadBlobOptions): Promise<void>;\n  (filename: string, data: string, options?: DownloadTextOptions): Promise<void>;\n  (filename: string, data: () => Promisable<string>, options?: DownloadTextOptions): Promise<void>;\n}\n\ntype Downloadable = {\n  blobType: string;\n  data: Blob | string;\n  filename: string;\n  id: string;\n};\n\n/**\n * Used to trigger downloads of arbitrary data to the client\n * @returns A function to invoke the download\n */\nexport function useDownload(): DownloadFunction {\n  const notifications = useNotificationsStore();\n  const [downloads, setDownloads] = useState<Downloadable[]>([]);\n\n  useEffect(() => {\n    if (downloads.length) {\n      const { blobType, data, filename, id } = downloads.at(-1)!;\n      const anchor = document.createElement('a');\n      document.body.appendChild(anchor);\n      const blob = new Blob([data], { type: blobType });\n      const url = URL.createObjectURL(blob);\n      anchor.href = url;\n      anchor.download = filename;\n      anchor.click();\n      URL.revokeObjectURL(url);\n      anchor.remove();\n      setDownloads((prevDownloads) => prevDownloads.filter((item) => item.id !== id));\n    }\n  }, [downloads]);\n\n  return async (filename, _data, options) => {\n    try {\n      const data = typeof _data === 'function' ? await _data() : _data;\n      if (typeof data !== 'string' && !options?.blobType) {\n        throw new Error(\"argument 'blobType' must be defined when download is called with a Blob object\");\n      }\n      setDownloads((prevDownloads) => [\n        ...prevDownloads,\n        { blobType: options?.blobType ?? 'text/plain', data, filename, id: crypto.randomUUID() }\n      ]);\n    } catch (error) {\n      const message = error instanceof Error ? error.message : 'An unknown error occurred';\n      notifications.addNotification({\n        message,\n        title: 'Error',\n        type: 'error'\n      });\n    }\n  };\n}\n","import { create } from 'zustand';\n\nexport type NotificationInterface = {\n  id: number;\n  message?: string;\n  title?: string;\n  type: 'error' | 'info' | 'success' | 'warning';\n  variant?: 'critical' | 'standard';\n};\n\nexport type NotificationsStore = {\n  addNotification: (notification: Omit<NotificationInterface, 'id'>) => void;\n  dismissNotification: (id: number) => void;\n  notifications: NotificationInterface[];\n};\n\nexport const useNotificationsStore = create<NotificationsStore>((set) => ({\n  addNotification: (notification) => {\n    set((state) => ({\n      notifications: [...state.notifications, { id: Date.now(), ...notification }]\n    }));\n  },\n  dismissNotification: (id) => {\n    set((state) => ({\n      notifications: state.notifications.filter((notification) => notification.id !== id)\n    }));\n  },\n  notifications: []\n}));\n","import { useCallback, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\n\nexport function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R) {\n  const ref = useRef<typeof fn>(() => {\n    throw new Error('Cannot call an event handler while rendering.');\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  return useCallback((...args: Args) => ref.current(...args), [ref]);\n}\n","import { useEffect, useLayoutEffect } from 'react';\n\nimport { isBrowser } from '@/utils';\n\nexport const useIsomorphicLayoutEffect = isBrowser() ? useLayoutEffect : useEffect;\n","import { useEffect, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\n\n// MediaQueryList Event based useEventListener interface\nfunction useEventListener<K extends keyof MediaQueryListEventMap>(\n  eventName: K,\n  handler: (event: MediaQueryListEventMap[K]) => void,\n  element: RefObject<MediaQueryList>,\n  options?: AddEventListenerOptions | boolean\n): void;\n\n// Window Event based useEventListener interface\nfunction useEventListener<K extends keyof WindowEventMap>(\n  eventName: K,\n  handler: (event: WindowEventMap[K]) => void,\n  element?: undefined,\n  options?: AddEventListenerOptions | boolean\n): void;\n\n// Element Event based useEventListener interface\nfunction useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(\n  eventName: K,\n  handler: (event: HTMLElementEventMap[K]) => void,\n  element: RefObject<T>,\n  options?: AddEventListenerOptions | boolean\n): void;\n\n// Document Event based useEventListener interface\nfunction useEventListener<K extends keyof DocumentEventMap>(\n  eventName: K,\n  handler: (event: DocumentEventMap[K]) => void,\n  element: RefObject<Document>,\n  options?: AddEventListenerOptions | boolean\n): void;\n\nfunction useEventListener<\n  KW extends keyof WindowEventMap,\n  KH extends keyof HTMLElementEventMap,\n  KM extends keyof MediaQueryListEventMap,\n  T extends HTMLElement | MediaQueryList | void = void\n>(\n  eventName: KH | KM | KW,\n  handler: (event: Event | HTMLElementEventMap[KH] | MediaQueryListEventMap[KM] | WindowEventMap[KW]) => void,\n  element?: RefObject<T>,\n  options?: AddEventListenerOptions | boolean\n) {\n  // Create a ref that stores handler\n  const savedHandler = useRef(handler);\n\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    // Define the listening target\n    const targetElement: T | Window = element?.current ?? window;\n\n    if (!(targetElement && targetElement.addEventListener)) return;\n\n    // Create event listener that calls handler function stored in ref\n    const listener: typeof handler = (event) => savedHandler.current(event);\n\n    targetElement.addEventListener(eventName, listener, options);\n\n    // Remove event listener on cleanup\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\nexport { useEventListener };\n","import { useEffect, useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\n\nexport function useInterval(callback: () => void, delay: null | number) {\n  const savedCallback = useRef(callback);\n\n  // Remember the latest callback if it changes.\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  useEffect(() => {\n    // Don't schedule if no delay is specified.\n    // Note: 0 is a valid value for delay.\n    if (!delay && delay !== 0) {\n      return;\n    }\n\n    const id = setInterval(() => savedCallback.current(), delay);\n\n    return () => clearInterval(id);\n  }, [delay]);\n}\n","import { useEffect, useState } from 'react';\n\nimport { isBrowser } from '@/utils';\n\n/**\n * Get the result of an arbitrary CSS media query\n *\n * @param query - the CSS media query\n * @returns a boolean indicating the result of the query\n * @example\n * // true if the viewport is at least 768px wide\n * const matches = useMediaQuery('(min-width: 768px)')\n */\nexport function useMediaQuery(query: string): boolean {\n  const getMatches = (query: string): boolean => {\n    // Prevents SSR issues\n    if (isBrowser()) {\n      return window.matchMedia(query).matches;\n    }\n    return false;\n  };\n\n  const [matches, setMatches] = useState<boolean>(getMatches(query));\n\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n\n  useEffect(() => {\n    const matchMedia = window.matchMedia(query);\n\n    // Triggered at the first client-side load and if query changes\n    handleChange();\n\n    matchMedia.addEventListener('change', handleChange);\n\n    return () => {\n      matchMedia.removeEventListener('change', handleChange);\n    };\n  }, [query]);\n\n  return matches;\n}\n","import type { RefObject } from 'react';\n\nimport { useEventListener } from '../useEventListener';\n\ntype Handler = (event: MouseEvent) => void;\n\nexport function useOnClickOutside<T extends HTMLElement | null = HTMLElement>(\n  ref: RefObject<T>,\n  handler: Handler,\n  mouseEvent: 'mousedown' | 'mouseup' = 'mousedown'\n): void {\n  useEventListener(mouseEvent, (event) => {\n    const el = ref.current;\n\n    // Do nothing if clicking ref's element or descendent elements\n    if (!el || el.contains(event.target as Node)) {\n      return;\n    }\n\n    handler(event);\n  });\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { isBrowser } from '@/utils';\n\nimport { useEventCallback } from '../useEventCallback';\nimport { useEventListener } from '../useEventListener';\n\ntype StorageName = 'localStorage' | 'sessionStorage';\n\ntype StorageEventMap = {\n  [K in StorageName]: CustomEvent;\n};\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions, @typescript-eslint/no-empty-object-type\n  interface WindowEventMap extends StorageEventMap {}\n}\n\n/**\n * Represents the options for customizing the behavior of serialization and deserialization.\n * @template T - The type of the state to be stored in storage.\n */\ntype UseStorageOptions<T> = {\n  /** A function to deserialize the stored value. */\n  deserializer?: (value: string) => T;\n  /**\n   * If `true` (default), the hook will initialize reading the storage. In SSR, you should set it to `false`, returning the initial value initially.\n   * @default true\n   */\n  initializeWithValue?: boolean;\n  /** A function to serialize the value before storing it. */\n  serializer?: (value: T) => string;\n};\n\n/**\n * Custom hook that uses local or session storage to persist state across page reloads.\n * @template T - The type of the state to be stored in storage.\n * @param key - The key under which the value will be stored in  storage.\n * @param initialValue - The initial value of the state or a function that returns the initial value.\n * @param options - Options for customizing the behavior of serialization and deserialization (optional).\n * @returns A tuple containing the stored value and a function to set the value.\n * @public\n * @example\n * ```tsx\n * const [count, setCount] = useStorage('count', 0);\n * // Access the `count` value and the `setCount` function to update it.\n * ```\n */\nexport function useStorage<T>(\n  key: string,\n  initialValue: (() => T) | T,\n  storageName: StorageName,\n  options: UseStorageOptions<T> = {}\n): [T, Dispatch<SetStateAction<T>>] {\n  const { initializeWithValue = true } = options;\n  const storage = window[storageName];\n\n  const serializer = useCallback<(value: T) => string>(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n\n  const deserializer = useCallback<(value: string) => T>(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      } else if (value === 'undefined') {\n        return undefined as unknown as T;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed: unknown;\n      try {\n        parsed = JSON.parse(value);\n      } catch (err) {\n        console.error(`Error parsing JSON: ${(err as Error).message}`);\n        return defaultValue;\n      }\n      return parsed as T;\n    },\n    [options, initialValue]\n  );\n\n  const readValue = useCallback((): T => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (!isBrowser()) {\n      return initialValueToUse;\n    }\n    const raw = storage.getItem(key);\n    return raw ? deserializer(raw) : initialValueToUse;\n  }, [initialValue, key, deserializer]);\n\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n\n  const setValue: Dispatch<SetStateAction<T>> = useEventCallback((value) => {\n    if (!isBrowser()) {\n      console.warn(`Tried setting storage key “${key}” even though environment is not a client`);\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      storage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(storageName, { key }));\n    } catch (error) {\n      console.warn(`Error setting storage key “${key}”:`, error);\n    }\n  });\n\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n\n  const handleStorageChange = useCallback(\n    (event: CustomEvent | StorageEvent) => {\n      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n\n  // this only works for other documents, not the current one\n  useEventListener('storage', handleStorageChange);\n\n  useEventListener(storageName, handleStorageChange);\n\n  return [storedValue, setValue];\n}\n\nexport type { StorageName, UseStorageOptions };\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useStorage } from './useStorage';\n\nimport type { UseStorageOptions } from './useStorage';\n\n/** Custom hook that uses local storage to persist state across page reloads */\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: (() => T) | T,\n  options: UseStorageOptions<T> = {}\n): [T, Dispatch<SetStateAction<T>>] {\n  return useStorage(key, initialValue, 'localStorage', options);\n}\n","import type { Dispatch, SetStateAction } from 'react';\n\nimport { useStorage } from './useStorage';\n\nimport type { UseStorageOptions } from './useStorage';\n\n/** Custom hook that uses session storage to persist state across page reloads */\nexport function useSessionStorage<T>(\n  key: string,\n  initialValue: (() => T) | T,\n  options: UseStorageOptions<T> = {}\n): [T, Dispatch<SetStateAction<T>>] {\n  return useStorage(key, initialValue, 'sessionStorage', options);\n}\n","import { useEffect, useState } from 'react';\n\n// this is required since our storybook manager plugin cannot use vite aliases\nimport { isBrowser } from '../../utils';\n\ntype Theme = 'dark' | 'light';\n\ntype UpdateTheme = (theme: Theme) => void;\n\n/** @private */\nconst DEFAULT_THEME: Theme = 'light';\n\n/** @private */\nconst THEME_ATTRIBUTE = 'data-mode';\n\n/** @private */\nconst THEME_KEY = 'theme';\n\n/** @private */\nconst SYS_DARK_MEDIA_QUERY = '(prefers-color-scheme: dark)';\n\n/**\n * Returns the current theme and a function to update the current theme\n *\n * The reason the implementation of this hook is rather convoluted is for\n * cases where the theme is updated outside this hook\n */\nfunction useTheme(): readonly [Theme, UpdateTheme] {\n  // Initial theme value is based on the value saved in local storage or the system theme\n  const [theme, setTheme] = useState<Theme>(() => {\n    if (!isBrowser()) {\n      return DEFAULT_THEME;\n    }\n    const savedTheme = window.localStorage.getItem(THEME_KEY);\n    let initialTheme: Theme;\n    if (savedTheme === 'dark' || savedTheme === 'light') {\n      initialTheme = savedTheme;\n    } else {\n      initialTheme = window.matchMedia(SYS_DARK_MEDIA_QUERY).matches ? 'dark' : 'light';\n    }\n    document.documentElement.setAttribute(THEME_ATTRIBUTE, initialTheme);\n    return initialTheme;\n  });\n\n  useEffect(() => {\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === THEME_ATTRIBUTE) {\n          const updatedTheme = (mutation.target as HTMLHtmlElement).getAttribute(THEME_ATTRIBUTE);\n          if (updatedTheme === 'light' || updatedTheme === 'dark') {\n            window.localStorage.setItem(THEME_KEY, updatedTheme);\n            setTheme(updatedTheme);\n          } else {\n            console.error(`Unexpected value for 'data-mode' attribute: ${updatedTheme}`);\n          }\n        }\n      });\n    });\n    observer.observe(document.documentElement, {\n      attributes: true\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  // When the user wants to change the theme\n  const updateTheme = (theme: Theme) => {\n    document.documentElement.setAttribute(THEME_ATTRIBUTE, theme);\n  };\n\n  return [theme, updateTheme] as const;\n}\n\nexport { DEFAULT_THEME, SYS_DARK_MEDIA_QUERY, type Theme, THEME_ATTRIBUTE, THEME_KEY, useTheme };\n","import { useEffect, useMemo, useState } from 'react';\n\nimport type {\n  TranslateFunction,\n  TranslationKey,\n  TranslationKeyForNamespace,\n  TranslationNamespace,\n  TranslatorType\n} from '@/i18n';\n\n// this is required since our storybook manager plugin cannot use vite aliases\nimport { i18n } from '../../i18n';\n\nexport function useTranslation(): TranslatorType<TranslationKey>;\nexport function useTranslation<TNamespace extends TranslationNamespace>(\n  namespace: TNamespace\n): TranslatorType<TranslationKeyForNamespace<TNamespace>>;\nexport function useTranslation(namespace?: TranslationNamespace): TranslatorType<string> {\n  const [resolvedLanguage, setResolvedLanguage] = useState(i18n.resolvedLanguage);\n  const { changeLanguage, t } = useMemo(() => {\n    const t: TranslateFunction<string> = (target, options) => {\n      if (typeof target === 'object') {\n        return i18n.t(target, options);\n      }\n      return i18n.t((namespace ? `${namespace}.${target}` : target) as TranslationKey, options);\n    };\n    return {\n      changeLanguage: i18n.changeLanguage.bind(i18n),\n      t\n    };\n  }, []);\n\n  useEffect(() => {\n    i18n.addEventListener('languageChange', setResolvedLanguage);\n    return () => {\n      i18n.removeEventListener('languageChange', setResolvedLanguage);\n    };\n  }, []);\n\n  return {\n    changeLanguage,\n    resolvedLanguage,\n    t\n  };\n}\n","import { useState } from 'react';\n\nimport { useEventListener } from '../useEventListener';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\n\nexport type WindowSize = {\n  height: number;\n  width: number;\n};\n\nexport function useWindowSize(): WindowSize {\n  const [windowSize, setWindowSize] = useState<WindowSize>({\n    height: 0,\n    width: 0\n  });\n\n  const handleSize = () => {\n    setWindowSize({\n      height: window.innerHeight,\n      width: window.innerWidth\n    });\n  };\n\n  useEventListener('resize', handleSize);\n\n  // Set size at the first client-side load\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n\n  return windowSize;\n}\n"],"mappings":"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","names":["create","useCallback","useEffect","useEffect","useCallback","useEffect","useRef","useRef","useEffect","useEffect","useRef","useRef","useEffect","useEffect","useState","query","useState","useEffect","useCallback","useEffect","useState","useCallback","useState","useEffect","useEffect","useState","useState","useEffect","theme","useEffect","useState","useState","t","useEffect","useState","useState"]}

package/dist/chunk-X2FQXQHP.js

@@ -0,0 +1,325 @@
+"use client"
+import {
+  useNotificationsStore,
+  useTranslation
+} from "./chunk-LEIF262P.js";
+import {
+  cn
+} from "./chunk-HCQE34RL.js";
+
+// src/components/Button/Button.tsx
+import * as React from "react";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BUTTON_ICON_SIZE = {
+  lg: 18,
+  md: 16,
+  sm: 14
+};
+var buttonVariants = cva(
+  "flex items-center justify-center whitespace-nowrap cursor-pointer rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  {
+    defaultVariants: {
+      size: "md",
+      variant: "primary"
+    },
+    variants: {
+      size: {
+        icon: "p-1.5 aspect-square",
+        lg: "h-10 rounded-md px-8 text-base",
+        md: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs"
+      },
+      variant: {
+        danger: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/70",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        outline: "border border-input bg-inherit shadow-xs",
+        primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+        secondary: "bg-secondary border text-secondary-foreground shadow-xs hover:bg-secondary/10"
+      }
+    }
+  }
+);
+var Button = React.forwardRef(function Button2({ asChild, children, className, label, size = "md", variant = "primary", ...props }, ref) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsxs(Comp, { className: cn(buttonVariants({ className, size, variant })), ref, ...props, children: [
+    label,
+    /* @__PURE__ */ jsx(Slottable, { children })
+  ] });
+});
+
+// src/components/Card/Card.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CardRoot = React2.forwardRef(function CardRoot2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: cn("bg-card text-card-foreground rounded-xl border shadow-sm", className),
+      "data-testid": "card",
+      ref,
+      ...props
+    }
+  );
+});
+var Card = Object.assign(CardRoot, {
+  Content: ({ className, ...props }) => /* @__PURE__ */ jsx2("div", { className: cn("p-6 pt-0", className), ...props }),
+  Description: ({ className, ...props }) => /* @__PURE__ */ jsx2("p", { className: cn("text-muted-foreground text-sm", className), ...props }),
+  Footer: ({ className, ...props }) => {
+    return /* @__PURE__ */ jsx2("div", { className: cn("flex items-center p-6 pt-0", className), ...props });
+  },
+  Header: ({ className, ...props }) => /* @__PURE__ */ jsx2("div", { className: cn("flex flex-col space-y-1.5 p-6", className), ...props }),
+  Title: ({ children, className, ...props }) => /* @__PURE__ */ jsx2("h3", { className: cn("leading-none font-semibold tracking-tight", className), ...props, children })
+});
+
+// src/components/Dialog/Dialog.tsx
+import { Root, Trigger } from "@radix-ui/react-dialog";
+
+// src/components/Dialog/DialogBody.tsx
+import "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var DialogBody = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx3("div", { className: cn("py-4", className), ...props, children });
+};
+
+// src/components/Dialog/DialogContent.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { Close, Content, Portal } from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+
+// src/components/Dialog/DialogOverlay.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { Overlay } from "@radix-ui/react-dialog";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var DialogOverlay = forwardRef3(function DialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx4(
+    Overlay,
+    {
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 duration-200",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+
+// src/components/Dialog/DialogContent.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var DialogContent = forwardRef4(function DialogContent2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs2(Portal, { children: [
+    /* @__PURE__ */ jsx5(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs2(
+      Content,
+      {
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
+          className
+        ),
+        ref,
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx5(Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: /* @__PURE__ */ jsx5(XIcon, { className: "h-4 w-4" }) })
+        ]
+      }
+    )
+  ] });
+});
+
+// src/components/Dialog/DialogDescription.tsx
+import { forwardRef as forwardRef5 } from "react";
+import { Description } from "@radix-ui/react-dialog";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var DialogDescription = forwardRef5(function DialogDescription2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx6(Description, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
+});
+
+// src/components/Dialog/DialogFooter.tsx
+import "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx7("div", { className: cn("flex flex-col gap-x-2 gap-y-0.5 sm:flex-row", className), ...props });
+
+// src/components/Dialog/DialogHeader.tsx
+import "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx8("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+
+// src/components/Dialog/DialogTitle.tsx
+import { forwardRef as forwardRef6 } from "react";
+import { Title } from "@radix-ui/react-dialog";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var DialogTitle = forwardRef6(
+  function DialogTitle2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx9(Title, { className: cn("text-lg font-semibold leading-none tracking-tight", className), ref, ...props });
+  }
+);
+
+// src/components/Dialog/Dialog.tsx
+var Dialog = Object.assign(Root.bind(null), {
+  Body: DialogBody,
+  Content: DialogContent,
+  Description: DialogDescription,
+  Footer: DialogFooter,
+  Header: DialogHeader,
+  Title: DialogTitle,
+  Trigger
+});
+
+// src/providers/CoreProvider/NotificationHub.tsx
+import { XIcon as XIcon2 } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+
+// src/providers/CoreProvider/NotificationIcon.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var NotificationIcon = ({ type }) => {
+  switch (type) {
+    case "error":
+      return /* @__PURE__ */ jsx10(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-6 w-6 text-red-500",
+          "data-slot": "icon",
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx10(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",
+              fillRule: "evenodd"
+            }
+          )
+        }
+      );
+    case "info":
+      return /* @__PURE__ */ jsx10(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-6 w-6 text-blue-500",
+          "data-slot": "icon",
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx10(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
+              fillRule: "evenodd"
+            }
+          )
+        }
+      );
+    case "success":
+      return /* @__PURE__ */ jsx10(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-6 w-6 text-green-500",
+          "data-slot": "icon",
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx10(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
+              fillRule: "evenodd"
+            }
+          )
+        }
+      );
+    case "warning":
+      return /* @__PURE__ */ jsx10(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-6 w-6 text-yellow-500",
+          "data-slot": "icon",
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx10(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
+              fillRule: "evenodd"
+            }
+          )
+        }
+      );
+  }
+};
+
+// src/providers/CoreProvider/NotificationHub.tsx
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+var NotificationHub = ({ timeout = 5e3 }) => {
+  const { t } = useTranslation("libui");
+  const { dismissNotification, notifications } = useNotificationsStore();
+  return /* @__PURE__ */ jsx11("div", { className: "fixed bottom-0 z-50 w-full print:hidden", children: /* @__PURE__ */ jsx11(AnimatePresence, { children: notifications.map((item) => /* @__PURE__ */ jsx11(
+    motion.div,
+    {
+      animate: { height: "auto", opacity: 1 },
+      className: "relative max-w-sm",
+      exit: { height: 0, opacity: 0 },
+      initial: { height: 0, opacity: 0 },
+      transition: { bounce: 0.1, type: "spring" },
+      children: /* @__PURE__ */ jsx11("div", { className: "w-full p-2", children: /* @__PURE__ */ jsxs3(Card, { className: "w-full rounded-lg p-0", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center", children: [
+            /* @__PURE__ */ jsx11(NotificationIcon, { type: item.type }),
+            /* @__PURE__ */ jsx11("h5", { className: "ml-3 grow font-medium text-slate-900 dark:text-slate-100", children: item.title ?? t(`notifications.types.${item.type}`) }),
+            /* @__PURE__ */ jsx11(
+              "button",
+              {
+                className: "inline-flex rounded-md text-slate-400 hover:text-slate-500 focus:ring-1 focus:ring-sky-500 focus:outline-hidden dark:focus:ring-sky-600",
+                type: "button",
+                onClick: () => {
+                  dismissNotification(item.id);
+                },
+                children: /* @__PURE__ */ jsx11(XIcon2, { "aria-hidden": "true", className: "h-5 w-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx11("p", { className: "text-muted-foreground my-2", children: item.message })
+        ] }),
+        /* @__PURE__ */ jsx11(
+          motion.div,
+          {
+            animate: { width: "100%" },
+            className: "h-1 bg-slate-500",
+            initial: { width: "0%" },
+            transition: { duration: timeout / 1e3, ease: "linear" },
+            onAnimationComplete: () => {
+              dismissNotification(item.id);
+            }
+          }
+        )
+      ] }) })
+    },
+    item.id
+  )) }) });
+};
+
+export {
+  BUTTON_ICON_SIZE,
+  buttonVariants,
+  Button,
+  Card,
+  Dialog,
+  NotificationHub
+};
+//# sourceMappingURL=chunk-X2FQXQHP.js.map

package/dist/chunk-X2FQXQHP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/Card/Card.tsx","../src/components/Dialog/Dialog.tsx","../src/components/Dialog/DialogBody.tsx","../src/components/Dialog/DialogContent.tsx","../src/components/Dialog/DialogOverlay.tsx","../src/components/Dialog/DialogDescription.tsx","../src/components/Dialog/DialogFooter.tsx","../src/components/Dialog/DialogHeader.tsx","../src/components/Dialog/DialogTitle.tsx","../src/providers/CoreProvider/NotificationHub.tsx","../src/providers/CoreProvider/NotificationIcon.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport type { Simplify } from 'type-fest';\n\nimport { cn } from '@/utils';\n\nexport const BUTTON_ICON_SIZE = {\n  lg: 18,\n  md: 16,\n  sm: 14\n};\n\nexport const buttonVariants = cva(\n  'flex items-center justify-center whitespace-nowrap cursor-pointer rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n  {\n    defaultVariants: {\n      size: 'md',\n      variant: 'primary'\n    },\n    variants: {\n      size: {\n        icon: 'p-1.5 aspect-square',\n        lg: 'h-10 rounded-md px-8 text-base',\n        md: 'h-9 px-4 py-2',\n        sm: 'h-8 rounded-md px-3 text-xs'\n      },\n      variant: {\n        danger: 'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/70',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n        outline: 'border border-input bg-inherit shadow-xs',\n        primary: 'bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',\n        secondary: 'bg-secondary border text-secondary-foreground shadow-xs hover:bg-secondary/10'\n      }\n    }\n  }\n);\n\nexport type ButtonProps = Simplify<\n  React.ButtonHTMLAttributes<HTMLButtonElement> &\n    VariantProps<typeof buttonVariants> & {\n      asChild?: boolean;\n      /** @deprecated - use children   */\n      label?: string;\n    }\n>;\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { asChild, children, className, label, size = 'md', variant = 'primary', ...props },\n  ref\n) {\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp className={cn(buttonVariants({ className, size, variant }))} ref={ref} {...props}>\n      {label}\n      <Slottable>{children}</Slottable>\n    </Comp>\n  );\n});\n","import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nconst CardRoot = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(function CardRoot(\n  { className, ...props },\n  ref\n) {\n  return (\n    <div\n      className={cn('bg-card text-card-foreground rounded-xl border shadow-sm', className)}\n      data-testid=\"card\"\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport const Card = Object.assign(CardRoot, {\n  Content: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div className={cn('p-6 pt-0', className)} {...props} />\n  ),\n  Description: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => (\n    <p className={cn('text-muted-foreground text-sm', className)} {...props} />\n  ),\n  Footer: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n    return <div className={cn('flex items-center p-6 pt-0', className)} {...props} />;\n  },\n  Header: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n  ),\n  Title: ({ children, className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (\n    <h3 className={cn('leading-none font-semibold tracking-tight', className)} {...props}>\n      {children}\n    </h3>\n  )\n});\n","import { Root, Trigger } from '@radix-ui/react-dialog';\n\nimport { DialogBody } from './DialogBody';\nimport { DialogContent } from './DialogContent';\nimport { DialogDescription } from './DialogDescription';\nimport { DialogFooter } from './DialogFooter';\nimport { DialogHeader } from './DialogHeader';\nimport { DialogTitle } from './DialogTitle';\n\nexport const Dialog = Object.assign(Root.bind(null), {\n  Body: DialogBody,\n  Content: DialogContent,\n  Description: DialogDescription,\n  Footer: DialogFooter,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Trigger\n});\n","import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nexport const DialogBody = ({\n  children,\n  className,\n  ...props\n}: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => {\n  return (\n    <div className={cn('py-4', className)} {...props}>\n      {children}\n    </div>\n  );\n};\n","import { forwardRef } from 'react';\n\nimport { Close, Content, Portal } from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@/utils';\n\nimport { DialogOverlay } from './DialogOverlay';\n\nexport const DialogContent = forwardRef<\n  React.ElementRef<typeof Content>,\n  React.ComponentPropsWithoutRef<typeof Content>\n>(function DialogContent({ children, className, ...props }, ref) {\n  return (\n    <Portal>\n      <DialogOverlay />\n      <Content\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n          className\n        )}\n        ref={ref}\n        {...props}\n      >\n        {children}\n        <Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"h-4 w-4\" />\n        </Close>\n      </Content>\n    </Portal>\n  );\n});\n","import { forwardRef } from 'react';\n\nimport { Overlay } from '@radix-ui/react-dialog';\n\nimport { cn } from '@/utils';\n\nexport const DialogOverlay = forwardRef<\n  React.ElementRef<typeof Overlay>,\n  React.ComponentPropsWithoutRef<typeof Overlay>\n>(function DialogOverlay({ className, ...props }, ref) {\n  return (\n    <Overlay\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 duration-200',\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n","import { forwardRef } from 'react';\n\nimport { Description } from '@radix-ui/react-dialog';\n\nimport { cn } from '@/utils';\n\nexport const DialogDescription = forwardRef<\n  React.ElementRef<typeof Description>,\n  React.ComponentPropsWithoutRef<typeof Description>\n>(function DialogDescription({ className, ...props }, ref) {\n  return <Description className={cn('text-sm text-muted-foreground', className)} ref={ref} {...props} />;\n});\n","import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nexport const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-x-2 gap-y-0.5 sm:flex-row', className)} {...props} />\n);\n","import * as React from 'react';\n\nimport { cn } from '@/utils';\n\nexport const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />\n);\n","import { forwardRef } from 'react';\n\nimport { Title } from '@radix-ui/react-dialog';\n\nimport { cn } from '@/utils';\n\nexport const DialogTitle = forwardRef<React.ElementRef<typeof Title>, React.ComponentPropsWithoutRef<typeof Title>>(\n  function DialogTitle({ className, ...props }, ref) {\n    return (\n      <Title className={cn('text-lg font-semibold leading-none tracking-tight', className)} ref={ref} {...props} />\n    );\n  }\n);\n","import { XIcon } from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { Card } from '@/components/Card';\nimport { useTranslation } from '@/hooks';\nimport { useNotificationsStore } from '@/hooks/useNotificationsStore';\n\nimport { NotificationIcon } from './NotificationIcon';\n\ntype NotificationHubProps = {\n  /** The number of milliseconds before the notification is automatically cleared */\n  timeout?: number;\n};\n\nconst NotificationHub = ({ timeout = 5000 }: NotificationHubProps) => {\n  const { t } = useTranslation('libui');\n  const { dismissNotification, notifications } = useNotificationsStore();\n\n  return (\n    <div className=\"fixed bottom-0 z-50 w-full print:hidden\">\n      <AnimatePresence>\n        {notifications.map((item) => (\n          <motion.div\n            animate={{ height: 'auto', opacity: 1 }}\n            className=\"relative max-w-sm\"\n            exit={{ height: 0, opacity: 0 }}\n            initial={{ height: 0, opacity: 0 }}\n            key={item.id}\n            transition={{ bounce: 0.1, type: 'spring' }}\n          >\n            <div className=\"w-full p-2\">\n              <Card className=\"w-full rounded-lg p-0\">\n                <div className=\"p-4\">\n                  <div className=\"mb-2 flex items-center\">\n                    <NotificationIcon type={item.type} />\n                    <h5 className=\"ml-3 grow font-medium text-slate-900 dark:text-slate-100\">\n                      {item.title ?? t(`notifications.types.${item.type}`)}\n                    </h5>\n                    <button\n                      className=\"inline-flex rounded-md text-slate-400 hover:text-slate-500 focus:ring-1 focus:ring-sky-500 focus:outline-hidden dark:focus:ring-sky-600\"\n                      type=\"button\"\n                      onClick={() => {\n                        dismissNotification(item.id);\n                      }}\n                    >\n                      <XIcon aria-hidden=\"true\" className=\"h-5 w-5\" />\n                    </button>\n                  </div>\n                  <p className=\"text-muted-foreground my-2\">{item.message}</p>\n                </div>\n                <motion.div\n                  animate={{ width: '100%' }}\n                  className=\"h-1 bg-slate-500\"\n                  initial={{ width: '0%' }}\n                  transition={{ duration: timeout / 1000, ease: 'linear' }}\n                  onAnimationComplete={() => {\n                    dismissNotification(item.id);\n                  }}\n                />\n              </Card>\n            </div>\n          </motion.div>\n        ))}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport { NotificationHub, type NotificationHubProps };\n","import type { NotificationInterface } from '@/hooks/useNotificationsStore';\n\nexport type NotificationIconProps = {\n  type: NotificationInterface['type'];\n};\n\nexport const NotificationIcon = ({ type }: NotificationIconProps) => {\n  switch (type) {\n    case 'error':\n      return (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6 text-red-500\"\n          data-slot=\"icon\"\n          fill=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            clipRule=\"evenodd\"\n            d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z\"\n            fillRule=\"evenodd\"\n          ></path>\n        </svg>\n      );\n    case 'info':\n      return (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6 text-blue-500\"\n          data-slot=\"icon\"\n          fill=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            clipRule=\"evenodd\"\n            d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"\n            fillRule=\"evenodd\"\n          ></path>\n        </svg>\n      );\n    case 'success':\n      return (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6 text-green-500\"\n          data-slot=\"icon\"\n          fill=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            clipRule=\"evenodd\"\n            d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"\n            fillRule=\"evenodd\"\n          />\n        </svg>\n      );\n    case 'warning':\n      return (\n        <svg\n          aria-hidden=\"true\"\n          className=\"h-6 w-6 text-yellow-500\"\n          data-slot=\"icon\"\n          fill=\"currentColor\"\n          viewBox=\"0 0 24 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            clipRule=\"evenodd\"\n            d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"\n            fillRule=\"evenodd\"\n          ></path>\n        </svg>\n      );\n  }\n};\n"],"mappings":"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","names":["Button","React","jsx","CardRoot","jsx","forwardRef","forwardRef","jsx","forwardRef","DialogOverlay","jsx","jsxs","forwardRef","DialogContent","forwardRef","jsx","forwardRef","DialogDescription","jsx","jsx","forwardRef","jsx","forwardRef","DialogTitle","XIcon","jsx","jsx","jsxs","XIcon"]}

package/dist/components.d.ts

@@ -25,7 +25,7 @@ import { ZodTypeLike, ZodErrorLike } from '@douglasneuroinformatics/libjs';
 import { FormDataType, FormContent, PartialNullableFormDataType } from '@douglasneuroinformatics/libui-form-types';
 import * as _radix_ui_react_hover_card from '@radix-ui/react-hover-card';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { L as Language } from './types-CxoDu4Em.js';
+import { L as Language } from './types-CwW4nA_v.js';
 import * as _radix_ui_react_menubar from '@radix-ui/react-menubar';
 import { MenubarMenuProps } from '@radix-ui/react-menubar';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
@@ -1450,12 +1450,6 @@ declare const MenuBar: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_me
     Trigger: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_menubar.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 };
 
-type NotificationHubProps = {
-    /** The number of milliseconds before the notification is automatically cleared */
-    timeout?: number;
-};
-declare const NotificationHub: ({ timeout }: NotificationHubProps) => react_jsx_runtime.JSX.Element;
-
 type OneTimePasswordInputProps = {
     [key: `data-${string}`]: unknown;
     className?: string;
@@ -1638,4 +1632,10 @@ declare const Tooltip: (({ children, delayDuration, onOpenChange, open, skipDela
     Trigger: React$1.ForwardRefExoticComponent<TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 };
 
-export { Accordion, ActionDropdown, type ActionDropdownProps, AlertDialog, ArrowToggle, type ArrowToggleProps, Avatar, BUTTON_ICON_SIZE, Badge, type BadgeProps, type BaseSearchBarProps, Breadcrumb, Button, type ButtonProps, Card, Chart, ChartConfig, Checkbox, type ClientFieldFactory, ClientTable, type ClientTableColumn, type ClientTableColumnProps, type ClientTableDropdownOptions, type ClientTableEntry, type ClientTableProps, Collapsible, Command, ContextMenu, CopyButton, DataTable, type DataTableColumn, DatePicker, type DatePickerProps, Dialog, Drawer, DropdownButton, DropdownMenu, ErrorBoundary, ErrorFallback, type ErrorFallbackProps, FileDropzone, type FileDropzoneProps, Form, type FormProps, Heading, type HeadingProps, HoverCard, Input, type InputProps, Label, LanguageToggle, type LanguageToggleProps, LineGraph, type LineGraphData, type LineGraphLine, ListboxDropdown, type ListboxDropdownOption, type ListboxDropdownProps, MenuBar, NotificationHub, type NotificationHubProps, OneTimePasswordInput, Popover, Progress, RadioGroup, type RadioGroupProps, Resizable, ScrollArea, SearchBar, type SearchBarProps, Select, Separator, Sheet, Slider, Spinner, SpinnerIcon, StatisticCard, Switch, Table, Tabs, TextArea, type TextAreaProps, ThemeToggle, type ThemeToggleProps, Tooltip, badgeVariants, buttonVariants, labelVariants };
+type NotificationHubProps = {
+    /** The number of milliseconds before the notification is automatically cleared */
+    timeout?: number;
+};
+declare const NotificationHub: ({ timeout }: NotificationHubProps) => react_jsx_runtime.JSX.Element;
+
+export { Accordion, ActionDropdown, type ActionDropdownProps, AlertDialog, ArrowToggle, type ArrowToggleProps, Avatar, BUTTON_ICON_SIZE, Badge, type BadgeProps, type BaseSearchBarProps, Breadcrumb, Button, type ButtonProps, Card, Chart, ChartConfig, Checkbox, type ClientFieldFactory, ClientTable, type ClientTableColumn, type ClientTableColumnProps, type ClientTableDropdownOptions, type ClientTableEntry, type ClientTableProps, Collapsible, Command, ContextMenu, CopyButton, DataTable, type DataTableColumn, DatePicker, type DatePickerProps, Dialog, Drawer, DropdownButton, DropdownMenu, ErrorBoundary, ErrorFallback, type ErrorFallbackProps, FileDropzone, type FileDropzoneProps, Form, type FormProps, Heading, type HeadingProps, HoverCard, Input, type InputProps, Label, LanguageToggle, type LanguageToggleProps, LineGraph, type LineGraphData, type LineGraphLine, ListboxDropdown, type ListboxDropdownOption, type ListboxDropdownProps, MenuBar, NotificationHub, OneTimePasswordInput, Popover, Progress, RadioGroup, type RadioGroupProps, Resizable, ScrollArea, SearchBar, type SearchBarProps, Select, Separator, Sheet, Slider, Spinner, SpinnerIcon, StatisticCard, Switch, Table, Tabs, TextArea, type TextAreaProps, ThemeToggle, type ThemeToggleProps, Tooltip, badgeVariants, buttonVariants, labelVariants };