@jfrader/ui 0.5.1 → 0.6.0

package/dist/{tabs-XluwRjgg.js → tabs-Bb5-noYE.js}

@@ -1,7 +1,8 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n, t as r } from "./focus-ring-BK5W5_NY.js";
-import { n as i, r as a } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t, t as n } from "./focus-ring-BK5W5_NY.js";
+import { n as r, r as i } from "./media-8yrN85VT.js";
+import { t as a } from "./sx-BJXJ2xJK.js";
 import { n as o, r as s, t as c } from "./roving-focus-CYlo_Kf8.js";
 import { t as l } from "./use-controlled-state-DpeVQZNR.js";
 import { t as u } from "./part-id-D0zksy32.js";
@@ -57,9 +58,9 @@ var C = {
 		opacity: .55,
 		cursor: "not-allowed"
 	},
-	"&:focus-visible": { ...r },
-	[a]: { transitionDuration: "0s" },
-	[i]: {
+	"&:focus-visible": { ...n },
+	[i]: { transitionDuration: "0s" },
+	[r]: {
 		borderColor: "Canvas",
 		"&[aria-selected=\"true\"]": { borderColor: "Highlight" }
 	}
@@ -76,29 +77,29 @@ var C = {
 }, O = e({
 	color: y.color.text,
 	outline: "none",
-	"&:focus-visible": { ...n },
+	"&:focus-visible": { ...t },
 	"&[hidden]": { display: "none" }
 }), k = e({ paddingBlockStart: y.space[3] });
-function A({ ref: e, value: n, defaultValue: r, onValueChange: i, orientation: a = "horizontal", activation: o = "auto", className: s, sx: c, ...u }) {
-	let d = m(), [f, p] = l(n, r, i), [h, _] = v(null), y = g(() => ({
+function A({ ref: e, value: t, defaultValue: n, onValueChange: r, orientation: i = "horizontal", activation: o = "auto", className: s, sx: c, ...u }) {
+	let d = m(), [f, p] = l(t, n, r), [h, _] = v(null), y = g(() => ({
 		value: f,
 		setValue: p,
 		focused: h,
 		setFocused: _,
-		orientation: a,
+		orientation: i,
 		activation: o,
 		baseId: d
 	}), [
 		f,
 		p,
 		h,
-		a,
+		i,
 		o,
 		d
 	]);
 	return /* @__PURE__ */ b(x.Provider, {
 		value: y,
-		children: /* @__PURE__ */ b(t, {
+		children: /* @__PURE__ */ b(a, {
 			className: s,
 			styles: w,
 			sx: c,
@@ -106,14 +107,14 @@ function A({ ref: e, value: n, defaultValue: r, onValueChange: i, orientation: a
 				...u,
 				ref: e,
 				"data-ui": "tabs-root",
-				"data-orientation": a,
+				"data-orientation": i,
 				className: t
 			})
 		})
 	});
 }
 A.displayName = "Tabs";
-function j({ ref: e, onKeyDown: n, className: r, sx: i, ...a }) {
+function j({ ref: e, onKeyDown: t, className: n, sx: r, ...i }) {
 	let { orientation: l, value: u, focused: d, setFocused: f } = S("List"), m = _(null);
 	h(e, () => m.current, []), p(() => {
 		let e = m.current;
@@ -122,16 +123,16 @@ function j({ ref: e, onKeyDown: n, className: r, sx: i, ...a }) {
 		t.length !== 0 && (t.some((e) => e.tabIndex === 0) || f((c(t, u) ?? c(t, d) ?? t[0])?.dataset.value ?? null));
 	});
 	let g = (e) => {
-		n?.(e);
-		let t = m.current;
-		!e.defaultPrevented && t && o(e, t, l, C);
+		t?.(e);
+		let n = m.current;
+		!e.defaultPrevented && n && o(e, n, l, C);
 	};
-	return /* @__PURE__ */ b(t, {
-		className: r,
+	return /* @__PURE__ */ b(a, {
+		className: n,
 		styles: T[l],
-		sx: i,
+		sx: r,
 		children: (e) => /* @__PURE__ */ b("div", {
-			...a,
+			...i,
 			ref: m,
 			role: "tablist",
 			"aria-orientation": l,
@@ -145,58 +146,58 @@ function j({ ref: e, onKeyDown: n, className: r, sx: i, ...a }) {
 	});
 }
 j.displayName = "Tabs.List";
-function M({ ref: e, value: n, disabled: r, onClick: i, onFocus: a, onPointerDown: o, className: s, sx: c, ...l }) {
-	let { value: d, setValue: f, focused: p, setFocused: m, activation: h, baseId: g, orientation: v } = S("Tab"), y = d === n, x = !r && (p === null ? y : p === n), C = _(!1), w = (e) => {
-		if (i?.(e), e.defaultPrevented) return;
-		let t = C.current;
-		C.current = !1, !(h === "auto" && t && e.detail !== 0) && f(n);
+function M({ ref: e, value: t, disabled: n, onClick: r, onFocus: i, onPointerDown: o, className: s, sx: c, ...l }) {
+	let { value: d, setValue: f, focused: p, setFocused: m, activation: h, baseId: g, orientation: v } = S("Tab"), y = d === t, x = !n && (p === null ? y : p === t), C = _(!1), w = (e) => {
+		if (r?.(e), e.defaultPrevented) return;
+		let n = C.current;
+		C.current = !1, !(h === "auto" && n && e.detail !== 0) && f(t);
 	}, T = (e) => {
-		a?.(e), !e.defaultPrevented && (C.current = !0, m(n), h === "auto" && f(n));
+		i?.(e), !e.defaultPrevented && (C.current = !0, m(t), h === "auto" && f(t));
 	};
-	return /* @__PURE__ */ b(t, {
+	return /* @__PURE__ */ b(a, {
 		className: s,
 		styles: [E, D[v]],
 		sx: c,
-		children: (t) => /* @__PURE__ */ b("button", {
+		children: (r) => /* @__PURE__ */ b("button", {
 			...l,
 			ref: e,
 			type: "button",
 			role: "tab",
-			id: u(g, "tab", n),
+			id: u(g, "tab", t),
 			"data-ui": "tabs-tab",
-			"data-value": n,
+			"data-value": t,
 			"data-state": y ? "active" : "inactive",
 			"aria-selected": y,
-			"aria-controls": u(g, "panel", n),
+			"aria-controls": u(g, "panel", t),
 			tabIndex: x ? 0 : -1,
-			disabled: r,
+			disabled: n,
 			onClick: w,
 			onFocus: T,
 			onPointerDown: (e) => {
 				C.current = !1, o?.(e);
 			},
-			className: t
+			className: r
 		})
 	});
 }
 M.displayName = "Tabs.Tab";
-function N({ ref: e, value: n, tabIndex: r = 0, "aria-labelledby": i, className: a, sx: o, ...s }) {
-	let { value: c, baseId: l, orientation: d } = S("Panel"), f = c === n, p = [i, u(l, "tab", n)].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ b(t, {
-		className: a,
+function N({ ref: e, value: t, tabIndex: n = 0, "aria-labelledby": r, className: i, sx: o, ...s }) {
+	let { value: c, baseId: l, orientation: d } = S("Panel"), f = c === t, p = [r, u(l, "tab", t)].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ b(a, {
+		className: i,
 		styles: [O, d === "horizontal" && k],
 		sx: o,
-		children: (t) => /* @__PURE__ */ b("div", {
+		children: (r) => /* @__PURE__ */ b("div", {
 			...s,
 			ref: e,
 			role: "tabpanel",
-			id: u(l, "panel", n),
+			id: u(l, "panel", t),
 			"aria-labelledby": p,
-			tabIndex: r,
+			tabIndex: n,
 			hidden: !f,
 			"data-ui": "tabs-panel",
 			"data-state": f ? "active" : "inactive",
-			className: t
+			className: r
 		})
 	});
 }

package/dist/tabs.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Tabs } from "./tabs-XluwRjgg.js";
+export { t as Tabs } from "./tabs-Bb5-noYE.js";

package/dist/{tag-input-DSRCyrX2.js → tag-input-BQaueKEb.js}

@@ -1,13 +1,13 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
+import { i as e } from "./css-BYJhdGh-.js";
 import { t } from "./focus-ring-BK5W5_NY.js";
 import { n, r, t as i } from "./media-8yrN85VT.js";
 import { t as a } from "./use-controlled-state-DpeVQZNR.js";
-import { t as ee } from "./visually-hidden-BJdvqqvn.js";
+import { t as ee } from "./visually-hidden-DgVO3NaB.js";
 import { t as te } from "./renderable-DzcIj1Lo.js";
-import { t as ne } from "./icon-wrapper-stN8sD7R.js";
-import { t as re } from "./input-control-DmMuAuPS.js";
-import { a as ie, i as ae, n as oe, r as se, t as ce } from "./field-anatomy-COVdNpf5.js";
+import { t as ne } from "./icon-wrapper-C-zMD0uL.js";
+import { t as re } from "./input-control-B6HVBgwl.js";
+import { a as ie, i as ae, n as oe, r as se, t as ce } from "./field-anatomy-BDIP42MI.js";
 import { useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 import { vars as u } from "@jfrader/tokens/vars";
 import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";

package/dist/tag-input.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as TagInput } from "./tag-input-DSRCyrX2.js";
+export { t as TagInput } from "./tag-input-BQaueKEb.js";

package/dist/{text-field-hU72iSVS.js → text-field-D0VP7b4P.js}

@@ -1,7 +1,7 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
-import { t } from "./input-control-DmMuAuPS.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-COVdNpf5.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./input-control-B6HVBgwl.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-BDIP42MI.js";
 import { vars as s } from "@jfrader/tokens/vars";
 import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
 //#region src/components/text-field/text-field.tsx

package/dist/text-field.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as TextField } from "./text-field-hU72iSVS.js";
+export { t as TextField } from "./text-field-D0VP7b4P.js";

package/dist/{textarea-3k4Y0QQ3.js → textarea-D1YwEPmn.js}

@@ -1,7 +1,7 @@
 'use client';
-import { r as e } from "./sx-Dx9JUKp5.js";
-import { t } from "./input-control-DmMuAuPS.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-COVdNpf5.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./input-control-B6HVBgwl.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./field-anatomy-BDIP42MI.js";
 import { vars as s } from "@jfrader/tokens/vars";
 import { jsx as c, jsxs as l } from "@emotion/react/jsx-runtime";
 //#region src/components/textarea/textarea.tsx

package/dist/textarea.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Textarea } from "./textarea-3k4Y0QQ3.js";
+export { t as Textarea } from "./textarea-D1YwEPmn.js";

package/dist/theme-provider-BvcY-iJu.js

@@ -0,0 +1,20 @@
+'use client';
+import { o as e, r as t } from "./css-BYJhdGh-.js";
+import { vars as n } from "@jfrader/tokens/vars";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+//#region src/styling/theme.ts
+var i = n;
+//#endregion
+//#region src/components/theme-provider/theme-provider.tsx
+function a({ theme: e = i, children: n }) {
+	return /* @__PURE__ */ r(t, {
+		theme: e,
+		children: n
+	});
+}
+a.displayName = "ThemeProvider";
+function o() {
+	return e();
+}
+//#endregion
+export { o as n, i as r, a as t };

package/dist/theme-root-BrYVcTzt.js

@@ -0,0 +1,163 @@
+'use client';
+import { t as e } from "./sx-BJXJ2xJK.js";
+import { a as t, i as n, o as r, r as i } from "./theme-scope-DGWy4H0C.js";
+import { r as a, t as o } from "./theme-provider-BvcY-iJu.js";
+import { useContext as s, useMemo as c } from "react";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { base as u, light as d } from "@jfrader/tokens";
+//#region src/styling/create-theme.ts
+var f = {
+	dark: {
+		hoverLightness: .08,
+		textMaxLightness: null
+	},
+	light: {
+		hoverLightness: -.06,
+		textMaxLightness: .5
+	}
+}, p = {
+	accentSoft: 22,
+	accentSoftHover: 30,
+	accentBorder: 50
+}, m = [u.color.accentContrast, d.color.accentContrast], h = 1e-4, g = [
+	[
+		.4122214708,
+		.5363325363,
+		.0514459929
+	],
+	[
+		.2119034982,
+		.6806995451,
+		.1073969566
+	],
+	[
+		.0883024619,
+		.2817188376,
+		.6299787005
+	]
+], _ = [
+	[
+		.2104542553,
+		.793617785,
+		-.0040720468
+	],
+	[
+		1.9779984951,
+		-2.428592205,
+		.4505937099
+	],
+	[
+		.0259040371,
+		.7827717662,
+		-.808675766
+	]
+], v = [
+	.2126,
+	.7152,
+	.0722
+], y = /^#(?:[\da-f]{3}|[\da-f]{6})$/i, b = (e, t) => e[0] * t[0] + e[1] * t[1] + e[2] * t[2], x = (e) => Math.min(1, Math.max(0, e)), S = (e, t) => Number(e.toFixed(t));
+function C(e) {
+	if (!y.test(e)) throw Error(`createTheme: accent must be a #rgb or #rrggbb color, got "${e}".`);
+	let [t, n, r] = (e.length === 4 ? [...e.slice(1)].map((e) => e + e) : e.slice(1).match(/../g)).map((e) => {
+		let t = Number.parseInt(e, 16) / 255;
+		return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	});
+	return [
+		t,
+		n,
+		r
+	];
+}
+function w(e) {
+	return b(v, e);
+}
+function T(e, t) {
+	return (Math.max(e, t) + .05) / (Math.min(e, t) + .05);
+}
+function E(e) {
+	let t = w(e), n = (e) => T(t, w(C(e)));
+	return m.reduce((e, t) => n(t) > n(e) ? t : e);
+}
+function D(e) {
+	let [t, n, r] = g.map((t) => Math.cbrt(b(t, e))), i = [
+		t,
+		n,
+		r
+	], [a, o, s] = _.map((e) => b(e, i)), c = Math.hypot(o, s);
+	return {
+		lightness: a,
+		chroma: c,
+		hue: c < h ? 0 : (Math.atan2(s, o) * 180 / Math.PI + 360) % 360
+	};
+}
+function O(e, t, n) {
+	return `oklch(${S(x(e) * 100, 2)}% ${S(t, 4)} ${S(n, 2)})`;
+}
+function k(e, t) {
+	let n = C(e), { lightness: r, chroma: i, hue: a } = D(n), { hoverLightness: o, textMaxLightness: s } = f[t], c = (t) => `color-mix(in oklab, ${e} ${t}%, transparent)`;
+	return {
+		accent: e,
+		accentHover: O(r + o, i, a),
+		accentText: s === null ? e : O(Math.min(r, s), i, a),
+		accentSoft: c(p.accentSoft),
+		accentSoftHover: c(p.accentSoftHover),
+		accentBorder: c(p.accentBorder),
+		accentContrast: E(n),
+		focusRing: e
+	};
+}
+function A(e, t) {
+	return Object.fromEntries([.../* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)])].map((n) => {
+		let [r, i] = [e[n], t[n]];
+		return [n, typeof r == "object" && typeof i == "object" ? A(r, i) : i ?? r];
+	}));
+}
+function j({ base: e = "dark", accent: t, tokens: n = {} } = {}) {
+	return A(t === void 0 ? {} : { color: k(t, e) }, n);
+}
+var M = /^var\((--[\w-]+)\)$/;
+function N(e, t) {
+	return Object.entries(e).flatMap(([e, n]) => {
+		let r = t[e];
+		if (typeof n == "object" && typeof r == "object") return N(n, r);
+		let i = typeof r == "string" ? M.exec(r)?.[1] : void 0;
+		return typeof n == "string" && i ? [[i, n]] : [];
+	});
+}
+function P(e) {
+	return Object.fromEntries(N(e, a));
+}
+//#endregion
+//#region src/components/theme-root/theme-root.tsx
+function F({ ref: a, theme: u = "dark", tokens: d, portalContainer: f, className: p, style: m, sx: h, ...g }) {
+	let _ = s(i), v = f === void 0 ? _?.portalContainer : f, y = _ && _.theme === u ? _.appearance : "default", b = c(() => d && P(d), [d]) ?? n(_, u), x = c(() => ({
+		theme: u,
+		appearance: y,
+		portalContainer: v,
+		tokenStyle: b
+	}), [
+		u,
+		y,
+		v,
+		b
+	]);
+	return /* @__PURE__ */ l(i.Provider, {
+		value: x,
+		children: /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(e, {
+			className: p,
+			styles: r,
+			sx: h,
+			children: (e) => /* @__PURE__ */ l("div", {
+				...g,
+				ref: a,
+				"data-ui": "theme-root",
+				"data-theme": u,
+				className: e,
+				style: t(b, m)
+			})
+		}) })
+	});
+}
+F.displayName = "ThemeRoot";
+//#endregion
+export { j as n, P as r, F as t };

package/dist/theme-root.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ThemeRoot } from "./theme-root-Bs1U3uPA.js";
+export { t as ThemeRoot, n as createTheme, r as themeTokenStyle } from "./theme-root-BrYVcTzt.js";

package/dist/theme-scope-DGWy4H0C.js

@@ -0,0 +1,62 @@
+'use client';
+import { i as e } from "./css-BYJhdGh-.js";
+import { createContext as t, useContext as n, useMemo as r } from "react";
+import { vars as i } from "@jfrader/tokens/vars";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+//#region src/styling/theme-scope.tsx
+var o = t(null);
+function s() {
+	return n(o);
+}
+function c(e, t) {
+	return e && e.theme === t ? e.tokenStyle : void 0;
+}
+function l(e, t) {
+	return e ? {
+		...e,
+		...t
+	} : t;
+}
+function u(e, t) {
+	return l(c(n(o), e), t);
+}
+function d(e) {
+	let t = n(o);
+	return e ?? t?.appearance ?? "default";
+}
+var f = e({
+	color: i.color.text,
+	colorScheme: "dark",
+	"&[data-theme=\"light\"]": { colorScheme: "light" }
+}), p = e({ display: "contents" });
+function m({ theme: e, appearance: t, children: i }) {
+	let s = n(o), l = e ?? s?.theme ?? "dark", u = c(s, l), d = r(() => ({
+		theme: l,
+		appearance: t,
+		portalContainer: s?.portalContainer,
+		tokenStyle: u
+	}), [
+		l,
+		t,
+		s?.portalContainer,
+		u
+	]);
+	return (s ? s.theme === l && s.appearance === t : t === "default") ? i : /* @__PURE__ */ a(o.Provider, {
+		value: d,
+		children: i
+	});
+}
+function h({ children: e }) {
+	let t = s();
+	return t ? /* @__PURE__ */ a("div", {
+		"data-ui": "theme-boundary",
+		"data-theme": t.theme,
+		"data-appearance": t.appearance,
+		style: t.tokenStyle,
+		css: [f, p],
+		children: e
+	}) : e;
+}
+h.displayName = "ThemeBoundary";
+//#endregion
+export { l as a, u as c, c as i, s as l, h as n, f as o, o as r, d as s, m as t };

package/dist/{theme-switch-C505TtU8.js → theme-switch-CP42mVDb.js}

@@ -1,10 +1,11 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n, r } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t, r as n } from "./media-8yrN85VT.js";
+import { t as r } from "./sx-BJXJ2xJK.js";
 import { t as i } from "./use-controlled-state-DpeVQZNR.js";
-import { t as a } from "./visually-hidden-BJdvqqvn.js";
+import { t as a } from "./visually-hidden-DgVO3NaB.js";
 import { t as o } from "./renderable-DzcIj1Lo.js";
-import { t as s } from "./switch-C1WrKrf-.js";
+import { t as s } from "./switch-79-hkQqg.js";
 import { useId as c, useState as l } from "react";
 import { vars as u } from "@jfrader/tokens/vars";
 import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
@@ -32,11 +33,11 @@ var p = e({
 		transitionDuration: u.motion.duration.slow,
 		transitionTimingFunction: u.motion.easeStandard
 	},
-	[r]: {
+	[n]: {
 		transform: "none !important",
 		transitionDuration: "0s !important"
 	},
-	[n]: { color: "CanvasText" }
+	[t]: { color: "CanvasText" }
 }), g = e({
 	gridArea: "1 / 1",
 	display: "inline-flex",
@@ -53,7 +54,7 @@ var p = e({
 		transitionDuration: u.motion.duration.base,
 		transitionTimingFunction: u.motion.easeStandard
 	},
-	[r]: {
+	[n]: {
 		transform: "none",
 		transitionDuration: "0s !important"
 	}
@@ -87,9 +88,9 @@ var p = e({
 	focusable: "false",
 	children: /* @__PURE__ */ d("path", { d: "M20 15A9 9 0 0 1 9 4a9 9 0 1 0 11 11Z" })
 });
-function b({ value: e, defaultValue: n = "light", onValueChange: r, label: u, iconOnly: b = !1, lightIcon: x = v, darkIcon: S = y, transition: C = "reveal", loading: w = !1, className: T, sx: E, slotProps: D, onChange: O, onClick: k, dir: A, id: j, ...M }) {
-	let N = c(), P = j ?? N, { iconFrame: F, lightIcon: I, darkIcon: L, ...R } = D ?? {}, [z, B] = i(e, n), [V, H] = l(!1), U = o(u) && u !== "", W = o(x) && x !== "", G = o(S) && S !== "", K = w || M["aria-disabled"] === !0 || M["aria-disabled"] === "true";
-	return /* @__PURE__ */ d(t, {
+function b({ value: e, defaultValue: t = "light", onValueChange: n, label: u, iconOnly: b = !1, lightIcon: x = v, darkIcon: S = y, transition: C = "reveal", loading: w = !1, className: T, sx: E, slotProps: D, onChange: O, onClick: k, dir: A, id: j, ...M }) {
+	let N = c(), P = j ?? N, { iconFrame: F, lightIcon: I, darkIcon: L, ...R } = D ?? {}, [z, B] = i(e, t), [V, H] = l(!1), U = o(u) && u !== "", W = o(x) && x !== "", G = o(S) && S !== "", K = w || M["aria-disabled"] === !0 || M["aria-disabled"] === "true";
+	return /* @__PURE__ */ d(r, {
 		className: T,
 		styles: p,
 		sx: E,
@@ -147,7 +148,7 @@ function b({ value: e, defaultValue: n = "light", onValueChange: r, label: u, ic
 				onChange: (e) => {
 					if (O?.(e), e.defaultPrevented || e.nativeEvent.defaultPrevented || K) return;
 					let t = e.currentTarget.checked ? "dark" : "light";
-					t !== z && (H(!0), B(t), r?.(t, {
+					t !== z && (H(!0), B(t), n?.(t, {
 						transition: C,
 						trigger: e.currentTarget,
 						reducedMotion: e.currentTarget.ownerDocument.defaultView?.matchMedia("(prefers-reduced-motion: reduce)").matches ?? !1

package/dist/theme-switch.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as ThemeSwitch } from "./theme-switch-C505TtU8.js";
+export { t as ThemeSwitch } from "./theme-switch-CP42mVDb.js";