@moondreamsdev/dreamer-ui 1.7.13 → 1.7.14

package/dist/providers.esm.js

@@ -1,11 +1,11 @@
-import { jsxs as T, jsx as c } from "react/jsx-runtime";
-import { useState as v, useCallback as u, useEffect as g } from "react";
-import { A as p, T as y } from "./Toast-DXhZLxdl.js";
+import { jsxs as w, jsx as l } from "react/jsx-runtime";
+import { useState as v, useCallback as d, useEffect as p } from "react";
+import { A as T, T as y } from "./Toast-hLOCCnKb.js";
 import { A as k, c as b, T as C } from "./useTheme-CYIEopvl.js";
 import "react-dom";
 import { j as P } from "./join-BmgR_f4v.js";
-function M({ children: l }) {
-  const [e, i] = v(null), h = u((r) => new Promise((f) => {
+function M({ children: m }) {
+  const [e, i] = v(null), u = d((r) => new Promise((c) => {
     i({
       isOpen: !0,
       type: "confirm",
@@ -14,9 +14,9 @@ function M({ children: l }) {
       confirmText: r.confirmText,
       cancelText: r.cancelText,
       destructive: r.destructive,
-      resolve: f
+      resolve: c
     });
-  }), []), s = u((r) => new Promise((f) => {
+  }), []), a = d((r) => new Promise((c) => {
     i({
       isOpen: !0,
       type: "alert",
@@ -24,20 +24,20 @@ function M({ children: l }) {
       message: r.message,
       confirmText: r.confirmText,
       destructive: r.destructive,
-      resolve: f
+      resolve: c
     });
-  }), []), o = u(() => {
+  }), []), o = d(() => {
     e != null && e.resolve && (e.type === "confirm" ? e.resolve(!1) : e.resolve()), i(null);
-  }, [e]), m = u(() => {
+  }, [e]), f = d(() => {
     e != null && e.resolve && (e.type === "confirm" ? e.resolve(!0) : e.resolve()), i(null);
-  }, [e]), d = {
-    confirm: h,
-    alert: s
+  }, [e]), s = {
+    confirm: u,
+    alert: a
   };
-  return /* @__PURE__ */ T(k.Provider, { value: d, children: [
-    l,
-    e && e.type === "alert" && /* @__PURE__ */ c(
-      p,
+  return /* @__PURE__ */ w(k.Provider, { value: s, children: [
+    m,
+    e && e.type === "alert" && /* @__PURE__ */ l(
+      T,
       {
         type: "alert",
         isOpen: e.isOpen,
@@ -46,12 +46,12 @@ function M({ children: l }) {
         message: e.message,
         confirmText: e.confirmText,
         destructive: e.destructive,
-        onConfirm: m,
+        onConfirm: f,
         className: "bg-white dark:bg-gray-800 rounded-lg"
       }
     ),
-    e && e.type === "confirm" && /* @__PURE__ */ c(
-      p,
+    e && e.type === "confirm" && /* @__PURE__ */ l(
+      T,
       {
         type: "confirm",
         isOpen: e.isOpen,
@@ -61,7 +61,7 @@ function M({ children: l }) {
         confirmText: e.confirmText,
         cancelText: e.cancelText,
         destructive: e.destructive,
-        onConfirm: m,
+        onConfirm: f,
         className: "bg-white dark:bg-gray-800 rounded-lg"
       }
     )
@@ -76,90 +76,93 @@ const A = {
   "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
 };
 function O({
-  children: l,
+  children: m,
   customTypes: e,
   customComponent: i,
-  position: h = "top-right",
-  maxToasts: s = 5
+  position: u = "top-right",
+  maxToasts: a = 5
 }) {
-  const [o, m] = v([]), d = u(
+  const [o, f] = v([]), s = d(
     (n) => {
-      const t = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, a = n.id || t, x = {
-        id: a,
+      const g = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, t = n.id || g, h = {
+        id: t,
         title: n.title,
         description: n.description,
         type: n.type || "info",
         action: n.action,
         duration: n.duration ?? 5e3
       };
-      return m((w) => [x, ...w].slice(0, s)), a;
+      return f((x) => [h, ...x].slice(0, a)), t;
     },
-    [s]
-  ), r = u((n) => {
-    m((t) => t.filter((a) => a.id !== n));
-  }, []), f = {
-    addToast: d,
+    [a]
+  ), r = d((n) => {
+    f((g) => g.filter((t) => t.id !== n));
+  }, []), c = {
+    addToast: s,
     removeToast: r,
     toasts: o
   };
-  return /* @__PURE__ */ T(b.Provider, { value: f, children: [
-    l,
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ w(b.Provider, { value: c, children: [
+    m,
+    /* @__PURE__ */ l(
       "div",
       {
-        className: P("fixed z-50 pointer-events-none  max-w-sm w-full space-y-2", A[h]),
+        className: P("fixed z-50 pointer-events-none  max-w-sm w-full space-y-2", A[u]),
         role: "region",
         "aria-label": "Notifications",
-        children: o.map((n) => /* @__PURE__ */ c("div", { className: "pointer-events-auto", children: /* @__PURE__ */ c(y, { ...n, onRemove: r, customTypes: e, customComponent: i }) }, n.id))
+        children: o.map((n) => /* @__PURE__ */ l("div", { className: "pointer-events-auto", children: /* @__PURE__ */ l(y, { ...n, onRemove: r, customTypes: e, customComponent: i }) }, n.id))
       }
     )
   ] });
 }
 function N({
-  children: l,
+  children: m,
   defaultTheme: e = "system",
   storageKey: i = "dreamer-ui-theme",
-  attribute: h = "data-theme",
-  respectSystem: s = !0
+  attribute: u = "data-theme",
+  respectSystem: a = !0
 }) {
-  const [o, m] = v(() => {
+  const [o, f] = v(() => {
     if (typeof window > "u")
       return e;
     const t = localStorage.getItem(i);
     return t && ["light", "dark", "system"].includes(t) ? t : e;
-  }), [d, r] = v(() => typeof window > "u" ? "light" : o === "system" && s ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : o === "dark" ? "dark" : "light"), f = u(
+  }), [s, r] = v(() => typeof window > "u" ? "light" : o === "system" && a ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : o === "dark" ? "dark" : "light"), c = d(
     (t) => {
-      m(t), typeof window < "u" && localStorage.setItem(i, t);
+      f(t), typeof window < "u" && localStorage.setItem(i, t);
     },
     [i]
-  );
-  g(() => {
+  ), n = d(() => {
+    c(s === "light" ? "dark" : "light");
+  }, [s, c]);
+  p(() => {
     if (typeof window > "u") return;
     const t = () => {
-      if (o === "system" && s) {
-        const a = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-        r(a);
+      if (o === "system" && a) {
+        const h = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+        r(h);
       } else
         r(o === "dark" ? "dark" : "light");
     };
-    if (t(), o === "system" && s) {
-      const a = window.matchMedia("(prefers-color-scheme: dark)");
-      return a.addEventListener("change", t), () => a.removeEventListener("change", t);
+    if (t(), o === "system" && a) {
+      const h = window.matchMedia("(prefers-color-scheme: dark)");
+      return h.addEventListener("change", t), () => h.removeEventListener("change", t);
     }
-  }, [o, s]), g(() => {
+  }, [o, a]), p(() => {
     if (typeof window > "u") return;
     const t = document.documentElement;
-    t.setAttribute(h, d), d === "dark" ? t.classList.add("dark") : t.classList.remove("dark");
-  }, [d, h]);
-  const n = {
+    t.setAttribute(u, s), s === "dark" ? t.classList.add("dark") : t.classList.remove("dark");
+  }, [s, u]);
+  const g = {
     theme: o,
-    setTheme: f,
-    resolvedTheme: d
+    setTheme: c,
+    resolvedTheme: s,
+    toggleTheme: n
   };
-  return /* @__PURE__ */ c(C.Provider, { value: n, children: l });
+  return /* @__PURE__ */ l(C.Provider, { value: g, children: m });
 }
-function $({ children: l, theme: e = {}, toast: i = {} }) {
-  return /* @__PURE__ */ c(N, { ...e, children: /* @__PURE__ */ c(O, { ...i, children: /* @__PURE__ */ c(M, { children: l }) }) });
+function $({ children: m, theme: e = {}, toast: i = {} }) {
+  return /* @__PURE__ */ l(N, { ...e, children: /* @__PURE__ */ l(O, { ...i, children: /* @__PURE__ */ l(M, { children: m }) }) });
 }
 export {
   M as ActionModalProvider,

package/dist/providers.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"providers.esm.js","sources":["../src/providers/ActionModalProvider.tsx","../src/providers/ToastProvider.tsx","../src/providers/ThemeProvider.tsx","../src/providers/DreamerUIProvider.tsx"],"sourcesContent":["import { ReactNode, useCallback, useState } from 'react';\nimport { ActionModal } from '../components';\nimport { ActionModalContext } from '../hooks';\n\nexport interface ConfirmOptions {\n  /** The title displayed in the confirmation modal header */\n  title?: string;\n  /** The main message content displayed in the modal body */\n  message: ReactNode;\n  /** Text for the confirm/accept button. Defaults to \"Confirm\" */\n  confirmText?: string;\n  /** Text for the cancel/dismiss button. Defaults to \"Cancel\" */\n  cancelText?: string;\n  /** Whether the action is destructive, affects button styling */\n  destructive?: boolean;\n}\n\nexport interface AlertOptions {\n  /** The title displayed in the alert modal header */\n  title?: string;\n  /** The main message content displayed in the modal body */\n  message: ReactNode;\n  /** Text for the confirm/dismiss button. Defaults to \"OK\" */\n  confirmText?: string;\n  /** Whether the alert represents a destructive action, affects button styling */\n  destructive?: boolean;\n}\n\nexport interface ActionModalContextValue {\n  /** Shows a confirmation modal and returns a promise that resolves to true if confirmed, false if cancelled */\n  confirm: (options: ConfirmOptions) => Promise<boolean>;\n  /** Shows an alert modal and returns a promise that resolves when dismissed */\n  alert: (options: AlertOptions) => Promise<void>;\n}\n\ninterface ActionModalState {\n  isOpen: boolean;\n  type: 'alert' | 'confirm';\n  title?: string;\n  message: ReactNode;\n  confirmText?: string;\n  cancelText?: string;\n  destructive?: boolean;\n  resolve?: ((value: boolean) => void) | (() => void);\n}\n\nexport function ActionModalProvider({ children }: { children: ReactNode }) {\n  const [modalState, setModalState] = useState<ActionModalState | null>(null);\n\n  const confirm = useCallback((options: ConfirmOptions): Promise<boolean> => {\n    return new Promise((resolve) => {\n      setModalState({\n        isOpen: true,\n        type: 'confirm',\n        title: options.title,\n        message: options.message,\n        confirmText: options.confirmText,\n        cancelText: options.cancelText,\n        destructive: options.destructive,\n        resolve,\n      });\n    });\n  }, []);\n\n  const alert = useCallback((options: AlertOptions): Promise<void> => {\n    return new Promise((resolve) => {\n      setModalState({\n        isOpen: true,\n        type: 'alert',\n        title: options.title,\n        message: options.message,\n        confirmText: options.confirmText,\n        destructive: options.destructive,\n        resolve,\n      });\n    });\n  }, []);\n\n  const handleClose = useCallback(() => {\n    if (modalState?.resolve) {\n      if (modalState.type === 'confirm') {\n        (modalState.resolve as (value: boolean) => void)(false);\n      } else {\n        (modalState.resolve as () => void)();\n      }\n    }\n    setModalState(null);\n  }, [modalState]);\n\n  const handleConfirm = useCallback(() => {\n    if (modalState?.resolve) {\n      if (modalState.type === 'confirm') {\n        (modalState.resolve as (value: boolean) => void)(true);\n      } else {\n        (modalState.resolve as () => void)();\n      }\n    }\n    setModalState(null);\n  }, [modalState]);\n\n  const contextValue: ActionModalContextValue = {\n    confirm,\n    alert,\n  };\n\n  return (\n    <ActionModalContext.Provider value={contextValue}>\n      {children}\n      {modalState && modalState.type === 'alert' && (\n        <ActionModal\n          type='alert'\n          isOpen={modalState.isOpen}\n          onClose={handleClose}\n          title={modalState.title}\n          message={modalState.message}\n          confirmText={modalState.confirmText}\n          destructive={modalState.destructive}\n          onConfirm={handleConfirm}\n          className='bg-white dark:bg-gray-800 rounded-lg'\n        />\n      )}\n      {modalState && modalState.type === 'confirm' && (\n        <ActionModal\n          type='confirm'\n          isOpen={modalState.isOpen}\n          onClose={handleClose}\n          title={modalState.title}\n          message={modalState.message}\n          confirmText={modalState.confirmText}\n          cancelText={modalState.cancelText}\n          destructive={modalState.destructive}\n          onConfirm={handleConfirm}\n          className='bg-white dark:bg-gray-800 rounded-lg'\n        />\n      )}\n    </ActionModalContext.Provider>\n  );\n}\n","import { ReactNode, useCallback, useState } from 'react';\nimport { Toast, ToastData, ToastType } from '../components/toast';\nimport { AddToastOptions, ToastContextValue } from '../hooks/useToast';\nimport { ToastContext } from '../hooks/useToast';\nimport { join } from '../utils';\n\nexport interface ToastProviderProps {\n  /** React children to be wrapped by the toast provider */\n  children: ReactNode;\n  /** Custom toast types with their own styling and icons */\n  customTypes?: Record<string, { className: string; icon?: ReactNode }>;\n  /** Custom toast component to replace the default Toast component */\n  customComponent?: React.ComponentType<ToastData>;\n  /** Position where toasts should appear on screen */\n  position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';\n  /** Maximum number of toasts to display at once */\n  maxToasts?: number;\n}\n\nconst positionClasses = {\n  'top-right': 'top-4 right-4',\n  'top-left': 'top-4 left-4',\n  'bottom-right': 'bottom-4 right-4',\n  'bottom-left': 'bottom-4 left-4',\n  'top-center': 'top-4 left-1/2 -translate-x-1/2',\n  'bottom-center': 'bottom-4 left-1/2 -translate-x-1/2',\n};\n\nexport function ToastProvider({\n  children,\n  customTypes,\n  customComponent,\n  position = 'top-right',\n  maxToasts = 5,\n}: ToastProviderProps) {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n\n  const addToast = useCallback(\n    (options: AddToastOptions) => {\n      const generatedId = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;\n      const id = options.id || generatedId;\n\n      const newToast: ToastData = {\n        id,\n        title: options.title,\n        description: options.description,\n        type: (options.type as ToastType) || 'info',\n        action: options.action,\n        duration: options.duration ?? 5000,\n      };\n\n      setToasts((prevToasts) => {\n        const updatedToasts = [newToast, ...prevToasts];\n        // Keep only the most recent toasts if we exceed maxToasts\n        return updatedToasts.slice(0, maxToasts);\n      });\n\n      return id;\n    },\n    [maxToasts]\n  );\n\n  const removeToast = useCallback((id: string) => {\n    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));\n  }, []);\n\n  const contextValue: ToastContextValue = {\n    addToast,\n    removeToast,\n    toasts,\n  };\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n\n      <div\n        className={join('fixed z-50 pointer-events-none  max-w-sm w-full space-y-2', positionClasses[position])}\n        role='region'\n        aria-label='Notifications'\n      >\n        {toasts.map((toast) => (\n          <div key={toast.id} className='pointer-events-auto'>\n            <Toast {...toast} onRemove={removeToast} customTypes={customTypes} customComponent={customComponent} />\n          </div>\n        ))}\n      </div>\n    </ToastContext.Provider>\n  );\n}\n","import { ReactNode, useCallback, useEffect, useState } from 'react';\nimport { Theme, ThemeContext, ThemeContextValue } from '../hooks/useTheme';\n\nexport interface ThemeProviderProps {\n  /** React children to be wrapped by the theme provider */\n  children: ReactNode;\n  /** The default theme to use on first load. Defaults to 'system' */\n  defaultTheme?: Theme;\n  /** Local storage key used to persist the theme selection. Defaults to 'dreamer-ui-theme' */\n  storageKey?: string;\n  /** HTML attribute name to set on document root. Defaults to 'data-theme' */\n  attribute?: string;\n  /** Whether to respect system theme when theme is set to 'system'. Defaults to true */\n  respectSystem?: boolean;\n}\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'dreamer-ui-theme',\n  attribute = 'data-theme',\n  respectSystem = true,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === 'undefined') {\n      return defaultTheme;\n    }\n\n    const stored = localStorage.getItem(storageKey);\n    if (stored && ['light', 'dark', 'system'].includes(stored)) {\n      return stored as Theme;\n    }\n\n    return defaultTheme;\n  });\n\n  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n\n    if (theme === 'system' && respectSystem) {\n      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n    }\n\n    return theme === 'dark' ? 'dark' : 'light';\n  });\n\n  const setTheme = useCallback(\n    (newTheme: Theme) => {\n      setThemeState(newTheme);\n      if (typeof window !== 'undefined') {\n        localStorage.setItem(storageKey, newTheme);\n      }\n    },\n    [storageKey]\n  );\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const updateResolvedTheme = () => {\n      if (theme === 'system' && respectSystem) {\n        const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n        setResolvedTheme(systemTheme);\n      } else {\n        setResolvedTheme(theme === 'dark' ? 'dark' : 'light');\n      }\n    };\n\n    updateResolvedTheme();\n\n    if (theme === 'system' && respectSystem) {\n      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n      mediaQuery.addEventListener('change', updateResolvedTheme);\n      return () => mediaQuery.removeEventListener('change', updateResolvedTheme);\n    }\n  }, [theme, respectSystem]);\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const root = document.documentElement;\n    root.setAttribute(attribute, resolvedTheme);\n    \n    // Also set class for Tailwind dark mode\n    if (resolvedTheme === 'dark') {\n      root.classList.add('dark');\n    } else {\n      root.classList.remove('dark');\n    }\n  }, [resolvedTheme, attribute]);\n\n  const contextValue: ThemeContextValue = {\n    theme,\n    setTheme,\n    resolvedTheme,\n  };\n\n  return <ThemeContext.Provider value={contextValue}>{children}</ThemeContext.Provider>;\n}","import { ReactNode } from 'react';\nimport { ActionModalProvider } from './ActionModalProvider';\nimport { ThemeProvider, ThemeProviderProps } from './ThemeProvider';\nimport { ToastProvider, ToastProviderProps } from './ToastProvider';\n\nexport interface DreamerUIProviderProps {\n\t/** React children to be wrapped by all DreamerUI providers */\n\tchildren: ReactNode;\n\t/** Configuration options for the ThemeProvider */\n\ttheme?: Omit<ThemeProviderProps, 'children'>;\n\t/** Configuration options for the ToastProvider */\n\ttoast?: Omit<ToastProviderProps, 'children'>;\n}\n\nexport function DreamerUIProvider({ children, theme = {}, toast = {} }: DreamerUIProviderProps) {\n\treturn (\n\t\t<ThemeProvider {...theme}>\n\t\t\t<ToastProvider {...toast}>\n\t\t\t\t<ActionModalProvider>{children}</ActionModalProvider>\n\t\t\t</ToastProvider>\n\t\t</ThemeProvider>\n\t);\n}\n"],"names":["ActionModalProvider","children","modalState","setModalState","useState","confirm","useCallback","options","resolve","alert","handleClose","handleConfirm","contextValue","jsxs","ActionModalContext","jsx","ActionModal","positionClasses","ToastProvider","customTypes","customComponent","position","maxToasts","toasts","setToasts","addToast","generatedId","id","newToast","prevToasts","removeToast","toast","ToastContext","join","Toast","ThemeProvider","defaultTheme","storageKey","attribute","respectSystem","theme","setThemeState","stored","resolvedTheme","setResolvedTheme","setTheme","newTheme","useEffect","updateResolvedTheme","systemTheme","mediaQuery","root","ThemeContext","DreamerUIProvider"],"mappings":"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"}
+{"version":3,"file":"providers.esm.js","sources":["../src/providers/ActionModalProvider.tsx","../src/providers/ToastProvider.tsx","../src/providers/ThemeProvider.tsx","../src/providers/DreamerUIProvider.tsx"],"sourcesContent":["import { ReactNode, useCallback, useState } from 'react';\nimport { ActionModal } from '../components';\nimport { ActionModalContext } from '../hooks';\n\nexport interface ConfirmOptions {\n  /** The title displayed in the confirmation modal header */\n  title?: string;\n  /** The main message content displayed in the modal body */\n  message: ReactNode;\n  /** Text for the confirm/accept button. Defaults to \"Confirm\" */\n  confirmText?: string;\n  /** Text for the cancel/dismiss button. Defaults to \"Cancel\" */\n  cancelText?: string;\n  /** Whether the action is destructive, affects button styling */\n  destructive?: boolean;\n}\n\nexport interface AlertOptions {\n  /** The title displayed in the alert modal header */\n  title?: string;\n  /** The main message content displayed in the modal body */\n  message: ReactNode;\n  /** Text for the confirm/dismiss button. Defaults to \"OK\" */\n  confirmText?: string;\n  /** Whether the alert represents a destructive action, affects button styling */\n  destructive?: boolean;\n}\n\nexport interface ActionModalContextValue {\n  /** Shows a confirmation modal and returns a promise that resolves to true if confirmed, false if cancelled */\n  confirm: (options: ConfirmOptions) => Promise<boolean>;\n  /** Shows an alert modal and returns a promise that resolves when dismissed */\n  alert: (options: AlertOptions) => Promise<void>;\n}\n\ninterface ActionModalState {\n  isOpen: boolean;\n  type: 'alert' | 'confirm';\n  title?: string;\n  message: ReactNode;\n  confirmText?: string;\n  cancelText?: string;\n  destructive?: boolean;\n  resolve?: ((value: boolean) => void) | (() => void);\n}\n\nexport function ActionModalProvider({ children }: { children: ReactNode }) {\n  const [modalState, setModalState] = useState<ActionModalState | null>(null);\n\n  const confirm = useCallback((options: ConfirmOptions): Promise<boolean> => {\n    return new Promise((resolve) => {\n      setModalState({\n        isOpen: true,\n        type: 'confirm',\n        title: options.title,\n        message: options.message,\n        confirmText: options.confirmText,\n        cancelText: options.cancelText,\n        destructive: options.destructive,\n        resolve,\n      });\n    });\n  }, []);\n\n  const alert = useCallback((options: AlertOptions): Promise<void> => {\n    return new Promise((resolve) => {\n      setModalState({\n        isOpen: true,\n        type: 'alert',\n        title: options.title,\n        message: options.message,\n        confirmText: options.confirmText,\n        destructive: options.destructive,\n        resolve,\n      });\n    });\n  }, []);\n\n  const handleClose = useCallback(() => {\n    if (modalState?.resolve) {\n      if (modalState.type === 'confirm') {\n        (modalState.resolve as (value: boolean) => void)(false);\n      } else {\n        (modalState.resolve as () => void)();\n      }\n    }\n    setModalState(null);\n  }, [modalState]);\n\n  const handleConfirm = useCallback(() => {\n    if (modalState?.resolve) {\n      if (modalState.type === 'confirm') {\n        (modalState.resolve as (value: boolean) => void)(true);\n      } else {\n        (modalState.resolve as () => void)();\n      }\n    }\n    setModalState(null);\n  }, [modalState]);\n\n  const contextValue: ActionModalContextValue = {\n    confirm,\n    alert,\n  };\n\n  return (\n    <ActionModalContext.Provider value={contextValue}>\n      {children}\n      {modalState && modalState.type === 'alert' && (\n        <ActionModal\n          type='alert'\n          isOpen={modalState.isOpen}\n          onClose={handleClose}\n          title={modalState.title}\n          message={modalState.message}\n          confirmText={modalState.confirmText}\n          destructive={modalState.destructive}\n          onConfirm={handleConfirm}\n          className='bg-white dark:bg-gray-800 rounded-lg'\n        />\n      )}\n      {modalState && modalState.type === 'confirm' && (\n        <ActionModal\n          type='confirm'\n          isOpen={modalState.isOpen}\n          onClose={handleClose}\n          title={modalState.title}\n          message={modalState.message}\n          confirmText={modalState.confirmText}\n          cancelText={modalState.cancelText}\n          destructive={modalState.destructive}\n          onConfirm={handleConfirm}\n          className='bg-white dark:bg-gray-800 rounded-lg'\n        />\n      )}\n    </ActionModalContext.Provider>\n  );\n}\n","import { ReactNode, useCallback, useState } from 'react';\nimport { Toast, ToastData, ToastType } from '../components/toast';\nimport { AddToastOptions, ToastContextValue } from '../hooks/useToast';\nimport { ToastContext } from '../hooks/useToast';\nimport { join } from '../utils';\n\nexport interface ToastProviderProps {\n  /** React children to be wrapped by the toast provider */\n  children: ReactNode;\n  /** Custom toast types with their own styling and icons */\n  customTypes?: Record<string, { className: string; icon?: ReactNode }>;\n  /** Custom toast component to replace the default Toast component */\n  customComponent?: React.ComponentType<ToastData>;\n  /** Position where toasts should appear on screen */\n  position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';\n  /** Maximum number of toasts to display at once */\n  maxToasts?: number;\n}\n\nconst positionClasses = {\n  'top-right': 'top-4 right-4',\n  'top-left': 'top-4 left-4',\n  'bottom-right': 'bottom-4 right-4',\n  'bottom-left': 'bottom-4 left-4',\n  'top-center': 'top-4 left-1/2 -translate-x-1/2',\n  'bottom-center': 'bottom-4 left-1/2 -translate-x-1/2',\n};\n\nexport function ToastProvider({\n  children,\n  customTypes,\n  customComponent,\n  position = 'top-right',\n  maxToasts = 5,\n}: ToastProviderProps) {\n  const [toasts, setToasts] = useState<ToastData[]>([]);\n\n  const addToast = useCallback(\n    (options: AddToastOptions) => {\n      const generatedId = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;\n      const id = options.id || generatedId;\n\n      const newToast: ToastData = {\n        id,\n        title: options.title,\n        description: options.description,\n        type: (options.type as ToastType) || 'info',\n        action: options.action,\n        duration: options.duration ?? 5000,\n      };\n\n      setToasts((prevToasts) => {\n        const updatedToasts = [newToast, ...prevToasts];\n        // Keep only the most recent toasts if we exceed maxToasts\n        return updatedToasts.slice(0, maxToasts);\n      });\n\n      return id;\n    },\n    [maxToasts]\n  );\n\n  const removeToast = useCallback((id: string) => {\n    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));\n  }, []);\n\n  const contextValue: ToastContextValue = {\n    addToast,\n    removeToast,\n    toasts,\n  };\n\n  return (\n    <ToastContext.Provider value={contextValue}>\n      {children}\n\n      <div\n        className={join('fixed z-50 pointer-events-none  max-w-sm w-full space-y-2', positionClasses[position])}\n        role='region'\n        aria-label='Notifications'\n      >\n        {toasts.map((toast) => (\n          <div key={toast.id} className='pointer-events-auto'>\n            <Toast {...toast} onRemove={removeToast} customTypes={customTypes} customComponent={customComponent} />\n          </div>\n        ))}\n      </div>\n    </ToastContext.Provider>\n  );\n}\n","import { ReactNode, useCallback, useEffect, useState } from 'react';\nimport { Theme, ThemeContext, ThemeContextValue } from '../hooks/useTheme';\n\nexport interface ThemeProviderProps {\n  /** React children to be wrapped by the theme provider */\n  children: ReactNode;\n  /** The default theme to use on first load. Defaults to 'system' */\n  defaultTheme?: Theme;\n  /** Local storage key used to persist the theme selection. Defaults to 'dreamer-ui-theme' */\n  storageKey?: string;\n  /** HTML attribute name to set on document root. Defaults to 'data-theme' */\n  attribute?: string;\n  /** Whether to respect system theme when theme is set to 'system'. Defaults to true */\n  respectSystem?: boolean;\n}\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'dreamer-ui-theme',\n  attribute = 'data-theme',\n  respectSystem = true,\n}: ThemeProviderProps) {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === 'undefined') {\n      return defaultTheme;\n    }\n\n    const stored = localStorage.getItem(storageKey);\n    if (stored && ['light', 'dark', 'system'].includes(stored)) {\n      return stored as Theme;\n    }\n\n    return defaultTheme;\n  });\n\n  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n\n    if (theme === 'system' && respectSystem) {\n      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n    }\n\n    return theme === 'dark' ? 'dark' : 'light';\n  });\n\n  const setTheme = useCallback(\n    (newTheme: Theme) => {\n      setThemeState(newTheme);\n      if (typeof window !== 'undefined') {\n        localStorage.setItem(storageKey, newTheme);\n      }\n    },\n    [storageKey]\n  );\n\n  const toggleTheme = useCallback(() => {\n    const newTheme = resolvedTheme === 'light' ? 'dark' : 'light';\n    setTheme(newTheme);\n  }, [resolvedTheme, setTheme]);\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const updateResolvedTheme = () => {\n      if (theme === 'system' && respectSystem) {\n        const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n        setResolvedTheme(systemTheme);\n      } else {\n        setResolvedTheme(theme === 'dark' ? 'dark' : 'light');\n      }\n    };\n\n    updateResolvedTheme();\n\n    if (theme === 'system' && respectSystem) {\n      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n      mediaQuery.addEventListener('change', updateResolvedTheme);\n      return () => mediaQuery.removeEventListener('change', updateResolvedTheme);\n    }\n  }, [theme, respectSystem]);\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const root = document.documentElement;\n    root.setAttribute(attribute, resolvedTheme);\n    \n    // Also set class for Tailwind dark mode\n    if (resolvedTheme === 'dark') {\n      root.classList.add('dark');\n    } else {\n      root.classList.remove('dark');\n    }\n  }, [resolvedTheme, attribute]);\n\n  const contextValue: ThemeContextValue = {\n    theme,\n    setTheme,\n    resolvedTheme,\n    toggleTheme,\n  };\n\n  return <ThemeContext.Provider value={contextValue}>{children}</ThemeContext.Provider>;\n}","import { ReactNode } from 'react';\nimport { ActionModalProvider } from './ActionModalProvider';\nimport { ThemeProvider, ThemeProviderProps } from './ThemeProvider';\nimport { ToastProvider, ToastProviderProps } from './ToastProvider';\n\nexport interface DreamerUIProviderProps {\n\t/** React children to be wrapped by all DreamerUI providers */\n\tchildren: ReactNode;\n\t/** Configuration options for the ThemeProvider */\n\ttheme?: Omit<ThemeProviderProps, 'children'>;\n\t/** Configuration options for the ToastProvider */\n\ttoast?: Omit<ToastProviderProps, 'children'>;\n}\n\nexport function DreamerUIProvider({ children, theme = {}, toast = {} }: DreamerUIProviderProps) {\n\treturn (\n\t\t<ThemeProvider {...theme}>\n\t\t\t<ToastProvider {...toast}>\n\t\t\t\t<ActionModalProvider>{children}</ActionModalProvider>\n\t\t\t</ToastProvider>\n\t\t</ThemeProvider>\n\t);\n}\n"],"names":["ActionModalProvider","children","modalState","setModalState","useState","confirm","useCallback","options","resolve","alert","handleClose","handleConfirm","contextValue","jsxs","ActionModalContext","jsx","ActionModal","positionClasses","ToastProvider","customTypes","customComponent","position","maxToasts","toasts","setToasts","addToast","generatedId","id","newToast","prevToasts","removeToast","toast","ToastContext","join","Toast","ThemeProvider","defaultTheme","storageKey","attribute","respectSystem","theme","setThemeState","stored","resolvedTheme","setResolvedTheme","setTheme","newTheme","toggleTheme","useEffect","updateResolvedTheme","systemTheme","mediaQuery","root","ThemeContext","DreamerUIProvider"],"mappings":";;;;;;AA8CgB,SAAAA,EAAoB,EAAE,UAAAC,KAAqC;AACzE,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAkC,IAAI,GAEpEC,IAAUC,EAAY,CAACC,MACpB,IAAI,QAAQ,CAACC,MAAY;AAChB,IAAAL,EAAA;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAOI,EAAQ;AAAA,MACf,SAASA,EAAQ;AAAA,MACjB,aAAaA,EAAQ;AAAA,MACrB,YAAYA,EAAQ;AAAA,MACpB,aAAaA,EAAQ;AAAA,MACrB,SAAAC;AAAA,IAAA,CACD;AAAA,EAAA,CACF,GACA,EAAE,GAECC,IAAQH,EAAY,CAACC,MAClB,IAAI,QAAQ,CAACC,MAAY;AAChB,IAAAL,EAAA;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAOI,EAAQ;AAAA,MACf,SAASA,EAAQ;AAAA,MACjB,aAAaA,EAAQ;AAAA,MACrB,aAAaA,EAAQ;AAAA,MACrB,SAAAC;AAAA,IAAA,CACD;AAAA,EAAA,CACF,GACA,EAAE,GAECE,IAAcJ,EAAY,MAAM;AACpC,IAAIJ,KAAA,QAAAA,EAAY,YACVA,EAAW,SAAS,YACrBA,EAAW,QAAqC,EAAK,IAErDA,EAAW,QAAuB,IAGvCC,EAAc,IAAI;AAAA,EAAA,GACjB,CAACD,CAAU,CAAC,GAETS,IAAgBL,EAAY,MAAM;AACtC,IAAIJ,KAAA,QAAAA,EAAY,YACVA,EAAW,SAAS,YACrBA,EAAW,QAAqC,EAAI,IAEpDA,EAAW,QAAuB,IAGvCC,EAAc,IAAI;AAAA,EAAA,GACjB,CAACD,CAAU,CAAC,GAETU,IAAwC;AAAA,IAC5C,SAAAP;AAAA,IACA,OAAAI;AAAA,EACF;AAEA,SACG,gBAAAI,EAAAC,EAAmB,UAAnB,EAA4B,OAAOF,GACjC,UAAA;AAAA,IAAAX;AAAA,IACAC,KAAcA,EAAW,SAAS,WACjC,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAQd,EAAW;AAAA,QACnB,SAASQ;AAAA,QACT,OAAOR,EAAW;AAAA,QAClB,SAASA,EAAW;AAAA,QACpB,aAAaA,EAAW;AAAA,QACxB,aAAaA,EAAW;AAAA,QACxB,WAAWS;AAAA,QACX,WAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEDT,KAAcA,EAAW,SAAS,aACjC,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAQd,EAAW;AAAA,QACnB,SAASQ;AAAA,QACT,OAAOR,EAAW;AAAA,QAClB,SAASA,EAAW;AAAA,QACpB,aAAaA,EAAW;AAAA,QACxB,YAAYA,EAAW;AAAA,QACvB,aAAaA,EAAW;AAAA,QACxB,WAAWS;AAAA,QACX,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GAEJ;AAEJ;ACtHA,MAAMM,IAAkB;AAAA,EACtB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,iBAAiB;AACnB;AAEO,SAASC,EAAc;AAAA,EAC5B,UAAAjB;AAAA,EACA,aAAAkB;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AACd,GAAuB;AACrB,QAAM,CAACC,GAAQC,CAAS,IAAIpB,EAAsB,CAAA,CAAE,GAE9CqB,IAAWnB;AAAA,IACf,CAACC,MAA6B;AAC5B,YAAMmB,IAAc,SAAS,KAAK,IAAA,CAAK,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,IAC3EC,IAAKpB,EAAQ,MAAMmB,GAEnBE,IAAsB;AAAA,QAC1B,IAAAD;AAAA,QACA,OAAOpB,EAAQ;AAAA,QACf,aAAaA,EAAQ;AAAA,QACrB,MAAOA,EAAQ,QAAsB;AAAA,QACrC,QAAQA,EAAQ;AAAA,QAChB,UAAUA,EAAQ,YAAY;AAAA,MAChC;AAEA,aAAAiB,EAAU,CAACK,MACa,CAACD,GAAU,GAAGC,CAAU,EAEzB,MAAM,GAAGP,CAAS,CACxC,GAEMK;AAAA,IACT;AAAA,IACA,CAACL,CAAS;AAAA,EACZ,GAEMQ,IAAcxB,EAAY,CAACqB,MAAe;AACpC,IAAAH,EAAA,CAACK,MAAeA,EAAW,OAAO,CAACE,MAAUA,EAAM,OAAOJ,CAAE,CAAC;AAAA,EACzE,GAAG,EAAE,GAECf,IAAkC;AAAA,IACtC,UAAAa;AAAA,IACA,aAAAK;AAAA,IACA,QAAAP;AAAA,EACF;AAEA,SACG,gBAAAV,EAAAmB,EAAa,UAAb,EAAsB,OAAOpB,GAC3B,UAAA;AAAA,IAAAX;AAAA,IAED,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWkB,EAAK,6DAA6DhB,EAAgBI,CAAQ,CAAC;AAAA,QACtG,MAAK;AAAA,QACL,cAAW;AAAA,QAEV,YAAO,IAAI,CAACU,MACV,gBAAAhB,EAAA,OAAA,EAAmB,WAAU,uBAC5B,UAAA,gBAAAA,EAACmB,KAAO,GAAGH,GAAO,UAAUD,GAAa,aAAAX,GAA0B,iBAAAC,GAAkC,EAD7F,GAAAW,EAAM,EAEhB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;ACzEO,SAASI,EAAc;AAAA,EAC5B,UAAAlC;AAAA,EACA,cAAAmC,IAAe;AAAA,EACf,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,eAAAC,IAAgB;AAClB,GAAuB;AACrB,QAAM,CAACC,GAAOC,CAAa,IAAIrC,EAAgB,MAAM;AAC/C,QAAA,OAAO,SAAW;AACb,aAAAgC;AAGH,UAAAM,IAAS,aAAa,QAAQL,CAAU;AAC1C,WAAAK,KAAU,CAAC,SAAS,QAAQ,QAAQ,EAAE,SAASA,CAAM,IAChDA,IAGFN;AAAA,EAAA,CACR,GAEK,CAACO,GAAeC,CAAgB,IAAIxC,EAA2B,MAC/D,OAAO,SAAW,MACb,UAGLoC,MAAU,YAAYD,IACjB,OAAO,WAAW,8BAA8B,EAAE,UAAU,SAAS,UAGvEC,MAAU,SAAS,SAAS,OACpC,GAEKK,IAAWvC;AAAA,IACf,CAACwC,MAAoB;AACnB,MAAAL,EAAcK,CAAQ,GAClB,OAAO,SAAW,OACP,aAAA,QAAQT,GAAYS,CAAQ;AAAA,IAE7C;AAAA,IACA,CAACT,CAAU;AAAA,EACb,GAEMU,IAAczC,EAAY,MAAM;AAEpC,IAAAuC,EADiBF,MAAkB,UAAU,SAAS,OACrC;AAAA,EAAA,GAChB,CAACA,GAAeE,CAAQ,CAAC;AAE5B,EAAAG,EAAU,MAAM;AACV,QAAA,OAAO,SAAW,IAAa;AAEnC,UAAMC,IAAsB,MAAM;AAC5B,UAAAT,MAAU,YAAYD,GAAe;AACvC,cAAMW,IAAc,OAAO,WAAW,8BAA8B,EAAE,UAAU,SAAS;AACzF,QAAAN,EAAiBM,CAAW;AAAA,MAAA;AAEX,QAAAN,EAAAJ,MAAU,SAAS,SAAS,OAAO;AAAA,IAExD;AAII,QAFgBS,EAAA,GAEhBT,MAAU,YAAYD,GAAe;AACjC,YAAAY,IAAa,OAAO,WAAW,8BAA8B;AACxD,aAAAA,EAAA,iBAAiB,UAAUF,CAAmB,GAClD,MAAME,EAAW,oBAAoB,UAAUF,CAAmB;AAAA,IAAA;AAAA,EAC3E,GACC,CAACT,GAAOD,CAAa,CAAC,GAEzBS,EAAU,MAAM;AACV,QAAA,OAAO,SAAW,IAAa;AAEnC,UAAMI,IAAO,SAAS;AACjB,IAAAA,EAAA,aAAad,GAAWK,CAAa,GAGtCA,MAAkB,SACfS,EAAA,UAAU,IAAI,MAAM,IAEpBA,EAAA,UAAU,OAAO,MAAM;AAAA,EAC9B,GACC,CAACT,GAAeL,CAAS,CAAC;AAE7B,QAAM1B,IAAkC;AAAA,IACtC,OAAA4B;AAAA,IACA,UAAAK;AAAA,IACA,eAAAF;AAAA,IACA,aAAAI;AAAA,EACF;AAEA,2BAAQM,EAAa,UAAb,EAAsB,OAAOzC,GAAe,UAAAX,GAAS;AAC/D;AC5FgB,SAAAqD,EAAkB,EAAE,UAAArD,GAAU,OAAAuC,IAAQ,CAAA,GAAI,OAAAT,IAAQ,CAAA,KAA8B;AAC/F,SACE,gBAAAhB,EAAAoB,GAAA,EAAe,GAAGK,GAClB,UAAC,gBAAAzB,EAAAG,GAAA,EAAe,GAAGa,GAClB,UAAC,gBAAAhB,EAAAf,GAAA,EAAqB,UAAAC,EAAS,CAAA,EAChC,CAAA,GACD;AAEF;"}

package/dist/src/hooks/useTheme.d.ts

@@ -1,9 +1,14 @@
 /// <reference types="react" />
 export type Theme = 'light' | 'dark' | 'system';
 export interface ThemeContextValue {
+    /** Current theme setting (can be 'light', 'dark', or 'system') */
     theme: Theme;
+    /** Function to change the current theme */
     setTheme: (theme: Theme) => void;
+    /** Resolved theme after system preference detection (always 'light' or 'dark') */
     resolvedTheme: 'light' | 'dark';
+    /** Function to toggle between light and dark themes */
+    toggleTheme: () => void;
 }
 export declare const ThemeContext: import("react").Context<ThemeContextValue | undefined>;
 export declare function useTheme(): ThemeContextValue;

package/dist/useTheme-Bdg1t0Zr.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme-Bdg1t0Zr.cjs","sources":["../src/hooks/useActionModal.ts","../src/hooks/useToast.ts","../src/hooks/useTheme.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { ActionModalContextValue } from '../providers';\n\nexport const ActionModalContext = createContext<ActionModalContextValue | undefined>(undefined);\n\nexport function useActionModal(): ActionModalContextValue {\n  const context = useContext(ActionModalContext);\n  if (!context) {\n    throw new Error('useActionModal must be used within an ActionModalProvider');\n  }\n  return context;\n}\n","import { createContext, useContext } from 'react';\nimport { ToastAction, ToastData, ToastType } from '../components/toast';\n\nexport interface AddToastOptions {\n  id?: string;\n  title: string;\n  description?: string;\n  type?: ToastType | string;\n  action?: ToastAction;\n  duration?: number;\n}\n\nexport interface ToastContextValue {\n  addToast: (options: AddToastOptions) => string;\n  removeToast: (id: string) => void;\n  toasts: ToastData[];\n}\n\nexport const ToastContext = createContext<ToastContextValue | undefined>(undefined);\n\nexport function useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n","import { createContext, useContext } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  resolvedTheme: 'light' | 'dark';\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}"],"names":["ActionModalContext","createContext","useActionModal","context","useContext","ToastContext","useToast","ThemeContext","useTheme"],"mappings":"sCAGaA,EAAqBC,gBAAmD,MAAS,EAEvF,SAASC,GAA0C,CAClD,MAAAC,EAAUC,aAAWJ,CAAkB,EAC7C,GAAI,CAACG,EACG,MAAA,IAAI,MAAM,2DAA2D,EAEtE,OAAAA,CACT,CCOa,MAAAE,EAAeJ,gBAA6C,MAAS,EAE3E,SAASK,GAA8B,CACtC,MAAAH,EAAUC,aAAWC,CAAY,EACvC,GAAI,CAACF,EACG,MAAA,IAAI,MAAM,8CAA8C,EAEzD,OAAAA,CACT,CChBa,MAAAI,EAAeN,gBAA6C,MAAS,EAE3E,SAASO,GAA8B,CACtC,MAAAL,EAAUC,aAAWG,CAAY,EACvC,GAAI,CAACJ,EACG,MAAA,IAAI,MAAM,8CAA8C,EAEzD,OAAAA,CACT"}
+{"version":3,"file":"useTheme-Bdg1t0Zr.cjs","sources":["../src/hooks/useActionModal.ts","../src/hooks/useToast.ts","../src/hooks/useTheme.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { ActionModalContextValue } from '../providers';\n\nexport const ActionModalContext = createContext<ActionModalContextValue | undefined>(undefined);\n\nexport function useActionModal(): ActionModalContextValue {\n  const context = useContext(ActionModalContext);\n  if (!context) {\n    throw new Error('useActionModal must be used within an ActionModalProvider');\n  }\n  return context;\n}\n","import { createContext, useContext } from 'react';\nimport { ToastAction, ToastData, ToastType } from '../components/toast';\n\nexport interface AddToastOptions {\n  id?: string;\n  title: string;\n  description?: string;\n  type?: ToastType | string;\n  action?: ToastAction;\n  duration?: number;\n}\n\nexport interface ToastContextValue {\n  addToast: (options: AddToastOptions) => string;\n  removeToast: (id: string) => void;\n  toasts: ToastData[];\n}\n\nexport const ToastContext = createContext<ToastContextValue | undefined>(undefined);\n\nexport function useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n","import { createContext, useContext } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport interface ThemeContextValue {\n  /** Current theme setting (can be 'light', 'dark', or 'system') */\n  theme: Theme;\n  /** Function to change the current theme */\n  setTheme: (theme: Theme) => void;\n  /** Resolved theme after system preference detection (always 'light' or 'dark') */\n  resolvedTheme: 'light' | 'dark';\n  /** Function to toggle between light and dark themes */\n  toggleTheme: () => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}"],"names":["ActionModalContext","createContext","useActionModal","context","useContext","ToastContext","useToast","ThemeContext","useTheme"],"mappings":"sCAGaA,EAAqBC,gBAAmD,MAAS,EAEvF,SAASC,GAA0C,CAClD,MAAAC,EAAUC,aAAWJ,CAAkB,EAC7C,GAAI,CAACG,EACG,MAAA,IAAI,MAAM,2DAA2D,EAEtE,OAAAA,CACT,CCOa,MAAAE,EAAeJ,gBAA6C,MAAS,EAE3E,SAASK,GAA8B,CACtC,MAAAH,EAAUC,aAAWC,CAAY,EACvC,GAAI,CAACF,EACG,MAAA,IAAI,MAAM,8CAA8C,EAEzD,OAAAA,CACT,CCXa,MAAAI,EAAeN,gBAA6C,MAAS,EAE3E,SAASO,GAA8B,CACtC,MAAAL,EAAUC,aAAWG,CAAY,EACvC,GAAI,CAACJ,EACG,MAAA,IAAI,MAAM,8CAA8C,EAEzD,OAAAA,CACT"}

package/dist/useTheme-CYIEopvl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme-CYIEopvl.js","sources":["../src/hooks/useActionModal.ts","../src/hooks/useToast.ts","../src/hooks/useTheme.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { ActionModalContextValue } from '../providers';\n\nexport const ActionModalContext = createContext<ActionModalContextValue | undefined>(undefined);\n\nexport function useActionModal(): ActionModalContextValue {\n  const context = useContext(ActionModalContext);\n  if (!context) {\n    throw new Error('useActionModal must be used within an ActionModalProvider');\n  }\n  return context;\n}\n","import { createContext, useContext } from 'react';\nimport { ToastAction, ToastData, ToastType } from '../components/toast';\n\nexport interface AddToastOptions {\n  id?: string;\n  title: string;\n  description?: string;\n  type?: ToastType | string;\n  action?: ToastAction;\n  duration?: number;\n}\n\nexport interface ToastContextValue {\n  addToast: (options: AddToastOptions) => string;\n  removeToast: (id: string) => void;\n  toasts: ToastData[];\n}\n\nexport const ToastContext = createContext<ToastContextValue | undefined>(undefined);\n\nexport function useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n","import { createContext, useContext } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  resolvedTheme: 'light' | 'dark';\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}"],"names":["ActionModalContext","createContext","useActionModal","context","useContext","ToastContext","useToast","ThemeContext","useTheme"],"mappings":";AAGa,MAAAA,IAAqBC,EAAmD,MAAS;AAEvF,SAASC,IAA0C;AAClD,QAAAC,IAAUC,EAAWJ,CAAkB;AAC7C,MAAI,CAACG;AACG,UAAA,IAAI,MAAM,2DAA2D;AAEtE,SAAAA;AACT;ACOa,MAAAE,IAAeJ,EAA6C,MAAS;AAE3E,SAASK,IAA8B;AACtC,QAAAH,IAAUC,EAAWC,CAAY;AACvC,MAAI,CAACF;AACG,UAAA,IAAI,MAAM,8CAA8C;AAEzD,SAAAA;AACT;AChBa,MAAAI,IAAeN,EAA6C,MAAS;AAE3E,SAASO,IAA8B;AACtC,QAAAL,IAAUC,EAAWG,CAAY;AACvC,MAAI,CAACJ;AACG,UAAA,IAAI,MAAM,8CAA8C;AAEzD,SAAAA;AACT;"}
+{"version":3,"file":"useTheme-CYIEopvl.js","sources":["../src/hooks/useActionModal.ts","../src/hooks/useToast.ts","../src/hooks/useTheme.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { ActionModalContextValue } from '../providers';\n\nexport const ActionModalContext = createContext<ActionModalContextValue | undefined>(undefined);\n\nexport function useActionModal(): ActionModalContextValue {\n  const context = useContext(ActionModalContext);\n  if (!context) {\n    throw new Error('useActionModal must be used within an ActionModalProvider');\n  }\n  return context;\n}\n","import { createContext, useContext } from 'react';\nimport { ToastAction, ToastData, ToastType } from '../components/toast';\n\nexport interface AddToastOptions {\n  id?: string;\n  title: string;\n  description?: string;\n  type?: ToastType | string;\n  action?: ToastAction;\n  duration?: number;\n}\n\nexport interface ToastContextValue {\n  addToast: (options: AddToastOptions) => string;\n  removeToast: (id: string) => void;\n  toasts: ToastData[];\n}\n\nexport const ToastContext = createContext<ToastContextValue | undefined>(undefined);\n\nexport function useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n","import { createContext, useContext } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport interface ThemeContextValue {\n  /** Current theme setting (can be 'light', 'dark', or 'system') */\n  theme: Theme;\n  /** Function to change the current theme */\n  setTheme: (theme: Theme) => void;\n  /** Resolved theme after system preference detection (always 'light' or 'dark') */\n  resolvedTheme: 'light' | 'dark';\n  /** Function to toggle between light and dark themes */\n  toggleTheme: () => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}"],"names":["ActionModalContext","createContext","useActionModal","context","useContext","ToastContext","useToast","ThemeContext","useTheme"],"mappings":";AAGa,MAAAA,IAAqBC,EAAmD,MAAS;AAEvF,SAASC,IAA0C;AAClD,QAAAC,IAAUC,EAAWJ,CAAkB;AAC7C,MAAI,CAACG;AACG,UAAA,IAAI,MAAM,2DAA2D;AAEtE,SAAAA;AACT;ACOa,MAAAE,IAAeJ,EAA6C,MAAS;AAE3E,SAASK,IAA8B;AACtC,QAAAH,IAAUC,EAAWC,CAAY;AACvC,MAAI,CAACF;AACG,UAAA,IAAI,MAAM,8CAA8C;AAEzD,SAAAA;AACT;ACXa,MAAAI,IAAeN,EAA6C,MAAS;AAE3E,SAASO,IAA8B;AACtC,QAAAL,IAAUC,EAAWG,CAAY;AACvC,MAAI,CAACJ;AACG,UAAA,IAAI,MAAM,8CAA8C;AAEzD,SAAAA;AACT;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moondreamsdev/dreamer-ui",
-  "version": "1.7.13",
+  "version": "1.7.14",
   "homepage": "https://ui.moondreams.dev",
   "publishConfig": {
     "access": "public"