@mechane-ai/elements 0.5.1 → 0.7.0

package/dist/{src-CjnbzSgq.js → src-DjTM64tN.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./style-composition-uYlczSsB.js";
-import { i as t, s as n } from "./src-CbYaLvhD.js";
+import { i as t, s as n } from "./src-BkCsvZGi.js";
 import { mergeProps as r } from "@base-ui/react/merge-props";
 import * as i from "@stylexjs/stylex";
 import { useId as a } from "react";
@@ -14,9 +14,9 @@ import { Field as g } from "@base-ui/react/field";
 import { Select as _ } from "@base-ui/react/select";
 import { Checkbox as v } from "@base-ui/react/checkbox";
 import { Radio as y } from "@base-ui/react/radio";
-import { RadioGroup as b } from "@base-ui/react/radio-group";
-import { Switch as x } from "@base-ui/react/switch";
-import { Toggle as ee } from "@base-ui/react/toggle";
+import { RadioGroup as ee } from "@base-ui/react/radio-group";
+import { Switch as b } from "@base-ui/react/switch";
+import { Toggle as x } from "@base-ui/react/toggle";
 import { ToggleGroup as te } from "@base-ui/react/toggle-group";
 // packages/forms/src/field-styles.ts
 var S = {
@@ -80,8 +80,21 @@ var S = {
 		kHenm0: "x288g5",
 		kLWn49: "x1gj8gu9",
 		$$css: !0
+	},
+	compactTextarea: {
+		kAzted: "xseoqlg",
+		kskxy: "x1y3glee",
+		$$css: !0
 	}
 }, C = {
+	sm: {
+		kAzted: "xaeotn9 xwu7q15",
+		k8WAf4: "x1hmw7ec",
+		kGuDYH: "xtqrqnz x1ue2g44",
+		$$css: !0
+	},
+	md: { $$css: !0 }
+}, w = {
 	trigger: {
 		k1xSpc: "x3nfvp2",
 		kB7OPa: "x9f619",
@@ -183,7 +196,7 @@ var S = {
 		kHjlTd: "xj0a0fe",
 		$$css: !0
 	}
-}, w = {
+}, T = {
 	inputGroup: {
 		kVAEAm: "x1n2onr6",
 		k1xSpc: "x78zum5",
@@ -210,17 +223,17 @@ var S = {
 function ne(e) {
 	return /* @__PURE__ */ o(d.Root, { ...e });
 }
-function T({ className: t, style: n, xstyle: r, ...a }) {
+function E({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(d.InputGroup, {
 		...a,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.inputGroup, r)
+			styles: i.props(T.inputGroup, r)
 		})
 	});
 }
-function E({ className: t, style: n, ...r }) {
+function D({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.Label, {
 		...r,
 		...e({
@@ -230,20 +243,20 @@ function E({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function D(e) {
+function O(e) {
 	return /* @__PURE__ */ o(d.Value, { ...e });
 }
-function O({ className: t, style: n, ...r }) {
+function k({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.Input, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, w.input)
+			styles: i.props(S.input, T.input)
 		})
 	});
 }
-function k({ children: t = /* @__PURE__ */ o(l, {
+function A({ children: t = /* @__PURE__ */ o(l, {
 	size: 16,
 	"aria-hidden": "true"
 }), "aria-label": n = "Show options", className: r, style: i, ...a }) {
@@ -258,7 +271,7 @@ function k({ children: t = /* @__PURE__ */ o(l, {
 		children: t
 	});
 }
-function A({ children: t = /* @__PURE__ */ o(u, {
+function j({ children: t = /* @__PURE__ */ o(u, {
 	size: 16,
 	"aria-hidden": "true"
 }), "aria-label": n = "Clear selection", className: r, style: i, ...a }) {
@@ -273,28 +286,28 @@ function A({ children: t = /* @__PURE__ */ o(u, {
 		children: t
 	});
 }
-function j({ sideOffset: t = 4, className: n, style: r, xstyle: a, ...s }) {
+function M({ sideOffset: t = 4, className: n, style: r, xstyle: a, ...s }) {
 	return /* @__PURE__ */ o(d.Positioner, {
 		...s,
 		sideOffset: t,
 		...e({
 			className: n,
 			style: r,
-			styles: i.props(C.positioner, a)
+			styles: i.props(w.positioner, a)
 		})
 	});
 }
-function M({ className: t, style: n, ...r }) {
+function N({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.Popup, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(C.popup)
+			styles: i.props(w.popup)
 		})
 	});
 }
-function N({ className: t, style: n, ...r }) {
+function P({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.List, {
 		...r,
 		...e({
@@ -304,17 +317,17 @@ function N({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function P({ className: t, style: n, ...r }) {
+function F({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.Item, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(C.option)
+			styles: i.props(w.option)
 		})
 	});
 }
-function F({ children: t = /* @__PURE__ */ o(c, {
+function I({ children: t = /* @__PURE__ */ o(c, {
 	size: 16,
 	"aria-hidden": "true"
 }), className: n, style: r, ...a }) {
@@ -323,12 +336,12 @@ function F({ children: t = /* @__PURE__ */ o(c, {
 		...e({
 			className: n,
 			style: r,
-			styles: i.props(C.icon)
+			styles: i.props(w.icon)
 		}),
 		children: t
 	});
 }
-function I({ className: t, style: n, ...r }) {
+function L({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.Empty, {
 		...r,
 		...e({
@@ -338,7 +351,7 @@ function I({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function L({ className: t, style: n, ...r }) {
+function R({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.Status, {
 		...r,
 		...e({
@@ -348,7 +361,7 @@ function L({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function R({ className: t, style: n, ...r }) {
+function z({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.GroupLabel, {
 		...r,
 		...e({
@@ -358,7 +371,7 @@ function R({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function z({ className: t, style: n, ...r }) {
+function B({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.Chips, {
 		...r,
 		...e({
@@ -368,7 +381,7 @@ function z({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function B({ className: t, style: n, ...r }) {
+function V({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(d.Chip, {
 		...r,
 		...e({
@@ -378,7 +391,7 @@ function B({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function V({ children: t = /* @__PURE__ */ o(u, {
+function H({ children: t = /* @__PURE__ */ o(u, {
 	size: 14,
 	"aria-hidden": "true"
 }), className: n, style: r, ...i }) {
@@ -392,29 +405,29 @@ function V({ children: t = /* @__PURE__ */ o(u, {
 		children: t
 	});
 }
-var H = {
+var U = {
 	Root: ne,
-	Label: E,
-	InputGroup: T,
-	Input: O,
-	Trigger: k,
-	Clear: A,
+	Label: D,
+	InputGroup: E,
+	Input: k,
+	Trigger: A,
+	Clear: j,
 	Portal: d.Portal,
-	Positioner: j,
-	Popup: M,
-	List: N,
-	Item: P,
-	ItemIndicator: F,
-	Empty: I,
-	Status: L,
+	Positioner: M,
+	Popup: N,
+	List: P,
+	Item: F,
+	ItemIndicator: I,
+	Empty: L,
+	Status: R,
 	Group: d.Group,
-	GroupLabel: R,
-	Chips: z,
-	Chip: B,
-	ChipRemove: V,
-	Value: D,
+	GroupLabel: z,
+	Chips: B,
+	Chip: V,
+	ChipRemove: H,
+	Value: O,
 	Collection: d.Collection
-}, U = {
+}, W = {
 	fieldset: {
 		k1xSpc: "x78zum5",
 		kXwgrk: "xdt5ytf",
@@ -480,17 +493,17 @@ var H = {
 		$$css: !0
 	}
 };
-function W({ className: t, style: n, xstyle: r, ...a }) {
+function G({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(f.Root, {
 		...a,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(U.fieldset, r)
+			styles: i.props(W.fieldset, r)
 		})
 	});
 }
-function G({ className: t, style: n, ...r }) {
+function K({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(f.Legend, {
 		...r,
 		...e({
@@ -500,23 +513,23 @@ function G({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function K({ xstyle: e, ...t }) {
-	return /* @__PURE__ */ o("div", { ...r(i.props(U.inputGroup, e), t) });
+function q({ xstyle: e, ...t }) {
+	return /* @__PURE__ */ o("div", { ...r(i.props(W.inputGroup, e), t) });
 }
-function q(e) {
+function J(e) {
 	return /* @__PURE__ */ o("span", { ...r({ className: "x3nfvp2 x2lah0s x6s0dn4 x1atzlso x153jb6y x1hz01jw xtqrqnz x1778rvt" }, e) });
 }
-function J({ className: t, style: n, xstyle: r, ...a }) {
+function Y({ className: t, style: n, xstyle: r, size: a = "md", ...s }) {
 	return /* @__PURE__ */ o(p, {
-		...a,
+		...s,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, U.embedded, r)
+			styles: i.props(S.input, C[a], W.embedded, r)
 		})
 	});
 }
-function Y({ className: t, style: n, xstyle: r, ...a }) {
+function X({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(m.Root, {
 		...a,
 		...e({
@@ -526,7 +539,7 @@ function Y({ className: t, style: n, xstyle: r, ...a }) {
 		})
 	});
 }
-function X({ className: t, style: n, ...r }) {
+function Z({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(m.Group, {
 		...r,
 		...e({
@@ -536,17 +549,17 @@ function X({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function Z({ className: t, style: n, ...r }) {
+function re({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(m.Input, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, U.embedded, U.numberInput)
+			styles: i.props(S.input, W.embedded, W.numberInput)
 		})
 	});
 }
-function re({ children: t = "+", "aria-label": n = "Increase", className: r, style: i, ...a }) {
+function ie({ children: t = "+", "aria-label": n = "Increase", className: r, style: i, ...a }) {
 	return /* @__PURE__ */ o(m.Increment, {
 		...a,
 		"aria-label": n,
@@ -558,7 +571,7 @@ function re({ children: t = "+", "aria-label": n = "Increase", className: r, sty
 		children: t
 	});
 }
-function ie({ children: t = "−", "aria-label": n = "Decrease", className: r, style: i, ...a }) {
+function ae({ children: t = "−", "aria-label": n = "Decrease", className: r, style: i, ...a }) {
 	return /* @__PURE__ */ o(m.Decrement, {
 		...a,
 		"aria-label": n,
@@ -570,17 +583,17 @@ function ie({ children: t = "−", "aria-label": n = "Decrease", className: r, s
 		children: t
 	});
 }
-function ae({ className: t, style: n, xstyle: r, ...a }) {
+function oe({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(h.Root, {
 		...a,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(U.slider, r)
+			styles: i.props(W.slider, r)
 		})
 	});
 }
-function oe({ className: t, style: n, ...r }) {
+function se({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(h.Control, {
 		...r,
 		...e({
@@ -590,7 +603,7 @@ function oe({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function se({ className: t, style: n, ...r }) {
+function ce({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(h.Track, {
 		...r,
 		...e({
@@ -600,7 +613,7 @@ function se({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ce({ className: t, style: n, ...r }) {
+function le({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(h.Indicator, {
 		...r,
 		...e({
@@ -610,7 +623,7 @@ function ce({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function le({ className: t, style: n, ...r }) {
+function ue({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(h.Thumb, {
 		...r,
 		...e({
@@ -620,7 +633,7 @@ function le({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ue({ className: t, style: n, ...r }) {
+function de({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(h.Label, {
 		...r,
 		...e({
@@ -630,7 +643,7 @@ function ue({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function de({ className: t, style: n, ...r }) {
+function fe({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(h.Value, {
 		...r,
 		...e({
@@ -640,41 +653,41 @@ function de({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function fe({ className: t, style: n, xstyle: r, ...a }) {
+function pe({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(p, {
 		...a,
 		type: "file",
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, U.file, r)
+			styles: i.props(S.input, W.file, r)
 		})
 	});
 }
-var pe = {
-	Root: W,
-	Legend: G
-}, me = {
-	Root: K,
-	Addon: q,
-	Input: J
+var me = {
+	Root: G,
+	Legend: K
 }, he = {
-	Root: Y,
-	Group: X,
-	Input: Z,
-	Increment: re,
-	Decrement: ie
+	Root: q,
+	Addon: J,
+	Input: Y
 }, ge = {
-	Root: ae,
-	Label: ue,
-	Value: de,
-	Control: oe,
-	Track: se,
-	Indicator: ce,
-	Thumb: le
+	Root: X,
+	Group: Z,
+	Input: re,
+	Increment: ie,
+	Decrement: ae
+}, _e = {
+	Root: oe,
+	Label: de,
+	Value: fe,
+	Control: se,
+	Track: ce,
+	Indicator: le,
+	Thumb: ue
 };
 // packages/forms/src/forms.tsx
-function _e({ className: t, style: n, xstyle: r, ...a }) {
+function ve({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(g.Root, {
 		...a,
 		...e({
@@ -684,7 +697,7 @@ function _e({ className: t, style: n, xstyle: r, ...a }) {
 		})
 	});
 }
-function ve({ className: t, style: n, ...r }) {
+function ye({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(g.Label, {
 		...r,
 		...e({
@@ -694,7 +707,7 @@ function ve({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ye({ className: t, style: n, ...r }) {
+function be({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(g.Description, {
 		...r,
 		...e({
@@ -704,7 +717,7 @@ function ye({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function be({ className: t, style: n, ...r }) {
+function xe({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(g.Error, {
 		...r,
 		...e({
@@ -714,78 +727,78 @@ function be({ className: t, style: n, ...r }) {
 		})
 	});
 }
-var xe = {
-	Root: _e,
-	Label: ve,
-	Description: ye,
-	Error: be
+var Se = {
+	Root: ve,
+	Label: ye,
+	Description: be,
+	Error: xe
 };
-function Se({ className: t, style: n, xstyle: r, ...a }) {
+function Ce({ className: t, style: n, xstyle: r, size: a = "md", ...s }) {
 	return /* @__PURE__ */ o(p, {
-		...a,
+		...s,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, r)
+			styles: i.props(S.input, C[a], r)
 		})
 	});
 }
-function Ce({ value: t, defaultValue: n, onValueChange: r, name: a, disabled: s, readOnly: c, required: l, className: u, style: d, xstyle: f, ...p }) {
+function we({ compact: t = !1, value: n, defaultValue: r, onValueChange: a, name: s, disabled: c, readOnly: l, required: u, className: d, style: f, xstyle: p, ...m }) {
 	return /* @__PURE__ */ o(g.Control, {
-		value: t,
-		defaultValue: n,
-		onValueChange: r,
-		name: a,
-		disabled: s,
-		readOnly: c,
-		required: l,
-		render: /* @__PURE__ */ o("textarea", { ...p }),
+		value: n,
+		defaultValue: r,
+		onValueChange: a,
+		name: s,
+		disabled: c,
+		readOnly: l,
+		required: u,
+		render: /* @__PURE__ */ o("textarea", { ...m }),
 		...e({
-			className: u,
-			style: d,
-			styles: i.props(S.input, S.textarea, f)
+			className: d,
+			style: f,
+			styles: i.props(S.input, S.textarea, t && S.compactTextarea, p)
 		})
 	});
 }
 // packages/forms/src/select.tsx
-var we = {
-	outline: C.outlined,
-	ghost: C.ghost
+var Te = {
+	outline: w.outlined,
+	ghost: w.ghost
 };
-function Te(e) {
+function Ee(e) {
 	return /* @__PURE__ */ o(_.Root, { ...e });
 }
-function Ee({ variant: t = "outline", className: n, style: r, xstyle: a, ...s }) {
+function De({ variant: t = "outline", className: n, style: r, xstyle: a, ...s }) {
 	return /* @__PURE__ */ o(_.Trigger, {
 		...s,
 		...e({
 			className: n,
 			style: r,
-			styles: i.props(C.trigger, we[t], a)
+			styles: i.props(w.trigger, Te[t], a)
 		})
 	});
 }
-function De({ className: t, style: n, xstyle: r, ...a }) {
+function Oe({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(_.Value, {
 		...a,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(C.value, r)
+			styles: i.props(w.value, r)
 		})
 	});
 }
-function Oe({ className: t, style: n, ...r }) {
+function ke({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(_.Icon, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(C.icon)
+			styles: i.props(w.icon)
 		})
 	});
 }
-function ke({ className: t, style: n, xstyle: r, sideOffset: a = 4, alignItemWithTrigger: s = !1, ...c }) {
+function Ae({ className: t, style: n, xstyle: r, sideOffset: a = 4, alignItemWithTrigger: s = !1, ...c }) {
 	return /* @__PURE__ */ o(_.Positioner, {
 		...c,
 		sideOffset: a,
@@ -793,62 +806,62 @@ function ke({ className: t, style: n, xstyle: r, sideOffset: a = 4, alignItemWit
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(C.positioner, r)
+			styles: i.props(w.positioner, r)
 		})
 	});
 }
-function Ae({ className: t, style: n, ...r }) {
+function je({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(_.Popup, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(C.popup)
+			styles: i.props(w.popup)
 		})
 	});
 }
-function je({ className: t, style: n, ...r }) {
+function Me({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(_.Item, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(C.option)
+			styles: i.props(w.option)
 		})
 	});
 }
-function Me({ className: t, style: n, ...r }) {
+function Ne({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(_.ItemText, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(C.optionText)
+			styles: i.props(w.optionText)
 		})
 	});
 }
-function Ne({ className: t, style: n, ...r }) {
+function Pe({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(_.ItemIndicator, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(C.icon)
+			styles: i.props(w.icon)
 		})
 	});
 }
-var Pe = {
-	Root: Te,
-	Trigger: Ee,
-	Value: De,
-	Icon: Oe,
+var Fe = {
+	Root: Ee,
+	Trigger: De,
+	Value: Oe,
+	Icon: ke,
 	Portal: _.Portal,
-	Positioner: ke,
-	Popup: Ae,
+	Positioner: Ae,
+	Popup: je,
 	List: _.List,
-	Item: je,
-	ItemText: Me,
-	ItemIndicator: Ne
+	Item: Me,
+	ItemText: Ne,
+	ItemIndicator: Pe
 }, Q = {
 	choice: {
 		kVAEAm: "x1n2onr6",
@@ -943,7 +956,7 @@ var Pe = {
 		$$css: !0
 	}
 };
-function $({ className: t, style: n, xstyle: r, ...a }) {
+function Ie({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(v.Root, {
 		...a,
 		...e({
@@ -953,7 +966,7 @@ function $({ className: t, style: n, xstyle: r, ...a }) {
 		})
 	});
 }
-function Fe({ children: t, className: n, style: r, ...i }) {
+function Le({ children: t, className: n, style: r, ...i }) {
 	return /* @__PURE__ */ o(v.Indicator, {
 		...i,
 		...e({
@@ -967,8 +980,8 @@ function Fe({ children: t, className: n, style: r, ...i }) {
 		children: t
 	});
 }
-function Ie({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(b, {
+function Re({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(ee, {
 		...a,
 		...e({
 			className: t,
@@ -977,7 +990,7 @@ function Ie({ className: t, style: n, xstyle: r, ...a }) {
 		})
 	});
 }
-function Le({ className: t, style: n, xstyle: r, ...a }) {
+function ze({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(y.Root, {
 		...a,
 		...e({
@@ -987,7 +1000,7 @@ function Le({ className: t, style: n, xstyle: r, ...a }) {
 		})
 	});
 }
-function Re({ className: t, style: n, ...r }) {
+function Be({ className: t, style: n, ...r }) {
 	return /* @__PURE__ */ o(y.Indicator, {
 		...r,
 		...e({
@@ -997,8 +1010,8 @@ function Re({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ze({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(x.Root, {
+function Ve({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(b.Root, {
 		...a,
 		...e({
 			className: t,
@@ -1007,8 +1020,8 @@ function ze({ className: t, style: n, xstyle: r, ...a }) {
 		})
 	});
 }
-function Be({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(x.Thumb, {
+function $({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(b.Thumb, {
 		...r,
 		...e({
 			className: t,
@@ -1017,7 +1030,7 @@ function Be({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function Ve({ className: t, style: n, xstyle: r, ...a }) {
+function He({ className: t, style: n, xstyle: r, ...a }) {
 	return /* @__PURE__ */ o(te, {
 		...a,
 		...e({
@@ -1027,8 +1040,8 @@ function Ve({ className: t, style: n, xstyle: r, ...a }) {
 		})
 	});
 }
-function He({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(ee, {
+function Ue({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(x, {
 		...r,
 		...e({
 			className: t,
@@ -1037,22 +1050,22 @@ function He({ className: t, style: n, ...r }) {
 		})
 	});
 }
-var Ue = {
-	Root: $,
-	Indicator: Fe
-}, We = {
+var We = {
 	Root: Ie,
-	Item: Le,
-	Indicator: Re
+	Indicator: Le
 }, Ge = {
-	Root: ze,
-	Thumb: Be
+	Root: Re,
+	Item: ze,
+	Indicator: Be
 }, Ke = {
 	Root: Ve,
-	Item: He
+	Thumb: $
+}, qe = {
+	Root: He,
+	Item: Ue
 };
 // packages/forms/src/settings-row.tsx
-function qe({ label: e, description: t, controlId: n, children: r }) {
+function Je({ label: e, description: t, controlId: n, children: r }) {
 	let i = a();
 	return /* @__PURE__ */ s("div", {
 		role: "group",
@@ -1077,7 +1090,7 @@ function qe({ label: e, description: t, controlId: n, children: r }) {
 	});
 }
 // packages/forms/src/settings-section.tsx
-function Je({ title: e, description: r, children: i }) {
+function Ye({ title: e, description: r, children: i }) {
 	let c = a();
 	return /* @__PURE__ */ s("section", {
 		"aria-labelledby": c,
@@ -1091,4 +1104,4 @@ function Je({ title: e, description: r, children: i }) {
 		}), /* @__PURE__ */ o("div", { children: i })]
 	});
 }
-export { Ge as a, xe as c, pe as d, fe as f, H as g, ge as h, We as i, Se as l, he as m, qe as n, Ke as o, me as p, Ue as r, Pe as s, Je as t, Ce as u };
+export { Ke as a, Se as c, me as d, pe as f, U as g, _e as h, Ge as i, Ce as l, ge as m, Je as n, qe as o, he as p, We as r, Fe as s, Ye as t, we as u };