@mechane-ai/elements 0.4.1 → 0.5.1

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

@@ -1,24 +1,25 @@
 import { t as e } from "./style-composition-uYlczSsB.js";
-import { mergeProps as t } from "@base-ui/react/merge-props";
-import * as n from "@stylexjs/stylex";
-import { useId as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Check as o, ChevronDown as s, X as c } from "lucide-react";
-import { Combobox as l } from "@base-ui/react/combobox";
-import { Fieldset as u } from "@base-ui/react/fieldset";
-import { Input as d } from "@base-ui/react/input";
-import { NumberField as f } from "@base-ui/react/number-field";
-import { Slider as p } from "@base-ui/react/slider";
-import { Field as m } from "@base-ui/react/field";
-import { Select as h } from "@base-ui/react/select";
-import { Checkbox as g } from "@base-ui/react/checkbox";
-import { Radio as _ } from "@base-ui/react/radio";
-import { RadioGroup as v } from "@base-ui/react/radio-group";
-import { Switch as y } from "@base-ui/react/switch";
+import { i as t, s as n } from "./src-CbYaLvhD.js";
+import { mergeProps as r } from "@base-ui/react/merge-props";
+import * as i from "@stylexjs/stylex";
+import { useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Check as c, ChevronDown as l, X as u } from "lucide-react";
+import { Combobox as d } from "@base-ui/react/combobox";
+import { Fieldset as f } from "@base-ui/react/fieldset";
+import { Input as p } from "@base-ui/react/input";
+import { NumberField as m } from "@base-ui/react/number-field";
+import { Slider as h } from "@base-ui/react/slider";
+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 { ToggleGroup as te } from "@base-ui/react/toggle-group";
 // packages/forms/src/field-styles.ts
-var b = {
+var S = {
 	root: {
 		k1xSpc: "x78zum5",
 		kXwgrk: "xdt5ytf",
@@ -80,7 +81,7 @@ var b = {
 		kLWn49: "x1gj8gu9",
 		$$css: !0
 	}
-}, x = {
+}, C = {
 	trigger: {
 		k1xSpc: "x3nfvp2",
 		kB7OPa: "x9f619",
@@ -182,7 +183,7 @@ var b = {
 		kHjlTd: "xj0a0fe",
 		$$css: !0
 	}
-}, S = {
+}, w = {
 	inputGroup: {
 		kVAEAm: "x1n2onr6",
 		k1xSpc: "x78zum5",
@@ -207,94 +208,94 @@ var b = {
 	}
 };
 function ne(e) {
-	return /* @__PURE__ */ i(l.Root, { ...e });
+	return /* @__PURE__ */ o(d.Root, { ...e });
 }
-function C({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(l.InputGroup, {
-		...o,
+function T({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(d.InputGroup, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(S.inputGroup, a)
+			style: n,
+			styles: i.props(w.inputGroup, r)
 		})
 	});
 }
-function w({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(l.Label, {
-		...a,
+function E({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.Label, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.label)
+			style: n,
+			styles: i.props(S.label)
 		})
 	});
 }
-function T(e) {
-	return /* @__PURE__ */ i(l.Value, { ...e });
+function D(e) {
+	return /* @__PURE__ */ o(d.Value, { ...e });
 }
-function E({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(l.Input, {
-		...a,
+function O({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.Input, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.input, S.input)
+			style: n,
+			styles: i.props(S.input, w.input)
 		})
 	});
 }
-function D({ children: t = /* @__PURE__ */ i(s, {
+function k({ children: t = /* @__PURE__ */ o(l, {
 	size: 16,
 	"aria-hidden": "true"
-}), "aria-label": n = "Show options", className: r, style: a, ...o }) {
-	return /* @__PURE__ */ i(l.Trigger, {
-		...o,
+}), "aria-label": n = "Show options", className: r, style: i, ...a }) {
+	return /* @__PURE__ */ o(d.Trigger, {
+		...a,
 		"aria-label": n,
 		...e({
 			className: r,
-			style: a,
+			style: i,
 			styles: { className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s xifnfrx xi5vo7p x1uey4wk xwu7q15 xc342km x1ok0vyi x1717udv xjbqb8w x153jb6y x1ypdohk xvwfb5p xwj21n9 x5ezrf1 x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
 		}),
 		children: t
 	});
 }
-function O({ children: t = /* @__PURE__ */ i(c, {
+function A({ children: t = /* @__PURE__ */ o(u, {
 	size: 16,
 	"aria-hidden": "true"
-}), "aria-label": n = "Clear selection", className: r, style: a, ...o }) {
-	return /* @__PURE__ */ i(l.Clear, {
-		...o,
+}), "aria-label": n = "Clear selection", className: r, style: i, ...a }) {
+	return /* @__PURE__ */ o(d.Clear, {
+		...a,
 		"aria-label": n,
 		...e({
 			className: r,
-			style: a,
+			style: i,
 			styles: { className: "x3nfvp2 x6s0dn4 xl56j7k x2lah0s xifnfrx xi5vo7p x1uey4wk xwu7q15 xc342km x1ok0vyi x1717udv xjbqb8w x153jb6y x1ypdohk xvwfb5p xwj21n9 x5ezrf1 x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
 		}),
 		children: t
 	});
 }
-function k({ sideOffset: t = 4, className: r, style: a, xstyle: o, ...s }) {
-	return /* @__PURE__ */ i(l.Positioner, {
+function j({ sideOffset: t = 4, className: n, style: r, xstyle: a, ...s }) {
+	return /* @__PURE__ */ o(d.Positioner, {
 		...s,
 		sideOffset: t,
 		...e({
-			className: r,
-			style: a,
-			styles: n.props(x.positioner, o)
+			className: n,
+			style: r,
+			styles: i.props(C.positioner, a)
 		})
 	});
 }
-function A({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(l.Popup, {
-		...a,
+function M({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.Popup, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(x.popup)
+			style: n,
+			styles: i.props(C.popup)
 		})
 	});
 }
-function j({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(l.List, {
+function N({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.List, {
 		...r,
 		...e({
 			className: t,
@@ -303,32 +304,32 @@ function j({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function M({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(l.Item, {
-		...a,
+function P({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.Item, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(x.option)
+			style: n,
+			styles: i.props(C.option)
 		})
 	});
 }
-function N({ children: t = /* @__PURE__ */ i(o, {
+function F({ children: t = /* @__PURE__ */ o(c, {
 	size: 16,
 	"aria-hidden": "true"
-}), className: r, style: a, ...s }) {
-	return /* @__PURE__ */ i(l.ItemIndicator, {
-		...s,
+}), className: n, style: r, ...a }) {
+	return /* @__PURE__ */ o(d.ItemIndicator, {
+		...a,
 		...e({
-			className: r,
-			style: a,
-			styles: n.props(x.icon)
+			className: n,
+			style: r,
+			styles: i.props(C.icon)
 		}),
 		children: t
 	});
 }
-function P({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(l.Empty, {
+function I({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.Empty, {
 		...r,
 		...e({
 			className: t,
@@ -337,8 +338,8 @@ function P({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function F({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(l.Status, {
+function L({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.Status, {
 		...r,
 		...e({
 			className: t,
@@ -347,8 +348,8 @@ function F({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function I({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(l.GroupLabel, {
+function R({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.GroupLabel, {
 		...r,
 		...e({
 			className: t,
@@ -357,8 +358,8 @@ function I({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function L({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(l.Chips, {
+function z({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.Chips, {
 		...r,
 		...e({
 			className: t,
@@ -367,8 +368,8 @@ function L({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function R({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(l.Chip, {
+function B({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(d.Chip, {
 		...r,
 		...e({
 			className: t,
@@ -377,12 +378,12 @@ function R({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function z({ children: t = /* @__PURE__ */ i(c, {
+function V({ children: t = /* @__PURE__ */ o(u, {
 	size: 14,
 	"aria-hidden": "true"
-}), className: n, style: r, ...a }) {
-	return /* @__PURE__ */ i(l.ChipRemove, {
-		...a,
+}), className: n, style: r, ...i }) {
+	return /* @__PURE__ */ o(d.ChipRemove, {
+		...i,
 		...e({
 			className: n,
 			style: r,
@@ -391,29 +392,29 @@ function z({ children: t = /* @__PURE__ */ i(c, {
 		children: t
 	});
 }
-var B = {
+var H = {
 	Root: ne,
-	Label: w,
-	InputGroup: C,
-	Input: E,
-	Trigger: D,
-	Clear: O,
-	Portal: l.Portal,
-	Positioner: k,
-	Popup: A,
-	List: j,
-	Item: M,
-	ItemIndicator: N,
-	Empty: P,
-	Status: F,
-	Group: l.Group,
-	GroupLabel: I,
-	Chips: L,
-	Chip: R,
-	ChipRemove: z,
-	Value: T,
-	Collection: l.Collection
-}, V = {
+	Label: E,
+	InputGroup: T,
+	Input: O,
+	Trigger: k,
+	Clear: A,
+	Portal: d.Portal,
+	Positioner: j,
+	Popup: M,
+	List: N,
+	Item: P,
+	ItemIndicator: F,
+	Empty: I,
+	Status: L,
+	Group: d.Group,
+	GroupLabel: R,
+	Chips: z,
+	Chip: B,
+	ChipRemove: V,
+	Value: D,
+	Collection: d.Collection
+}, U = {
 	fieldset: {
 		k1xSpc: "x78zum5",
 		kXwgrk: "xdt5ytf",
@@ -479,18 +480,18 @@ var B = {
 		$$css: !0
 	}
 };
-function H({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(u.Root, {
-		...o,
+function W({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(f.Root, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(V.fieldset, a)
+			style: n,
+			styles: i.props(U.fieldset, r)
 		})
 	});
 }
-function U({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(u.Legend, {
+function G({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(f.Legend, {
 		...r,
 		...e({
 			className: t,
@@ -499,34 +500,34 @@ function U({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function W({ xstyle: e, ...r }) {
-	return /* @__PURE__ */ i("div", { ...t(n.props(V.inputGroup, e), r) });
+function K({ xstyle: e, ...t }) {
+	return /* @__PURE__ */ o("div", { ...r(i.props(U.inputGroup, e), t) });
 }
-function G(e) {
-	return /* @__PURE__ */ i("span", { ...t({ className: "x3nfvp2 x2lah0s x6s0dn4 x1atzlso x153jb6y x1hz01jw xtqrqnz x1778rvt" }, e) });
+function q(e) {
+	return /* @__PURE__ */ o("span", { ...r({ className: "x3nfvp2 x2lah0s x6s0dn4 x1atzlso x153jb6y x1hz01jw xtqrqnz x1778rvt" }, e) });
 }
-function K({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(d, {
-		...o,
+function J({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(p, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.input, V.embedded, a)
+			style: n,
+			styles: i.props(S.input, U.embedded, r)
 		})
 	});
 }
-function q({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(f.Root, {
-		...o,
+function Y({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(m.Root, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.root, a)
+			style: n,
+			styles: i.props(S.root, r)
 		})
 	});
 }
-function J({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(f.Group, {
+function X({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(m.Group, {
 		...r,
 		...e({
 			className: t,
@@ -535,52 +536,52 @@ function J({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function Y({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(f.Input, {
-		...a,
+function Z({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(m.Input, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.input, V.embedded, V.numberInput)
+			style: n,
+			styles: i.props(S.input, U.embedded, U.numberInput)
 		})
 	});
 }
-function X({ children: t = "+", "aria-label": n = "Increase", className: r, style: a, ...o }) {
-	return /* @__PURE__ */ i(f.Increment, {
-		...o,
+function re({ children: t = "+", "aria-label": n = "Increase", className: r, style: i, ...a }) {
+	return /* @__PURE__ */ o(m.Increment, {
+		...a,
 		"aria-label": n,
 		...e({
 			className: r,
-			style: a,
+			style: i,
 			styles: { className: "x3nfvp2 x2lah0s x6s0dn4 xl56j7k xifnfrx xi5vo7p x1uey4wk xwu7q15 x1717udv xc342km x1ok0vyi xjbqb8w xbixft x1hz01jw x1i2cqwi x1ypdohk xvwfb5p xwj21n9 x5ezrf1 x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
 		}),
 		children: t
 	});
 }
-function Z({ children: t = "−", "aria-label": n = "Decrease", className: r, style: a, ...o }) {
-	return /* @__PURE__ */ i(f.Decrement, {
-		...o,
+function ie({ children: t = "−", "aria-label": n = "Decrease", className: r, style: i, ...a }) {
+	return /* @__PURE__ */ o(m.Decrement, {
+		...a,
 		"aria-label": n,
 		...e({
 			className: r,
-			style: a,
+			style: i,
 			styles: { className: "x3nfvp2 x2lah0s x6s0dn4 xl56j7k xifnfrx xi5vo7p x1uey4wk xwu7q15 x1717udv xc342km x1ok0vyi xjbqb8w xbixft x1hz01jw x1i2cqwi x1ypdohk xvwfb5p xwj21n9 x5ezrf1 x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
 		}),
 		children: t
 	});
 }
-function re({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(p.Root, {
-		...o,
+function ae({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(h.Root, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(V.slider, a)
+			style: n,
+			styles: i.props(U.slider, r)
 		})
 	});
 }
-function ie({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(p.Control, {
+function oe({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(h.Control, {
 		...r,
 		...e({
 			className: t,
@@ -589,8 +590,8 @@ function ie({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ae({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(p.Track, {
+function se({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(h.Track, {
 		...r,
 		...e({
 			className: t,
@@ -599,8 +600,8 @@ function ae({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function oe({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(p.Indicator, {
+function ce({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(h.Indicator, {
 		...r,
 		...e({
 			className: t,
@@ -609,8 +610,8 @@ function oe({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function se({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(p.Thumb, {
+function le({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(h.Thumb, {
 		...r,
 		...e({
 			className: t,
@@ -619,18 +620,18 @@ function se({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ce({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(p.Label, {
-		...a,
+function ue({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(h.Label, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.label)
+			style: n,
+			styles: i.props(S.label)
 		})
 	});
 }
-function le({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(p.Value, {
+function de({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(h.Value, {
 		...r,
 		...e({
 			className: t,
@@ -639,215 +640,215 @@ function le({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ue({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(d, {
-		...o,
+function fe({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(p, {
+		...a,
 		type: "file",
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.input, V.file, a)
+			style: n,
+			styles: i.props(S.input, U.file, r)
 		})
 	});
 }
-var de = {
-	Root: H,
-	Legend: U
-}, fe = {
+var pe = {
 	Root: W,
-	Addon: G,
-	Input: K
-}, pe = {
-	Root: q,
-	Group: J,
-	Input: Y,
-	Increment: X,
-	Decrement: Z
+	Legend: G
 }, me = {
-	Root: re,
-	Label: ce,
-	Value: le,
-	Control: ie,
-	Track: ae,
-	Indicator: oe,
-	Thumb: se
+	Root: K,
+	Addon: q,
+	Input: J
+}, he = {
+	Root: Y,
+	Group: X,
+	Input: Z,
+	Increment: re,
+	Decrement: ie
+}, ge = {
+	Root: ae,
+	Label: ue,
+	Value: de,
+	Control: oe,
+	Track: se,
+	Indicator: ce,
+	Thumb: le
 };
 // packages/forms/src/forms.tsx
-function he({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(m.Root, {
-		...o,
+function _e({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(g.Root, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.root, a)
+			style: n,
+			styles: i.props(S.root, r)
 		})
 	});
 }
-function ge({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(m.Label, {
-		...a,
+function ve({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(g.Label, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.label)
+			style: n,
+			styles: i.props(S.label)
 		})
 	});
 }
-function _e({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(m.Description, {
-		...a,
+function ye({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(g.Description, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.description)
+			style: n,
+			styles: i.props(S.description)
 		})
 	});
 }
-function ve({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(m.Error, {
-		...a,
+function be({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(g.Error, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.error)
+			style: n,
+			styles: i.props(S.error)
 		})
 	});
 }
-var ye = {
-	Root: he,
-	Label: ge,
-	Description: _e,
-	Error: ve
+var xe = {
+	Root: _e,
+	Label: ve,
+	Description: ye,
+	Error: be
 };
-function be({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(d, {
-		...o,
+function Se({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(p, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(b.input, a)
+			style: n,
+			styles: i.props(S.input, r)
 		})
 	});
 }
-function xe({ value: t, defaultValue: r, onValueChange: a, name: o, disabled: s, readOnly: c, required: l, className: u, style: d, xstyle: f, ...p }) {
-	return /* @__PURE__ */ i(m.Control, {
+function Ce({ value: t, defaultValue: n, onValueChange: r, name: a, disabled: s, readOnly: c, required: l, className: u, style: d, xstyle: f, ...p }) {
+	return /* @__PURE__ */ o(g.Control, {
 		value: t,
-		defaultValue: r,
-		onValueChange: a,
-		name: o,
+		defaultValue: n,
+		onValueChange: r,
+		name: a,
 		disabled: s,
 		readOnly: c,
 		required: l,
-		render: /* @__PURE__ */ i("textarea", { ...p }),
+		render: /* @__PURE__ */ o("textarea", { ...p }),
 		...e({
 			className: u,
 			style: d,
-			styles: n.props(b.input, b.textarea, f)
+			styles: i.props(S.input, S.textarea, f)
 		})
 	});
 }
 // packages/forms/src/select.tsx
-var Se = {
-	outline: x.outlined,
-	ghost: x.ghost
+var we = {
+	outline: C.outlined,
+	ghost: C.ghost
 };
-function Ce(e) {
-	return /* @__PURE__ */ i(h.Root, { ...e });
+function Te(e) {
+	return /* @__PURE__ */ o(_.Root, { ...e });
 }
-function we({ variant: t = "outline", className: r, style: a, xstyle: o, ...s }) {
-	return /* @__PURE__ */ i(h.Trigger, {
+function Ee({ variant: t = "outline", className: n, style: r, xstyle: a, ...s }) {
+	return /* @__PURE__ */ o(_.Trigger, {
 		...s,
 		...e({
-			className: r,
-			style: a,
-			styles: n.props(x.trigger, Se[t], o)
+			className: n,
+			style: r,
+			styles: i.props(C.trigger, we[t], a)
 		})
 	});
 }
-function Te({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(h.Value, {
-		...o,
+function De({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(_.Value, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(x.value, a)
+			style: n,
+			styles: i.props(C.value, r)
 		})
 	});
 }
-function Ee({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(h.Icon, {
-		...a,
+function Oe({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(_.Icon, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(x.icon)
+			style: n,
+			styles: i.props(C.icon)
 		})
 	});
 }
-function De({ className: t, style: r, xstyle: a, sideOffset: o = 4, alignItemWithTrigger: s = !1, ...c }) {
-	return /* @__PURE__ */ i(h.Positioner, {
+function ke({ className: t, style: n, xstyle: r, sideOffset: a = 4, alignItemWithTrigger: s = !1, ...c }) {
+	return /* @__PURE__ */ o(_.Positioner, {
 		...c,
-		sideOffset: o,
+		sideOffset: a,
 		alignItemWithTrigger: s,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(x.positioner, a)
+			style: n,
+			styles: i.props(C.positioner, r)
 		})
 	});
 }
-function Oe({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(h.Popup, {
-		...a,
+function Ae({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(_.Popup, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(x.popup)
+			style: n,
+			styles: i.props(C.popup)
 		})
 	});
 }
-function ke({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(h.Item, {
-		...a,
+function je({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(_.Item, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(x.option)
+			style: n,
+			styles: i.props(C.option)
 		})
 	});
 }
-function Ae({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(h.ItemText, {
-		...a,
+function Me({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(_.ItemText, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(x.optionText)
+			style: n,
+			styles: i.props(C.optionText)
 		})
 	});
 }
-function je({ className: t, style: r, ...a }) {
-	return /* @__PURE__ */ i(h.ItemIndicator, {
-		...a,
+function Ne({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(_.ItemIndicator, {
+		...r,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(x.icon)
+			style: n,
+			styles: i.props(C.icon)
 		})
 	});
 }
-var Me = {
-	Root: Ce,
-	Trigger: we,
-	Value: Te,
-	Icon: Ee,
-	Portal: h.Portal,
-	Positioner: De,
-	Popup: Oe,
-	List: h.List,
-	Item: ke,
-	ItemText: Ae,
-	ItemIndicator: je
+var Pe = {
+	Root: Te,
+	Trigger: Ee,
+	Value: De,
+	Icon: Oe,
+	Portal: _.Portal,
+	Positioner: ke,
+	Popup: Ae,
+	List: _.List,
+	Item: je,
+	ItemText: Me,
+	ItemIndicator: Ne
 }, Q = {
 	choice: {
 		kVAEAm: "x1n2onr6",
@@ -942,19 +943,19 @@ var Me = {
 		$$css: !0
 	}
 };
-function Ne({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(g.Root, {
-		...o,
+function $({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(v.Root, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(Q.choice, a)
+			style: n,
+			styles: i.props(Q.choice, r)
 		})
 	});
 }
-function Pe({ children: t, className: n, style: r, ...a }) {
-	return /* @__PURE__ */ i(g.Indicator, {
-		...a,
+function Fe({ children: t, className: n, style: r, ...i }) {
+	return /* @__PURE__ */ o(v.Indicator, {
+		...i,
 		...e({
 			className: n,
 			style: r,
@@ -966,28 +967,28 @@ function Pe({ children: t, className: n, style: r, ...a }) {
 		children: t
 	});
 }
-function $({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(v, {
-		...o,
+function Ie({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(b, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(Q.group, a)
+			style: n,
+			styles: i.props(Q.group, r)
 		})
 	});
 }
-function Fe({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(_.Root, {
-		...o,
+function Le({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(y.Root, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(Q.choice, Q.radio, a)
+			style: n,
+			styles: i.props(Q.choice, Q.radio, r)
 		})
 	});
 }
-function Ie({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(_.Indicator, {
+function Re({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(y.Indicator, {
 		...r,
 		...e({
 			className: t,
@@ -996,18 +997,18 @@ function Ie({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function Le({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(y.Root, {
-		...o,
+function ze({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(x.Root, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(Q.switch, a)
+			style: n,
+			styles: i.props(Q.switch, r)
 		})
 	});
 }
-function Re({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(y.Thumb, {
+function Be({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(x.Thumb, {
 		...r,
 		...e({
 			className: t,
@@ -1016,18 +1017,18 @@ function Re({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ze({ className: t, style: r, xstyle: a, ...o }) {
-	return /* @__PURE__ */ i(te, {
-		...o,
+function Ve({ className: t, style: n, xstyle: r, ...a }) {
+	return /* @__PURE__ */ o(te, {
+		...a,
 		...e({
 			className: t,
-			style: r,
-			styles: n.props(Q.toggles, a)
+			style: n,
+			styles: i.props(Q.toggles, r)
 		})
 	});
 }
-function Be({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ i(ee, {
+function He({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ o(ee, {
 		...r,
 		...e({
 			className: t,
@@ -1036,42 +1037,58 @@ function Be({ className: t, style: n, ...r }) {
 		})
 	});
 }
-var Ve = {
-	Root: Ne,
-	Indicator: Pe
-}, He = {
+var Ue = {
 	Root: $,
-	Item: Fe,
-	Indicator: Ie
-}, Ue = {
-	Root: Le,
-	Thumb: Re
+	Indicator: Fe
 }, We = {
+	Root: Ie,
+	Item: Le,
+	Indicator: Re
+}, Ge = {
 	Root: ze,
-	Item: Be
+	Thumb: Be
+}, Ke = {
+	Root: Ve,
+	Item: He
 };
 // packages/forms/src/settings-row.tsx
-function Ge({ label: e, description: t, controlId: n, children: o }) {
-	let s = r();
-	return /* @__PURE__ */ a("div", {
+function qe({ label: e, description: t, controlId: n, children: r }) {
+	let i = a();
+	return /* @__PURE__ */ s("div", {
 		role: "group",
-		"aria-labelledby": s,
+		"aria-labelledby": i,
 		className: "x78zum5 x1a02dak x6s0dn4 x1qughib xaml1ju x1ydxw8w xso031l x1q0q8m5 x1qndepd x1hz01jw xtqrqnz x1778rvt xbixft",
-		children: [/* @__PURE__ */ a("div", {
+		children: [/* @__PURE__ */ s("div", {
 			className: "x78zum5 xdt5ytf xunmzkg xeuugli xk30mkq",
-			children: [/* @__PURE__ */ i("label", {
-				id: s,
+			children: [/* @__PURE__ */ o("label", {
+				id: i,
 				htmlFor: n,
 				className: "xk50ysn",
 				children: e
-			}), t !== void 0 && /* @__PURE__ */ i("p", {
+			}), t !== void 0 && /* @__PURE__ */ o("p", {
+				id: `${n}-description`,
 				className: "x1ghz6dp x153jb6y xj0a0fe",
 				children: t
 			})]
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ o("div", {
 			className: "xeuugli x2lah0s",
-			children: o
+			children: r
 		})]
 	});
 }
-export { We as a, be as c, ue as d, fe as f, B as h, Ue as i, xe as l, me as m, Ve as n, Me as o, pe as p, He as r, ye as s, Ge as t, de as u };
+// packages/forms/src/settings-section.tsx
+function Je({ title: e, description: r, children: i }) {
+	let c = a();
+	return /* @__PURE__ */ s("section", {
+		"aria-labelledby": c,
+		className: "xrvj5dj x1n8ia3y xeuugli",
+		children: [/* @__PURE__ */ s("header", {
+			className: "xrvj5dj xunmzkg xeuugli",
+			children: [/* @__PURE__ */ o(n, {
+				id: c,
+				children: e
+			}), r !== void 0 && /* @__PURE__ */ o(t, { children: r })]
+		}), /* @__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 };