@nxgt/material 3.75.0 → 3.76.0

package/dist/standard-layout-BuSRr3TY.js

@@ -0,0 +1,40 @@
+import { i as e, n as t, s as n, t as r } from "./key-layout-cR79xfGE.js";
+//#region lib/components/ui/widgets/calculator/variants/standard/standard-layout.ts
+var i = {
+	columns: 12,
+	rows: [
+		r,
+		n([
+			e("clear", "C", "C", "utility", "clear", "Clear all"),
+			e("sign", "±", "±", "utility", "sign", "Change sign"),
+			e("percent", "%", "%", "utility", "percent", "Percent"),
+			e("divide", "/", "÷", "operator", "divide", "Divided by")
+		]),
+		n([
+			t(7),
+			t(8),
+			t(9),
+			e("multiply", "*", "×", "operator", "multiply", "Times")
+		]),
+		n([
+			t(4),
+			t(5),
+			t(6),
+			e("subtract", "-", "−", "operator", "subtract", "Minus")
+		]),
+		n([
+			t(1),
+			t(2),
+			t(3),
+			e("add", "+", "+", "operator", "add", "Plus")
+		]),
+		n([
+			t(0),
+			e("decimal", ".", ".", "digit", "decimal", "Decimal separator"),
+			e("backspace", "backspace", "⌫", "utility", "backspace", "Delete last character"),
+			e("equals", "=", "=", "equals", "equals", "Equals")
+		])
+	]
+};
+//#endregion
+export { i as t };

package/dist/tabs-DzEqMb1W.js

@@ -0,0 +1,383 @@
+import { t as e } from "./utils-BLfntITJ.js";
+import { n as t } from "./dist-DVRQkaTK.js";
+import { i as n, r, t as i } from "./dist-DWZXlCZR.js";
+import { a, i as o, r as s } from "./dist-DHdUUM1w.js";
+import { i as c, n as l, r as u, t as d } from "./dist-DOK3zo5C.js";
+import { t as f } from "./use-material-translation-CD6QoVal.js";
+import * as p from "react";
+import { createContext as m, useCallback as h, useContext as g, useEffect as ee, useLayoutEffect as _, useRef as v, useState as te } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { ChevronLeft as ne, ChevronRight as re } from "lucide-react";
+//#region ../../node_modules/@radix-ui/react-tabs/dist/index.mjs
+var S = Object.defineProperty, C = (e, t) => S(e, "name", {
+	value: t,
+	configurable: !0
+}), w = "Tabs", [ie, ae] = a(w, [u]), T = u(), [oe, E] = ie(w), D = /* @__PURE__ */ p.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeTabs: r, value: a, onValueChange: o, defaultValue: l, orientation: u = "horizontal", dir: d, activationMode: f = "automatic", ...p } = e, m = c(d), [h, g] = i({
+		prop: a,
+		onChange: o,
+		defaultProp: l ?? "",
+		caller: w
+	});
+	return /* @__PURE__ */ b(oe, {
+		scope: r,
+		baseId: s(),
+		value: h,
+		onValueChange: g,
+		orientation: u,
+		dir: m,
+		activationMode: f,
+		children: /* @__PURE__ */ b(n.div, {
+			dir: m,
+			"data-orientation": u,
+			...p,
+			ref: t
+		})
+	});
+}, "Tabs")), O = "TabsList", k = /* @__PURE__ */ p.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeTabs: r, loop: i = !0, ...a } = e, o = E(O, r);
+	return /* @__PURE__ */ b(l, {
+		asChild: !0,
+		...T(r),
+		orientation: o.orientation,
+		dir: o.dir,
+		loop: i,
+		children: /* @__PURE__ */ b(n.div, {
+			role: "tablist",
+			"aria-orientation": o.orientation,
+			...a,
+			ref: t
+		})
+	});
+}, "TabsList")), se = "TabsTrigger", ce = /* @__PURE__ */ p.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeTabs: i, value: a, disabled: o = !1, ...s } = e, c = E(se, i), l = T(i), u = A(c.baseId, a), f = j(c.baseId, a), p = a === c.value;
+	return /* @__PURE__ */ b(d, {
+		asChild: !0,
+		...l,
+		focusable: !o,
+		active: p,
+		children: /* @__PURE__ */ b(n.button, {
+			type: "button",
+			role: "tab",
+			"aria-selected": p,
+			"aria-controls": f,
+			"data-state": p ? "active" : "inactive",
+			"data-disabled": o ? "" : void 0,
+			disabled: o,
+			id: u,
+			...s,
+			ref: t,
+			onMouseDown: r(e.onMouseDown, (e) => {
+				!o && e.button === 0 && e.ctrlKey === !1 ? c.onValueChange(a) : e.preventDefault();
+			}),
+			onKeyDown: r(e.onKeyDown, (e) => {
+				o || e.target !== e.currentTarget || [" ", "Enter"].includes(e.key) && c.onValueChange(a);
+			}),
+			onFocus: r(e.onFocus, () => {
+				let e = c.activationMode !== "manual";
+				!p && !o && e && c.onValueChange(a);
+			})
+		})
+	});
+}, "TabsTrigger")), le = "TabsContent", ue = /* @__PURE__ */ p.forwardRef(/* @__PURE__ */ C(function(e, t) {
+	let { __scopeTabs: r, value: i, forceMount: a, children: s, ...c } = e, l = E(le, r), u = A(l.baseId, i), d = j(l.baseId, i), f = i === l.value, m = p.useRef(f);
+	return p.useEffect(() => {
+		let e = requestAnimationFrame(() => m.current = !1);
+		return () => cancelAnimationFrame(e);
+	}, []), /* @__PURE__ */ b(o, {
+		present: a || f,
+		children: ({ present: r }) => /* @__PURE__ */ b(n.div, {
+			"data-state": f ? "active" : "inactive",
+			"data-orientation": l.orientation,
+			role: "tabpanel",
+			"aria-labelledby": u,
+			hidden: !r,
+			id: d,
+			tabIndex: 0,
+			...c,
+			ref: t,
+			style: {
+				...e.style,
+				animationDuration: m.current ? "0s" : void 0
+			},
+			children: r && s
+		})
+	});
+}, "TabsContent"));
+function A(e, t) {
+	return `${e}-trigger-${t}`;
+}
+C(A, "makeTriggerId");
+function j(e, t) {
+	return `${e}-content-${t}`;
+}
+C(j, "makeContentId");
+var de = D, fe = k, pe = ce, me = ue;
+//#endregion
+//#region lib/components/ui/primitives/tabs/tabs-classes.ts
+function M(e) {
+	return e === "segmented" || e === "line" ? "segmented" : "underline";
+}
+var N = "aria-[orientation=vertical]:flex-col", he = {
+	underline: "flex min-w-0 flex-col gap-2 items-stretch data-[orientation=vertical]:flex-row",
+	segmented: "flex min-w-0 flex-col gap-2 items-start data-[orientation=vertical]:flex-row"
+}, P = {
+	underline: `group/tabs-list relative flex gap-1 border-b border-border overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden ${N} aria-[orientation=vertical]:border-b-0 aria-[orientation=vertical]:border-l aria-[orientation=vertical]:overflow-x-visible aria-[orientation=vertical]:overflow-y-auto`,
+	segmented: `group/tabs-list relative inline-flex max-w-full rounded-full bg-muted p-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden ${N} aria-[orientation=vertical]:rounded-3xl aria-[orientation=vertical]:overflow-x-visible aria-[orientation=vertical]:overflow-y-auto`
+}, F = "relative inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-2 whitespace-nowrap text-sm font-medium text-muted-foreground transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary dark:focus-visible:outline-track-fill", I = "group-data-[indicator=ready]/tabs-list:after:hidden", L = {
+	underline: `${F} h-10 px-4 rounded-t-md hover:bg-primary/5 data-[state=inactive]:hover:text-foreground data-[state=active]:text-primary-text data-[orientation=vertical]:justify-start data-[orientation=vertical]:rounded-t-none data-[orientation=vertical]:rounded-r-md after:pointer-events-none after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:rounded-full data-[state=active]:after:bg-primary dark:data-[state=active]:after:bg-track-fill data-[orientation=vertical]:after:inset-x-auto data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:inset-y-0 data-[orientation=vertical]:after:h-auto data-[orientation=vertical]:after:w-0.5 ${I}`,
+	segmented: `${F} z-10 h-8 px-4 rounded-full data-[state=inactive]:hover:text-foreground data-[state=active]:text-foreground data-[state=active]:font-semibold after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-full data-[state=active]:after:bg-background data-[state=active]:after:shadow-sm data-[state=active]:after:border data-[state=active]:after:border-muted-foreground dark:data-[state=active]:after:bg-card ${I}`
+}, R = "pointer-events-none absolute left-0 invisible group-data-[indicator=ready]/tabs-list:visible group-data-[indicator=ready]/tabs-list:motion-safe:transition-[translate,width,height] duration-300 ease-out", ge = {
+	underline: `${R} bottom-0 h-0.5 rounded-full bg-primary dark:bg-track-fill w-(--tabs-indicator-w) translate-x-(--tabs-indicator-x) group-aria-[orientation=vertical]/tabs-list:bottom-auto group-aria-[orientation=vertical]/tabs-list:top-0 group-aria-[orientation=vertical]/tabs-list:w-0.5 group-aria-[orientation=vertical]/tabs-list:h-(--tabs-indicator-w) group-aria-[orientation=vertical]/tabs-list:translate-x-0 group-aria-[orientation=vertical]/tabs-list:translate-y-(--tabs-indicator-x)`,
+	segmented: `${R} inset-y-1 rounded-full bg-background shadow-sm border border-muted-foreground dark:bg-card w-(--tabs-indicator-w) translate-x-(--tabs-indicator-x) group-aria-[orientation=vertical]/tabs-list:inset-y-auto group-aria-[orientation=vertical]/tabs-list:inset-x-1 group-aria-[orientation=vertical]/tabs-list:top-0 group-aria-[orientation=vertical]/tabs-list:w-auto group-aria-[orientation=vertical]/tabs-list:h-(--tabs-indicator-w) group-aria-[orientation=vertical]/tabs-list:translate-x-0 group-aria-[orientation=vertical]/tabs-list:translate-y-(--tabs-indicator-x)`
+}, _e = "inline-flex items-center gap-2", ve = "flex justify-center", ye = "w-full flex-1 outline-none";
+//#endregion
+//#region lib/components/ui/primitives/tabs/partials/tabs-content.tsx
+function be({ className: t, ...n }) {
+	return /* @__PURE__ */ b(me, {
+		"data-slot": "tabs-content",
+		className: e(ye, t),
+		...n
+	});
+}
+//#endregion
+//#region lib/components/ui/primitives/tabs/tabs-overflow-classes.ts
+var z = "[--tabs-cue:2rem] pointer-coarse:[--tabs-cue:3rem] data-[overflow-left]:[--tabs-inset-left:var(--tabs-cue)] data-[overflow-left]:[--tabs-fade-left:calc(var(--tabs-cue)_+_1rem)] data-[overflow-right]:[--tabs-inset-right:var(--tabs-cue)] data-[overflow-right]:[--tabs-fade-right:calc(var(--tabs-cue)_+_1rem)] data-[overflow-left]:[mask-image:linear-gradient(to_right,transparent_var(--tabs-inset-left,0px),#000_var(--tabs-fade-left,0px),#000_calc(100%_-_var(--tabs-fade-right,0px)),transparent_calc(100%_-_var(--tabs-inset-right,0px)))] data-[overflow-right]:[mask-image:linear-gradient(to_right,transparent_var(--tabs-inset-left,0px),#000_var(--tabs-fade-left,0px),#000_calc(100%_-_var(--tabs-fade-right,0px)),transparent_calc(100%_-_var(--tabs-inset-right,0px)))]", xe = "pointer-events-none absolute z-20 overflow-hidden", B = "pointer-events-auto absolute top-1/2 inline-flex size-7 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border border-border bg-background text-foreground shadow-sm transition-colors hover:bg-muted pointer-coarse:h-full pointer-coarse:max-h-11 pointer-coarse:w-11 focus-visible:outline-2 focus-visible:outline-offset-[-3px] focus-visible:outline-primary dark:focus-visible:outline-track-fill [&_svg]:size-4", Se = `${B} left-1`, Ce = `${B} right-1`, V = m("underline");
+function H() {
+	return g(V);
+}
+//#endregion
+//#region lib/components/ui/primitives/tabs/tabs-selectors.ts
+var U = "[role=\"tab\"], [data-slot=\"tabs-trigger\"]", W = "[role=\"tab\"][data-state=\"active\"], [data-slot=\"tabs-trigger\"][data-state=\"active\"]", G = 64, K = {
+	left: !1,
+	right: !1,
+	top: 0,
+	x: 0,
+	width: 0,
+	height: 0
+};
+function q() {
+	return window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "instant" : "smooth";
+}
+function J(e) {
+	if (e.getAttribute("aria-orientation") === "vertical") return K;
+	let t = e.scrollWidth - e.clientWidth;
+	if (t <= 1) return K;
+	let n = Math.abs(e.scrollLeft), r = n > 1, i = t - n > 1, a = getComputedStyle(e).direction === "rtl";
+	return {
+		left: a ? i : r,
+		right: a ? r : i,
+		top: e.offsetTop,
+		x: e.offsetLeft,
+		width: e.offsetWidth,
+		height: e.offsetHeight
+	};
+}
+var Y = (e, t) => e.left === t.left && e.right === t.right && e.top === t.top && e.x === t.x && e.width === t.width && e.height === t.height;
+function X(e, t, n = q()) {
+	if (e.scrollWidth <= e.clientWidth) return;
+	let r = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a = 0;
+	i.left < r.left + G ? a = i.left - r.left - G : i.right > r.right - G && (a = i.right - r.right + G), a && e.scrollBy({
+		left: a,
+		behavior: n
+	});
+}
+function Z(e, t = {
+	tab: U,
+	active: W
+}) {
+	let [n, r] = te(K);
+	return _(() => {
+		let n = e.current;
+		if (!n) return;
+		let i = 0, a = () => {
+			cancelAnimationFrame(i), i = requestAnimationFrame(() => {
+				let e = J(n);
+				r((t) => Y(t, e) ? t : e);
+			});
+		}, o = () => n.querySelector(t.active), s = new ResizeObserver(a), c = () => {
+			s.disconnect(), s.observe(n);
+			for (let e of n.querySelectorAll(t.tab)) s.observe(e);
+		}, l = new MutationObserver((e) => {
+			if (c(), a(), e.some((e) => e.type === "attributes")) {
+				let e = o();
+				e && X(n, e);
+			}
+		});
+		l.observe(n, {
+			subtree: !0,
+			childList: !0,
+			attributeFilter: ["data-state"]
+		});
+		let u = (e) => {
+			e.target instanceof HTMLElement && e.target.matches(t.tab) && X(n, e.target);
+		};
+		n.addEventListener("focusin", u), c();
+		let d = o();
+		return d && X(n, d, "instant"), r(J(n)), () => {
+			cancelAnimationFrame(i), s.disconnect(), l.disconnect(), n.removeEventListener("focusin", u);
+		};
+	}, [
+		e,
+		t.tab,
+		t.active
+	]), we(e, n.left || n.right, r), n;
+}
+function we(e, t, n) {
+	ee(() => {
+		let r = e.current;
+		if (!r || !t) return;
+		let i = 0, a = () => {
+			cancelAnimationFrame(i), i = requestAnimationFrame(() => {
+				let e = J(r);
+				n((t) => Y(t, e) ? t : e);
+			});
+		};
+		return document.addEventListener("scroll", a, {
+			passive: !0,
+			capture: !0
+		}), () => {
+			cancelAnimationFrame(i), document.removeEventListener("scroll", a, { capture: !0 });
+		};
+	}, [
+		e,
+		t,
+		n
+	]);
+}
+//#endregion
+//#region lib/components/ui/primitives/tabs/partials/tabs-indicator.tsx
+function Q({ look: t }) {
+	let n = v(null);
+	return _(() => {
+		let e = n.current, t = e?.parentElement;
+		if (!e || !t) return;
+		let r = 0, i = () => {
+			cancelAnimationFrame(r), r = requestAnimationFrame(() => {
+				let n = t.querySelector(W);
+				if (!n) return;
+				let r = t.getAttribute("aria-orientation") === "vertical", i = r ? n.offsetHeight : n.offsetWidth, a = r ? n.offsetTop : n.offsetLeft;
+				e.style.setProperty("--tabs-indicator-w", `${i}px`), e.style.setProperty("--tabs-indicator-x", `${a}px`), t.dataset.indicator !== "ready" && (e.offsetWidth, t.dataset.indicator = "ready");
+			});
+		}, a = new ResizeObserver(i), o = () => {
+			a.disconnect(), a.observe(t);
+			for (let e of t.querySelectorAll(U)) a.observe(e);
+		}, s = new MutationObserver(() => {
+			o(), i();
+		});
+		s.observe(t, {
+			subtree: !0,
+			childList: !0,
+			attributeFilter: ["data-state", "aria-orientation"]
+		});
+		let c = t.closest("[dir]");
+		return c && s.observe(c, { attributeFilter: ["dir"] }), o(), i(), () => {
+			cancelAnimationFrame(r), a.disconnect(), s.disconnect();
+		};
+	}, []), /* @__PURE__ */ b("span", {
+		ref: n,
+		"aria-hidden": !0,
+		"data-slot": "tabs-indicator",
+		className: e(ge[t])
+	});
+}
+//#endregion
+//#region lib/components/ui/primitives/tabs/partials/tabs-scroll-buttons.tsx
+function $({ list: e, overflow: t }) {
+	let { t: n } = f();
+	if (!t.left && !t.right) return null;
+	let r = (t) => {
+		let n = e.current;
+		if (!n) return;
+		let r = Math.max(96, n.clientWidth * .75);
+		n.scrollBy({
+			left: t * r,
+			behavior: q()
+		});
+	}, i = {
+		type: "button",
+		tabIndex: -1,
+		onMouseDown: (e) => e.preventDefault()
+	};
+	return /* @__PURE__ */ x("div", {
+		"data-slot": "tabs-scroll",
+		className: xe,
+		style: {
+			top: t.top,
+			left: t.x,
+			width: t.width,
+			height: t.height
+		},
+		children: [t.left && /* @__PURE__ */ b("button", {
+			...i,
+			"data-slot": "tabs-scroll-left",
+			"aria-label": n("material.tabs.scroll-left", "Scroll tabs left"),
+			className: Se,
+			onClick: () => r(-1),
+			children: /* @__PURE__ */ b(ne, { "aria-hidden": !0 })
+		}), t.right && /* @__PURE__ */ b("button", {
+			...i,
+			"data-slot": "tabs-scroll-right",
+			"aria-label": n("material.tabs.scroll-right", "Scroll tabs right"),
+			className: Ce,
+			onClick: () => r(1),
+			children: /* @__PURE__ */ b(re, { "aria-hidden": !0 })
+		})]
+	});
+}
+//#endregion
+//#region lib/components/ui/primitives/tabs/partials/tabs-list.tsx
+function Te({ className: n, children: r, ref: i, ...a }) {
+	let o = H(), s = v(null), c = Z(s);
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(fe, {
+		ref: h((e) => {
+			s.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+		}, [i]),
+		"data-slot": "tabs-list",
+		"data-pw": "tabs-list",
+		"data-overflow-left": c.left ? "" : void 0,
+		"data-overflow-right": c.right ? "" : void 0,
+		className: e(P[o], z, n),
+		...a,
+		children: [/* @__PURE__ */ b(t, { children: r }), /* @__PURE__ */ b(Q, { look: o })]
+	}), /* @__PURE__ */ b($, {
+		list: s,
+		overflow: c
+	})] });
+}
+//#endregion
+//#region lib/components/ui/primitives/tabs/partials/tabs-trigger.tsx
+function Ee({ className: n, children: r, icon: i, ...a }) {
+	return /* @__PURE__ */ x(pe, {
+		"data-slot": "tabs-trigger",
+		className: e(L[H()], n),
+		...a,
+		children: [i && /* @__PURE__ */ b("span", {
+			"data-slot": "tabs-trigger-icon",
+			className: "flex justify-center",
+			children: i
+		}), /* @__PURE__ */ b(t, {
+			child: r,
+			children: (e) => e && /* @__PURE__ */ b("span", {
+				className: "inline-flex items-center gap-2",
+				children: e
+			})
+		})]
+	});
+}
+//#endregion
+//#region lib/components/ui/primitives/tabs/tabs.tsx
+function De({ className: t, variant: n = "underline", ...r }) {
+	let i = M(n);
+	return /* @__PURE__ */ b(V.Provider, {
+		value: i,
+		children: /* @__PURE__ */ b(de, {
+			"data-slot": "tabs",
+			"data-variant": n,
+			className: e(he[i], t),
+			...r
+		})
+	});
+}
+//#endregion
+export { Q as a, H as c, ve as d, _e as f, M as h, $ as i, z as l, L as m, Ee as n, Z as o, P as p, Te as r, V as s, De as t, be as u };

package/dist/{icon-badge-B9uvDoyY.js → text-field-BAdY-kpO.js}

@@ -1,13 +1,12 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { a as t, i as n, n as r } from "./field-blur-context-kZ4SD7xu.js";
-import { t as i } from "./icon-button-Cr-DyDGg.js";
-import { f as a } from "./dialog-AGsB3bv4.js";
-import { isValidElement as o, useId as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { describedBy as u } from "@nxgt/material-core/described-by";
+import { a as t, i as n, n as r } from "./field-blur-context-BLGgf_3z.js";
+import { t as i } from "./input-CC2joTjB.js";
+import { isValidElement as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { describedBy as l } from "@nxgt/material-core/described-by";
 //#region lib/components/ui/fields/text-field/text-field.tsx
-function d({ error: i, helperText: d, label: p, className: m, leading: h, trailing: g, ..._ }) {
-	let v = r(), y = s(), b = s(), x = u(_["aria-describedby"], !!d && b), S = !!h && !o(h), C = !!g && !o(g), w = /* @__PURE__ */ l("div", {
+function u({ error: u, helperText: f, label: p, className: m, leading: h, trailing: g, ..._ }) {
+	let v = r(), y = o(), b = o(), x = l(_["aria-describedby"], !!f && b), S = !!h && !a(h), C = !!g && !a(g), w = /* @__PURE__ */ c("div", {
 		className: e("relative", {
 			"*:first:size-8 *:first:absolute *:first:top-[calc(50%-16px)] *:first:left-1.5 [&_input]:pl-10 *:first:bg-muted/80 *:first:text-muted-foreground": !!h && !S,
 			"*:last:size-8 *:last:absolute *:last:top-[calc(50%-16px)] *:last:right-1.5 *:last:pointer-coarse:size-11 *:last:pointer-coarse:top-[calc(50%-22px)] *:last:pointer-coarse:right-0 [&_input]:pr-.5 *:last:bg-muted/80  *:last:text-muted-foreground": !!g && !C,
@@ -15,59 +14,46 @@ function d({ error: i, helperText: d, label: p, className: m, leading: h, traili
 			"[&_input]:pe-16": C
 		}),
 		children: [
-			S ? /* @__PURE__ */ c(f, {
+			S ? /* @__PURE__ */ s(d, {
 				slot: "leading",
 				children: h
 			}) : h && h,
-			/* @__PURE__ */ c(a, {
-				"aria-invalid": i,
+			/* @__PURE__ */ s(i, {
+				"aria-invalid": u,
 				..._,
 				id: _.id ?? y,
 				"aria-describedby": x
 			}),
-			C ? /* @__PURE__ */ c(f, {
+			C ? /* @__PURE__ */ s(d, {
 				slot: "trailing",
 				children: g
 			}) : g && g
 		]
 	});
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ c("div", {
 		ref: v,
 		"data-slot": "text-field",
 		className: e("grid w-full content-start gap-1.5", m),
-		children: [/* @__PURE__ */ c(n, {
+		children: [/* @__PURE__ */ s(n, {
 			withAsterisk: _.required,
 			htmlFor: _.id ?? y,
 			children: p
-		}), /* @__PURE__ */ l("div", {
+		}), /* @__PURE__ */ c("div", {
 			className: "flex flex-col gap-0.5",
-			children: [w, d ? /* @__PURE__ */ c(t, {
+			children: [w, f ? /* @__PURE__ */ s(t, {
 				id: b,
-				error: i,
-				children: d
+				error: u,
+				children: f
 			}) : null]
 		})]
 	});
 }
-function f({ slot: t, children: n }) {
-	return /* @__PURE__ */ c("span", {
+function d({ slot: t, children: n }) {
+	return /* @__PURE__ */ s("span", {
 		"data-slot": `text-field-${t}`,
 		className: e("absolute inset-y-1 flex min-w-9 items-center justify-center rounded-field-inner bg-muted/80 px-2 text-sm whitespace-nowrap text-muted-foreground", t === "leading" ? "start-1" : "end-1"),
 		children: n
 	});
 }
 //#endregion
-//#region lib/components/ui/actions/icon-button/icon-badge.tsx
-function p({ children: t, className: n, ...r }) {
-	let a = !!(r["aria-label"] || r["aria-labelledby"]);
-	return /* @__PURE__ */ c(i, {
-		"aria-hidden": a ? void 0 : "true",
-		role: a ? "img" : void 0,
-		...r,
-		asChild: !0,
-		className: e("cursor-default", n),
-		children: /* @__PURE__ */ c("span", { children: t })
-	});
-}
-//#endregion
-export { d as n, p as t };
+export { u as t };

package/dist/theme-picker.js

@@ -1,10 +1,10 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { a as t, i as n, n as r, o as i, r as a, t as o } from "./bubble-input-B7BVd9fX.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "./bubble-input-CQwVSoU3.js";
 import { a as s, r as c } from "./icon-sprites-CaYXzOL4.js";
-import { t as l } from "./use-material-translation-CIS2n3RB.js";
+import { t as l } from "./use-material-translation-CD6QoVal.js";
 import { t as u } from "./use-theme-BCLireTd.js";
 import { a as d, r as f } from "./theme-context-Cofk6vgs.js";
-import { t as p } from "./theme-toggle-BInlu21G.js";
+import { t as p } from "./theme-toggle-C_VeiiCm.js";
 import { n as m, t as h } from "./nxgt-theme-DA1IQe0O.js";
 import { useContext as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";

package/dist/{theme-toggle-BInlu21G.js → theme-toggle-C_VeiiCm.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./use-material-translation-CIS2n3RB.js";
+import { t as e } from "./use-material-translation-CD6QoVal.js";
 import { i as t } from "./theme-store-BdPp43cV.js";
 import { n, t as r } from "./use-theme-BCLireTd.js";
 import { r as i } from "./theme-context-Cofk6vgs.js";
-import { n as a, t as o } from "./toggle-group-DXXlqid2.js";
+import { n as a, t as o } from "./toggle-group-CVMxEpWi.js";
 import { useContext as s, useEffect as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Monitor as d, Moon as f, Sun as p } from "lucide-react";

package/dist/toggle-FeCCJqbg.js

@@ -0,0 +1,40 @@
+import { t as e } from "./utils-BLfntITJ.js";
+import { t } from "./dist-CxhKjOYm.js";
+import { t as n } from "./dist-DkQbkF9T.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/components/ui/primitives/toggle/toggle.tsx
+var i = n([
+	"inline-flex center gap-2 rounded text-sm font-medium hover:bg-primary/10 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-all aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error whitespace-nowrap",
+	"aria-pressed:bg-primary/12 aria-pressed:text-primary-text aria-pressed:border-primary-text aria-pressed:focus-visible:border-ring aria-pressed:shadow-[inset_0_-2px_0_0_var(--primary-text)] aria-pressed:hover:bg-primary/20 aria-pressed:hover:text-primary-text dark:aria-pressed:bg-primary/35 dark:aria-pressed:hover:bg-primary/50",
+	"aria-checked:bg-primary/12 aria-checked:text-primary-text aria-checked:border-primary-text aria-checked:focus-visible:border-ring aria-checked:shadow-[inset_0_-2px_0_0_var(--primary-text)] aria-checked:hover:bg-primary/20 aria-checked:hover:text-primary-text dark:aria-checked:bg-primary/35 dark:aria-checked:hover:bg-primary/50"
+], {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outlined: "border border-primary/60 bg-transparent shadow-xs hover:bg-primary/20"
+		},
+		size: {
+			default: "h-9 px-2 min-w-9",
+			sm: "h-8 px-1.5 min-w-8",
+			lg: "h-10 px-2.5 min-w-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: n, variant: a, size: o, ...s }) {
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "toggle",
+		"data-pw": s.name ?? "toggle",
+		className: e(i({
+			variant: a,
+			size: o,
+			className: n
+		})),
+		...s
+	});
+}
+//#endregion
+export { i as n, a as t };

package/dist/{toggle-group-DXXlqid2.js → toggle-group-CVMxEpWi.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { n as t } from "./dist-DVRQkaTK.js";
-import { a as n, n as r, t as i } from "./dist-B7RjY7SL.js";
+import { i as n, n as r, t as i } from "./dist-BZe2evxL.js";
 import { t as a } from "./has-text-content-Ds2dkHX_.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Check as c } from "lucide-react";