@tomny-dev/uzi 0.5.0 → 0.6.0-pr.60.171.1.16c745f

package/dist/index33.cjs

@@ -1,115 +1,134 @@
 "use client";
-const require_ToastContext = require("./index18.cjs");
-const require_constants = require("./index32.cjs");
+const require_runtime = require("./index2.cjs");
+const require_cx = require("./index4.cjs");
+const require_dropdown_menu_module = require("./index32.cjs");
 let react = require("react");
+react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/theme/ThemeProvider.tsx
-var THEME_STORAGE_KEY = require_constants.THEME_STORAGE_KEY;
-var ACCENT_STORAGE_KEY = require_constants.ACCENT_STORAGE_KEY;
-var THEME_ATTRIBUTE = "data-uzi-theme";
-var ACCENT_ATTRIBUTE = "data-uzi-accent";
-var ThemeContext = (0, react.createContext)(void 0);
-function isTheme(value) {
-	return require_constants.UZI_THEMES.includes(value);
+let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
+_radix_ui_react_dropdown_menu = require_runtime.__toESM(_radix_ui_react_dropdown_menu, 1);
+//#region src/components/dropdown-menu/DropdownMenu.tsx
+function DropdownMenu(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Root, { ...props });
 }
-function isAccent(value) {
-	return require_constants.UZI_ACCENTS.includes(value);
+function DropdownMenuTrigger(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Trigger, { ...props });
 }
-function getSystemTheme() {
-	if (typeof window === "undefined") return "light";
-	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+function DropdownMenuGroup(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Group, { ...props });
 }
-function ThemeProvider({ children, theme, defaultTheme = "system", accent, defaultAccent = "blue", onThemeChange, onAccentChange, storageKey = THEME_STORAGE_KEY, accentStorageKey = ACCENT_STORAGE_KEY, disableStorage = false, toastConfig }) {
-	const [internalTheme, setInternalTheme] = (0, react.useState)(defaultTheme);
-	const [internalAccent, setInternalAccent] = (0, react.useState)(defaultAccent);
-	const [systemTheme, setSystemTheme] = (0, react.useState)("light");
-	(0, react.useEffect)(() => {
-		setSystemTheme(getSystemTheme());
-		if (!disableStorage) {
-			const storedTheme = window.localStorage.getItem(storageKey);
-			if (isTheme(storedTheme)) setInternalTheme(storedTheme);
-			const storedAccent = window.localStorage.getItem(accentStorageKey);
-			if (isAccent(storedAccent)) setInternalAccent(storedAccent);
-		}
-	}, [
-		disableStorage,
-		storageKey,
-		accentStorageKey
-	]);
-	const isThemeControlled = theme !== void 0;
-	const isAccentControlled = accent !== void 0;
-	const currentTheme = isThemeControlled ? theme : internalTheme;
-	const currentAccent = isAccentControlled ? accent : internalAccent;
-	const resolvedTheme = currentTheme === "system" ? systemTheme : currentTheme;
-	(0, react.useEffect)(() => {
-		if (typeof window === "undefined") return;
-		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-		const handleChange = () => setSystemTheme(mediaQuery.matches ? "dark" : "light");
-		handleChange();
-		mediaQuery.addEventListener("change", handleChange);
-		return () => mediaQuery.removeEventListener("change", handleChange);
-	}, []);
-	(0, react.useEffect)(() => {
-		if (typeof document === "undefined") return;
-		const root = document.documentElement;
-		root.setAttribute(THEME_ATTRIBUTE, resolvedTheme);
-		root.setAttribute(ACCENT_ATTRIBUTE, currentAccent);
-		root.style.colorScheme = resolvedTheme;
-		root.classList.toggle("dark", resolvedTheme === "dark");
-	}, [currentAccent, resolvedTheme]);
-	const setTheme = (0, react.useCallback)((nextTheme) => {
-		if (!isThemeControlled) setInternalTheme(nextTheme);
-		if (!disableStorage && typeof window !== "undefined") window.localStorage.setItem(storageKey, nextTheme);
-		onThemeChange?.(nextTheme);
-	}, [
-		disableStorage,
-		isThemeControlled,
-		onThemeChange,
-		storageKey
-	]);
-	const setAccent = (0, react.useCallback)((nextAccent) => {
-		if (!isAccentControlled) setInternalAccent(nextAccent);
-		if (!disableStorage && typeof window !== "undefined") window.localStorage.setItem(accentStorageKey, nextAccent);
-		onAccentChange?.(nextAccent);
-	}, [
-		accentStorageKey,
-		disableStorage,
-		isAccentControlled,
-		onAccentChange
-	]);
-	const toggleTheme = (0, react.useCallback)(() => {
-		setTheme(resolvedTheme === "dark" ? "light" : "dark");
-	}, [resolvedTheme, setTheme]);
-	const value = (0, react.useMemo)(() => ({
-		theme: currentTheme,
-		resolvedTheme,
-		accent: currentAccent,
-		setTheme,
-		setAccent,
-		toggleTheme
-	}), [
-		currentAccent,
-		currentTheme,
-		resolvedTheme,
-		setAccent,
-		setTheme,
-		toggleTheme
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeContext.Provider, {
-		value,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ToastContext.ToastProvider, {
-			config: toastConfig,
-			children
-		})
+function DropdownMenuPortal(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { ...props });
+}
+function DropdownMenuSub(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Sub, { ...props });
+}
+function DropdownMenuRadioGroup(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.RadioGroup, { ...props });
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Content, {
+		sideOffset,
+		className: require_cx.cx(require_dropdown_menu_module.default.content, className),
+		...props
+	}) });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Item, {
+		"data-inset": inset ? "true" : void 0,
+		className: require_cx.cx(require_dropdown_menu_module.default.item, variant === "destructive" && require_dropdown_menu_module.default.itemDestructive, className),
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.CheckboxItem, {
+		className: require_cx.cx(require_dropdown_menu_module.default.item, require_dropdown_menu_module.default.insetItem, className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_dropdown_menu_module.default.indicator,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				viewBox: "0 0 16 16",
+				width: "16",
+				height: "16",
+				"aria-hidden": "true",
+				className: require_dropdown_menu_module.default.indicatorIcon,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M3.5 8.5 6.5 11.5 12.5 4.5",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1.8",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			}) })
+		}), children]
+	});
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.RadioItem, {
+		className: require_cx.cx(require_dropdown_menu_module.default.item, require_dropdown_menu_module.default.insetItem, className),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: require_dropdown_menu_module.default.indicator,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_dropdown_menu_module.default.radioDot }) })
+		}), children]
 	});
 }
-function useTheme() {
-	const context = (0, react.useContext)(ThemeContext);
-	if (!context) throw new Error("useTheme must be used within a ThemeProvider");
-	return context;
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Label, {
+		"data-inset": inset ? "true" : void 0,
+		className: require_cx.cx(require_dropdown_menu_module.default.label, className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.Separator, {
+		className: require_cx.cx(require_dropdown_menu_module.default.separator, className),
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_dropdown_menu.SubTrigger, {
+		"data-inset": inset ? "true" : void 0,
+		className: require_cx.cx(require_dropdown_menu_module.default.item, className),
+		...props,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			viewBox: "0 0 16 16",
+			width: "16",
+			height: "16",
+			"aria-hidden": "true",
+			className: require_dropdown_menu_module.default.chevron,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M6 3.5 10.5 8 6 12.5",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.6",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		})]
+	});
+}
+function DropdownMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_dropdown_menu.SubContent, {
+		className: require_cx.cx(require_dropdown_menu_module.default.content, className),
+		...props
+	});
 }
 //#endregion
-exports.ThemeProvider = ThemeProvider;
-exports.useTheme = useTheme;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
 
 //# sourceMappingURL=index33.cjs.map

package/dist/index33.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index33.cjs","names":[],"sources":["../src/theme/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { UZI_THEMES, UZI_ACCENTS, THEME_STORAGE_KEY as DEFAULT_THEME_KEY, ACCENT_STORAGE_KEY as DEFAULT_ACCENT_KEY } from \"./constants\";\nimport { ToastProvider } from \"../components/toast/ToastContext\";\nimport type { ToastConfig } from \"../components/toast/types\";\n\nexport type UziTheme = typeof UZI_THEMES[number];\nexport type UziResolvedTheme = \"light\" | \"dark\";\nexport type UziAccent = typeof UZI_ACCENTS[number];\n\ntype ThemeContextValue = {\n  theme: UziTheme;\n  resolvedTheme: UziResolvedTheme;\n  accent: UziAccent;\n  setTheme: (theme: UziTheme) => void;\n  setAccent: (accent: UziAccent) => void;\n  toggleTheme: () => void;\n};\n\ntype ThemeProviderProps = {\n  children: ReactNode;\n  theme?: UziTheme;\n  defaultTheme?: UziTheme;\n  accent?: UziAccent;\n  defaultAccent?: UziAccent;\n  onThemeChange?: (theme: UziTheme) => void;\n  onAccentChange?: (accent: UziAccent) => void;\n  storageKey?: string;\n  accentStorageKey?: string;\n  disableStorage?: boolean;\n  toastConfig?: ToastConfig;\n};\n\nconst THEME_STORAGE_KEY = DEFAULT_THEME_KEY;\nconst ACCENT_STORAGE_KEY = DEFAULT_ACCENT_KEY;\nconst THEME_ATTRIBUTE = \"data-uzi-theme\";\nconst ACCENT_ATTRIBUTE = \"data-uzi-accent\";\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nfunction isTheme(value: string | null): value is UziTheme {\n  return UZI_THEMES.includes(value as UziTheme);\n}\n\nfunction isAccent(value: string | null): value is UziAccent {\n  return UZI_ACCENTS.includes(value as UziAccent);\n}\n\nfunction getSystemTheme(): UziResolvedTheme {\n  if (typeof window === \"undefined\") return \"light\";\n  return window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n}\n\nexport function ThemeProvider({\n  children,\n  theme,\n  defaultTheme = \"system\",\n  accent,\n  defaultAccent = \"blue\",\n  onThemeChange,\n  onAccentChange,\n  storageKey = THEME_STORAGE_KEY,\n  accentStorageKey = ACCENT_STORAGE_KEY,\n  disableStorage = false,\n  toastConfig,\n}: ThemeProviderProps) {\n  const [internalTheme, setInternalTheme] = useState<UziTheme>(defaultTheme);\n  const [internalAccent, setInternalAccent] = useState<UziAccent>(defaultAccent);\n  const [systemTheme, setSystemTheme] = useState<UziResolvedTheme>(\"light\");\n\n  useEffect(() => {\n    setSystemTheme(getSystemTheme());\n    if (!disableStorage) {\n      const storedTheme = window.localStorage.getItem(storageKey);\n      if (isTheme(storedTheme)) setInternalTheme(storedTheme);\n      const storedAccent = window.localStorage.getItem(accentStorageKey);\n      if (isAccent(storedAccent)) setInternalAccent(storedAccent);\n    }\n  }, [disableStorage, storageKey, accentStorageKey]);\n\n  const isThemeControlled = theme !== undefined;\n  const isAccentControlled = accent !== undefined;\n\n  const currentTheme = isThemeControlled ? theme : internalTheme;\n  const currentAccent = isAccentControlled ? accent : internalAccent;\n  const resolvedTheme = currentTheme === \"system\" ? systemTheme : currentTheme;\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const handleChange = () => setSystemTheme(mediaQuery.matches ? \"dark\" : \"light\");\n\n    handleChange();\n    mediaQuery.addEventListener(\"change\", handleChange);\n    return () => mediaQuery.removeEventListener(\"change\", handleChange);\n  }, []);\n\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const root = document.documentElement;\n    root.setAttribute(THEME_ATTRIBUTE, resolvedTheme);\n    root.setAttribute(ACCENT_ATTRIBUTE, currentAccent);\n    root.style.colorScheme = resolvedTheme;\n    root.classList.toggle(\"dark\", resolvedTheme === \"dark\");\n  }, [currentAccent, resolvedTheme]);\n\n  const setTheme = useCallback(\n    (nextTheme: UziTheme) => {\n      if (!isThemeControlled) setInternalTheme(nextTheme);\n      if (!disableStorage && typeof window !== \"undefined\") {\n        window.localStorage.setItem(storageKey, nextTheme);\n      }\n      onThemeChange?.(nextTheme);\n    },\n    [disableStorage, isThemeControlled, onThemeChange, storageKey],\n  );\n\n  const setAccent = useCallback(\n    (nextAccent: UziAccent) => {\n      if (!isAccentControlled) setInternalAccent(nextAccent);\n      if (!disableStorage && typeof window !== \"undefined\") {\n        window.localStorage.setItem(accentStorageKey, nextAccent);\n      }\n      onAccentChange?.(nextAccent);\n    },\n    [accentStorageKey, disableStorage, isAccentControlled, onAccentChange],\n  );\n\n  const toggleTheme = useCallback(() => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\");\n  }, [resolvedTheme, setTheme]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme: currentTheme,\n      resolvedTheme,\n      accent: currentAccent,\n      setTheme,\n      setAccent,\n      toggleTheme,\n    }),\n    [currentAccent, currentTheme, resolvedTheme, setAccent, setTheme, toggleTheme],\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\n      <ToastProvider config={toastConfig}>{children}</ToastProvider>\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme() {\n  const context = useContext(ThemeContext);\n  if (!context) throw new Error(\"useTheme must be used within a ThemeProvider\");\n  return context;\n}\n"],"mappings":"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"}
+{"version":3,"file":"index33.cjs","names":[],"sources":["../src/components/dropdown-menu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./dropdown-menu.module.css\";\n\nexport function DropdownMenu(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>,\n) {\n  return <DropdownMenuPrimitive.Root {...props} />;\n}\n\nexport function DropdownMenuTrigger(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>,\n) {\n  return <DropdownMenuPrimitive.Trigger {...props} />;\n}\n\nexport function DropdownMenuGroup(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>,\n) {\n  return <DropdownMenuPrimitive.Group {...props} />;\n}\n\nexport function DropdownMenuPortal(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>,\n) {\n  return <DropdownMenuPrimitive.Portal {...props} />;\n}\n\nexport function DropdownMenuSub(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>,\n) {\n  return <DropdownMenuPrimitive.Sub {...props} />;\n}\n\nexport function DropdownMenuRadioGroup(\n  props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>,\n) {\n  return <DropdownMenuPrimitive.RadioGroup {...props} />;\n}\n\nexport function DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        sideOffset={sideOffset}\n        className={cx(styles.content, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport function DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-inset={inset ? \"true\" : undefined}\n      className={cx(\n        styles.item,\n        variant === \"destructive\" && styles.itemDestructive,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuCheckboxItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      className={cx(\n        styles.item,\n        styles.insetItem,\n        className,\n      )}\n      {...props}\n    >\n      <span className={styles.indicator}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <svg\n            viewBox=\"0 0 16 16\"\n            width=\"16\"\n            height=\"16\"\n            aria-hidden=\"true\"\n            className={styles.indicatorIcon}\n          >\n            <path\n              d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.8\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nexport function DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      className={cx(\n        styles.item,\n        styles.insetItem,\n        className,\n      )}\n      {...props}\n    >\n      <span className={styles.indicator}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          <span className={styles.radioDot} />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-inset={inset ? \"true\" : undefined}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-inset={inset ? \"true\" : undefined}\n      className={cx(styles.item, className)}\n      {...props}\n    >\n      {children}\n      <svg\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        height=\"16\"\n        aria-hidden=\"true\"\n        className={styles.chevron}\n      >\n        <path\n          d=\"M6 3.5 10.5 8 6 12.5\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.6\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      className={cx(styles.content, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/index33.js

@@ -1,7 +1,20 @@
-//#region src/components/theme-toggle-button/theme-toggle-button.module.css
-var withLabel = "uzi-theme-toggle-button-module__withLabel__KqtDj";
-var theme_toggle_button_module_default = { withLabel };
+//#region src/theme/constants.ts
+var UZI_THEMES = [
+	"light",
+	"dark",
+	"system"
+];
+var UZI_ACCENTS = [
+	"blue",
+	"cyan",
+	"violet",
+	"emerald",
+	"amber",
+	"rose"
+];
+var THEME_STORAGE_KEY = "uzi-theme";
+var ACCENT_STORAGE_KEY = "uzi-accent";
 //#endregion
-export { theme_toggle_button_module_default as default, withLabel };
+export { ACCENT_STORAGE_KEY, THEME_STORAGE_KEY, UZI_ACCENTS, UZI_THEMES };
 
 //# sourceMappingURL=index33.js.map

package/dist/index33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index33.js","names":[],"sources":["../src/components/theme-toggle-button/theme-toggle-button.module.css"],"sourcesContent":[".withLabel {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n"],"mappings":""}
+{"version":3,"file":"index33.js","names":[],"sources":["../src/theme/constants.ts"],"sourcesContent":["export const UZI_THEMES = [\"light\", \"dark\", \"system\"] as const;\nexport const UZI_ACCENTS = [\"blue\", \"cyan\", \"violet\", \"emerald\", \"amber\", \"rose\"] as const;\n\nexport const THEME_STORAGE_KEY = \"uzi-theme\";\nexport const ACCENT_STORAGE_KEY = \"uzi-accent\";\n"],"mappings":";AAAA,IAAa,aAAa;CAAC;CAAS;CAAQ;AAAQ;AACpD,IAAa,cAAc;CAAC;CAAQ;CAAQ;CAAU;CAAW;CAAS;AAAM;AAEhF,IAAa,oBAAoB;AACjC,IAAa,qBAAqB"}

package/dist/index34.cjs

@@ -1,8 +1,23 @@
-//#region src/components/theme-toggle-button/theme-toggle-button.module.css
-var withLabel = "uzi-theme-toggle-button-module__withLabel__KqtDj";
-var theme_toggle_button_module_default = { withLabel };
+//#region src/theme/constants.ts
+var UZI_THEMES = [
+	"light",
+	"dark",
+	"system"
+];
+var UZI_ACCENTS = [
+	"blue",
+	"cyan",
+	"violet",
+	"emerald",
+	"amber",
+	"rose"
+];
+var THEME_STORAGE_KEY = "uzi-theme";
+var ACCENT_STORAGE_KEY = "uzi-accent";
 //#endregion
-exports.default = theme_toggle_button_module_default;
-exports.withLabel = withLabel;
+exports.ACCENT_STORAGE_KEY = ACCENT_STORAGE_KEY;
+exports.THEME_STORAGE_KEY = THEME_STORAGE_KEY;
+exports.UZI_ACCENTS = UZI_ACCENTS;
+exports.UZI_THEMES = UZI_THEMES;
 
 //# sourceMappingURL=index34.cjs.map

package/dist/index34.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index34.cjs","names":[],"sources":["../src/components/theme-toggle-button/theme-toggle-button.module.css"],"sourcesContent":[".withLabel {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n"],"mappings":""}
+{"version":3,"file":"index34.cjs","names":[],"sources":["../src/theme/constants.ts"],"sourcesContent":["export const UZI_THEMES = [\"light\", \"dark\", \"system\"] as const;\nexport const UZI_ACCENTS = [\"blue\", \"cyan\", \"violet\", \"emerald\", \"amber\", \"rose\"] as const;\n\nexport const THEME_STORAGE_KEY = \"uzi-theme\";\nexport const ACCENT_STORAGE_KEY = \"uzi-accent\";\n"],"mappings":";AAAA,IAAa,aAAa;CAAC;CAAS;CAAQ;AAAQ;AACpD,IAAa,cAAc;CAAC;CAAQ;CAAQ;CAAU;CAAW;CAAS;AAAM;AAEhF,IAAa,oBAAoB;AACjC,IAAa,qBAAqB"}

package/dist/index34.js

@@ -1,66 +1,114 @@
 "use client";
-import { cx } from "./index3.js";
-import { Button } from "./index5.js";
-import { useTheme } from "./index32.js";
-import theme_toggle_button_module_default from "./index33.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/theme-toggle-button/ThemeToggleButton.tsx
-function MoonIcon() {
-	return /* @__PURE__ */ jsx("svg", {
-		viewBox: "0 0 24 24",
-		"aria-hidden": "true",
-		width: "16",
-		height: "16",
-		fill: "none",
-		children: /* @__PURE__ */ jsx("path", {
-			d: "M20 15.2A8.5 8.5 0 0 1 8.8 4 9 9 0 1 0 20 15.2Z",
-			stroke: "currentColor",
-			strokeWidth: "1.8",
-			strokeLinecap: "round",
-			strokeLinejoin: "round"
-		})
-	});
+import { ToastProvider } from "./index19.js";
+import { ACCENT_STORAGE_KEY as ACCENT_STORAGE_KEY$1, THEME_STORAGE_KEY as THEME_STORAGE_KEY$1, UZI_ACCENTS, UZI_THEMES } from "./index33.js";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/theme/ThemeProvider.tsx
+var THEME_STORAGE_KEY = THEME_STORAGE_KEY$1;
+var ACCENT_STORAGE_KEY = ACCENT_STORAGE_KEY$1;
+var THEME_ATTRIBUTE = "data-uzi-theme";
+var ACCENT_ATTRIBUTE = "data-uzi-accent";
+var ThemeContext = createContext(void 0);
+function isTheme(value) {
+	return UZI_THEMES.includes(value);
 }
-function SunIcon() {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 24 24",
-		"aria-hidden": "true",
-		width: "16",
-		height: "16",
-		fill: "none",
-		children: [/* @__PURE__ */ jsx("circle", {
-			cx: "12",
-			cy: "12",
-			r: "4",
-			stroke: "currentColor",
-			strokeWidth: "1.8"
-		}), /* @__PURE__ */ jsx("path", {
-			d: "M12 2.75v2.5M12 18.75v2.5M21.25 12h-2.5M5.25 12h-2.5M18.54 5.46l-1.77 1.77M7.23 16.77l-1.77 1.77M18.54 18.54l-1.77-1.77M7.23 7.23 5.46 5.46",
-			stroke: "currentColor",
-			strokeWidth: "1.8",
-			strokeLinecap: "round"
-		})]
-	});
+function isAccent(value) {
+	return UZI_ACCENTS.includes(value);
 }
-function ThemeToggleButton({ showLabel = false, lightLabel = "Light mode", darkLabel = "Dark mode", className, onClick, ...rest }) {
-	const { resolvedTheme, toggleTheme } = useTheme();
-	const nextThemeLabel = resolvedTheme === "dark" ? lightLabel : darkLabel;
-	return /* @__PURE__ */ jsxs(Button, {
-		type: "button",
-		variant: "ghost",
-		size: showLabel ? "sm" : "icon",
-		className: cx(showLabel && theme_toggle_button_module_default.withLabel, className),
-		"aria-label": `Switch to ${nextThemeLabel.toLowerCase()}`,
-		title: `Switch to ${nextThemeLabel.toLowerCase()}`,
-		onClick: (event) => {
-			onClick?.(event);
-			if (!event.defaultPrevented) toggleTheme();
-		},
-		...rest,
-		children: [resolvedTheme === "dark" ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(MoonIcon, {}), showLabel && /* @__PURE__ */ jsx("span", { children: nextThemeLabel })]
+function getSystemTheme() {
+	if (typeof window === "undefined") return "light";
+	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function ThemeProvider({ children, theme, defaultTheme = "system", accent, defaultAccent = "blue", onThemeChange, onAccentChange, storageKey = THEME_STORAGE_KEY, accentStorageKey = ACCENT_STORAGE_KEY, disableStorage = false, toastConfig }) {
+	const [internalTheme, setInternalTheme] = useState(defaultTheme);
+	const [internalAccent, setInternalAccent] = useState(defaultAccent);
+	const [systemTheme, setSystemTheme] = useState("light");
+	useEffect(() => {
+		setSystemTheme(getSystemTheme());
+		if (!disableStorage) {
+			const storedTheme = window.localStorage.getItem(storageKey);
+			if (isTheme(storedTheme)) setInternalTheme(storedTheme);
+			const storedAccent = window.localStorage.getItem(accentStorageKey);
+			if (isAccent(storedAccent)) setInternalAccent(storedAccent);
+		}
+	}, [
+		disableStorage,
+		storageKey,
+		accentStorageKey
+	]);
+	const isThemeControlled = theme !== void 0;
+	const isAccentControlled = accent !== void 0;
+	const currentTheme = isThemeControlled ? theme : internalTheme;
+	const currentAccent = isAccentControlled ? accent : internalAccent;
+	const resolvedTheme = currentTheme === "system" ? systemTheme : currentTheme;
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+		const handleChange = () => setSystemTheme(mediaQuery.matches ? "dark" : "light");
+		handleChange();
+		mediaQuery.addEventListener("change", handleChange);
+		return () => mediaQuery.removeEventListener("change", handleChange);
+	}, []);
+	useEffect(() => {
+		if (typeof document === "undefined") return;
+		const root = document.documentElement;
+		root.setAttribute(THEME_ATTRIBUTE, resolvedTheme);
+		root.setAttribute(ACCENT_ATTRIBUTE, currentAccent);
+		root.style.colorScheme = resolvedTheme;
+		root.classList.toggle("dark", resolvedTheme === "dark");
+	}, [currentAccent, resolvedTheme]);
+	const setTheme = useCallback((nextTheme) => {
+		if (!isThemeControlled) setInternalTheme(nextTheme);
+		if (!disableStorage && typeof window !== "undefined") window.localStorage.setItem(storageKey, nextTheme);
+		onThemeChange?.(nextTheme);
+	}, [
+		disableStorage,
+		isThemeControlled,
+		onThemeChange,
+		storageKey
+	]);
+	const setAccent = useCallback((nextAccent) => {
+		if (!isAccentControlled) setInternalAccent(nextAccent);
+		if (!disableStorage && typeof window !== "undefined") window.localStorage.setItem(accentStorageKey, nextAccent);
+		onAccentChange?.(nextAccent);
+	}, [
+		accentStorageKey,
+		disableStorage,
+		isAccentControlled,
+		onAccentChange
+	]);
+	const toggleTheme = useCallback(() => {
+		setTheme(resolvedTheme === "dark" ? "light" : "dark");
+	}, [resolvedTheme, setTheme]);
+	const value = useMemo(() => ({
+		theme: currentTheme,
+		resolvedTheme,
+		accent: currentAccent,
+		setTheme,
+		setAccent,
+		toggleTheme
+	}), [
+		currentAccent,
+		currentTheme,
+		resolvedTheme,
+		setAccent,
+		setTheme,
+		toggleTheme
+	]);
+	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(ToastProvider, {
+			config: toastConfig,
+			children
+		})
 	});
 }
+function useTheme() {
+	const context = useContext(ThemeContext);
+	if (!context) throw new Error("useTheme must be used within a ThemeProvider");
+	return context;
+}
 //#endregion
-export { ThemeToggleButton };
+export { ThemeProvider, useTheme };
 
 //# sourceMappingURL=index34.js.map

package/dist/index34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index34.js","names":[],"sources":["../src/components/theme-toggle-button/ThemeToggleButton.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ButtonHTMLAttributes } from \"react\";\nimport { Button } from \"../button/Button\";\nimport { useTheme } from \"../../theme/ThemeProvider\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./theme-toggle-button.module.css\";\n\nexport type ThemeToggleButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"children\"\n> & {\n  showLabel?: boolean;\n  lightLabel?: string;\n  darkLabel?: string;\n};\n\nfunction MoonIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"16\" height=\"16\" fill=\"none\">\n      <path\n        d=\"M20 15.2A8.5 8.5 0 0 1 8.8 4 9 9 0 1 0 20 15.2Z\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.8\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n}\n\nfunction SunIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" width=\"16\" height=\"16\" fill=\"none\">\n      <circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" strokeWidth=\"1.8\" />\n      <path\n        d=\"M12 2.75v2.5M12 18.75v2.5M21.25 12h-2.5M5.25 12h-2.5M18.54 5.46l-1.77 1.77M7.23 16.77l-1.77 1.77M18.54 18.54l-1.77-1.77M7.23 7.23 5.46 5.46\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.8\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport function ThemeToggleButton({\n  showLabel = false,\n  lightLabel = \"Light mode\",\n  darkLabel = \"Dark mode\",\n  className,\n  onClick,\n  ...rest\n}: ThemeToggleButtonProps) {\n  const { resolvedTheme, toggleTheme } = useTheme();\n  const nextThemeLabel = resolvedTheme === \"dark\" ? lightLabel : darkLabel;\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      size={showLabel ? \"sm\" : \"icon\"}\n      className={cx(showLabel && styles.withLabel, className)}\n      aria-label={`Switch to ${nextThemeLabel.toLowerCase()}`}\n      title={`Switch to ${nextThemeLabel.toLowerCase()}`}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) toggleTheme();\n      }}\n      {...rest}\n    >\n      {resolvedTheme === \"dark\" ? <SunIcon /> : <MoonIcon />}\n      {showLabel && <span>{nextThemeLabel}</span>}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAS,WAAW;CAClB,OACE,oBAAC,OAAD;EAAK,SAAQ;EAAY,eAAY;EAAO,OAAM;EAAK,QAAO;EAAK,MAAK;YACtE,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAChB,CAAA;CACE,CAAA;AAET;AAEA,SAAS,UAAU;CACjB,OACE,qBAAC,OAAD;EAAK,SAAQ;EAAY,eAAY;EAAO,OAAM;EAAK,QAAO;EAAK,MAAK;YAAxE,CACE,oBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAI,QAAO;GAAe,aAAY;EAAO,CAAA,GACvE,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACf,CAAA,CACE;;AAET;AAEA,SAAgB,kBAAkB,EAChC,YAAY,OACZ,aAAa,cACb,YAAY,aACZ,WACA,SACA,GAAG,QACsB;CACzB,MAAM,EAAE,eAAe,gBAAgB,SAAS;CAChD,MAAM,iBAAiB,kBAAkB,SAAS,aAAa;CAE/D,OACE,qBAAC,QAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAM,YAAY,OAAO;EACzB,WAAW,GAAG,aAAa,mCAAO,WAAW,SAAS;EACtD,cAAY,aAAa,eAAe,YAAY;EACpD,OAAO,aAAa,eAAe,YAAY;EAC/C,UAAU,UAAU;GAClB,UAAU,KAAK;GACf,IAAI,CAAC,MAAM,kBAAkB,YAAY;EAC3C;EACA,GAAI;YAXN,CAaG,kBAAkB,SAAS,oBAAC,SAAD,CAAU,CAAA,IAAI,oBAAC,UAAD,CAAW,CAAA,GACpD,aAAa,oBAAC,QAAD,EAAA,UAAO,eAAqB,CAAA,CACpC;;AAEZ"}
+{"version":3,"file":"index34.js","names":[],"sources":["../src/theme/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { UZI_THEMES, UZI_ACCENTS, THEME_STORAGE_KEY as DEFAULT_THEME_KEY, ACCENT_STORAGE_KEY as DEFAULT_ACCENT_KEY } from \"./constants\";\nimport { ToastProvider } from \"../components/toast/ToastContext\";\nimport type { ToastConfig } from \"../components/toast/types\";\n\nexport type UziTheme = typeof UZI_THEMES[number];\nexport type UziResolvedTheme = \"light\" | \"dark\";\nexport type UziAccent = typeof UZI_ACCENTS[number];\n\ntype ThemeContextValue = {\n  theme: UziTheme;\n  resolvedTheme: UziResolvedTheme;\n  accent: UziAccent;\n  setTheme: (theme: UziTheme) => void;\n  setAccent: (accent: UziAccent) => void;\n  toggleTheme: () => void;\n};\n\ntype ThemeProviderProps = {\n  children: ReactNode;\n  theme?: UziTheme;\n  defaultTheme?: UziTheme;\n  accent?: UziAccent;\n  defaultAccent?: UziAccent;\n  onThemeChange?: (theme: UziTheme) => void;\n  onAccentChange?: (accent: UziAccent) => void;\n  storageKey?: string;\n  accentStorageKey?: string;\n  disableStorage?: boolean;\n  toastConfig?: ToastConfig;\n};\n\nconst THEME_STORAGE_KEY = DEFAULT_THEME_KEY;\nconst ACCENT_STORAGE_KEY = DEFAULT_ACCENT_KEY;\nconst THEME_ATTRIBUTE = \"data-uzi-theme\";\nconst ACCENT_ATTRIBUTE = \"data-uzi-accent\";\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nfunction isTheme(value: string | null): value is UziTheme {\n  return UZI_THEMES.includes(value as UziTheme);\n}\n\nfunction isAccent(value: string | null): value is UziAccent {\n  return UZI_ACCENTS.includes(value as UziAccent);\n}\n\nfunction getSystemTheme(): UziResolvedTheme {\n  if (typeof window === \"undefined\") return \"light\";\n  return window.matchMedia(\"(prefers-color-scheme: dark)\").matches ? \"dark\" : \"light\";\n}\n\nexport function ThemeProvider({\n  children,\n  theme,\n  defaultTheme = \"system\",\n  accent,\n  defaultAccent = \"blue\",\n  onThemeChange,\n  onAccentChange,\n  storageKey = THEME_STORAGE_KEY,\n  accentStorageKey = ACCENT_STORAGE_KEY,\n  disableStorage = false,\n  toastConfig,\n}: ThemeProviderProps) {\n  const [internalTheme, setInternalTheme] = useState<UziTheme>(defaultTheme);\n  const [internalAccent, setInternalAccent] = useState<UziAccent>(defaultAccent);\n  const [systemTheme, setSystemTheme] = useState<UziResolvedTheme>(\"light\");\n\n  useEffect(() => {\n    setSystemTheme(getSystemTheme());\n    if (!disableStorage) {\n      const storedTheme = window.localStorage.getItem(storageKey);\n      if (isTheme(storedTheme)) setInternalTheme(storedTheme);\n      const storedAccent = window.localStorage.getItem(accentStorageKey);\n      if (isAccent(storedAccent)) setInternalAccent(storedAccent);\n    }\n  }, [disableStorage, storageKey, accentStorageKey]);\n\n  const isThemeControlled = theme !== undefined;\n  const isAccentControlled = accent !== undefined;\n\n  const currentTheme = isThemeControlled ? theme : internalTheme;\n  const currentAccent = isAccentControlled ? accent : internalAccent;\n  const resolvedTheme = currentTheme === \"system\" ? systemTheme : currentTheme;\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const handleChange = () => setSystemTheme(mediaQuery.matches ? \"dark\" : \"light\");\n\n    handleChange();\n    mediaQuery.addEventListener(\"change\", handleChange);\n    return () => mediaQuery.removeEventListener(\"change\", handleChange);\n  }, []);\n\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const root = document.documentElement;\n    root.setAttribute(THEME_ATTRIBUTE, resolvedTheme);\n    root.setAttribute(ACCENT_ATTRIBUTE, currentAccent);\n    root.style.colorScheme = resolvedTheme;\n    root.classList.toggle(\"dark\", resolvedTheme === \"dark\");\n  }, [currentAccent, resolvedTheme]);\n\n  const setTheme = useCallback(\n    (nextTheme: UziTheme) => {\n      if (!isThemeControlled) setInternalTheme(nextTheme);\n      if (!disableStorage && typeof window !== \"undefined\") {\n        window.localStorage.setItem(storageKey, nextTheme);\n      }\n      onThemeChange?.(nextTheme);\n    },\n    [disableStorage, isThemeControlled, onThemeChange, storageKey],\n  );\n\n  const setAccent = useCallback(\n    (nextAccent: UziAccent) => {\n      if (!isAccentControlled) setInternalAccent(nextAccent);\n      if (!disableStorage && typeof window !== \"undefined\") {\n        window.localStorage.setItem(accentStorageKey, nextAccent);\n      }\n      onAccentChange?.(nextAccent);\n    },\n    [accentStorageKey, disableStorage, isAccentControlled, onAccentChange],\n  );\n\n  const toggleTheme = useCallback(() => {\n    setTheme(resolvedTheme === \"dark\" ? \"light\" : \"dark\");\n  }, [resolvedTheme, setTheme]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme: currentTheme,\n      resolvedTheme,\n      accent: currentAccent,\n      setTheme,\n      setAccent,\n      toggleTheme,\n    }),\n    [currentAccent, currentTheme, resolvedTheme, setAccent, setTheme, toggleTheme],\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\n      <ToastProvider config={toastConfig}>{children}</ToastProvider>\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme() {\n  const context = useContext(ThemeContext);\n  if (!context) throw new Error(\"useTheme must be used within a ThemeProvider\");\n  return context;\n}\n"],"mappings":"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"}