@datavac/ui-kit 1.0.4 → 1.0.6

package/dist/index.js

@@ -6519,52 +6519,7 @@ function zu({ checked: e, onChange: t, size: n = "md", trackClassName: r, thumbC
 		})]
 	});
 }
-//#endregion
-//#region src/components/ThemeToggle/ThemeToggle.tsx
-function Bu({ className: e }) {
-	let [t, n] = l(!1), r = (e) => {
-		n(e), document.documentElement.classList.toggle("dark", e);
-	};
-	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
-		className: G("hidden md:flex items-center gap-2", e),
-		children: [
-			/* @__PURE__ */ d("span", {
-				className: G("text-xs font-sans", t ? "text-fg-muted" : "text-fg"),
-				children: "День"
-			}),
-			/* @__PURE__ */ d(zu, {
-				checked: t,
-				onChange: r,
-				size: "sm",
-				trackClassName: t ? "bg-neutral" : "bg-subtle",
-				thumbClassName: t ? "bg-accent" : "bg-neutral",
-				"aria-label": t ? "Включить светлую тему" : "Включить тёмную тему"
-			}),
-			/* @__PURE__ */ d("span", {
-				className: G("text-xs font-sans", t ? "text-fg" : "text-fg-muted"),
-				children: "Ночь"
-			})
-		]
-	}), /* @__PURE__ */ f("button", {
-		role: "switch",
-		"aria-checked": t,
-		"aria-label": t ? "Включить светлую тему" : "Включить тёмную тему",
-		onClick: () => r(!t),
-		className: G("relative flex md:hidden w-[58px] h-8 rounded-pill bg-neutral overflow-hidden", e),
-		children: [
-			/* @__PURE__ */ d("span", { className: G("absolute top-[3px] w-[26px] h-[26px] bg-white rounded-full shadow transition-all duration-200", t ? "left-[29px]" : "left-[3px]") }),
-			/* @__PURE__ */ d("span", {
-				className: "absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none text-white",
-				children: /* @__PURE__ */ d(Lu, {})
-			}),
-			/* @__PURE__ */ d("span", {
-				className: "absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none text-fg",
-				children: /* @__PURE__ */ d(Fu, {})
-			})
-		]
-	})] });
-}
-var Vu = {
+var Bu = {
 	colors: {
 		accent: "#E30C5C",
 		accentHover: "#B40A49",
@@ -6590,7 +6545,7 @@ var Vu = {
 		button: "40px"
 	},
 	font: { sans: "'Inter Tight', sans-serif" }
-}, Hu = {
+}, Vu = {
 	colors: {
 		accent: "#F31667",
 		accentHover: "#B40A49",
@@ -6616,7 +6571,7 @@ var Vu = {
 		button: "40px"
 	},
 	font: { sans: "'Inter Tight', sans-serif" }
-}, Uu = [
+}, Hu = [
 	{
 		path: "colors.accent",
 		cssVar: "--color-accent"
@@ -6701,32 +6656,31 @@ var Vu = {
 		path: "font.sans",
 		cssVar: "--font-sans"
 	}
-], Wu = {
-	light: Vu,
-	dark: Hu
+], Uu = {
+	light: Bu,
+	dark: Vu
 };
-function Gu(e, t) {
+function Wu(e, t) {
 	return t.split(".").reduce((e, t) => e[t], e);
 }
-function Ku(e) {
-	return Object.fromEntries(Uu.map(({ path: t, cssVar: n }) => [n, Gu(e, t)]));
+function Gu(e) {
+	return Object.fromEntries(Hu.map(({ path: t, cssVar: n }) => [n, Wu(e, t)]));
 }
 //#endregion
 //#region src/components/ThemeProvider/ThemeProvider.tsx
-var qu = n(null);
-function Ju({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0 }) {
+var Ku = n(null);
+function qu({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0 }) {
 	let a = {
-		...Wu,
+		...Uu,
 		...n
 	}, [s, c] = l(() => {
 		if (t) return t;
 		if (typeof window < "u") {
 			let e = localStorage.getItem("datavac-theme");
 			if (e && a[e]) return e;
-			if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
 		}
 		return "light";
-	}), u = a[s] ?? Vu;
+	}), u = a[s] ?? Bu;
 	o(() => {
 		r && document.documentElement.classList.toggle("dark", s === "dark"), localStorage.setItem("datavac-theme", s);
 	}, [s, r]);
@@ -6735,7 +6689,7 @@ function Ju({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0
 	}, [a]), p = i(() => {
 		c((e) => e === "dark" ? "light" : "dark");
 	}, []);
-	return /* @__PURE__ */ d(qu.Provider, {
+	return /* @__PURE__ */ d(Ku.Provider, {
 		value: {
 			themeName: s,
 			tokens: u,
@@ -6745,10 +6699,53 @@ function Ju({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0
 		children: e
 	});
 }
-function Yu() {
-	let e = a(qu);
+function Ju() {
+	let e = a(Ku);
 	if (!e) throw Error("useTheme must be used within <ThemeProvider>");
 	return e;
 }
 //#endregion
-export { Tu as Accordion, Eu as AccordionItem, Mu as ArrowsIcon, yt as Badge, vt as Button, tt as Caption, bt as Chip, xt as Counter, bl as Drawer, Au as EmptyState, ju as ErrorState, Qe as Heading, Nu as InfoCircleIcon, St as Input, et as Label, Pu as MenuIcon, Fu as MoonStarsIcon, Iu as PlusIcon, Ct as SearchBar, ku as Skeleton, Ou as Spinner, Lu as SunIcon, zu as Switch, $e as Text, Ju as ThemeProvider, Bu as ThemeToggle, za as Tooltip, G as cn, Hu as darkTheme, Vu as defaultTheme, Wu as themes, Ku as tokensToCssVars, Yu as useTheme };
+//#region src/components/ThemeToggle/ThemeToggle.tsx
+function Yu({ className: e }) {
+	let { themeName: t, toggleTheme: n } = Ju(), r = t === "dark";
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
+		className: G("hidden md:flex items-center gap-2", e),
+		children: [
+			/* @__PURE__ */ d("span", {
+				className: G("text-xs font-sans", r ? "text-fg-muted" : "text-fg"),
+				children: "День"
+			}),
+			/* @__PURE__ */ d(zu, {
+				checked: r,
+				onChange: () => n(),
+				size: "sm",
+				trackClassName: r ? "bg-neutral" : "bg-subtle",
+				thumbClassName: r ? "bg-accent" : "bg-neutral",
+				"aria-label": r ? "Включить светлую тему" : "Включить тёмную тему"
+			}),
+			/* @__PURE__ */ d("span", {
+				className: G("text-xs font-sans", r ? "text-fg" : "text-fg-muted"),
+				children: "Ночь"
+			})
+		]
+	}), /* @__PURE__ */ f("button", {
+		role: "switch",
+		"aria-checked": r,
+		"aria-label": r ? "Включить светлую тему" : "Включить тёмную тему",
+		onClick: n,
+		className: G("relative flex md:hidden w-[58px] h-8 rounded-pill bg-neutral overflow-hidden", e),
+		children: [
+			/* @__PURE__ */ d("span", { className: G("absolute top-[3px] w-[26px] h-[26px] bg-white rounded-full shadow transition-all duration-200", r ? "left-[29px]" : "left-[3px]") }),
+			/* @__PURE__ */ d("span", {
+				className: "absolute left-2 top-1/2 -translate-y-1/2 pointer-events-none text-white",
+				children: /* @__PURE__ */ d(Lu, {})
+			}),
+			/* @__PURE__ */ d("span", {
+				className: "absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none text-fg",
+				children: /* @__PURE__ */ d(Fu, {})
+			})
+		]
+	})] });
+}
+//#endregion
+export { Tu as Accordion, Eu as AccordionItem, Mu as ArrowsIcon, yt as Badge, vt as Button, tt as Caption, bt as Chip, xt as Counter, bl as Drawer, Au as EmptyState, ju as ErrorState, Qe as Heading, Nu as InfoCircleIcon, St as Input, et as Label, Pu as MenuIcon, Fu as MoonStarsIcon, Iu as PlusIcon, Ct as SearchBar, ku as Skeleton, Ou as Spinner, Lu as SunIcon, zu as Switch, $e as Text, qu as ThemeProvider, Yu as ThemeToggle, za as Tooltip, G as cn, Vu as darkTheme, Bu as defaultTheme, Uu as themes, Gu as tokensToCssVars, Ju as useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datavac/ui-kit",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",