@datavac/ui-kit 1.0.5 → 1.0.7

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,53 +6656,92 @@ 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 }) {
-	let a = {
-		...Wu,
+var Ku = n(null);
+function qu({ children: e, defaultTheme: t, customThemes: n, applyToRoot: r = !0 }) {
+	let a = c(() => ({
+		...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;
-		}
-		return "light";
-	}), u = a[s] ?? Vu;
+	}), [n]), [s, u] = l(t ?? "light"), f = a[s] ?? Bu;
 	o(() => {
+		let e = localStorage.getItem("datavac-theme");
+		!e || !a[e] || u(e);
+	}, [a]), o(() => {
 		r && document.documentElement.classList.toggle("dark", s === "dark"), localStorage.setItem("datavac-theme", s);
 	}, [s, r]);
-	let f = i((e) => {
-		a[e] && c(e);
-	}, [a]), p = i(() => {
-		c((e) => e === "dark" ? "light" : "dark");
+	let p = i((e) => {
+		a[e] && u(e);
+	}, [a]), m = i(() => {
+		u((e) => e === "dark" ? "light" : "dark");
 	}, []);
-	return /* @__PURE__ */ d(qu.Provider, {
+	return /* @__PURE__ */ d(Ku.Provider, {
 		value: {
 			themeName: s,
-			tokens: u,
-			setTheme: f,
-			toggleTheme: p
+			tokens: f,
+			setTheme: p,
+			toggleTheme: m
 		},
 		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.5",
+  "version": "1.0.7",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -58,12 +58,6 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.1.2",
-    "@storybook/addon-vitest": "^10.3.6",
-    "@testing-library/dom": "^10.4.1",
-    "@vitest/browser": "^4.1.5",
-    "playwright": "^1.59.1",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
     "@commitlint/cli": "^20.5.3",
     "@commitlint/config-conventional": "^20.5.3",
     "@eslint/js": "^10.0.1",
@@ -71,9 +65,12 @@
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-a11y": "^10.3.6",
     "@storybook/addon-docs": "^10.3.6",
+    "@storybook/addon-themes": "^10.3.6",
+    "@storybook/addon-vitest": "^10.3.6",
     "@storybook/react": "^10.3.6",
     "@storybook/react-vite": "^10.3.6",
     "@tailwindcss/vite": "^4.2.4",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
@@ -81,6 +78,7 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser": "^4.1.5",
     "@vitest/browser-playwright": "^4.1.5",
     "@vitest/coverage-v8": "^4.1.5",
     "eslint": "^10.3.0",
@@ -91,7 +89,10 @@
     "globals": "^17.6.0",
     "jsdom": "^29.1.1",
     "lint-staged": "^17.0.2",
+    "playwright": "^1.59.1",
     "prettier": "^3.8.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "semantic-release": "^25.0.3",
     "storybook": "^10.3.6",
     "tailwindcss": "^4.2.4",