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

package/dist/index31.js

@@ -1,20 +1,29 @@
-//#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";
+//#region src/components/dropdown-menu/dropdown-menu.module.css
+var content = "uzi-dropdown-menu-module__content__n-ElH";
+var menuFadeIn = "uzi-dropdown-menu-module__menuFadeIn__ITxMo";
+var item = "uzi-dropdown-menu-module__item__tBNtW";
+var itemDestructive = "uzi-dropdown-menu-module__itemDestructive__oWmKd";
+var insetItem = "uzi-dropdown-menu-module__insetItem__g7ONJ";
+var indicator = "uzi-dropdown-menu-module__indicator__5qwFh";
+var indicatorIcon = "uzi-dropdown-menu-module__indicatorIcon__nhJMw";
+var radioDot = "uzi-dropdown-menu-module__radioDot__GWUVT";
+var label = "uzi-dropdown-menu-module__label__sFnNR";
+var separator = "uzi-dropdown-menu-module__separator__PgUob";
+var chevron = "uzi-dropdown-menu-module__chevron__kxfiF";
+var dropdown_menu_module_default = {
+	content,
+	menuFadeIn,
+	item,
+	itemDestructive,
+	insetItem,
+	indicator,
+	indicatorIcon,
+	radioDot,
+	label,
+	separator,
+	chevron
+};
 //#endregion
-export { ACCENT_STORAGE_KEY, THEME_STORAGE_KEY, UZI_ACCENTS, UZI_THEMES };
+export { chevron, content, dropdown_menu_module_default as default, indicator, indicatorIcon, insetItem, item, itemDestructive, label, menuFadeIn, radioDot, separator };
 
 //# sourceMappingURL=index31.js.map

package/dist/index31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index31.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"}
+{"version":3,"file":"index31.js","names":[],"sources":["../src/components/dropdown-menu/dropdown-menu.module.css"],"sourcesContent":[".content {\n  z-index: var(--uzi-popover-z-index, 1100);\n  min-width: 8rem;\n  max-height: var(--radix-dropdown-menu-content-available-height);\n  overflow-x: hidden;\n  overflow-y: auto;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  transform-origin: var(--radix-dropdown-menu-content-transform-origin);\n  animation: menuFadeIn 140ms ease;\n}\n\n.item {\n  position: relative;\n  display: flex;\n  width: 100%;\n  cursor: default;\n  user-select: none;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border-radius: var(--uzi-menu-item-radius);\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  outline: none;\n}\n\n.item[data-inset=\"true\"] {\n  padding-left: 2rem;\n}\n\n.item[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n}\n\n.item[data-disabled] {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.itemDestructive {\n  color: var(--ts-menu-danger, var(--destructive));\n}\n\n.itemDestructive[data-highlighted] {\n  background: color-mix(in srgb, var(--destructive) 15%, transparent);\n  color: var(--ts-menu-danger-fg, var(--destructive));\n}\n\n.insetItem {\n  padding-left: 2rem;\n}\n\n.indicator {\n  position: absolute;\n  left: 0.5rem;\n  display: inline-flex;\n  width: 1rem;\n  height: 1rem;\n  align-items: center;\n  justify-content: center;\n  color: currentColor;\n}\n\n.indicatorIcon {\n  display: block;\n}\n\n.radioDot {\n  display: block;\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: 999px;\n  background: currentColor;\n}\n\n.label {\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.25rem;\n}\n\n.label[data-inset=\"true\"] {\n  padding-left: 2rem;\n}\n\n.separator {\n  height: 1px;\n  margin: 0.25rem -0.25rem;\n  background: var(--ts-menu-separator, var(--border));\n}\n\n.chevron {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}

package/dist/index32.cjs

@@ -1,23 +1,40 @@
-//#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";
+//#region src/components/dropdown-menu/dropdown-menu.module.css
+var content = "uzi-dropdown-menu-module__content__n-ElH";
+var menuFadeIn = "uzi-dropdown-menu-module__menuFadeIn__ITxMo";
+var item = "uzi-dropdown-menu-module__item__tBNtW";
+var itemDestructive = "uzi-dropdown-menu-module__itemDestructive__oWmKd";
+var insetItem = "uzi-dropdown-menu-module__insetItem__g7ONJ";
+var indicator = "uzi-dropdown-menu-module__indicator__5qwFh";
+var indicatorIcon = "uzi-dropdown-menu-module__indicatorIcon__nhJMw";
+var radioDot = "uzi-dropdown-menu-module__radioDot__GWUVT";
+var label = "uzi-dropdown-menu-module__label__sFnNR";
+var separator = "uzi-dropdown-menu-module__separator__PgUob";
+var chevron = "uzi-dropdown-menu-module__chevron__kxfiF";
+var dropdown_menu_module_default = {
+	content,
+	menuFadeIn,
+	item,
+	itemDestructive,
+	insetItem,
+	indicator,
+	indicatorIcon,
+	radioDot,
+	label,
+	separator,
+	chevron
+};
 //#endregion
-exports.ACCENT_STORAGE_KEY = ACCENT_STORAGE_KEY;
-exports.THEME_STORAGE_KEY = THEME_STORAGE_KEY;
-exports.UZI_ACCENTS = UZI_ACCENTS;
-exports.UZI_THEMES = UZI_THEMES;
+exports.chevron = chevron;
+exports.content = content;
+exports.default = dropdown_menu_module_default;
+exports.indicator = indicator;
+exports.indicatorIcon = indicatorIcon;
+exports.insetItem = insetItem;
+exports.item = item;
+exports.itemDestructive = itemDestructive;
+exports.label = label;
+exports.menuFadeIn = menuFadeIn;
+exports.radioDot = radioDot;
+exports.separator = separator;
 
 //# sourceMappingURL=index32.cjs.map

package/dist/index32.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index32.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"}
+{"version":3,"file":"index32.cjs","names":[],"sources":["../src/components/dropdown-menu/dropdown-menu.module.css"],"sourcesContent":[".content {\n  z-index: var(--uzi-popover-z-index, 1100);\n  min-width: 8rem;\n  max-height: var(--radix-dropdown-menu-content-available-height);\n  overflow-x: hidden;\n  overflow-y: auto;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  transform-origin: var(--radix-dropdown-menu-content-transform-origin);\n  animation: menuFadeIn 140ms ease;\n}\n\n.item {\n  position: relative;\n  display: flex;\n  width: 100%;\n  cursor: default;\n  user-select: none;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border-radius: var(--uzi-menu-item-radius);\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  outline: none;\n}\n\n.item[data-inset=\"true\"] {\n  padding-left: 2rem;\n}\n\n.item[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n}\n\n.item[data-disabled] {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.itemDestructive {\n  color: var(--ts-menu-danger, var(--destructive));\n}\n\n.itemDestructive[data-highlighted] {\n  background: color-mix(in srgb, var(--destructive) 15%, transparent);\n  color: var(--ts-menu-danger-fg, var(--destructive));\n}\n\n.insetItem {\n  padding-left: 2rem;\n}\n\n.indicator {\n  position: absolute;\n  left: 0.5rem;\n  display: inline-flex;\n  width: 1rem;\n  height: 1rem;\n  align-items: center;\n  justify-content: center;\n  color: currentColor;\n}\n\n.indicatorIcon {\n  display: block;\n}\n\n.radioDot {\n  display: block;\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: 999px;\n  background: currentColor;\n}\n\n.label {\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.25rem;\n}\n\n.label[data-inset=\"true\"] {\n  padding-left: 2rem;\n}\n\n.separator {\n  height: 1px;\n  margin: 0.25rem -0.25rem;\n  background: var(--ts-menu-separator, var(--border));\n}\n\n.chevron {\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}

package/dist/index32.js

@@ -1,114 +1,118 @@
 "use client";
-import { ToastProvider } from "./index17.js";
-import { ACCENT_STORAGE_KEY as ACCENT_STORAGE_KEY$1, THEME_STORAGE_KEY as THEME_STORAGE_KEY$1, UZI_ACCENTS, UZI_THEMES } from "./index31.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);
+import { cx } from "./index3.js";
+import dropdown_menu_module_default from "./index31.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+//#region src/components/dropdown-menu/DropdownMenu.tsx
+function DropdownMenu(props) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { ...props });
 }
-function isAccent(value) {
-	return UZI_ACCENTS.includes(value);
+function DropdownMenuTrigger(props) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.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__ */ jsx(DropdownMenuPrimitive.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] = 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 DropdownMenuPortal(props) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { ...props });
+}
+function DropdownMenuSub(props) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { ...props });
+}
+function DropdownMenuRadioGroup(props) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { ...props });
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+		sideOffset,
+		className: cx(dropdown_menu_module_default.content, className),
+		...props
+	}) });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		"data-inset": inset ? "true" : void 0,
+		className: cx(dropdown_menu_module_default.item, variant === "destructive" && dropdown_menu_module_default.itemDestructive, className),
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+		className: cx(dropdown_menu_module_default.item, dropdown_menu_module_default.insetItem, className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: dropdown_menu_module_default.indicator,
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx("svg", {
+				viewBox: "0 0 16 16",
+				width: "16",
+				height: "16",
+				"aria-hidden": "true",
+				className: dropdown_menu_module_default.indicatorIcon,
+				children: /* @__PURE__ */ 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__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+		className: cx(dropdown_menu_module_default.item, dropdown_menu_module_default.insetItem, className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: dropdown_menu_module_default.indicator,
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx("span", { className: dropdown_menu_module_default.radioDot }) })
+		}), children]
 	});
 }
-function useTheme() {
-	const context = useContext(ThemeContext);
-	if (!context) throw new Error("useTheme must be used within a ThemeProvider");
-	return context;
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		"data-inset": inset ? "true" : void 0,
+		className: cx(dropdown_menu_module_default.label, className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		className: cx(dropdown_menu_module_default.separator, className),
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+		"data-inset": inset ? "true" : void 0,
+		className: cx(dropdown_menu_module_default.item, className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx("svg", {
+			viewBox: "0 0 16 16",
+			width: "16",
+			height: "16",
+			"aria-hidden": "true",
+			className: dropdown_menu_module_default.chevron,
+			children: /* @__PURE__ */ 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__ */ jsx(DropdownMenuPrimitive.SubContent, {
+		className: cx(dropdown_menu_module_default.content, className),
+		...props
+	});
 }
 //#endregion
-export { ThemeProvider, useTheme };
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
 
 //# sourceMappingURL=index32.js.map

package/dist/index32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index32.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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"}
+{"version":3,"file":"index32.js","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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"}