wg-design 0.3.0 → 0.5.0

package/dist/index.mjs

@@ -58,7 +58,7 @@ function ne() {
 //#region node_modules/@base-ui/utils/esm/error.js
 var v;
 process.env.NODE_ENV !== "production" && (v = /* @__PURE__ */ new Set());
-function re(...e) {
+function y(...e) {
 	if (process.env.NODE_ENV !== "production") {
 		let t = e.join(" ");
 		v.has(t) || (v.add(t), console.error(`Base UI: ${t}`));
@@ -66,10 +66,10 @@ function re(...e) {
 }
 //#endregion
 //#region node_modules/@base-ui/utils/esm/safeReact.js
-var y = { ...t }, b = typeof document < "u" ? t.useLayoutEffect : () => {};
+var b = { ...t }, x = typeof document < "u" ? t.useLayoutEffect : () => {};
 //#endregion
 //#region node_modules/@base-ui/utils/esm/mergeObjects.js
-function x(e, t) {
+function S(e, t) {
 	if (e && !t) return e;
 	if (!e && t) return t;
 	if (e || t) return {
@@ -79,107 +79,107 @@ function x(e, t) {
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/merge-props/mergeProps.js
-var S = {};
-function ie(e, t, n, r, i) {
-	if (!n && !r && !i && !e) return C(t);
-	let a = C(e);
-	return t && (a = w(a, t)), n && (a = w(a, n)), r && (a = w(a, r)), i && (a = w(a, i)), a;
+var C = {};
+function re(e, t, n, r, i) {
+	if (!n && !r && !i && !e) return w(t);
+	let a = w(e);
+	return t && (a = T(a, t)), n && (a = T(a, n)), r && (a = T(a, r)), i && (a = T(a, i)), a;
 }
-function ae(e) {
-	if (e.length === 0) return S;
-	if (e.length === 1) return C(e[0]);
-	let t = C(e[0]);
-	for (let n = 1; n < e.length; n += 1) t = w(t, e[n]);
+function ie(e) {
+	if (e.length === 0) return C;
+	if (e.length === 1) return w(e[0]);
+	let t = w(e[0]);
+	for (let n = 1; n < e.length; n += 1) t = T(t, e[n]);
 	return t;
 }
-function C(e) {
-	return O(e) ? { ...oe(e, S) } : T(e);
+function w(e) {
+	return k(e) ? { ...ae(e, C) } : E(e);
 }
-function w(e, t) {
-	return O(t) ? oe(t, e) : E(e, t);
+function T(e, t) {
+	return k(t) ? ae(t, e) : D(e, t);
 }
-function T(e) {
+function E(e) {
 	let t = { ...e };
 	for (let e in t) {
 		let n = t[e];
-		D(e, n) && (t[e] = A(n));
+		O(e, n) && (t[e] = j(n));
 	}
 	return t;
 }
-function E(e, t) {
+function D(e, t) {
 	if (!t) return e;
 	for (let n in t) {
 		let r = t[n];
 		switch (n) {
 			case "style":
-				e[n] = x(e.style, r);
+				e[n] = S(e.style, r);
 				break;
 			case "className":
-				e[n] = M(e.className, r);
+				e[n] = N(e.className, r);
 				break;
-			default: D(n, r) ? e[n] = k(e[n], r) : e[n] = r;
+			default: O(n, r) ? e[n] = A(e[n], r) : e[n] = r;
 		}
 	}
 	return e;
 }
-function D(e, t) {
+function O(e, t) {
 	let n = e.charCodeAt(0), r = e.charCodeAt(1), i = e.charCodeAt(2);
 	return n === 111 && r === 110 && i >= 65 && i <= 90 && (typeof t == "function" || t === void 0);
 }
-function O(e) {
+function k(e) {
 	return typeof e == "function";
 }
-function oe(e, t) {
-	return O(e) ? e(t) : e ?? S;
+function ae(e, t) {
+	return k(e) ? e(t) : e ?? C;
 }
-function k(e, t) {
+function A(e, t) {
 	return t ? e ? (...n) => {
 		let r = n[0];
-		if (N(r)) {
+		if (P(r)) {
 			let i = r;
-			j(i);
+			M(i);
 			let a = t(...n);
 			return i.baseUIHandlerPrevented || e?.(...n), a;
 		}
 		let i = t(...n);
 		return e?.(...n), i;
-	} : A(t) : e;
+	} : j(t) : e;
 }
-function A(e) {
+function j(e) {
 	return e && ((...t) => {
 		let n = t[0];
-		return N(n) && j(n), e(...t);
+		return P(n) && M(n), e(...t);
 	});
 }
-function j(e) {
+function M(e) {
 	return e.preventBaseUIHandler = () => {
 		e.baseUIHandlerPrevented = !0;
 	}, e;
 }
-function M(e, t) {
+function N(e, t) {
 	return t ? e ? t + " " + e : t : e;
 }
-function N(e) {
+function P(e) {
 	return typeof e == "object" && !!e && "nativeEvent" in e;
 }
 //#endregion
 //#region node_modules/@base-ui/utils/esm/formatErrorMessage.js
-function P(e, t) {
+function F(e, t) {
 	return function(n, ...r) {
 		let i = new URL(e);
 		return i.searchParams.set("code", n.toString()), r.forEach((e) => i.searchParams.append("args[]", e)), `${t} error #${n}; visit ${i} for the full message.`;
 	};
 }
-var F = P("https://base-ui.com/production-error", "Base UI"), I = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (I.displayName = "CompositeRootContext");
-function L(e = !1) {
-	let n = t.useContext(I);
-	if (n === void 0 && !e) throw Error(process.env.NODE_ENV === "production" ? F(16) : "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.");
+var I = F("https://base-ui.com/production-error", "Base UI"), L = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (L.displayName = "CompositeRootContext");
+function R(e = !1) {
+	let n = t.useContext(L);
+	if (n === void 0 && !e) throw Error(process.env.NODE_ENV === "production" ? I(16) : "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.");
 	return n;
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/utils/useFocusableWhenDisabled.js
-function R(e) {
+function z(e) {
 	let { focusableWhenDisabled: n, disabled: r, composite: i = !1, tabIndex: a = 0, isNativeButton: o } = e, s = i && n !== !1, c = i && n === !1;
 	return { props: t.useMemo(() => {
 		let e = { onKeyDown(e) {
@@ -198,8 +198,8 @@ function R(e) {
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/use-button/useButton.js
-function se(e = {}) {
-	let { disabled: n = !1, focusableWhenDisabled: r, tabIndex: i = 0, native: a = !0, composite: o } = e, s = t.useRef(null), c = L(!0), l = o ?? c !== void 0, { props: u } = R({
+function oe(e = {}) {
+	let { disabled: n = !1, focusableWhenDisabled: r, tabIndex: i = 0, native: a = !0, composite: o } = e, s = t.useRef(null), c = R(!0), l = o ?? c !== void 0, { props: u } = z({
 		focusableWhenDisabled: r,
 		disabled: n,
 		composite: l,
@@ -208,21 +208,21 @@ function se(e = {}) {
 	});
 	process.env.NODE_ENV !== "production" && t.useEffect(() => {
 		if (!s.current) return;
-		let e = z(s.current);
-		a ? e || re(`A component that acts as a button expected a native <button> because the \`nativeButton\` prop is true. Rendering a non-<button> removes native button semantics, which can impact forms and accessibility. Use a real <button> in the \`render\` prop, or set \`nativeButton\` to \`false\`.${y.captureOwnerStack?.() || ""}`) : e && re(`A component that acts as a button expected a non-<button> because the \`nativeButton\` prop is false. Rendering a <button> keeps native behavior while Base UI applies non-native attributes and handlers, which can add unintended extra attributes (such as \`role\` or \`aria-disabled\`). Use a non-<button> in the \`render\` prop, or set \`nativeButton\` to \`true\`.${y.captureOwnerStack?.() || ""}`);
+		let e = B(s.current);
+		a ? e || y(`A component that acts as a button expected a native <button> because the \`nativeButton\` prop is true. Rendering a non-<button> removes native button semantics, which can impact forms and accessibility. Use a real <button> in the \`render\` prop, or set \`nativeButton\` to \`false\`.${b.captureOwnerStack?.() || ""}`) : e && y(`A component that acts as a button expected a non-<button> because the \`nativeButton\` prop is false. Rendering a <button> keeps native behavior while Base UI applies non-native attributes and handlers, which can add unintended extra attributes (such as \`role\` or \`aria-disabled\`). Use a non-<button> in the \`render\` prop, or set \`nativeButton\` to \`true\`.${b.captureOwnerStack?.() || ""}`);
 	}, [a]);
 	let d = t.useCallback(() => {
 		let e = s.current;
-		z(e) && l && n && u.disabled === void 0 && e.disabled && (e.disabled = !1);
+		B(e) && l && n && u.disabled === void 0 && e.disabled && (e.disabled = !1);
 	}, [
 		n,
 		u.disabled,
 		l
 	]);
-	return b(d, [d]), {
+	return x(d, [d]), {
 		getButtonProps: t.useCallback((e = {}) => {
 			let { onClick: t, onMouseDown: r, onKeyUp: i, onKeyDown: o, onPointerDown: s, ...c } = e;
-			return ie({
+			return re({
 				type: a ? "button" : void 0,
 				onClick(e) {
 					if (n) {
@@ -235,8 +235,8 @@ function se(e = {}) {
 					n || r?.(e);
 				},
 				onKeyDown(e) {
-					if (n || (j(e), o?.(e), e.baseUIHandlerPrevented)) return;
-					let r = e.target === e.currentTarget, i = e.currentTarget, s = z(i), c = !a && B(i), u = r && (a ? s : !c), d = e.key === "Enter", f = e.key === " ", p = i.getAttribute("role"), m = p?.startsWith("menuitem") || p === "option" || p === "gridcell";
+					if (n || (M(e), o?.(e), e.baseUIHandlerPrevented)) return;
+					let r = e.target === e.currentTarget, i = e.currentTarget, s = B(i), c = !a && V(i), u = r && (a ? s : !c), d = e.key === "Enter", f = e.key === " ", p = i.getAttribute("role"), m = p?.startsWith("menuitem") || p === "option" || p === "gridcell";
 					if (r && l && f) {
 						if (e.defaultPrevented && m) return;
 						e.preventDefault(), c || a && s ? (i.click(), e.preventBaseUIHandler()) : u && (t?.(e), e.preventBaseUIHandler());
@@ -246,7 +246,7 @@ function se(e = {}) {
 				},
 				onKeyUp(e) {
 					if (!n) {
-						if (j(e), i?.(e), e.target === e.currentTarget && a && l && z(e.currentTarget) && e.key === " ") {
+						if (M(e), i?.(e), e.target === e.currentTarget && a && l && B(e.currentTarget) && e.key === " ") {
 							e.preventDefault();
 							return;
 						}
@@ -272,41 +272,41 @@ function se(e = {}) {
 		})
 	};
 }
-function z(e) {
+function B(e) {
 	return p(e) && e.tagName === "BUTTON";
 }
-function B(e) {
+function V(e) {
 	return !!(e?.tagName === "A" && e?.href);
 }
 //#endregion
 //#region node_modules/@base-ui/utils/esm/useMergedRefs.js
-function ce(e, t, n, r) {
-	let i = h(le).current;
-	return ue(i, e, t, n, r) && fe(i, [
+function se(e, t, n, r) {
+	let i = h(ce).current;
+	return le(i, e, t, n, r) && de(i, [
 		e,
 		t,
 		n,
 		r
 	]), i.callback;
 }
-function V(e) {
-	let t = h(le).current;
-	return de(t, e) && fe(t, e), t.callback;
+function H(e) {
+	let t = h(ce).current;
+	return ue(t, e) && de(t, e), t.callback;
 }
-function le() {
+function ce() {
 	return {
 		callback: null,
 		cleanup: null,
 		refs: []
 	};
 }
-function ue(e, t, n, r, i) {
+function le(e, t, n, r, i) {
 	return e.refs[0] !== t || e.refs[1] !== n || e.refs[2] !== r || e.refs[3] !== i;
 }
-function de(e, t) {
+function ue(e, t) {
 	return e.refs.length !== t.length || e.refs.some((e, n) => e !== t[n]);
 }
-function fe(e, t) {
+function de(e, t) {
 	if (e.refs = t, t.every((e) => e == null)) {
 		e.callback = null;
 		return;
@@ -349,35 +349,35 @@ function fe(e, t) {
 }
 //#endregion
 //#region node_modules/@base-ui/utils/esm/reactVersion.js
-var pe = parseInt(t.version, 10);
-function me(e) {
-	return pe >= e;
+var fe = parseInt(t.version, 10);
+function pe(e) {
+	return fe >= e;
 }
 //#endregion
 //#region node_modules/@base-ui/utils/esm/getReactElementRef.js
-function he(e) {
+function me(e) {
 	if (!/* @__PURE__ */ t.isValidElement(e)) return null;
 	let n = e, r = n.props;
-	return (me(19) ? r?.ref : n.ref) ?? null;
+	return (pe(19) ? r?.ref : n.ref) ?? null;
 }
 //#endregion
 //#region node_modules/@base-ui/utils/esm/warn.js
-var ge;
-process.env.NODE_ENV !== "production" && (ge = /* @__PURE__ */ new Set());
-function _e(...e) {
+var he;
+process.env.NODE_ENV !== "production" && (he = /* @__PURE__ */ new Set());
+function ge(...e) {
 	if (process.env.NODE_ENV !== "production") {
 		let t = e.join(" ");
-		ge.has(t) || (ge.add(t), console.warn(`Base UI: ${t}`));
+		he.has(t) || (he.add(t), console.warn(`Base UI: ${t}`));
 	}
 }
 //#endregion
 //#region node_modules/@base-ui/utils/esm/empty.js
-function H() {}
+function U() {}
 Object.freeze([]);
-var U = Object.freeze({});
+var W = Object.freeze({});
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/getStateAttributesProps.js
-function ve(e, t) {
+function _e(e, t) {
 	let n = {};
 	for (let r in e) {
 		let i = e[r];
@@ -392,53 +392,53 @@ function ve(e, t) {
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/utils/resolveClassName.js
-function ye(e, t) {
+function ve(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/utils/resolveStyle.js
-function be(e, t) {
+function ye(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/useRenderElement.js
-function xe(e, t, n = {}) {
-	let r = t.render, i = Se(t, n);
-	return n.enabled === !1 ? null : De(e, r, i, n.state ?? U);
+function be(e, t, n = {}) {
+	let r = t.render, i = xe(t, n);
+	return n.enabled === !1 ? null : Ee(e, r, i, n.state ?? W);
 }
-function Se(e, t = {}) {
-	let { className: n, style: r, render: i } = e, { state: a = U, ref: o, props: s, stateAttributesMapping: c, enabled: l = !0 } = t, u = l ? ye(n, a) : void 0, d = l ? be(r, a) : void 0, f = l ? ve(a, c) : U, p = l && s ? Ce(s) : void 0, m = l ? x(f, p) ?? {} : U;
-	return typeof document < "u" && (l ? Array.isArray(o) ? m.ref = V([
+function xe(e, t = {}) {
+	let { className: n, style: r, render: i } = e, { state: a = W, ref: o, props: s, stateAttributesMapping: c, enabled: l = !0 } = t, u = l ? ve(n, a) : void 0, d = l ? ye(r, a) : void 0, f = l ? _e(a, c) : W, p = l && s ? Se(s) : void 0, m = l ? S(f, p) ?? {} : W;
+	return typeof document < "u" && (l ? Array.isArray(o) ? m.ref = H([
 		m.ref,
-		he(i),
+		me(i),
 		...o
-	]) : m.ref = ce(m.ref, he(i), o) : ce(null, null)), l ? (u !== void 0 && (m.className = M(m.className, u)), d !== void 0 && (m.style = x(m.style, d)), m) : U;
+	]) : m.ref = se(m.ref, me(i), o) : se(null, null)), l ? (u !== void 0 && (m.className = N(m.className, u)), d !== void 0 && (m.style = S(m.style, d)), m) : W;
 }
-function Ce(e) {
-	return Array.isArray(e) ? ae(e) : ie(void 0, e);
+function Se(e) {
+	return Array.isArray(e) ? ie(e) : re(void 0, e);
 }
-var we = Symbol.for("react.lazy"), Te = /^[A-Z][A-Za-z0-9$]*$/, Ee = /[a-z]/;
-function De(e, n, r, i) {
+var Ce = Symbol.for("react.lazy"), we = /^[A-Z][A-Za-z0-9$]*$/, Te = /[a-z]/;
+function Ee(e, n, r, i) {
 	if (n) {
-		if (typeof n == "function") return process.env.NODE_ENV !== "production" && Oe(n), n(r, i);
-		let e = ie(r, n.props);
+		if (typeof n == "function") return process.env.NODE_ENV !== "production" && De(n), n(r, i);
+		let e = re(r, n.props);
 		e.ref = r.ref;
 		let a = n;
-		if (a?.$$typeof === we && (a = t.Children.toArray(n)[0]), process.env.NODE_ENV !== "production" && !/* @__PURE__ */ t.isValidElement(a)) throw Error([
+		if (a?.$$typeof === Ce && (a = t.Children.toArray(n)[0]), process.env.NODE_ENV !== "production" && !/* @__PURE__ */ t.isValidElement(a)) throw Error([
 			"Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.",
 			"A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.",
 			"https://base-ui.com/r/invalid-render-prop"
 		].join("\n"));
 		return /* @__PURE__ */ t.cloneElement(a, e);
 	}
-	if (e && typeof e == "string") return ke(e, r);
-	throw Error(process.env.NODE_ENV === "production" ? F(8) : "Base UI: Render element or function are not defined.");
+	if (e && typeof e == "string") return Oe(e, r);
+	throw Error(process.env.NODE_ENV === "production" ? I(8) : "Base UI: Render element or function are not defined.");
 }
-function Oe(e) {
+function De(e) {
 	let t = e.name;
-	t.length !== 0 && Te.test(t) && Ee.test(t) && _e(`The \`render\` prop received a function named \`${t}\` that starts with an uppercase letter.`, "This usually means a React component was passed directly as `render={Component}`.", "Base UI calls `render` as a plain function, which can break the Rules of Hooks during reconciliation.", "If this is an intentional render callback, rename it to start with a lowercase letter.", "Use `render={<Component />}` or `render={(props) => <Component {...props} />}` instead.", "https://base-ui.com/r/invalid-render-prop");
+	t.length !== 0 && we.test(t) && Te.test(t) && ge(`The \`render\` prop received a function named \`${t}\` that starts with an uppercase letter.`, "This usually means a React component was passed directly as `render={Component}`.", "Base UI calls `render` as a plain function, which can break the Rules of Hooks during reconciliation.", "If this is an intentional render callback, rename it to start with a lowercase letter.", "Use `render={<Component />}` or `render={(props) => <Component {...props} />}` instead.", "https://base-ui.com/r/invalid-render-prop");
 }
-function ke(e, r) {
+function Oe(e, r) {
 	return e === "button" ? /* @__PURE__ */ n("button", {
 		type: "button",
 		...r,
@@ -451,48 +451,48 @@ function ke(e, r) {
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/button/Button.js
-var Ae = /* @__PURE__ */ t.forwardRef(function(e, t) {
-	let { render: n, className: r, disabled: i = !1, focusableWhenDisabled: a = !1, nativeButton: o = !0, style: s, ...c } = e, { getButtonProps: l, buttonRef: u } = se({
+var ke = /* @__PURE__ */ t.forwardRef(function(e, t) {
+	let { render: n, className: r, disabled: i = !1, focusableWhenDisabled: a = !1, nativeButton: o = !0, style: s, ...c } = e, { getButtonProps: l, buttonRef: u } = oe({
 		disabled: i,
 		focusableWhenDisabled: a,
 		native: o
 	});
-	return xe("button", e, {
+	return be("button", e, {
 		state: { disabled: i },
 		ref: [t, u],
 		props: [c, l]
 	});
 });
-process.env.NODE_ENV !== "production" && (Ae.displayName = "Button");
+process.env.NODE_ENV !== "production" && (ke.displayName = "Button");
 //#endregion
 //#region node_modules/clsx/dist/clsx.mjs
-function je(e) {
+function Ae(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") if (Array.isArray(e)) {
 		var i = e.length;
-		for (t = 0; t < i; t++) e[t] && (n = je(e[t])) && (r && (r += " "), r += n);
+		for (t = 0; t < i; t++) e[t] && (n = Ae(e[t])) && (r && (r += " "), r += n);
 	} else for (n in e) e[n] && (r && (r += " "), r += n);
 	return r;
 }
-function Me() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = je(e)) && (r && (r += " "), r += t);
+function je() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Ae(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region node_modules/class-variance-authority/dist/index.mjs
-var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe = (e, t) => (n) => {
-	if (t?.variants == null) return Pe(e, n?.class, n?.className);
+var Me = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ne = je, Pe = (e, t) => (n) => {
+	if (t?.variants == null) return Ne(e, n?.class, n?.className);
 	let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
 		let t = n?.[e], a = i?.[e];
 		if (t === null) return null;
-		let o = Ne(t) || Ne(a);
+		let o = Me(t) || Me(a);
 		return r[e][o];
 	}), o = n && Object.entries(n).reduce((e, t) => {
 		let [n, r] = t;
 		return r === void 0 || (e[n] = r), e;
 	}, {});
-	return Pe(e, a, t?.compoundVariants?.reduce((e, t) => {
+	return Ne(e, a, t?.compoundVariants?.reduce((e, t) => {
 		let { class: n, className: r, ...a } = t;
 		return Object.entries(a).every((e) => {
 			let [t, n] = e;
@@ -509,100 +509,100 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 			r
 		] : e;
 	}, []), n?.class, n?.className);
-}, Ie = (e, t) => {
+}, Fe = (e, t) => {
 	let n = Array(e.length + t.length);
 	for (let t = 0; t < e.length; t++) n[t] = e[t];
 	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
 	return n;
-}, Le = (e, t) => ({
+}, Ie = (e, t) => ({
 	classGroupId: e,
 	validator: t
-}), Re = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+}), Le = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
 	nextPart: e,
 	validators: t,
 	classGroupId: n
-}), ze = "-", Be = [], Ve = "arbitrary..", He = (e) => {
-	let t = Ge(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+}), Re = "-", ze = [], Be = "arbitrary..", Ve = (e) => {
+	let t = We(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return We(e);
-			let n = e.split(ze);
-			return Ue(n, +(n[0] === "" && n.length > 1), t);
+			if (e.startsWith("[") && e.endsWith("]")) return Ue(e);
+			let n = e.split(Re);
+			return He(n, +(n[0] === "" && n.length > 1), t);
 		},
 		getConflictingClassGroupIds: (e, t) => {
 			if (t) {
 				let t = r[e], i = n[e];
-				return t ? i ? Ie(i, t) : t : i || Be;
+				return t ? i ? Fe(i, t) : t : i || ze;
 			}
-			return n[e] || Be;
+			return n[e] || ze;
 		}
 	};
-}, Ue = (e, t, n) => {
+}, He = (e, t, n) => {
 	if (e.length - t === 0) return n.classGroupId;
 	let r = e[t], i = n.nextPart.get(r);
 	if (i) {
-		let n = Ue(e, t + 1, i);
+		let n = He(e, t + 1, i);
 		if (n) return n;
 	}
 	let a = n.validators;
 	if (a === null) return;
-	let o = t === 0 ? e.join(ze) : e.slice(t).join(ze), s = a.length;
+	let o = t === 0 ? e.join(Re) : e.slice(t).join(Re), s = a.length;
 	for (let e = 0; e < s; e++) {
 		let t = a[e];
 		if (t.validator(o)) return t.classGroupId;
 	}
-}, We = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, Ue = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
 	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
-	return r ? Ve + r : void 0;
-})(), Ge = (e) => {
+	return r ? Be + r : void 0;
+})(), We = (e) => {
 	let { theme: t, classGroups: n } = e;
-	return Ke(n, t);
-}, Ke = (e, t) => {
-	let n = Re();
+	return Ge(n, t);
+}, Ge = (e, t) => {
+	let n = Le();
 	for (let r in e) {
 		let i = e[r];
-		qe(i, n, r, t);
+		Ke(i, n, r, t);
 	}
 	return n;
-}, qe = (e, t, n, r) => {
+}, Ke = (e, t, n, r) => {
 	let i = e.length;
 	for (let a = 0; a < i; a++) {
 		let i = e[a];
-		Je(i, t, n, r);
+		qe(i, t, n, r);
 	}
-}, Je = (e, t, n, r) => {
+}, qe = (e, t, n, r) => {
 	if (typeof e == "string") {
-		Ye(e, t, n);
+		Je(e, t, n);
 		return;
 	}
 	if (typeof e == "function") {
-		Xe(e, t, n, r);
+		Ye(e, t, n, r);
 		return;
 	}
-	Ze(e, t, n, r);
-}, Ye = (e, t, n) => {
-	let r = e === "" ? t : Qe(t, e);
+	Xe(e, t, n, r);
+}, Je = (e, t, n) => {
+	let r = e === "" ? t : Ze(t, e);
 	r.classGroupId = n;
-}, Xe = (e, t, n, r) => {
-	if ($e(e)) {
-		qe(e(r), t, n, r);
+}, Ye = (e, t, n, r) => {
+	if (Qe(e)) {
+		Ke(e(r), t, n, r);
 		return;
 	}
-	t.validators === null && (t.validators = []), t.validators.push(Le(n, e));
-}, Ze = (e, t, n, r) => {
+	t.validators === null && (t.validators = []), t.validators.push(Ie(n, e));
+}, Xe = (e, t, n, r) => {
 	let i = Object.entries(e), a = i.length;
 	for (let e = 0; e < a; e++) {
 		let [a, o] = i[e];
-		qe(o, Qe(t, a), n, r);
+		Ke(o, Ze(t, a), n, r);
 	}
-}, Qe = (e, t) => {
-	let n = e, r = t.split(ze), i = r.length;
+}, Ze = (e, t) => {
+	let n = e, r = t.split(Re), i = r.length;
 	for (let e = 0; e < i; e++) {
 		let t = r[e], i = n.nextPart.get(t);
-		i || (i = Re(), n.nextPart.set(t, i)), n = i;
+		i || (i = Le(), n.nextPart.set(t, i)), n = i;
 	}
 	return n;
-}, $e = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, et = (e) => {
+}, Qe = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, $e = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -620,19 +620,19 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 			e in n ? n[e] = t : i(e, t);
 		}
 	};
-}, tt = "!", nt = ":", rt = [], it = (e, t, n, r, i) => ({
+}, et = "!", tt = ":", nt = [], rt = (e, t, n, r, i) => ({
 	modifiers: e,
 	hasImportantModifier: t,
 	baseClassName: n,
 	maybePostfixModifierPosition: r,
 	isExternal: i
-}), at = (e) => {
+}), it = (e) => {
 	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
 		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
 		for (let s = 0; s < o; s++) {
 			let o = e[s];
 			if (n === 0 && r === 0) {
-				if (o === nt) {
+				if (o === tt) {
 					t.push(e.slice(i, s)), i = s + 1;
 					continue;
 				}
@@ -644,13 +644,13 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
 		}
 		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
-		s.endsWith(tt) ? (c = s.slice(0, -1), l = !0) : s.startsWith(tt) && (c = s.slice(1), l = !0);
+		s.endsWith(et) ? (c = s.slice(0, -1), l = !0) : s.startsWith(et) && (c = s.slice(1), l = !0);
 		let u = a && a > i ? a - i : void 0;
-		return it(t, l, c, u);
+		return rt(t, l, c, u);
 	};
 	if (t) {
-		let e = t + nt, n = r;
-		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : it(rt, !1, t, void 0, !0);
+		let e = t + tt, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : rt(nt, !1, t, void 0, !0);
 	}
 	if (n) {
 		let e = r;
@@ -660,7 +660,7 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 		});
 	}
 	return r;
-}, ot = (e) => {
+}, at = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.orderSensitiveModifiers.forEach((e, n) => {
 		t.set(e, 1e6 + n);
@@ -672,13 +672,13 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 		}
 		return r.length > 0 && (r.sort(), n.push(...r)), n;
 	};
-}, st = (e) => ({
-	cache: et(e.cacheSize),
-	parseClassName: at(e),
-	sortModifiers: ot(e),
-	...He(e)
-}), ct = /\s+/, lt = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a } = t, o = [], s = e.trim().split(ct), c = "";
+}, ot = (e) => ({
+	cache: $e(e.cacheSize),
+	parseClassName: it(e),
+	sortModifiers: at(e),
+	...Ve(e)
+}), st = /\s+/, ct = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a } = t, o = [], s = e.trim().split(st), c = "";
 	for (let e = s.length - 1; e >= 0; --e) {
 		let t = s[e], { isExternal: l, modifiers: u, hasImportantModifier: d, baseClassName: f, maybePostfixModifierPosition: p } = n(t);
 		if (l) {
@@ -697,7 +697,7 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 			}
 			m = !1;
 		}
-		let g = u.length === 0 ? "" : u.length === 1 ? u[0] : a(u).join(":"), ee = d ? g + tt : g, _ = ee + h;
+		let g = u.length === 0 ? "" : u.length === 1 ? u[0] : a(u).join(":"), ee = d ? g + et : g, _ = ee + h;
 		if (o.indexOf(_) > -1) continue;
 		o.push(_);
 		let te = i(h, m);
@@ -708,34 +708,34 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 		c = t + (c.length > 0 ? " " + c : c);
 	}
 	return c;
-}, ut = (...e) => {
+}, lt = (...e) => {
 	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = dt(n)) && (i && (i += " "), i += r);
+	for (; t < e.length;) (n = e[t++]) && (r = ut(n)) && (i && (i += " "), i += r);
 	return i;
-}, dt = (e) => {
+}, ut = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = dt(e[r])) && (n && (n += " "), n += t);
+	for (let r = 0; r < e.length; r++) e[r] && (t = ut(e[r])) && (n && (n += " "), n += t);
 	return n;
-}, ft = (e, ...t) => {
-	let n, r, i, a, o = (o) => (n = st(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+}, dt = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = ot(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
 		let t = r(e);
 		if (t) return t;
-		let a = lt(e, n);
+		let a = ct(e, n);
 		return i(e, a), a;
 	};
-	return a = o, (...e) => a(ut(...e));
-}, pt = [], W = (e) => {
-	let t = (t) => t[e] || pt;
+	return a = o, (...e) => a(lt(...e));
+}, ft = [], G = (e) => {
+	let t = (t) => t[e] || ft;
 	return t.isThemeGetter = !0, t;
-}, mt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ht = /^\((?:(\w[\w-]*):)?(.+)\)$/i, gt = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, _t = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, vt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, yt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, bt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, xt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => gt.test(e), K = (e) => !!e && !Number.isNaN(Number(e)), q = (e) => !!e && Number.isInteger(Number(e)), St = (e) => e.endsWith("%") && K(e.slice(0, -1)), J = (e) => _t.test(e), Ct = () => !0, wt = (e) => vt.test(e) && !yt.test(e), Tt = () => !1, Et = (e) => bt.test(e), Dt = (e) => xt.test(e), Ot = (e) => !Y(e) && !Z(e), kt = (e) => Q(e, Gt, Tt), Y = (e) => mt.test(e), X = (e) => Q(e, Kt, wt), At = (e) => Q(e, qt, K), jt = (e) => Q(e, Yt, Ct), Mt = (e) => Q(e, Jt, Tt), Nt = (e) => Q(e, Ut, Tt), Pt = (e) => Q(e, Wt, Dt), Ft = (e) => Q(e, Xt, Et), Z = (e) => ht.test(e), It = (e) => $(e, Kt), Lt = (e) => $(e, Jt), Rt = (e) => $(e, Ut), zt = (e) => $(e, Gt), Bt = (e) => $(e, Wt), Vt = (e) => $(e, Xt, !0), Ht = (e) => $(e, Yt, !0), Q = (e, t, n) => {
-	let r = mt.exec(e);
+}, pt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, mt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ht = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, gt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, _t = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, vt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, yt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, bt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, K = (e) => ht.test(e), q = (e) => !!e && !Number.isNaN(Number(e)), J = (e) => !!e && Number.isInteger(Number(e)), xt = (e) => e.endsWith("%") && q(e.slice(0, -1)), Y = (e) => gt.test(e), St = () => !0, Ct = (e) => _t.test(e) && !vt.test(e), wt = () => !1, Tt = (e) => yt.test(e), Et = (e) => bt.test(e), Dt = (e) => !X(e) && !Q(e), Ot = (e) => $(e, Gt, wt), X = (e) => pt.test(e), Z = (e) => $(e, Kt, Ct), kt = (e) => $(e, qt, q), At = (e) => $(e, Yt, St), jt = (e) => $(e, Jt, wt), Mt = (e) => $(e, Ut, wt), Nt = (e) => $(e, Wt, Et), Pt = (e) => $(e, Xt, Tt), Q = (e) => mt.test(e), Ft = (e) => Ht(e, Kt), It = (e) => Ht(e, Jt), Lt = (e) => Ht(e, Ut), Rt = (e) => Ht(e, Gt), zt = (e) => Ht(e, Wt), Bt = (e) => Ht(e, Xt, !0), Vt = (e) => Ht(e, Yt, !0), $ = (e, t, n) => {
+	let r = pt.exec(e);
 	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
-}, $ = (e, t, n = !1) => {
-	let r = ht.exec(e);
+}, Ht = (e, t, n = !1) => {
+	let r = mt.exec(e);
 	return r ? r[1] ? t(r[1]) : n : !1;
-}, Ut = (e) => e === "position" || e === "percentage", Wt = (e) => e === "image" || e === "url", Gt = (e) => e === "length" || e === "size" || e === "bg-size", Kt = (e) => e === "length", qt = (e) => e === "number", Jt = (e) => e === "family-name", Yt = (e) => e === "number" || e === "weight", Xt = (e) => e === "shadow", Zt = /* @__PURE__ */ ft(() => {
-	let e = W("color"), t = W("font"), n = W("text"), r = W("font-weight"), i = W("tracking"), a = W("leading"), o = W("breakpoint"), s = W("container"), c = W("spacing"), l = W("radius"), u = W("shadow"), d = W("inset-shadow"), f = W("text-shadow"), p = W("drop-shadow"), m = W("blur"), h = W("perspective"), g = W("aspect"), ee = W("ease"), _ = W("animate"), te = () => [
+}, Ut = (e) => e === "position" || e === "percentage", Wt = (e) => e === "image" || e === "url", Gt = (e) => e === "length" || e === "size" || e === "bg-size", Kt = (e) => e === "length", qt = (e) => e === "number", Jt = (e) => e === "family-name", Yt = (e) => e === "number" || e === "weight", Xt = (e) => e === "shadow", Zt = /* @__PURE__ */ dt(() => {
+	let e = G("color"), t = G("font"), n = G("text"), r = G("font-weight"), i = G("tracking"), a = G("leading"), o = G("breakpoint"), s = G("container"), c = G("spacing"), l = G("radius"), u = G("shadow"), d = G("inset-shadow"), f = G("text-shadow"), p = G("drop-shadow"), m = G("blur"), h = G("perspective"), g = G("aspect"), ee = G("ease"), _ = G("animate"), te = () => [
 		"auto",
 		"avoid",
 		"all",
@@ -760,57 +760,57 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 		"left-bottom"
 	], v = () => [
 		...ne(),
-		Z,
-		Y
-	], re = () => [
+		Q,
+		X
+	], y = () => [
 		"auto",
 		"hidden",
 		"clip",
 		"visible",
 		"scroll"
-	], y = () => [
+	], b = () => [
 		"auto",
 		"contain",
 		"none"
-	], b = () => [
-		Z,
-		Y,
-		c
 	], x = () => [
-		G,
+		Q,
+		X,
+		c
+	], S = () => [
+		K,
 		"full",
 		"auto",
-		...b()
-	], S = () => [
-		q,
+		...x()
+	], C = () => [
+		J,
 		"none",
 		"subgrid",
-		Z,
-		Y
-	], ie = () => [
+		Q,
+		X
+	], re = () => [
 		"auto",
 		{ span: [
 			"full",
-			q,
-			Z,
-			Y
+			J,
+			Q,
+			X
 		] },
-		q,
-		Z,
-		Y
-	], ae = () => [
-		q,
+		J,
+		Q,
+		X
+	], ie = () => [
+		J,
 		"auto",
-		Z,
-		Y
-	], C = () => [
+		Q,
+		X
+	], w = () => [
 		"auto",
 		"min",
 		"max",
 		"fr",
-		Z,
-		Y
-	], w = () => [
+		Q,
+		X
+	], T = () => [
 		"start",
 		"end",
 		"center",
@@ -821,15 +821,15 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 		"baseline",
 		"center-safe",
 		"end-safe"
-	], T = () => [
+	], E = () => [
 		"start",
 		"end",
 		"center",
 		"stretch",
 		"center-safe",
 		"end-safe"
-	], E = () => ["auto", ...b()], D = () => [
-		G,
+	], D = () => ["auto", ...x()], O = () => [
+		K,
 		"auto",
 		"full",
 		"dvw",
@@ -841,9 +841,9 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 		"min",
 		"max",
 		"fit",
-		...b()
-	], O = () => [
-		G,
+		...x()
+	], k = () => [
+		K,
 		"screen",
 		"full",
 		"dvw",
@@ -852,9 +852,9 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 		"min",
 		"max",
 		"fit",
-		...b()
-	], oe = () => [
-		G,
+		...x()
+	], ae = () => [
+		K,
 		"screen",
 		"full",
 		"lh",
@@ -864,51 +864,51 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 		"min",
 		"max",
 		"fit",
-		...b()
-	], k = () => [
-		e,
-		Z,
-		Y
+		...x()
 	], A = () => [
+		e,
+		Q,
+		X
+	], j = () => [
 		...ne(),
-		Rt,
-		Nt,
-		{ position: [Z, Y] }
-	], j = () => ["no-repeat", { repeat: [
+		Lt,
+		Mt,
+		{ position: [Q, X] }
+	], M = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], M = () => [
+	] }], N = () => [
 		"auto",
 		"cover",
 		"contain",
-		zt,
-		kt,
-		{ size: [Z, Y] }
-	], N = () => [
-		St,
-		It,
-		X
+		Rt,
+		Ot,
+		{ size: [Q, X] }
 	], P = () => [
+		xt,
+		Ft,
+		Z
+	], F = () => [
 		"",
 		"none",
 		"full",
 		l,
-		Z,
-		Y
-	], F = () => [
-		"",
-		K,
-		It,
+		Q,
 		X
 	], I = () => [
+		"",
+		q,
+		Ft,
+		Z
+	], L = () => [
 		"solid",
 		"dashed",
 		"dotted",
 		"double"
-	], L = () => [
+	], R = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -925,35 +925,35 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 		"saturation",
 		"color",
 		"luminosity"
-	], R = () => [
-		K,
-		St,
-		Rt,
-		Nt
-	], se = () => [
+	], z = () => [
+		q,
+		xt,
+		Lt,
+		Mt
+	], oe = () => [
 		"",
 		"none",
 		m,
-		Z,
-		Y
-	], z = () => [
-		"none",
-		K,
-		Z,
-		Y
+		Q,
+		X
 	], B = () => [
 		"none",
-		K,
-		Z,
-		Y
-	], ce = () => [
-		K,
-		Z,
-		Y
+		q,
+		Q,
+		X
 	], V = () => [
-		G,
+		"none",
+		q,
+		Q,
+		X
+	], se = () => [
+		q,
+		Q,
+		X
+	], H = () => [
+		K,
 		"full",
-		...b()
+		...x()
 	];
 	return {
 		cacheSize: 500,
@@ -965,17 +965,17 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"bounce"
 			],
 			aspect: ["video"],
-			blur: [J],
-			breakpoint: [J],
-			color: [Ct],
-			container: [J],
-			"drop-shadow": [J],
+			blur: [Y],
+			breakpoint: [Y],
+			color: [St],
+			container: [Y],
+			"drop-shadow": [Y],
 			ease: [
 				"in",
 				"out",
 				"in-out"
 			],
-			font: [Ot],
+			font: [Dt],
 			"font-weight": [
 				"thin",
 				"extralight",
@@ -987,7 +987,7 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"extrabold",
 				"black"
 			],
-			"inset-shadow": [J],
+			"inset-shadow": [Y],
 			leading: [
 				"none",
 				"tight",
@@ -1004,11 +1004,11 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"distant",
 				"none"
 			],
-			radius: [J],
-			shadow: [J],
-			spacing: ["px", K],
-			text: [J],
-			"text-shadow": [J],
+			radius: [Y],
+			shadow: [Y],
+			spacing: ["px", q],
+			text: [Y],
+			"text-shadow": [Y],
 			tracking: [
 				"tighter",
 				"tight",
@@ -1022,16 +1022,16 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 			aspect: [{ aspect: [
 				"auto",
 				"square",
-				G,
-				Y,
-				Z,
+				K,
+				X,
+				Q,
 				g
 			] }],
 			container: ["container"],
 			columns: [{ columns: [
-				K,
-				Y,
-				Z,
+				q,
+				X,
+				Q,
 				s
 			] }],
 			"break-after": [{ "break-after": te() }],
@@ -1092,12 +1092,12 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"scale-down"
 			] }],
 			"object-position": [{ object: v() }],
-			overflow: [{ overflow: re() }],
-			"overflow-x": [{ "overflow-x": re() }],
-			"overflow-y": [{ "overflow-y": re() }],
-			overscroll: [{ overscroll: y() }],
-			"overscroll-x": [{ "overscroll-x": y() }],
-			"overscroll-y": [{ "overscroll-y": y() }],
+			overflow: [{ overflow: y() }],
+			"overflow-x": [{ "overflow-x": y() }],
+			"overflow-y": [{ "overflow-y": y() }],
+			overscroll: [{ overscroll: b() }],
+			"overscroll-x": [{ "overscroll-x": b() }],
+			"overscroll-y": [{ "overscroll-y": b() }],
 			position: [
 				"static",
 				"fixed",
@@ -1105,40 +1105,40 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"relative",
 				"sticky"
 			],
-			inset: [{ inset: x() }],
-			"inset-x": [{ "inset-x": x() }],
-			"inset-y": [{ "inset-y": x() }],
+			inset: [{ inset: S() }],
+			"inset-x": [{ "inset-x": S() }],
+			"inset-y": [{ "inset-y": S() }],
 			start: [{
-				"inset-s": x(),
-				start: x()
+				"inset-s": S(),
+				start: S()
 			}],
 			end: [{
-				"inset-e": x(),
-				end: x()
+				"inset-e": S(),
+				end: S()
 			}],
-			"inset-bs": [{ "inset-bs": x() }],
-			"inset-be": [{ "inset-be": x() }],
-			top: [{ top: x() }],
-			right: [{ right: x() }],
-			bottom: [{ bottom: x() }],
-			left: [{ left: x() }],
+			"inset-bs": [{ "inset-bs": S() }],
+			"inset-be": [{ "inset-be": S() }],
+			top: [{ top: S() }],
+			right: [{ right: S() }],
+			bottom: [{ bottom: S() }],
+			left: [{ left: S() }],
 			visibility: [
 				"visible",
 				"invisible",
 				"collapse"
 			],
 			z: [{ z: [
-				q,
+				J,
 				"auto",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			basis: [{ basis: [
-				G,
+				K,
 				"full",
 				"auto",
 				s,
-				...b()
+				...x()
 			] }],
 			"flex-direction": [{ flex: [
 				"row",
@@ -1152,41 +1152,41 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"wrap-reverse"
 			] }],
 			flex: [{ flex: [
+				q,
 				K,
-				G,
 				"auto",
 				"initial",
 				"none",
-				Y
+				X
 			] }],
 			grow: [{ grow: [
 				"",
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			shrink: [{ shrink: [
 				"",
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			order: [{ order: [
-				q,
+				J,
 				"first",
 				"last",
 				"none",
-				Z,
-				Y
+				Q,
+				X
 			] }],
-			"grid-cols": [{ "grid-cols": S() }],
-			"col-start-end": [{ col: ie() }],
-			"col-start": [{ "col-start": ae() }],
-			"col-end": [{ "col-end": ae() }],
-			"grid-rows": [{ "grid-rows": S() }],
-			"row-start-end": [{ row: ie() }],
-			"row-start": [{ "row-start": ae() }],
-			"row-end": [{ "row-end": ae() }],
+			"grid-cols": [{ "grid-cols": C() }],
+			"col-start-end": [{ col: re() }],
+			"col-start": [{ "col-start": ie() }],
+			"col-end": [{ "col-end": ie() }],
+			"grid-rows": [{ "grid-rows": C() }],
+			"row-start-end": [{ row: re() }],
+			"row-start": [{ "row-start": ie() }],
+			"row-end": [{ "row-end": ie() }],
 			"grid-flow": [{ "grid-flow": [
 				"row",
 				"col",
@@ -1194,67 +1194,67 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"row-dense",
 				"col-dense"
 			] }],
-			"auto-cols": [{ "auto-cols": C() }],
-			"auto-rows": [{ "auto-rows": C() }],
-			gap: [{ gap: b() }],
-			"gap-x": [{ "gap-x": b() }],
-			"gap-y": [{ "gap-y": b() }],
-			"justify-content": [{ justify: [...w(), "normal"] }],
-			"justify-items": [{ "justify-items": [...T(), "normal"] }],
-			"justify-self": [{ "justify-self": ["auto", ...T()] }],
-			"align-content": [{ content: ["normal", ...w()] }],
-			"align-items": [{ items: [...T(), { baseline: ["", "last"] }] }],
+			"auto-cols": [{ "auto-cols": w() }],
+			"auto-rows": [{ "auto-rows": w() }],
+			gap: [{ gap: x() }],
+			"gap-x": [{ "gap-x": x() }],
+			"gap-y": [{ "gap-y": x() }],
+			"justify-content": [{ justify: [...T(), "normal"] }],
+			"justify-items": [{ "justify-items": [...E(), "normal"] }],
+			"justify-self": [{ "justify-self": ["auto", ...E()] }],
+			"align-content": [{ content: ["normal", ...T()] }],
+			"align-items": [{ items: [...E(), { baseline: ["", "last"] }] }],
 			"align-self": [{ self: [
 				"auto",
-				...T(),
+				...E(),
 				{ baseline: ["", "last"] }
 			] }],
-			"place-content": [{ "place-content": w() }],
-			"place-items": [{ "place-items": [...T(), "baseline"] }],
-			"place-self": [{ "place-self": ["auto", ...T()] }],
-			p: [{ p: b() }],
-			px: [{ px: b() }],
-			py: [{ py: b() }],
-			ps: [{ ps: b() }],
-			pe: [{ pe: b() }],
-			pbs: [{ pbs: b() }],
-			pbe: [{ pbe: b() }],
-			pt: [{ pt: b() }],
-			pr: [{ pr: b() }],
-			pb: [{ pb: b() }],
-			pl: [{ pl: b() }],
-			m: [{ m: E() }],
-			mx: [{ mx: E() }],
-			my: [{ my: E() }],
-			ms: [{ ms: E() }],
-			me: [{ me: E() }],
-			mbs: [{ mbs: E() }],
-			mbe: [{ mbe: E() }],
-			mt: [{ mt: E() }],
-			mr: [{ mr: E() }],
-			mb: [{ mb: E() }],
-			ml: [{ ml: E() }],
-			"space-x": [{ "space-x": b() }],
+			"place-content": [{ "place-content": T() }],
+			"place-items": [{ "place-items": [...E(), "baseline"] }],
+			"place-self": [{ "place-self": ["auto", ...E()] }],
+			p: [{ p: x() }],
+			px: [{ px: x() }],
+			py: [{ py: x() }],
+			ps: [{ ps: x() }],
+			pe: [{ pe: x() }],
+			pbs: [{ pbs: x() }],
+			pbe: [{ pbe: x() }],
+			pt: [{ pt: x() }],
+			pr: [{ pr: x() }],
+			pb: [{ pb: x() }],
+			pl: [{ pl: x() }],
+			m: [{ m: D() }],
+			mx: [{ mx: D() }],
+			my: [{ my: D() }],
+			ms: [{ ms: D() }],
+			me: [{ me: D() }],
+			mbs: [{ mbs: D() }],
+			mbe: [{ mbe: D() }],
+			mt: [{ mt: D() }],
+			mr: [{ mr: D() }],
+			mb: [{ mb: D() }],
+			ml: [{ ml: D() }],
+			"space-x": [{ "space-x": x() }],
 			"space-x-reverse": ["space-x-reverse"],
-			"space-y": [{ "space-y": b() }],
+			"space-y": [{ "space-y": x() }],
 			"space-y-reverse": ["space-y-reverse"],
-			size: [{ size: D() }],
-			"inline-size": [{ inline: ["auto", ...O()] }],
-			"min-inline-size": [{ "min-inline": ["auto", ...O()] }],
-			"max-inline-size": [{ "max-inline": ["none", ...O()] }],
-			"block-size": [{ block: ["auto", ...oe()] }],
-			"min-block-size": [{ "min-block": ["auto", ...oe()] }],
-			"max-block-size": [{ "max-block": ["none", ...oe()] }],
+			size: [{ size: O() }],
+			"inline-size": [{ inline: ["auto", ...k()] }],
+			"min-inline-size": [{ "min-inline": ["auto", ...k()] }],
+			"max-inline-size": [{ "max-inline": ["none", ...k()] }],
+			"block-size": [{ block: ["auto", ...ae()] }],
+			"min-block-size": [{ "min-block": ["auto", ...ae()] }],
+			"max-block-size": [{ "max-block": ["none", ...ae()] }],
 			w: [{ w: [
 				s,
 				"screen",
-				...D()
+				...O()
 			] }],
 			"min-w": [{ "min-w": [
 				s,
 				"screen",
 				"none",
-				...D()
+				...O()
 			] }],
 			"max-w": [{ "max-w": [
 				s,
@@ -1262,36 +1262,36 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"none",
 				"prose",
 				{ screen: [o] },
-				...D()
+				...O()
 			] }],
 			h: [{ h: [
 				"screen",
 				"lh",
-				...D()
+				...O()
 			] }],
 			"min-h": [{ "min-h": [
 				"screen",
 				"lh",
 				"none",
-				...D()
+				...O()
 			] }],
 			"max-h": [{ "max-h": [
 				"screen",
 				"lh",
-				...D()
+				...O()
 			] }],
 			"font-size": [{ text: [
 				"base",
 				n,
-				It,
-				X
+				Ft,
+				Z
 			] }],
 			"font-smoothing": ["antialiased", "subpixel-antialiased"],
 			"font-style": ["italic", "not-italic"],
 			"font-weight": [{ font: [
 				r,
-				Ht,
-				jt
+				Vt,
+				At
 			] }],
 			"font-stretch": [{ "font-stretch": [
 				"ultra-condensed",
@@ -1303,15 +1303,15 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"expanded",
 				"extra-expanded",
 				"ultra-expanded",
-				St,
-				Y
+				xt,
+				X
 			] }],
 			"font-family": [{ font: [
-				Lt,
-				Mt,
+				It,
+				jt,
 				t
 			] }],
-			"font-features": [{ "font-features": [Y] }],
+			"font-features": [{ "font-features": [X] }],
 			"fvn-normal": ["normal-nums"],
 			"fvn-ordinal": ["ordinal"],
 			"fvn-slashed-zero": ["slashed-zero"],
@@ -1320,28 +1320,28 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
 			tracking: [{ tracking: [
 				i,
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			"line-clamp": [{ "line-clamp": [
-				K,
+				q,
 				"none",
-				Z,
-				At
+				Q,
+				kt
 			] }],
-			leading: [{ leading: [a, ...b()] }],
+			leading: [{ leading: [a, ...x()] }],
 			"list-image": [{ "list-image": [
 				"none",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			"list-style-position": [{ list: ["inside", "outside"] }],
 			"list-style-type": [{ list: [
 				"disc",
 				"decimal",
 				"none",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			"text-alignment": [{ text: [
 				"left",
@@ -1351,28 +1351,28 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"start",
 				"end"
 			] }],
-			"placeholder-color": [{ placeholder: k() }],
-			"text-color": [{ text: k() }],
+			"placeholder-color": [{ placeholder: A() }],
+			"text-color": [{ text: A() }],
 			"text-decoration": [
 				"underline",
 				"overline",
 				"line-through",
 				"no-underline"
 			],
-			"text-decoration-style": [{ decoration: [...I(), "wavy"] }],
+			"text-decoration-style": [{ decoration: [...L(), "wavy"] }],
 			"text-decoration-thickness": [{ decoration: [
-				K,
+				q,
 				"from-font",
 				"auto",
-				Z,
-				X
+				Q,
+				Z
 			] }],
-			"text-decoration-color": [{ decoration: k() }],
+			"text-decoration-color": [{ decoration: A() }],
 			"underline-offset": [{ "underline-offset": [
-				K,
+				q,
 				"auto",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			"text-transform": [
 				"uppercase",
@@ -1391,7 +1391,7 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"balance",
 				"pretty"
 			] }],
-			indent: [{ indent: b() }],
+			indent: [{ indent: x() }],
 			"vertical-align": [{ align: [
 				"baseline",
 				"top",
@@ -1401,8 +1401,8 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"text-bottom",
 				"sub",
 				"super",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			whitespace: [{ whitespace: [
 				"normal",
@@ -1430,8 +1430,8 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 			] }],
 			content: [{ content: [
 				"none",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			"bg-attachment": [{ bg: [
 				"fixed",
@@ -1449,9 +1449,9 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"padding",
 				"content"
 			] }],
-			"bg-position": [{ bg: A() }],
-			"bg-repeat": [{ bg: j() }],
-			"bg-size": [{ bg: M() }],
+			"bg-position": [{ bg: j() }],
+			"bg-repeat": [{ bg: M() }],
+			"bg-size": [{ bg: N() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -1466,140 +1466,140 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 							"l",
 							"tl"
 						] },
-						q,
-						Z,
-						Y
+						J,
+						Q,
+						X
 					],
 					radial: [
 						"",
-						Z,
-						Y
+						Q,
+						X
 					],
 					conic: [
-						q,
-						Z,
-						Y
+						J,
+						Q,
+						X
 					]
 				},
-				Bt,
-				Pt
+				zt,
+				Nt
 			] }],
-			"bg-color": [{ bg: k() }],
-			"gradient-from-pos": [{ from: N() }],
-			"gradient-via-pos": [{ via: N() }],
-			"gradient-to-pos": [{ to: N() }],
-			"gradient-from": [{ from: k() }],
-			"gradient-via": [{ via: k() }],
-			"gradient-to": [{ to: k() }],
-			rounded: [{ rounded: P() }],
-			"rounded-s": [{ "rounded-s": P() }],
-			"rounded-e": [{ "rounded-e": P() }],
-			"rounded-t": [{ "rounded-t": P() }],
-			"rounded-r": [{ "rounded-r": P() }],
-			"rounded-b": [{ "rounded-b": P() }],
-			"rounded-l": [{ "rounded-l": P() }],
-			"rounded-ss": [{ "rounded-ss": P() }],
-			"rounded-se": [{ "rounded-se": P() }],
-			"rounded-ee": [{ "rounded-ee": P() }],
-			"rounded-es": [{ "rounded-es": P() }],
-			"rounded-tl": [{ "rounded-tl": P() }],
-			"rounded-tr": [{ "rounded-tr": P() }],
-			"rounded-br": [{ "rounded-br": P() }],
-			"rounded-bl": [{ "rounded-bl": P() }],
-			"border-w": [{ border: F() }],
-			"border-w-x": [{ "border-x": F() }],
-			"border-w-y": [{ "border-y": F() }],
-			"border-w-s": [{ "border-s": F() }],
-			"border-w-e": [{ "border-e": F() }],
-			"border-w-bs": [{ "border-bs": F() }],
-			"border-w-be": [{ "border-be": F() }],
-			"border-w-t": [{ "border-t": F() }],
-			"border-w-r": [{ "border-r": F() }],
-			"border-w-b": [{ "border-b": F() }],
-			"border-w-l": [{ "border-l": F() }],
-			"divide-x": [{ "divide-x": F() }],
+			"bg-color": [{ bg: A() }],
+			"gradient-from-pos": [{ from: P() }],
+			"gradient-via-pos": [{ via: P() }],
+			"gradient-to-pos": [{ to: P() }],
+			"gradient-from": [{ from: A() }],
+			"gradient-via": [{ via: A() }],
+			"gradient-to": [{ to: A() }],
+			rounded: [{ rounded: F() }],
+			"rounded-s": [{ "rounded-s": F() }],
+			"rounded-e": [{ "rounded-e": F() }],
+			"rounded-t": [{ "rounded-t": F() }],
+			"rounded-r": [{ "rounded-r": F() }],
+			"rounded-b": [{ "rounded-b": F() }],
+			"rounded-l": [{ "rounded-l": F() }],
+			"rounded-ss": [{ "rounded-ss": F() }],
+			"rounded-se": [{ "rounded-se": F() }],
+			"rounded-ee": [{ "rounded-ee": F() }],
+			"rounded-es": [{ "rounded-es": F() }],
+			"rounded-tl": [{ "rounded-tl": F() }],
+			"rounded-tr": [{ "rounded-tr": F() }],
+			"rounded-br": [{ "rounded-br": F() }],
+			"rounded-bl": [{ "rounded-bl": F() }],
+			"border-w": [{ border: I() }],
+			"border-w-x": [{ "border-x": I() }],
+			"border-w-y": [{ "border-y": I() }],
+			"border-w-s": [{ "border-s": I() }],
+			"border-w-e": [{ "border-e": I() }],
+			"border-w-bs": [{ "border-bs": I() }],
+			"border-w-be": [{ "border-be": I() }],
+			"border-w-t": [{ "border-t": I() }],
+			"border-w-r": [{ "border-r": I() }],
+			"border-w-b": [{ "border-b": I() }],
+			"border-w-l": [{ "border-l": I() }],
+			"divide-x": [{ "divide-x": I() }],
 			"divide-x-reverse": ["divide-x-reverse"],
-			"divide-y": [{ "divide-y": F() }],
+			"divide-y": [{ "divide-y": I() }],
 			"divide-y-reverse": ["divide-y-reverse"],
 			"border-style": [{ border: [
-				...I(),
+				...L(),
 				"hidden",
 				"none"
 			] }],
 			"divide-style": [{ divide: [
-				...I(),
+				...L(),
 				"hidden",
 				"none"
 			] }],
-			"border-color": [{ border: k() }],
-			"border-color-x": [{ "border-x": k() }],
-			"border-color-y": [{ "border-y": k() }],
-			"border-color-s": [{ "border-s": k() }],
-			"border-color-e": [{ "border-e": k() }],
-			"border-color-bs": [{ "border-bs": k() }],
-			"border-color-be": [{ "border-be": k() }],
-			"border-color-t": [{ "border-t": k() }],
-			"border-color-r": [{ "border-r": k() }],
-			"border-color-b": [{ "border-b": k() }],
-			"border-color-l": [{ "border-l": k() }],
-			"divide-color": [{ divide: k() }],
+			"border-color": [{ border: A() }],
+			"border-color-x": [{ "border-x": A() }],
+			"border-color-y": [{ "border-y": A() }],
+			"border-color-s": [{ "border-s": A() }],
+			"border-color-e": [{ "border-e": A() }],
+			"border-color-bs": [{ "border-bs": A() }],
+			"border-color-be": [{ "border-be": A() }],
+			"border-color-t": [{ "border-t": A() }],
+			"border-color-r": [{ "border-r": A() }],
+			"border-color-b": [{ "border-b": A() }],
+			"border-color-l": [{ "border-l": A() }],
+			"divide-color": [{ divide: A() }],
 			"outline-style": [{ outline: [
-				...I(),
+				...L(),
 				"none",
 				"hidden"
 			] }],
 			"outline-offset": [{ "outline-offset": [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"outline-w": [{ outline: [
 				"",
-				K,
-				It,
-				X
+				q,
+				Ft,
+				Z
 			] }],
-			"outline-color": [{ outline: k() }],
+			"outline-color": [{ outline: A() }],
 			shadow: [{ shadow: [
 				"",
 				"none",
 				u,
-				Vt,
-				Ft
+				Bt,
+				Pt
 			] }],
-			"shadow-color": [{ shadow: k() }],
+			"shadow-color": [{ shadow: A() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				d,
-				Vt,
-				Ft
+				Bt,
+				Pt
 			] }],
-			"inset-shadow-color": [{ "inset-shadow": k() }],
-			"ring-w": [{ ring: F() }],
+			"inset-shadow-color": [{ "inset-shadow": A() }],
+			"ring-w": [{ ring: I() }],
 			"ring-w-inset": ["ring-inset"],
-			"ring-color": [{ ring: k() }],
-			"ring-offset-w": [{ "ring-offset": [K, X] }],
-			"ring-offset-color": [{ "ring-offset": k() }],
-			"inset-ring-w": [{ "inset-ring": F() }],
-			"inset-ring-color": [{ "inset-ring": k() }],
+			"ring-color": [{ ring: A() }],
+			"ring-offset-w": [{ "ring-offset": [q, Z] }],
+			"ring-offset-color": [{ "ring-offset": A() }],
+			"inset-ring-w": [{ "inset-ring": I() }],
+			"inset-ring-color": [{ "inset-ring": A() }],
 			"text-shadow": [{ "text-shadow": [
 				"none",
 				f,
-				Vt,
-				Ft
+				Bt,
+				Pt
 			] }],
-			"text-shadow-color": [{ "text-shadow": k() }],
+			"text-shadow-color": [{ "text-shadow": A() }],
 			opacity: [{ opacity: [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...L(),
+				...R(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": L() }],
+			"bg-blend": [{ "bg-blend": R() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -1614,51 +1614,51 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"intersect",
 				"exclude"
 			] }],
-			"mask-image-linear-pos": [{ "mask-linear": [K] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": R() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": R() }],
-			"mask-image-linear-from-color": [{ "mask-linear-from": k() }],
-			"mask-image-linear-to-color": [{ "mask-linear-to": k() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": R() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": R() }],
-			"mask-image-t-from-color": [{ "mask-t-from": k() }],
-			"mask-image-t-to-color": [{ "mask-t-to": k() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": R() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": R() }],
-			"mask-image-r-from-color": [{ "mask-r-from": k() }],
-			"mask-image-r-to-color": [{ "mask-r-to": k() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": R() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": R() }],
-			"mask-image-b-from-color": [{ "mask-b-from": k() }],
-			"mask-image-b-to-color": [{ "mask-b-to": k() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": R() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": R() }],
-			"mask-image-l-from-color": [{ "mask-l-from": k() }],
-			"mask-image-l-to-color": [{ "mask-l-to": k() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": R() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": R() }],
-			"mask-image-x-from-color": [{ "mask-x-from": k() }],
-			"mask-image-x-to-color": [{ "mask-x-to": k() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": R() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": R() }],
-			"mask-image-y-from-color": [{ "mask-y-from": k() }],
-			"mask-image-y-to-color": [{ "mask-y-to": k() }],
-			"mask-image-radial": [{ "mask-radial": [Z, Y] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": R() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": R() }],
-			"mask-image-radial-from-color": [{ "mask-radial-from": k() }],
-			"mask-image-radial-to-color": [{ "mask-radial-to": k() }],
+			"mask-image-linear-pos": [{ "mask-linear": [q] }],
+			"mask-image-linear-from-pos": [{ "mask-linear-from": z() }],
+			"mask-image-linear-to-pos": [{ "mask-linear-to": z() }],
+			"mask-image-linear-from-color": [{ "mask-linear-from": A() }],
+			"mask-image-linear-to-color": [{ "mask-linear-to": A() }],
+			"mask-image-t-from-pos": [{ "mask-t-from": z() }],
+			"mask-image-t-to-pos": [{ "mask-t-to": z() }],
+			"mask-image-t-from-color": [{ "mask-t-from": A() }],
+			"mask-image-t-to-color": [{ "mask-t-to": A() }],
+			"mask-image-r-from-pos": [{ "mask-r-from": z() }],
+			"mask-image-r-to-pos": [{ "mask-r-to": z() }],
+			"mask-image-r-from-color": [{ "mask-r-from": A() }],
+			"mask-image-r-to-color": [{ "mask-r-to": A() }],
+			"mask-image-b-from-pos": [{ "mask-b-from": z() }],
+			"mask-image-b-to-pos": [{ "mask-b-to": z() }],
+			"mask-image-b-from-color": [{ "mask-b-from": A() }],
+			"mask-image-b-to-color": [{ "mask-b-to": A() }],
+			"mask-image-l-from-pos": [{ "mask-l-from": z() }],
+			"mask-image-l-to-pos": [{ "mask-l-to": z() }],
+			"mask-image-l-from-color": [{ "mask-l-from": A() }],
+			"mask-image-l-to-color": [{ "mask-l-to": A() }],
+			"mask-image-x-from-pos": [{ "mask-x-from": z() }],
+			"mask-image-x-to-pos": [{ "mask-x-to": z() }],
+			"mask-image-x-from-color": [{ "mask-x-from": A() }],
+			"mask-image-x-to-color": [{ "mask-x-to": A() }],
+			"mask-image-y-from-pos": [{ "mask-y-from": z() }],
+			"mask-image-y-to-pos": [{ "mask-y-to": z() }],
+			"mask-image-y-from-color": [{ "mask-y-from": A() }],
+			"mask-image-y-to-color": [{ "mask-y-to": A() }],
+			"mask-image-radial": [{ "mask-radial": [Q, X] }],
+			"mask-image-radial-from-pos": [{ "mask-radial-from": z() }],
+			"mask-image-radial-to-pos": [{ "mask-radial-to": z() }],
+			"mask-image-radial-from-color": [{ "mask-radial-from": A() }],
+			"mask-image-radial-to-color": [{ "mask-radial-to": A() }],
 			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
 			"mask-image-radial-size": [{ "mask-radial": [{
 				closest: ["side", "corner"],
 				farthest: ["side", "corner"]
 			}] }],
 			"mask-image-radial-pos": [{ "mask-radial-at": ne() }],
-			"mask-image-conic-pos": [{ "mask-conic": [K] }],
-			"mask-image-conic-from-pos": [{ "mask-conic-from": R() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": R() }],
-			"mask-image-conic-from-color": [{ "mask-conic-from": k() }],
-			"mask-image-conic-to-color": [{ "mask-conic-to": k() }],
+			"mask-image-conic-pos": [{ "mask-conic": [q] }],
+			"mask-image-conic-from-pos": [{ "mask-conic-from": z() }],
+			"mask-image-conic-to-pos": [{ "mask-conic-to": z() }],
+			"mask-image-conic-from-color": [{ "mask-conic-from": A() }],
+			"mask-image-conic-to-color": [{ "mask-conic-to": A() }],
 			"mask-mode": [{ mask: [
 				"alpha",
 				"luminance",
@@ -1672,122 +1672,122 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"stroke",
 				"view"
 			] }],
-			"mask-position": [{ mask: A() }],
-			"mask-repeat": [{ mask: j() }],
-			"mask-size": [{ mask: M() }],
+			"mask-position": [{ mask: j() }],
+			"mask-repeat": [{ mask: M() }],
+			"mask-size": [{ mask: N() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			filter: [{ filter: [
 				"",
 				"none",
-				Z,
-				Y
+				Q,
+				X
 			] }],
-			blur: [{ blur: se() }],
+			blur: [{ blur: oe() }],
 			brightness: [{ brightness: [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			contrast: [{ contrast: [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"drop-shadow": [{ "drop-shadow": [
 				"",
 				"none",
 				p,
-				Vt,
-				Ft
+				Bt,
+				Pt
 			] }],
-			"drop-shadow-color": [{ "drop-shadow": k() }],
+			"drop-shadow-color": [{ "drop-shadow": A() }],
 			grayscale: [{ grayscale: [
 				"",
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"hue-rotate": [{ "hue-rotate": [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			invert: [{ invert: [
 				"",
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			saturate: [{ saturate: [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			sepia: [{ sepia: [
 				"",
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"backdrop-filter": [{ "backdrop-filter": [
 				"",
 				"none",
-				Z,
-				Y
+				Q,
+				X
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": se() }],
+			"backdrop-blur": [{ "backdrop-blur": oe() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"backdrop-contrast": [{ "backdrop-contrast": [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"backdrop-grayscale": [{ "backdrop-grayscale": [
 				"",
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"backdrop-invert": [{ "backdrop-invert": [
 				"",
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"backdrop-opacity": [{ "backdrop-opacity": [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"backdrop-saturate": [{ "backdrop-saturate": [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"backdrop-sepia": [{ "backdrop-sepia": [
 				"",
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			"border-collapse": [{ border: ["collapse", "separate"] }],
-			"border-spacing": [{ "border-spacing": b() }],
-			"border-spacing-x": [{ "border-spacing-x": b() }],
-			"border-spacing-y": [{ "border-spacing-y": b() }],
+			"border-spacing": [{ "border-spacing": x() }],
+			"border-spacing-x": [{ "border-spacing-x": x() }],
+			"border-spacing-y": [{ "border-spacing-y": x() }],
 			"table-layout": [{ table: ["auto", "fixed"] }],
 			caption: [{ caption: ["top", "bottom"] }],
 			transition: [{ transition: [
@@ -1798,56 +1798,56 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"shadow",
 				"transform",
 				"none",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			"transition-behavior": [{ transition: ["normal", "discrete"] }],
 			duration: [{ duration: [
-				K,
+				q,
 				"initial",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			ease: [{ ease: [
 				"linear",
 				"initial",
 				ee,
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			delay: [{ delay: [
-				K,
-				Z,
-				Y
+				q,
+				Q,
+				X
 			] }],
 			animate: [{ animate: [
 				"none",
 				_,
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			backface: [{ backface: ["hidden", "visible"] }],
 			perspective: [{ perspective: [
 				h,
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			"perspective-origin": [{ "perspective-origin": v() }],
-			rotate: [{ rotate: z() }],
-			"rotate-x": [{ "rotate-x": z() }],
-			"rotate-y": [{ "rotate-y": z() }],
-			"rotate-z": [{ "rotate-z": z() }],
-			scale: [{ scale: B() }],
-			"scale-x": [{ "scale-x": B() }],
-			"scale-y": [{ "scale-y": B() }],
-			"scale-z": [{ "scale-z": B() }],
+			rotate: [{ rotate: B() }],
+			"rotate-x": [{ "rotate-x": B() }],
+			"rotate-y": [{ "rotate-y": B() }],
+			"rotate-z": [{ "rotate-z": B() }],
+			scale: [{ scale: V() }],
+			"scale-x": [{ "scale-x": V() }],
+			"scale-y": [{ "scale-y": V() }],
+			"scale-z": [{ "scale-z": V() }],
 			"scale-3d": ["scale-3d"],
-			skew: [{ skew: ce() }],
-			"skew-x": [{ "skew-x": ce() }],
-			"skew-y": [{ "skew-y": ce() }],
+			skew: [{ skew: se() }],
+			"skew-x": [{ "skew-x": se() }],
+			"skew-y": [{ "skew-y": se() }],
 			transform: [{ transform: [
-				Z,
-				Y,
+				Q,
+				X,
 				"",
 				"none",
 				"gpu",
@@ -1855,14 +1855,14 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 			] }],
 			"transform-origin": [{ origin: v() }],
 			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: V() }],
-			"translate-x": [{ "translate-x": V() }],
-			"translate-y": [{ "translate-y": V() }],
-			"translate-z": [{ "translate-z": V() }],
+			translate: [{ translate: H() }],
+			"translate-x": [{ "translate-x": H() }],
+			"translate-y": [{ "translate-y": H() }],
+			"translate-z": [{ "translate-z": H() }],
 			"translate-none": ["translate-none"],
-			accent: [{ accent: k() }],
+			accent: [{ accent: A() }],
 			appearance: [{ appearance: ["none", "auto"] }],
-			"caret-color": [{ caret: k() }],
+			"caret-color": [{ caret: A() }],
 			"color-scheme": [{ scheme: [
 				"normal",
 				"dark",
@@ -1908,8 +1908,8 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"nwse-resize",
 				"zoom-in",
 				"zoom-out",
-				Z,
-				Y
+				Q,
+				X
 			] }],
 			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
 			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
@@ -1920,28 +1920,28 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"x"
 			] }],
 			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
-			"scroll-m": [{ "scroll-m": b() }],
-			"scroll-mx": [{ "scroll-mx": b() }],
-			"scroll-my": [{ "scroll-my": b() }],
-			"scroll-ms": [{ "scroll-ms": b() }],
-			"scroll-me": [{ "scroll-me": b() }],
-			"scroll-mbs": [{ "scroll-mbs": b() }],
-			"scroll-mbe": [{ "scroll-mbe": b() }],
-			"scroll-mt": [{ "scroll-mt": b() }],
-			"scroll-mr": [{ "scroll-mr": b() }],
-			"scroll-mb": [{ "scroll-mb": b() }],
-			"scroll-ml": [{ "scroll-ml": b() }],
-			"scroll-p": [{ "scroll-p": b() }],
-			"scroll-px": [{ "scroll-px": b() }],
-			"scroll-py": [{ "scroll-py": b() }],
-			"scroll-ps": [{ "scroll-ps": b() }],
-			"scroll-pe": [{ "scroll-pe": b() }],
-			"scroll-pbs": [{ "scroll-pbs": b() }],
-			"scroll-pbe": [{ "scroll-pbe": b() }],
-			"scroll-pt": [{ "scroll-pt": b() }],
-			"scroll-pr": [{ "scroll-pr": b() }],
-			"scroll-pb": [{ "scroll-pb": b() }],
-			"scroll-pl": [{ "scroll-pl": b() }],
+			"scroll-m": [{ "scroll-m": x() }],
+			"scroll-mx": [{ "scroll-mx": x() }],
+			"scroll-my": [{ "scroll-my": x() }],
+			"scroll-ms": [{ "scroll-ms": x() }],
+			"scroll-me": [{ "scroll-me": x() }],
+			"scroll-mbs": [{ "scroll-mbs": x() }],
+			"scroll-mbe": [{ "scroll-mbe": x() }],
+			"scroll-mt": [{ "scroll-mt": x() }],
+			"scroll-mr": [{ "scroll-mr": x() }],
+			"scroll-mb": [{ "scroll-mb": x() }],
+			"scroll-ml": [{ "scroll-ml": x() }],
+			"scroll-p": [{ "scroll-p": x() }],
+			"scroll-px": [{ "scroll-px": x() }],
+			"scroll-py": [{ "scroll-py": x() }],
+			"scroll-ps": [{ "scroll-ps": x() }],
+			"scroll-pe": [{ "scroll-pe": x() }],
+			"scroll-pbs": [{ "scroll-pbs": x() }],
+			"scroll-pbe": [{ "scroll-pbe": x() }],
+			"scroll-pt": [{ "scroll-pt": x() }],
+			"scroll-pr": [{ "scroll-pr": x() }],
+			"scroll-pb": [{ "scroll-pb": x() }],
+			"scroll-pl": [{ "scroll-pl": x() }],
 			"snap-align": [{ snap: [
 				"start",
 				"end",
@@ -1983,17 +1983,17 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 				"scroll",
 				"contents",
 				"transform",
-				Z,
-				Y
+				Q,
+				X
 			] }],
-			fill: [{ fill: ["none", ...k()] }],
+			fill: [{ fill: ["none", ...A()] }],
 			"stroke-w": [{ stroke: [
-				K,
-				It,
-				X,
-				At
+				q,
+				Ft,
+				Z,
+				kt
 			] }],
-			stroke: [{ stroke: ["none", ...k()] }],
+			stroke: [{ stroke: ["none", ...A()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
 		},
 		conflictingClassGroups: {
@@ -2181,11 +2181,11 @@ var Ne = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pe = Me, Fe
 //#endregion
 //#region src/lib/utils.ts
 function Qt(...e) {
-	return Zt(Me(e));
+	return Zt(je(e));
 }
 //#endregion
 //#region src/components/Button/Button.tsx
-var $t = Fe("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer font-medium transition-colors", {
+var $t = Pe("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer font-medium transition-colors", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -2215,7 +2215,7 @@ var $t = Fe("inline-flex items-center justify-center gap-2 whitespace-nowrap rou
 	}
 });
 function en({ className: e, variant: t = "default", size: n = "default", ...r }) {
-	return /* @__PURE__ */ o(Ae, {
+	return /* @__PURE__ */ o(ke, {
 		"data-slot": "button",
 		className: Qt($t({
 			variant: t,
@@ -10209,12 +10209,46 @@ function ol({ name: e, size: t = 24, className: n, "aria-label": r }) {
 	}));
 }
 //#endregion
+//#region node_modules/@base-ui/react/esm/separator/Separator.js
+var sl = /* @__PURE__ */ t.forwardRef(function(e, t) {
+	let { className: n, render: r, orientation: i = "horizontal", style: a, ...o } = e;
+	return be("div", e, {
+		state: { orientation: i },
+		ref: t,
+		props: [{
+			role: "separator",
+			"aria-orientation": i
+		}, o]
+	});
+});
+process.env.NODE_ENV !== "production" && (sl.displayName = "Separator");
+//#endregion
+//#region src/components/Separator/Separator.tsx
+var cl = Pe("shrink-0 bg-border", {
+	variants: { orientation: {
+		horizontal: "h-px w-full",
+		vertical: "h-full w-px"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function ll({ className: e, orientation: t = "horizontal", ...n }) {
+	return /* @__PURE__ */ o(sl, {
+		"data-slot": "separator",
+		orientation: t ?? void 0,
+		className: Qt(cl({
+			orientation: t,
+			className: e
+		})),
+		...n
+	});
+}
+//#endregion
 //#region node_modules/@base-ui/utils/esm/useControlled.js
-function sl({ controlled: e, default: n, name: r, state: i = "value" }) {
+function ul({ controlled: e, default: n, name: r, state: i = "value" }) {
 	let { current: a } = t.useRef(e !== void 0), [o, s] = t.useState(n), c = a ? e : o;
 	if (process.env.NODE_ENV !== "production") {
 		t.useEffect(() => {
-			a !== (e !== void 0) && re([
+			a !== (e !== void 0) && y([
 				`A component is changing the ${a ? "" : "un"}controlled ${i} state of ${r} to be ${a ? "un" : ""}controlled.`,
 				"Elements should not switch from uncontrolled to controlled (or vice versa).",
 				`Decide between using a controlled or uncontrolled ${r} element for the lifetime of the component.`,
@@ -10228,14 +10262,14 @@ function sl({ controlled: e, default: n, name: r, state: i = "value" }) {
 		]);
 		let { current: o } = t.useRef(n);
 		t.useEffect(() => {
-			!a && cl(o) !== cl(n) && re([`A component is changing the default ${i} state of an uncontrolled ${r} after being initialized. To suppress this warning opt to use a controlled ${r}.`].join("\n"));
+			!a && dl(o) !== dl(n) && y([`A component is changing the default ${i} state of an uncontrolled ${r} after being initialized. To suppress this warning opt to use a controlled ${r}.`].join("\n"));
 		}, [n]);
 	}
 	return [c, t.useCallback((e) => {
 		a || s(e);
 	}, [])];
 }
-function cl(e) {
+function dl(e) {
 	let t = 0, n = /* @__PURE__ */ new WeakMap();
 	try {
 		return JSON.stringify(e, function(e, r) {
@@ -10255,7 +10289,7 @@ function cl(e) {
 }
 //#endregion
 //#region node_modules/@base-ui/utils/esm/visuallyHidden.js
-var ll = {
+var fl = {
 	clipPath: "inset(50%)",
 	overflow: "hidden",
 	whiteSpace: "nowrap",
@@ -10264,48 +10298,48 @@ var ll = {
 	width: 1,
 	height: 1,
 	margin: -1
-}, ul = {
-	...ll,
+}, pl = {
+	...fl,
 	position: "fixed",
 	top: 0,
 	left: 0
-}, dl = {
-	...ll,
+}, ml = {
+	...fl,
 	position: "absolute"
-}, fl = 0;
-function pl(e, n = "mui") {
+}, hl = 0;
+function gl(e, n = "mui") {
 	let [r, i] = t.useState(e), a = e || r;
 	return t.useEffect(() => {
-		r ?? (fl += 1, i(`${n}-${fl}`));
+		r ?? (hl += 1, i(`${n}-${hl}`));
 	}, [r, n]), a;
 }
-var ml = y.useId;
-function hl(e, t) {
-	if (ml !== void 0) {
-		let n = ml();
+var _l = b.useId;
+function vl(e, t) {
+	if (_l !== void 0) {
+		let n = _l();
 		return e ?? (t ? `${t}-${n}` : n);
 	}
-	return pl(e, t);
+	return gl(e, t);
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/useBaseUiId.js
-function gl(e) {
-	return hl(e, "base-ui");
+function yl(e) {
+	return vl(e, "base-ui");
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/switch/root/SwitchRootContext.js
-var _l = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (_l.displayName = "SwitchRootContext");
-function vl() {
-	let e = t.useContext(_l);
-	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? F(63) : "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>.");
+var bl = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (bl.displayName = "SwitchRootContext");
+function xl() {
+	let e = t.useContext(bl);
+	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? I(63) : "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>.");
 	return e;
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/field/control/FieldControlDataAttributes.js
-var yl = /* @__PURE__ */ function(e) {
+var Sl = /* @__PURE__ */ function(e) {
 	return e.disabled = "data-disabled", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
-}({}), bl = {
+}({}), Cl = {
 	badInput: !1,
 	customError: !1,
 	patternMismatch: !1,
@@ -10317,69 +10351,69 @@ var yl = /* @__PURE__ */ function(e) {
 	typeMismatch: !1,
 	valid: null,
 	valueMissing: !1
-}, xl = {
+}, wl = {
 	valid: null,
 	touched: !1,
 	dirty: !1,
 	filled: !1,
 	focused: !1
-}, Sl = {
+}, Tl = {
 	disabled: !1,
-	...xl
-}, Cl = { valid(e) {
-	return e === null ? null : e ? { [yl.valid]: "" } : { [yl.invalid]: "" };
-} }, wl = /* @__PURE__ */ function(e) {
+	...wl
+}, El = { valid(e) {
+	return e === null ? null : e ? { [Sl.valid]: "" } : { [Sl.invalid]: "" };
+} }, Dl = /* @__PURE__ */ function(e) {
 	return e.checked = "data-checked", e.unchecked = "data-unchecked", e.disabled = "data-disabled", e.readonly = "data-readonly", e.required = "data-required", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
-}({}), Tl = {
-	...Cl,
+}({}), Ol = {
+	...El,
 	checked(e) {
-		return e ? { [wl.checked]: "" } : { [wl.unchecked]: "" };
+		return e ? { [Dl.checked]: "" } : { [Dl.unchecked]: "" };
 	}
-}, El = /* @__PURE__ */ t.createContext({
+}, kl = /* @__PURE__ */ t.createContext({
 	invalid: void 0,
 	name: void 0,
 	validityData: {
-		state: bl,
+		state: Cl,
 		errors: [],
 		error: "",
 		value: "",
 		initialValue: null
 	},
-	setValidityData: H,
+	setValidityData: U,
 	disabled: void 0,
-	touched: xl.touched,
-	setTouched: H,
-	dirty: xl.dirty,
-	setDirty: H,
-	filled: xl.filled,
-	setFilled: H,
-	focused: xl.focused,
-	setFocused: H,
+	touched: wl.touched,
+	setTouched: U,
+	dirty: wl.dirty,
+	setDirty: U,
+	filled: wl.filled,
+	setFilled: U,
+	focused: wl.focused,
+	setFocused: U,
 	validate: () => null,
 	validationMode: "onSubmit",
 	validationDebounceTime: 0,
 	shouldValidateOnChange: () => !1,
-	state: Sl,
+	state: Tl,
 	markedDirtyRef: { current: !1 },
-	registerFieldControl: H,
+	registerFieldControl: U,
 	validation: {
-		getValidationProps: (e = U) => e,
-		getInputValidationProps: (e = U) => e,
+		getValidationProps: (e = W) => e,
+		getInputValidationProps: (e = W) => e,
 		inputRef: { current: null },
 		commit: async () => {}
 	}
 });
-process.env.NODE_ENV !== "production" && (El.displayName = "FieldRootContext");
-function Dl(e = !0) {
-	let n = t.useContext(El);
-	if (n.setValidityData === H && !e) throw Error(process.env.NODE_ENV === "production" ? F(28) : "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.");
+process.env.NODE_ENV !== "production" && (kl.displayName = "FieldRootContext");
+function Al(e = !0) {
+	let n = t.useContext(kl);
+	if (n.setValidityData === U && !e) throw Error(process.env.NODE_ENV === "production" ? I(28) : "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.");
 	return n;
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/field-register-control/useRegisterFieldControl.js
-function Ol(e, n) {
-	let { enabled: r = !0, getValue: i, id: a, value: o } = n, { registerFieldControl: s } = Dl(), c = t.useRef(null);
-	c.current ||= Symbol(), b(() => {
+function jl(e, n) {
+	let { enabled: r = !0, getValue: i, id: a, value: o } = n, { registerFieldControl: s } = Al(), c = t.useRef(null);
+	c.current ||= Symbol(), x(() => {
 		let t = c.current;
 		if (!(!t || !r)) return s(t, {
 			controlRef: e,
@@ -10400,46 +10434,46 @@ function Ol(e, n) {
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/form-context/FormContext.js
-var kl = /* @__PURE__ */ t.createContext({
+var Ml = /* @__PURE__ */ t.createContext({
 	formRef: { current: { fields: /* @__PURE__ */ new Map() } },
 	errors: {},
-	clearErrors: H,
+	clearErrors: U,
 	validationMode: "onSubmit",
 	submitAttemptedRef: { current: !1 }
 });
-process.env.NODE_ENV !== "production" && (kl.displayName = "FormContext");
-function Al() {
-	return t.useContext(kl);
+process.env.NODE_ENV !== "production" && (Ml.displayName = "FormContext");
+function Nl() {
+	return t.useContext(Ml);
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/labelable-provider/LabelableContext.js
-var jl = /* @__PURE__ */ t.createContext({
+var Pl = /* @__PURE__ */ t.createContext({
 	controlId: void 0,
-	registerControlId: H,
+	registerControlId: U,
 	labelId: void 0,
-	setLabelId: H,
+	setLabelId: U,
 	messageIds: [],
-	setMessageIds: H,
+	setMessageIds: U,
 	getDescriptionProps: (e) => e
 });
-process.env.NODE_ENV !== "production" && (jl.displayName = "LabelableContext");
-function Ml() {
-	return t.useContext(jl);
+process.env.NODE_ENV !== "production" && (Pl.displayName = "LabelableContext");
+function Fl() {
+	return t.useContext(Pl);
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/labelable-provider/useAriaLabelledBy.js
-function Nl(e, n, r, i = !0, a) {
-	let [o, s] = t.useState(), c = gl(a ? `${a}-label` : void 0), l = e ?? n ?? o;
-	return b(() => {
-		let t = e || n || !i ? void 0 : Pl(r.current, c);
+function Il(e, n, r, i = !0, a) {
+	let [o, s] = t.useState(), c = yl(a ? `${a}-label` : void 0), l = e ?? n ?? o;
+	return x(() => {
+		let t = e || n || !i ? void 0 : Ll(r.current, c);
 		o !== t && s(t);
 	}), l;
 }
-function Pl(e, t) {
-	let n = Fl(e);
+function Ll(e, t) {
+	let n = Rl(e);
 	if (n) return !n.id && t && (n.id = t), n.id || void 0;
 }
-function Fl(e) {
+function Rl(e) {
 	if (!e) return;
 	let t = e.parentElement;
 	if (t && t.tagName === "LABEL") return t;
@@ -10453,12 +10487,12 @@ function Fl(e) {
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/labelable-provider/useLabelableId.js
-function Il(e = {}) {
-	let { id: n, implicit: r = !1, controlRef: i } = e, { controlId: a, registerControlId: o } = Ml(), s = gl(n), c = r ? a : void 0, l = h(() => Symbol("labelable-control")), u = t.useRef(!1), d = t.useRef(n != null), p = _(() => {
-		!u.current || o === H || (u.current = !1, o(l.current, void 0));
+function zl(e = {}) {
+	let { id: n, implicit: r = !1, controlRef: i } = e, { controlId: a, registerControlId: o } = Fl(), s = yl(n), c = r ? a : void 0, l = h(() => Symbol("labelable-control")), u = t.useRef(!1), d = t.useRef(n != null), p = _(() => {
+		!u.current || o === U || (u.current = !1, o(l.current, void 0));
 	});
-	return b(() => {
-		if (o === H) return;
+	return x(() => {
+		if (o === U) return;
 		let e;
 		if (r) {
 			let t = i?.current;
@@ -10487,11 +10521,11 @@ function Il(e = {}) {
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/reason-parts.js
-var Ll = "none";
+var Bl = "none";
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/createBaseUIEventDetails.js
-function Rl(e, t, n, r) {
-	let i = !1, a = !1, o = r ?? U;
+function Vl(e, t, n, r) {
+	let i = !1, a = !1, o = r ?? W;
 	return {
 		reason: e,
 		event: t ?? new Event("base-ui"),
@@ -10513,54 +10547,54 @@ function Rl(e, t, n, r) {
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/internals/useValueChanged.js
-function zl(e, n) {
+function Hl(e, n) {
 	let r = t.useRef(e), i = _(n);
-	b(() => {
+	x(() => {
 		r.current !== e && i(r.current);
-	}, [e, i]), b(() => {
+	}, [e, i]), x(() => {
 		r.current = e;
 	}, [e]);
 }
 //#endregion
 //#region node_modules/@base-ui/react/esm/switch/root/SwitchRoot.js
-var Bl = /* @__PURE__ */ t.forwardRef(function(e, n) {
-	let { checked: r, className: i, defaultChecked: a, "aria-labelledby": c, form: l, id: u, inputRef: d, name: f, nativeButton: p = !1, onCheckedChange: m, readOnly: h = !1, required: g = !1, disabled: ee = !1, render: te, uncheckedValue: ne, value: v, style: re, ...y } = e, { clearErrors: x } = Al(), { state: S, setTouched: ae, setDirty: C, validityData: w, setFilled: T, setFocused: E, shouldValidateOnChange: D, validationMode: O, disabled: oe, name: k, validation: A } = Dl(), { labelId: j } = Ml(), M = oe || ee, N = k ?? f, P = _(m), F = t.useRef(null), I = ce(F, d, A.inputRef), L = t.useRef(null), R = gl(), z = Il({
+var Ul = /* @__PURE__ */ t.forwardRef(function(e, n) {
+	let { checked: r, className: i, defaultChecked: a, "aria-labelledby": c, form: l, id: u, inputRef: d, name: f, nativeButton: p = !1, onCheckedChange: m, readOnly: h = !1, required: g = !1, disabled: ee = !1, render: te, uncheckedValue: ne, value: v, style: y, ...b } = e, { clearErrors: S } = Nl(), { state: C, setTouched: ie, setDirty: w, validityData: T, setFilled: E, setFocused: D, shouldValidateOnChange: O, validationMode: k, disabled: ae, name: A, validation: j } = Al(), { labelId: M } = Fl(), N = ae || ee, P = A ?? f, F = _(m), I = t.useRef(null), L = se(I, d, j.inputRef), R = t.useRef(null), z = yl(), B = zl({
 		id: u,
 		implicit: !1,
-		controlRef: L
-	}), B = p ? void 0 : z, [V, le] = sl({
+		controlRef: R
+	}), V = p ? void 0 : B, [H, ce] = ul({
 		controlled: r,
 		default: !!a,
 		name: "Switch",
 		state: "checked"
 	});
-	Ol(L, {
-		id: R,
-		value: V
-	}), b(() => {
-		F.current && T(F.current.checked);
-	}, [F, T]), zl(V, () => {
-		x(N), C(V !== w.initialValue), T(V), D() ? A.commit(V) : A.commit(V, !0);
+	jl(R, {
+		id: z,
+		value: H
+	}), x(() => {
+		I.current && E(I.current.checked);
+	}, [I, E]), Hl(H, () => {
+		S(P), w(H !== T.initialValue), E(H), O() ? j.commit(H) : j.commit(H, !0);
 	});
-	let { getButtonProps: ue, buttonRef: de } = se({
-		disabled: M,
+	let { getButtonProps: le, buttonRef: ue } = oe({
+		disabled: N,
 		native: p
-	}), fe = Nl(c, j, F, !p, B), pe = {
-		id: p ? z : R,
+	}), de = Il(c, M, I, !p, V), fe = {
+		id: p ? B : z,
 		role: "switch",
-		"aria-checked": V,
+		"aria-checked": H,
 		"aria-readonly": h || void 0,
 		"aria-required": g || void 0,
-		"aria-labelledby": fe,
+		"aria-labelledby": de,
 		onFocus() {
-			M || E(!0);
+			N || D(!0);
 		},
 		onBlur() {
-			let e = F.current;
-			!e || M || (ae(!0), E(!1), O === "onBlur" && A.commit(e.checked));
+			let e = I.current;
+			!e || N || (ie(!0), D(!1), k === "onBlur" && j.commit(e.checked));
 		},
 		onClick(e) {
-			h || M || (e.preventDefault(), F.current?.dispatchEvent(new PointerEvent("click", {
+			h || N || (e.preventDefault(), I.current?.dispatchEvent(new PointerEvent("click", {
 				bubbles: !0,
 				shiftKey: e.shiftKey,
 				ctrlKey: e.ctrlKey,
@@ -10568,115 +10602,115 @@ var Bl = /* @__PURE__ */ t.forwardRef(function(e, n) {
 				metaKey: e.metaKey
 			})));
 		}
-	}, me = t.useMemo(() => ie({
-		checked: V,
-		disabled: M,
+	}, pe = t.useMemo(() => re({
+		checked: H,
+		disabled: N,
 		form: l,
-		id: B,
-		name: N,
+		id: V,
+		name: P,
 		required: g,
-		style: N ? dl : ul,
+		style: P ? ml : pl,
 		tabIndex: -1,
 		type: "checkbox",
 		"aria-hidden": !0,
-		ref: I,
+		ref: L,
 		onChange(e) {
 			if (e.nativeEvent.defaultPrevented) return;
 			if (h) {
 				e.preventDefault();
 				return;
 			}
-			let t = e.currentTarget.checked, n = Rl(Ll, e.nativeEvent);
-			P?.(t, n), !n.isCanceled && le(t);
+			let t = e.currentTarget.checked, n = Vl(Bl, e.nativeEvent);
+			F?.(t, n), !n.isCanceled && ce(t);
 		},
 		onFocus() {
-			L.current?.focus();
+			R.current?.focus();
 		}
-	}, A.getInputValidationProps, v === void 0 ? U : { value: v }), [
-		V,
-		M,
-		l,
-		I,
-		B,
+	}, j.getInputValidationProps, v === void 0 ? W : { value: v }), [
+		H,
 		N,
+		l,
+		L,
+		V,
 		P,
+		F,
 		h,
 		g,
-		le,
-		A,
+		ce,
+		j,
 		v
-	]), he = t.useMemo(() => ({
-		...S,
-		checked: V,
-		disabled: M,
+	]), me = t.useMemo(() => ({
+		...C,
+		checked: H,
+		disabled: N,
 		readOnly: h,
 		required: g
 	}), [
-		S,
-		V,
-		M,
+		C,
+		H,
+		N,
 		h,
 		g
-	]), ge = xe("span", e, {
-		state: he,
+	]), he = be("span", e, {
+		state: me,
 		ref: [
 			n,
-			L,
-			de
+			R,
+			ue
 		],
 		props: [
-			pe,
-			A.getValidationProps,
-			y,
-			ue
+			fe,
+			j.getValidationProps,
+			b,
+			le
 		],
-		stateAttributesMapping: Tl
+		stateAttributesMapping: Ol
 	});
-	return /* @__PURE__ */ s(_l.Provider, {
-		value: he,
+	return /* @__PURE__ */ s(bl.Provider, {
+		value: me,
 		children: [
-			ge,
-			!V && N && ne !== void 0 && /* @__PURE__ */ o("input", {
+			he,
+			!H && P && ne !== void 0 && /* @__PURE__ */ o("input", {
 				type: "hidden",
 				form: l,
-				name: N,
+				name: P,
 				value: ne
 			}),
 			/* @__PURE__ */ o("input", {
-				...me,
+				...pe,
 				suppressHydrationWarning: !0
 			})
 		]
 	});
 });
-process.env.NODE_ENV !== "production" && (Bl.displayName = "SwitchRoot");
+process.env.NODE_ENV !== "production" && (Ul.displayName = "SwitchRoot");
 //#endregion
 //#region node_modules/@base-ui/react/esm/switch/thumb/SwitchThumb.js
-var Vl = /* @__PURE__ */ t.forwardRef(function(e, t) {
-	let { render: n, className: r, style: i, ...a } = e, { state: o } = Dl(), s = vl();
-	return xe("span", e, {
+var Wl = /* @__PURE__ */ t.forwardRef(function(e, t) {
+	let { render: n, className: r, style: i, ...a } = e, { state: o } = Al(), s = xl();
+	return be("span", e, {
 		state: {
 			...o,
 			...s
 		},
 		ref: t,
-		stateAttributesMapping: Tl,
+		stateAttributesMapping: Ol,
 		props: a
 	});
 });
-process.env.NODE_ENV !== "production" && (Vl.displayName = "SwitchThumb");
+process.env.NODE_ENV !== "production" && (Wl.displayName = "SwitchThumb");
 //#endregion
 //#region src/components/Switch/switch.tsx
-function Hl({ className: e, ...t }) {
-	return /* @__PURE__ */ o(Bl, {
+function Gl({ className: e, ...t }) {
+	return /* @__PURE__ */ o(Ul, {
 		"data-slot": "switch",
 		className: Qt("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-all outline-none", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "disabled:cursor-not-allowed disabled:opacity-50", "data-unchecked:bg-input dark:data-unchecked:bg-input/80", "data-checked:bg-primary", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", e),
 		...t,
-		children: /* @__PURE__ */ o(Vl, {
+		children: /* @__PURE__ */ o(Wl, {
 			"data-slot": "switch-thumb",
 			className: Qt("bg-background pointer-events-none block size-4 rounded-full shadow-sm ring-0 transition-transform", "data-unchecked:translate-x-0", "data-checked:translate-x-4")
 		})
 	});
 }
 //#endregion
-export { en as Button, ol as DynamicIcon, Hl as Switch, $t as buttonVariants };
+export { en as Button, ol as DynamicIcon, ll as Separator, Gl as Switch, $t as buttonVariants, cl as separatorVariants };