@mechane-ai/elements 0.7.1 → 0.9.0

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

@@ -1,25 +1,25 @@
 import { t as e } from "./style-composition-uYlczSsB.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";
-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 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";
+import { _ as t, b as n, i as r, s as i, y as a } from "./src-elMBQ2Dh.js";
+import { mergeProps as o } from "@base-ui/react/merge-props";
+import * as s from "@stylexjs/stylex";
+import { useId as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Check as d, ChevronDown as f, X as p } from "lucide-react";
+import { Combobox as m } from "@base-ui/react/combobox";
+import { Radio as h } from "@base-ui/react/radio";
+import { RadioGroup as g } from "@base-ui/react/radio-group";
+import { Fieldset as _ } from "@base-ui/react/fieldset";
+import { Input as v } from "@base-ui/react/input";
+import { NumberField as y } from "@base-ui/react/number-field";
+import { Slider as b } from "@base-ui/react/slider";
+import { Field as x } from "@base-ui/react/field";
+import { Select as S } from "@base-ui/react/select";
+import { Checkbox as C } from "@base-ui/react/checkbox";
+import { Switch as w } from "@base-ui/react/switch";
+import { Toggle as ee } from "@base-ui/react/toggle";
+import { ToggleGroup as T } from "@base-ui/react/toggle-group";
 // packages/forms/src/field-styles.ts
-var S = {
+var E = {
 	root: {
 		k1xSpc: "x78zum5",
 		kXwgrk: "xdt5ytf",
@@ -86,7 +86,22 @@ var S = {
 		kskxy: "x1y3glee",
 		$$css: !0
 	}
-}, C = {
+}, te = {
+	field: { $$css: !0 },
+	plain: {
+		kAzted: "x16exltd",
+		kskxy: "x1y3glee",
+		kOwNse: "x5f5z56",
+		kHenm0: "xtt52l0",
+		kmVPX3: "x1717udv",
+		kMzoRj: "xc342km",
+		kaIpWk: "x2u8bby",
+		kWkggS: "xjbqb8w",
+		k7shQP: "xi5y0ii",
+		kD2jPA: "x1oqui1x",
+		$$css: !0
+	}
+}, D = {
 	sm: {
 		kAzted: "xaeotn9 xwu7q15",
 		k8WAf4: "x1hmw7ec",
@@ -94,7 +109,7 @@ var S = {
 		$$css: !0
 	},
 	md: { $$css: !0 }
-}, w = {
+}, O = {
 	trigger: {
 		k1xSpc: "x3nfvp2",
 		kB7OPa: "x9f619",
@@ -196,7 +211,7 @@ var S = {
 		kHjlTd: "xj0a0fe",
 		$$css: !0
 	}
-}, T = {
+}, k = {
 	inputGroup: {
 		kVAEAm: "x1n2onr6",
 		k1xSpc: "x78zum5",
@@ -221,46 +236,46 @@ var S = {
 	}
 };
 function ne(e) {
-	return /* @__PURE__ */ o(d.Root, { ...e });
+	return /* @__PURE__ */ l(m.Root, { ...e });
 }
-function E({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(d.InputGroup, {
-		...a,
+function A({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(m.InputGroup, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(T.inputGroup, r)
+			styles: s.props(k.inputGroup, r)
 		})
 	});
 }
-function D({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.Label, {
+function j({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.Label, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.label)
+			styles: s.props(E.label)
 		})
 	});
 }
-function O(e) {
-	return /* @__PURE__ */ o(d.Value, { ...e });
+function M(e) {
+	return /* @__PURE__ */ l(m.Value, { ...e });
 }
-function k({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.Input, {
+function N({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.Input, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, T.input)
+			styles: s.props(E.input, k.input)
 		})
 	});
 }
-function A({ children: t = /* @__PURE__ */ o(l, {
+function P({ children: t = /* @__PURE__ */ l(f, {
 	size: 16,
 	"aria-hidden": "true"
 }), "aria-label": n = "Show options", className: r, style: i, ...a }) {
-	return /* @__PURE__ */ o(d.Trigger, {
+	return /* @__PURE__ */ l(m.Trigger, {
 		...a,
 		"aria-label": n,
 		...e({
@@ -271,11 +286,11 @@ function A({ children: t = /* @__PURE__ */ o(l, {
 		children: t
 	});
 }
-function j({ children: t = /* @__PURE__ */ o(u, {
+function F({ children: t = /* @__PURE__ */ l(p, {
 	size: 16,
 	"aria-hidden": "true"
 }), "aria-label": n = "Clear selection", className: r, style: i, ...a }) {
-	return /* @__PURE__ */ o(d.Clear, {
+	return /* @__PURE__ */ l(m.Clear, {
 		...a,
 		"aria-label": n,
 		...e({
@@ -286,29 +301,29 @@ function j({ children: t = /* @__PURE__ */ o(u, {
 		children: t
 	});
 }
-function M({ sideOffset: t = 4, className: n, style: r, xstyle: a, ...s }) {
-	return /* @__PURE__ */ o(d.Positioner, {
-		...s,
+function I({ sideOffset: t = 4, className: n, style: r, xstyle: i, ...a }) {
+	return /* @__PURE__ */ l(m.Positioner, {
+		...a,
 		sideOffset: t,
 		...e({
 			className: n,
 			style: r,
-			styles: i.props(w.positioner, a)
+			styles: s.props(O.positioner, i)
 		})
 	});
 }
-function N({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.Popup, {
+function L({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.Popup, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.popup)
+			styles: s.props(O.popup)
 		})
 	});
 }
-function P({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.List, {
+function R({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.List, {
 		...r,
 		...e({
 			className: t,
@@ -317,32 +332,32 @@ function P({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function F({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.Item, {
+function z({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.Item, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.option)
+			styles: s.props(O.option)
 		})
 	});
 }
-function I({ children: t = /* @__PURE__ */ o(c, {
+function B({ children: t = /* @__PURE__ */ l(d, {
 	size: 16,
 	"aria-hidden": "true"
-}), className: n, style: r, ...a }) {
-	return /* @__PURE__ */ o(d.ItemIndicator, {
-		...a,
+}), className: n, style: r, ...i }) {
+	return /* @__PURE__ */ l(m.ItemIndicator, {
+		...i,
 		...e({
 			className: n,
 			style: r,
-			styles: i.props(w.icon)
+			styles: s.props(O.icon)
 		}),
 		children: t
 	});
 }
-function L({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.Empty, {
+function V({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.Empty, {
 		...r,
 		...e({
 			className: t,
@@ -351,8 +366,8 @@ function L({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function R({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.Status, {
+function H({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.Status, {
 		...r,
 		...e({
 			className: t,
@@ -361,8 +376,8 @@ function R({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function z({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.GroupLabel, {
+function U({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.GroupLabel, {
 		...r,
 		...e({
 			className: t,
@@ -371,8 +386,8 @@ function z({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function B({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.Chips, {
+function W({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.Chips, {
 		...r,
 		...e({
 			className: t,
@@ -381,8 +396,8 @@ function B({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function V({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(d.Chip, {
+function G({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(m.Chip, {
 		...r,
 		...e({
 			className: t,
@@ -391,11 +406,11 @@ function V({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function H({ children: t = /* @__PURE__ */ o(u, {
+function K({ children: t = /* @__PURE__ */ l(p, {
 	size: 14,
 	"aria-hidden": "true"
 }), className: n, style: r, ...i }) {
-	return /* @__PURE__ */ o(d.ChipRemove, {
+	return /* @__PURE__ */ l(m.ChipRemove, {
 		...i,
 		...e({
 			className: n,
@@ -405,29 +420,97 @@ function H({ children: t = /* @__PURE__ */ o(u, {
 		children: t
 	});
 }
-var U = {
+var q = {
 	Root: ne,
-	Label: D,
-	InputGroup: E,
-	Input: k,
-	Trigger: A,
-	Clear: j,
-	Portal: d.Portal,
-	Positioner: M,
-	Popup: N,
-	List: P,
-	Item: F,
-	ItemIndicator: I,
-	Empty: L,
-	Status: R,
-	Group: d.Group,
-	GroupLabel: z,
-	Chips: B,
-	Chip: V,
-	ChipRemove: H,
-	Value: O,
-	Collection: d.Collection
-}, W = {
+	Label: j,
+	InputGroup: A,
+	Input: N,
+	Trigger: P,
+	Clear: F,
+	Portal: m.Portal,
+	Positioner: I,
+	Popup: L,
+	List: R,
+	Item: z,
+	ItemIndicator: B,
+	Empty: V,
+	Status: H,
+	Group: m.Group,
+	GroupLabel: U,
+	Chips: W,
+	Chip: G,
+	ChipRemove: K,
+	Value: M,
+	Collection: m.Collection
+};
+// packages/forms/src/agent-avatar-picker.tsx
+function J({ value: e, onValueChange: r, disabled: i = !1 }) {
+	let o = c(), s = c();
+	return /* @__PURE__ */ u("div", {
+		className: "x78zum5 xdt5ytf xaml1ju x1hz01jw xeuugli x193iq5w x16m5f1z",
+		children: [/* @__PURE__ */ u("div", {
+			className: "x78zum5 xdt5ytf x1hnptsi xeuugli",
+			children: [/* @__PURE__ */ l("span", {
+				id: o,
+				className: "x153jb6y xy8obcc xas2l8k",
+				children: "Shape"
+			}), /* @__PURE__ */ l(g, {
+				"aria-labelledby": o,
+				value: e.shape,
+				onValueChange: (t) => r({
+					...e,
+					shape: t
+				}),
+				disabled: i,
+				className: "xrvj5dj x135t7h x11iowk6 xunmzkg",
+				children: n.map((n) => /* @__PURE__ */ l(h.Root, {
+					value: n,
+					"aria-label": n,
+					title: n,
+					className: "x3nfvp2 x6s0dn4 xl56j7k x9f619 x1udcv4t xidce53 xaeotn9 xwu7q15 x1s01oa9 xmkeg23 x1y0btm7 x9r1u3d x1ok0vyi xjbqb8w x1ypdohk x1bn55bi xgm7wsc xvwfb5p x13qnu6 x9v5kkp x19rmrnh x7s97pk x1m8qfh3 xwj21n9",
+					children: /* @__PURE__ */ l(t, {
+						seed: n,
+						appearance: {
+							...e,
+							shape: n
+						}
+					})
+				}, n))
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "x78zum5 xdt5ytf x1hnptsi xeuugli",
+			children: [/* @__PURE__ */ l("span", {
+				id: s,
+				className: "x153jb6y xy8obcc xas2l8k",
+				children: "Color"
+			}), /* @__PURE__ */ l(g, {
+				"aria-labelledby": s,
+				value: e.color,
+				onValueChange: (t) => r({
+					...e,
+					color: t
+				}),
+				disabled: i,
+				className: "xrvj5dj x135t7h x11iowk6 xunmzkg",
+				children: a.map((n) => /* @__PURE__ */ l(h.Root, {
+					value: n,
+					"aria-label": n,
+					title: n,
+					className: "x3nfvp2 x6s0dn4 xl56j7k x9f619 x1udcv4t xidce53 xaeotn9 xwu7q15 x1s01oa9 xmkeg23 x1y0btm7 x9r1u3d x1ok0vyi xjbqb8w x1ypdohk x1bn55bi xgm7wsc xvwfb5p x13qnu6 x9v5kkp x19rmrnh x7s97pk x1m8qfh3 xwj21n9",
+					children: /* @__PURE__ */ l(t, {
+						seed: n,
+						appearance: {
+							...e,
+							color: n
+						}
+					})
+				}, n))
+			})]
+		})]
+	});
+}
+// packages/forms/src/form-controls.tsx
+var Y = {
 	fieldset: {
 		k1xSpc: "x78zum5",
 		kXwgrk: "xdt5ytf",
@@ -493,18 +576,18 @@ var U = {
 		$$css: !0
 	}
 };
-function G({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(f.Root, {
-		...a,
+function X({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(_.Root, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(W.fieldset, r)
+			styles: s.props(Y.fieldset, r)
 		})
 	});
 }
-function K({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(f.Legend, {
+function Z({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(_.Legend, {
 		...r,
 		...e({
 			className: t,
@@ -513,34 +596,34 @@ function K({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function q({ xstyle: e, ...t }) {
-	return /* @__PURE__ */ o("div", { ...r(i.props(W.inputGroup, e), t) });
+function re({ xstyle: e, ...t }) {
+	return /* @__PURE__ */ l("div", { ...o(s.props(Y.inputGroup, e), t) });
 }
-function J(e) {
-	return /* @__PURE__ */ o("span", { ...r({ className: "x3nfvp2 x2lah0s x6s0dn4 x1atzlso x153jb6y x1hz01jw xtqrqnz x1778rvt" }, e) });
+function ie(e) {
+	return /* @__PURE__ */ l("span", { ...o({ className: "x3nfvp2 x2lah0s x6s0dn4 x1atzlso x153jb6y x1hz01jw xtqrqnz x1778rvt" }, e) });
 }
-function Y({ className: t, style: n, xstyle: r, size: a = "md", ...s }) {
-	return /* @__PURE__ */ o(p, {
-		...s,
+function ae({ className: t, style: n, xstyle: r, size: i = "md", ...a }) {
+	return /* @__PURE__ */ l(v, {
+		...a,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, C[a], W.embedded, r)
+			styles: s.props(E.input, D[i], Y.embedded, r)
 		})
 	});
 }
-function X({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(m.Root, {
-		...a,
+function oe({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(y.Root, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.root, r)
+			styles: s.props(E.root, r)
 		})
 	});
 }
-function Z({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(m.Group, {
+function se({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(y.Group, {
 		...r,
 		...e({
 			className: t,
@@ -549,18 +632,18 @@ function Z({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function re({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(m.Input, {
+function ce({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(y.Input, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, W.embedded, W.numberInput)
+			styles: s.props(E.input, Y.embedded, Y.numberInput)
 		})
 	});
 }
-function ie({ children: t = "+", "aria-label": n = "Increase", className: r, style: i, ...a }) {
-	return /* @__PURE__ */ o(m.Increment, {
+function le({ children: t = "+", "aria-label": n = "Increase", className: r, style: i, ...a }) {
+	return /* @__PURE__ */ l(y.Increment, {
 		...a,
 		"aria-label": n,
 		...e({
@@ -571,8 +654,8 @@ function ie({ children: t = "+", "aria-label": n = "Increase", className: r, sty
 		children: t
 	});
 }
-function ae({ children: t = "−", "aria-label": n = "Decrease", className: r, style: i, ...a }) {
-	return /* @__PURE__ */ o(m.Decrement, {
+function ue({ children: t = "−", "aria-label": n = "Decrease", className: r, style: i, ...a }) {
+	return /* @__PURE__ */ l(y.Decrement, {
 		...a,
 		"aria-label": n,
 		...e({
@@ -583,18 +666,18 @@ function ae({ children: t = "−", "aria-label": n = "Decrease", className: r, s
 		children: t
 	});
 }
-function oe({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(h.Root, {
-		...a,
+function de({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(b.Root, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(W.slider, r)
+			styles: s.props(Y.slider, r)
 		})
 	});
 }
-function se({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(h.Control, {
+function fe({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(b.Control, {
 		...r,
 		...e({
 			className: t,
@@ -603,8 +686,8 @@ function se({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ce({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(h.Track, {
+function pe({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(b.Track, {
 		...r,
 		...e({
 			className: t,
@@ -613,8 +696,8 @@ function ce({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function le({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(h.Indicator, {
+function me({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(b.Indicator, {
 		...r,
 		...e({
 			className: t,
@@ -623,8 +706,8 @@ function le({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function ue({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(h.Thumb, {
+function he({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(b.Thumb, {
 		...r,
 		...e({
 			className: t,
@@ -633,18 +716,18 @@ function ue({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function de({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(h.Label, {
+function ge({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(b.Label, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.label)
+			styles: s.props(E.label)
 		})
 	});
 }
-function fe({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(h.Value, {
+function _e({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(b.Value, {
 		...r,
 		...e({
 			className: t,
@@ -653,215 +736,215 @@ function fe({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function pe({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(p, {
-		...a,
+function ve({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(v, {
+		...i,
 		type: "file",
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, W.file, r)
+			styles: s.props(E.input, Y.file, r)
 		})
 	});
 }
-var me = {
-	Root: G,
-	Legend: K
-}, he = {
-	Root: q,
-	Addon: J,
-	Input: Y
-}, ge = {
+var ye = {
 	Root: X,
-	Group: Z,
-	Input: re,
-	Increment: ie,
-	Decrement: ae
-}, _e = {
+	Legend: Z
+}, be = {
+	Root: re,
+	Addon: ie,
+	Input: ae
+}, xe = {
 	Root: oe,
-	Label: de,
-	Value: fe,
-	Control: se,
-	Track: ce,
-	Indicator: le,
-	Thumb: ue
+	Group: se,
+	Input: ce,
+	Increment: le,
+	Decrement: ue
+}, Se = {
+	Root: de,
+	Label: ge,
+	Value: _e,
+	Control: fe,
+	Track: pe,
+	Indicator: me,
+	Thumb: he
 };
 // packages/forms/src/forms.tsx
-function ve({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(g.Root, {
-		...a,
+function Ce({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(x.Root, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.root, r)
+			styles: s.props(E.root, r)
 		})
 	});
 }
-function ye({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(g.Label, {
+function we({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(x.Label, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.label)
+			styles: s.props(E.label)
 		})
 	});
 }
-function be({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(g.Description, {
+function Te({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(x.Description, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.description)
+			styles: s.props(E.description)
 		})
 	});
 }
-function xe({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(g.Error, {
+function Ee({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(x.Error, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.error)
+			styles: s.props(E.error)
 		})
 	});
 }
-var Se = {
-	Root: ve,
-	Label: ye,
-	Description: be,
-	Error: xe
+var De = {
+	Root: Ce,
+	Label: we,
+	Description: Te,
+	Error: Ee
 };
-function Ce({ className: t, style: n, xstyle: r, size: a = "md", ...s }) {
-	return /* @__PURE__ */ o(p, {
-		...s,
+function Oe({ className: t, style: n, xstyle: r, size: i = "md", ...a }) {
+	return /* @__PURE__ */ l(v, {
+		...a,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(S.input, C[a], r)
+			styles: s.props(E.input, D[i], r)
 		})
 	});
 }
-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: n,
-		defaultValue: r,
+function ke({ compact: t = !1, appearance: n = "field", value: r, defaultValue: i, onValueChange: a, name: o, disabled: c, readOnly: u, required: d, className: f, style: p, xstyle: m, ...h }) {
+	return /* @__PURE__ */ l(x.Control, {
+		value: r,
+		defaultValue: i,
 		onValueChange: a,
-		name: s,
+		name: o,
 		disabled: c,
-		readOnly: l,
-		required: u,
-		render: /* @__PURE__ */ o("textarea", { ...m }),
+		readOnly: u,
+		required: d,
+		render: /* @__PURE__ */ l("textarea", { ...h }),
 		...e({
-			className: d,
-			style: f,
-			styles: i.props(S.input, S.textarea, t && S.compactTextarea, p)
+			className: f,
+			style: p,
+			styles: s.props(E.input, E.textarea, t && E.compactTextarea, te[n], m)
 		})
 	});
 }
 // packages/forms/src/select.tsx
-var Te = {
-	outline: w.outlined,
-	ghost: w.ghost
+var Ae = {
+	outline: O.outlined,
+	ghost: O.ghost
 };
-function Ee(e) {
-	return /* @__PURE__ */ o(_.Root, { ...e });
+function je(e) {
+	return /* @__PURE__ */ l(S.Root, { ...e });
 }
-function De({ variant: t = "outline", className: n, style: r, xstyle: a, ...s }) {
-	return /* @__PURE__ */ o(_.Trigger, {
-		...s,
+function Me({ variant: t = "outline", className: n, style: r, xstyle: i, ...a }) {
+	return /* @__PURE__ */ l(S.Trigger, {
+		...a,
 		...e({
 			className: n,
 			style: r,
-			styles: i.props(w.trigger, Te[t], a)
+			styles: s.props(O.trigger, Ae[t], i)
 		})
 	});
 }
-function Oe({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(_.Value, {
-		...a,
+function Ne({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(S.Value, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.value, r)
+			styles: s.props(O.value, r)
 		})
 	});
 }
-function ke({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(_.Icon, {
+function Pe({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(S.Icon, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.icon)
+			styles: s.props(O.icon)
 		})
 	});
 }
-function Ae({ className: t, style: n, xstyle: r, sideOffset: a = 4, alignItemWithTrigger: s = !1, ...c }) {
-	return /* @__PURE__ */ o(_.Positioner, {
-		...c,
-		sideOffset: a,
-		alignItemWithTrigger: s,
+function Fe({ className: t, style: n, xstyle: r, sideOffset: i = 4, alignItemWithTrigger: a = !1, ...o }) {
+	return /* @__PURE__ */ l(S.Positioner, {
+		...o,
+		sideOffset: i,
+		alignItemWithTrigger: a,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.positioner, r)
+			styles: s.props(O.positioner, r)
 		})
 	});
 }
-function je({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(_.Popup, {
+function Ie({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(S.Popup, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.popup)
+			styles: s.props(O.popup)
 		})
 	});
 }
-function Me({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(_.Item, {
+function Le({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(S.Item, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.option)
+			styles: s.props(O.option)
 		})
 	});
 }
-function Ne({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(_.ItemText, {
+function Re({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(S.ItemText, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.optionText)
+			styles: s.props(O.optionText)
 		})
 	});
 }
-function Pe({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(_.ItemIndicator, {
+function ze({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(S.ItemIndicator, {
 		...r,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(w.icon)
+			styles: s.props(O.icon)
 		})
 	});
 }
-var Fe = {
-	Root: Ee,
-	Trigger: De,
-	Value: Oe,
-	Icon: ke,
-	Portal: _.Portal,
-	Positioner: Ae,
-	Popup: je,
-	List: _.List,
-	Item: Me,
-	ItemText: Ne,
-	ItemIndicator: Pe
+var Be = {
+	Root: je,
+	Trigger: Me,
+	Value: Ne,
+	Icon: Pe,
+	Portal: S.Portal,
+	Positioner: Fe,
+	Popup: Ie,
+	List: S.List,
+	Item: Le,
+	ItemText: Re,
+	ItemIndicator: ze
 }, Q = {
 	choice: {
 		kVAEAm: "x1n2onr6",
@@ -956,18 +1039,18 @@ var Fe = {
 		$$css: !0
 	}
 };
-function Ie({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(v.Root, {
-		...a,
+function Ve({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(C.Root, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(Q.choice, r)
+			styles: s.props(Q.choice, r)
 		})
 	});
 }
-function Le({ children: t, className: n, style: r, ...i }) {
-	return /* @__PURE__ */ o(v.Indicator, {
+function $({ children: t, className: n, style: r, ...i }) {
+	return /* @__PURE__ */ l(C.Indicator, {
 		...i,
 		...e({
 			className: n,
@@ -980,28 +1063,28 @@ function Le({ children: t, className: n, style: r, ...i }) {
 		children: t
 	});
 }
-function Re({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(ee, {
-		...a,
+function He({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(g, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(Q.group, r)
+			styles: s.props(Q.group, r)
 		})
 	});
 }
-function ze({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(y.Root, {
-		...a,
+function Ue({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(h.Root, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(Q.choice, Q.radio, r)
+			styles: s.props(Q.choice, Q.radio, r)
 		})
 	});
 }
-function Be({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(y.Indicator, {
+function We({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(h.Indicator, {
 		...r,
 		...e({
 			className: t,
@@ -1010,18 +1093,18 @@ function Be({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function Ve({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(b.Root, {
-		...a,
+function Ge({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(w.Root, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(Q.switch, r)
+			styles: s.props(Q.switch, r)
 		})
 	});
 }
-function $({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(b.Thumb, {
+function Ke({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(w.Thumb, {
 		...r,
 		...e({
 			className: t,
@@ -1030,18 +1113,18 @@ function $({ className: t, style: n, ...r }) {
 		})
 	});
 }
-function He({ className: t, style: n, xstyle: r, ...a }) {
-	return /* @__PURE__ */ o(te, {
-		...a,
+function qe({ className: t, style: n, xstyle: r, ...i }) {
+	return /* @__PURE__ */ l(T, {
+		...i,
 		...e({
 			className: t,
 			style: n,
-			styles: i.props(Q.toggles, r)
+			styles: s.props(Q.toggles, r)
 		})
 	});
 }
-function Ue({ className: t, style: n, ...r }) {
-	return /* @__PURE__ */ o(x, {
+function Je({ className: t, style: n, ...r }) {
+	return /* @__PURE__ */ l(ee, {
 		...r,
 		...e({
 			className: t,
@@ -1050,58 +1133,58 @@ function Ue({ className: t, style: n, ...r }) {
 		})
 	});
 }
-var We = {
-	Root: Ie,
-	Indicator: Le
-}, Ge = {
-	Root: Re,
-	Item: ze,
-	Indicator: Be
-}, Ke = {
+var Ye = {
 	Root: Ve,
-	Thumb: $
-}, qe = {
+	Indicator: $
+}, Xe = {
 	Root: He,
-	Item: Ue
+	Item: Ue,
+	Indicator: We
+}, Ze = {
+	Root: Ge,
+	Thumb: Ke
+}, Qe = {
+	Root: qe,
+	Item: Je
 };
 // packages/forms/src/settings-row.tsx
-function Je({ label: e, description: t, controlId: n, children: r }) {
-	let i = a();
-	return /* @__PURE__ */ s("div", {
+function $e({ label: e, description: t, controlId: n, children: r }) {
+	let i = c();
+	return /* @__PURE__ */ u("div", {
 		role: "group",
 		"aria-labelledby": i,
 		className: "x78zum5 x1a02dak x6s0dn4 x1qughib xaml1ju x1ydxw8w xso031l x1q0q8m5 x1qndepd x1hz01jw xtqrqnz x1778rvt xbixft",
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ u("div", {
 			className: "x78zum5 xdt5ytf xunmzkg xeuugli xk30mkq",
-			children: [/* @__PURE__ */ o("label", {
+			children: [/* @__PURE__ */ l("label", {
 				id: i,
 				htmlFor: n,
 				className: "xk50ysn",
 				children: e
-			}), t !== void 0 && /* @__PURE__ */ o("p", {
+			}), t !== void 0 && /* @__PURE__ */ l("p", {
 				id: `${n}-description`,
 				className: "x1ghz6dp x153jb6y xj0a0fe",
 				children: t
 			})]
-		}), /* @__PURE__ */ o("div", {
-			className: "xeuugli x2lah0s",
+		}), /* @__PURE__ */ l("div", {
+			className: "xeuugli x193iq5w x2lah0s",
 			children: r
 		})]
 	});
 }
 // packages/forms/src/settings-section.tsx
-function Ye({ title: e, description: r, children: i }) {
-	let c = a();
-	return /* @__PURE__ */ s("section", {
-		"aria-labelledby": c,
-		className: "xrvj5dj x1n8ia3y xeuugli",
-		children: [/* @__PURE__ */ s("header", {
+function et({ title: e, description: t, children: n }) {
+	let a = c();
+	return /* @__PURE__ */ u("section", {
+		"aria-labelledby": a,
+		className: "xrvj5dj x1mkdm3x x1n8ia3y xeuugli",
+		children: [/* @__PURE__ */ u("header", {
 			className: "xrvj5dj xunmzkg xeuugli",
-			children: [/* @__PURE__ */ o(n, {
-				id: c,
+			children: [/* @__PURE__ */ l(i, {
+				id: a,
 				children: e
-			}), r !== void 0 && /* @__PURE__ */ o(t, { children: r })]
-		}), /* @__PURE__ */ o("div", { children: i })]
+			}), t !== void 0 && /* @__PURE__ */ l(r, { children: t })]
+		}), /* @__PURE__ */ l("div", { children: n })]
 	});
 }
-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 };
+export { q as _, Ze as a, De as c, ye as d, ve as f, J as g, Se as h, Xe as i, Oe as l, xe as m, $e as n, Qe as o, be as p, Ye as r, Be as s, et as t, ke as u };