figma-kit 1.0.0-beta.29 → 1.0.0-beta.30

package/dist/index.mjs

@@ -23,80 +23,80 @@ import { mergeProps as N } from "@base-ui/react/merge-props";
 import { createPortal as ee, flushSync as te } from "react-dom";
 import { DirectionProvider as P } from "@base-ui/react/direction-provider";
 import { Slider as F } from "@base-ui/react/slider";
-import { Collapsible as I } from "@base-ui/react/collapsible";
-import L from "react-textarea-autosize";
-import { Switch as R } from "@base-ui/react/switch";
+import { Collapsible as ne } from "@base-ui/react/collapsible";
+import I from "react-textarea-autosize";
+import { Switch as L } from "@base-ui/react/switch";
 //#region \0rolldown/runtime.js
-var ne = Object.defineProperty, z = (e, t) => {
+var re = Object.defineProperty, R = (e, t) => {
 	let n = {};
-	for (var r in e) ne(n, r, {
+	for (var r in e) re(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || ne(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || re(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/lib/react/add-class-name.ts
-function B(e, t) {
+function z(e, t) {
 	return typeof e == "function" ? (n) => u(e(n), t) : u(e, t);
 }
 //#endregion
 //#region src/lib/react/use-compose-refs.ts
-function re(e, t) {
+function ie(e, t) {
 	typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function ie(...e) {
-	return (t) => e.forEach((e) => re(e, t));
+function ae(...e) {
+	return (t) => e.forEach((e) => ie(e, t));
 }
-function V(...t) {
-	return e.useCallback(ie(...t), t);
+function B(...t) {
+	return e.useCallback(ae(...t), t);
 }
 //#endregion
 //#region src/components/tabs/tabs.tsx
-var ae = t.forwardRef((e, t) => {
+var oe = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(c.Root, {
 		ref: t,
-		className: B(n, "fp-TabsRoot"),
+		className: z(n, "fp-TabsRoot"),
 		...r
 	});
-}), oe = t.forwardRef((e, t) => {
+}), se = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(c.List, {
 		ref: t,
-		className: B(n, "fp-TabsList"),
+		className: z(n, "fp-TabsList"),
 		...r
 	});
-}), se = t.forwardRef((e, t) => {
-	let { className: n, ...r } = e, i = ie(t, ce());
+}), ce = t.forwardRef((e, t) => {
+	let { className: n, ...r } = e, i = ae(t, le());
 	return /* @__PURE__ */ f(c.Tab, {
 		ref: i,
-		className: B(n, "fp-TabsTrigger"),
+		className: z(n, "fp-TabsTrigger"),
 		...r
 	});
 });
-function ce() {
+function le() {
 	return n((e) => {
 		e !== null && (e.style.width = e.getBoundingClientRect().width + "px");
 	}, []);
 }
-var le = t.forwardRef((e, t) => {
+var ue = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(c.Panel, {
 		ref: t,
-		className: B(n, "fp-TabsContent"),
+		className: z(n, "fp-TabsContent"),
 		...r
 	});
 });
-ae.displayName = "Tabs.Root", oe.displayName = "Tabs.List", se.displayName = "Tabs.Tab", le.displayName = "Tabs.Panel";
+oe.displayName = "Tabs.Root", se.displayName = "Tabs.List", ce.displayName = "Tabs.Tab", ue.displayName = "Tabs.Panel";
 //#endregion
 //#region src/components/tabs/index.ts
-var ue = /* @__PURE__ */ z({
-	List: () => oe,
-	Panel: () => le,
-	Root: () => ae,
-	Tab: () => se
-}), de = l("fp-Text", { variants: {
+var de = /* @__PURE__ */ R({
+	List: () => se,
+	Panel: () => ue,
+	Root: () => oe,
+	Tab: () => ce
+}), fe = l("fp-Text", { variants: {
 	size: {
 		small: "fp-size-small",
 		medium: "fp-size-medium",
@@ -112,14 +112,14 @@ var ue = /* @__PURE__ */ z({
 		end: "fp-align-end"
 	},
 	block: { true: "fp-block" }
-} }), H = t.forwardRef((e, t) => {
+} }), V = t.forwardRef((e, t) => {
 	let { className: n, render: r, size: i, weight: a, align: o, block: s, ...c } = e;
 	return g({
 		defaultTagName: "span",
 		render: r,
 		ref: t,
 		props: {
-			className: de({
+			className: fe({
 				className: n,
 				size: i,
 				weight: a,
@@ -130,12 +130,12 @@ var ue = /* @__PURE__ */ z({
 		}
 	});
 });
-H.displayName = "Text";
-var fe = t.forwardRef((e, t) => {
+V.displayName = "Text";
+var pe = t.forwardRef((e, t) => {
 	let { className: n, size: r, weight: i, align: a, block: o, ...s } = e;
 	return /* @__PURE__ */ f("label", {
 		ref: t,
-		className: de({
+		className: fe({
 			className: n,
 			size: r,
 			weight: i,
@@ -145,12 +145,12 @@ var fe = t.forwardRef((e, t) => {
 		...s
 	});
 });
-fe.displayName = "Label";
-var pe = t.forwardRef((e, t) => {
+pe.displayName = "Label";
+var me = t.forwardRef((e, t) => {
 	let { className: n, size: r, weight: i, align: a, block: o, ...s } = e;
 	return /* @__PURE__ */ f("p", {
 		ref: t,
-		className: de({
+		className: fe({
 			className: n,
 			size: r,
 			weight: i,
@@ -160,15 +160,15 @@ var pe = t.forwardRef((e, t) => {
 		...s
 	});
 });
-pe.displayName = "Paragraph";
-var me = t.forwardRef((e, t) => {
+me.displayName = "Paragraph";
+var he = t.forwardRef((e, t) => {
 	let { className: n, render: r, size: i, weight: a, align: o, block: s, ...c } = e;
 	return g({
 		defaultTagName: "a",
 		render: r,
 		ref: t,
 		props: {
-			className: u(de({
+			className: u(fe({
 				className: n,
 				size: i,
 				weight: a,
@@ -179,20 +179,20 @@ var me = t.forwardRef((e, t) => {
 		}
 	});
 });
-me.displayName = "Link";
+he.displayName = "Link";
 //#endregion
 //#region src/lib/react/use-controllable-state.ts
-function he(t) {
+function ge(t) {
 	let n = e.useRef(t);
 	return e.useEffect(() => {
 		n.current = t;
 	}), e.useMemo(() => ((...e) => n.current?.(...e)), []);
 }
-function ge({ prop: t, defaultProp: n, onChange: r = () => {} }) {
-	let [i, a] = _e({
+function _e({ prop: t, defaultProp: n, onChange: r = () => {} }) {
+	let [i, a] = ve({
 		defaultProp: n,
 		onChange: r
-	}), o = t !== void 0, s = o ? t : i, c = he(r);
+	}), o = t !== void 0, s = o ? t : i, c = ge(r);
 	return [s, e.useCallback((e) => {
 		if (o) {
 			let n = typeof e == "function" ? e(t) : e;
@@ -205,8 +205,8 @@ function ge({ prop: t, defaultProp: n, onChange: r = () => {} }) {
 		c
 	])];
 }
-function _e({ defaultProp: t, onChange: n }) {
-	let r = e.useState(t), [i] = r, a = e.useRef(i), o = he(n);
+function ve({ defaultProp: t, onChange: n }) {
+	let r = e.useState(t), [i] = r, a = e.useRef(i), o = ge(n);
 	return e.useEffect(() => {
 		a.current !== i && (o(i), a.current = i);
 	}, [
@@ -217,52 +217,52 @@ function _e({ defaultProp: t, onChange: n }) {
 }
 //#endregion
 //#region src/components/segmented-control/segmented-control.tsx
-var ve = t.forwardRef((e, t) => {
-	let { className: n, fullWidth: r, value: i, defaultValue: a, onValueChange: o, ...s } = e, [c, l] = ge({
+var ye = t.forwardRef((e, t) => {
+	let { className: n, fullWidth: r, value: i, defaultValue: a, onValueChange: o, ...s } = e, [c, l] = _e({
 		prop: i,
 		defaultProp: a,
 		onChange: o
 	});
 	return /* @__PURE__ */ f(h, {
 		ref: t,
-		className: B(n, u("fp-SegmentedControlRoot", { "fp-full-width": r })),
+		className: z(n, u("fp-SegmentedControlRoot", { "fp-full-width": r })),
 		...s,
 		multiple: !1,
-		value: xe(c),
+		value: Se(c),
 		onValueChange: (e) => {
 			let t = e[0];
 			t !== void 0 && l(t);
 		}
 	});
-}), ye = t.forwardRef((e, t) => {
+}), be = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(m, {
 		ref: t,
-		className: B(n, "fp-SegmentedControlItem"),
+		className: z(n, "fp-SegmentedControlItem"),
 		...r
 	});
-}), be = t.forwardRef((e, t) => {
+}), xe = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(H, {
+	return /* @__PURE__ */ f(V, {
 		ref: t,
 		className: u(n, "fp-SegmentedControlText"),
 		...r
 	});
 });
-ve.displayName = "SegmentedControl.Root", ye.displayName = "SegmentedControl.Item", be.displayName = "SegmentedControl.Text";
-function xe(e) {
+ye.displayName = "SegmentedControl.Root", be.displayName = "SegmentedControl.Item", xe.displayName = "SegmentedControl.Text";
+function Se(e) {
 	return e === void 0 ? [] : [e];
 }
 //#endregion
 //#region src/components/segmented-control/index.ts
-var Se = /* @__PURE__ */ z({
-	Item: () => ye,
-	Root: () => ve,
-	Text: () => be
+var Ce = /* @__PURE__ */ R({
+	Item: () => be,
+	Root: () => ye,
+	Text: () => xe
 });
 //#endregion
 //#region src/lib/react/create-context.tsx
-function Ce(e, n) {
+function we(e, n) {
 	let r = t.createContext(n);
 	function i(e) {
 		let { children: n, ...i } = e, a = t.useMemo(() => i, Object.values(i));
@@ -281,29 +281,29 @@ function Ce(e, n) {
 }
 //#endregion
 //#region src/components/radio-group/radio-group.tsx
-var [we, Te] = Ce("RadioGroup"), Ee = t.forwardRef((e, t) => {
+var [Te, Ee] = we("RadioGroup"), De = t.forwardRef((e, t) => {
 	let { orientation: n = "horizontal", disabled: r, className: i, ...a } = e;
-	return /* @__PURE__ */ f(we, {
+	return /* @__PURE__ */ f(Te, {
 		orientation: n,
 		disabled: r,
 		children: /* @__PURE__ */ f(v, {
 			ref: t,
 			disabled: r,
-			className: B(i, "fp-RadioGroupRoot"),
+			className: z(i, "fp-RadioGroupRoot"),
 			"data-orientation": n,
 			...a
 		})
 	});
-}), De = t.forwardRef((e, t) => {
+}), Oe = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(_.Root, {
 		ref: t,
-		className: B(n, "fp-RadioGroupItem"),
+		className: z(n, "fp-RadioGroupItem"),
 		...r
 	});
-}), Oe = t.forwardRef((e, t) => {
-	let { orientation: n, disabled: r } = Te("Label"), { className: i, ...a } = e;
-	return /* @__PURE__ */ f(fe, {
+}), ke = t.forwardRef((e, t) => {
+	let { orientation: n, disabled: r } = Ee("Label"), { className: i, ...a } = e;
+	return /* @__PURE__ */ f(pe, {
 		ref: t,
 		className: u(i, "fp-RadioGroupLabel"),
 		"data-orientation": n,
@@ -311,14 +311,14 @@ var [we, Te] = Ce("RadioGroup"), Ee = t.forwardRef((e, t) => {
 		...a
 	});
 });
-Ee.displayName = "RadioGroup.Root", De.displayName = "RadioGroup.Item", Oe.displayName = "RadioGroup.Label";
+De.displayName = "RadioGroup.Root", Oe.displayName = "RadioGroup.Item", ke.displayName = "RadioGroup.Label";
 //#endregion
 //#region src/components/radio-group/index.ts
-var ke = /* @__PURE__ */ z({
-	Item: () => De,
-	Label: () => Oe,
-	Root: () => Ee
-}), Ae = "6", je = "0 0 24 24", Me = l("fp-Icon", {
+var Ae = /* @__PURE__ */ R({
+	Item: () => Oe,
+	Label: () => ke,
+	Root: () => De
+}), je = "6", Me = "0 0 24 24", Ne = l("fp-Icon", {
 	variants: { size: {
 		1: "fp-size-1",
 		2: "fp-size-2",
@@ -333,16 +333,16 @@ var ke = /* @__PURE__ */ z({
 		9: "fp-size-9",
 		10: "fp-size-10"
 	} },
-	defaultVariants: { size: Ae }
+	defaultVariants: { size: je }
 });
-function U(e) {
-	let { path: n, viewBox: r = je, displayName: i } = e, a = t.forwardRef((e, t) => {
+function H(e) {
+	let { path: n, viewBox: r = Me, displayName: i } = e, a = t.forwardRef((e, t) => {
 		let { size: i, className: a, ...o } = e;
 		return /* @__PURE__ */ f("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			ref: t,
 			viewBox: r,
-			className: Me({
+			className: Ne({
 				className: a,
 				size: i
 			}),
@@ -355,13 +355,13 @@ function U(e) {
 }
 //#endregion
 //#region src/components/icons/actions.tsx
-var Ne = U({
+var Pe = H({
 	displayName: "Actions",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M9 13a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2zm7.5 0a.5.5 0 0 1 .5.5V16h2.5a.5.5 0 0 1 0 1H17v2.5a.5.5 0 0 1-1 0V17h-2.5a.5.5 0 0 1 0-1H16v-2.5a.5.5 0 0 1 .5-.5M6 14a1 1 0 0 0-1 1v3a1 1 0 0 0 .897.995L6 19h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1zm.87-10.275a1 1 0 0 1 1.337.068l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414l3-3zM16.5 4a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7m-12 3.5 3 3 3-3-3-3zm12-2.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5"
 	})
-}), Pe = U({
+}), Fe = H({
 	displayName: "AlignBottom",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -372,7 +372,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M17.5 18a.5.5 0 0 1 0 1h-12a.5.5 0 0 1 0-1z"
 	})] })
-}), Fe = U({
+}), Ie = H({
 	displayName: "AlignHorizontalCenter",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -385,7 +385,7 @@ var Ne = U({
 		d: "M13 17.5a.5.5 0 0 1-1 0V15h1zm0-4.5v-3h-1v3zm0-7.5V8h-1V5.5a.5.5 0 0 1 1 0",
 		clipRule: "evenodd"
 	})] })
-}), Ie = U({
+}), Le = H({
 	displayName: "AlignLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -396,7 +396,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M6 17.5a.5.5 0 0 1-1 0v-12a.5.5 0 0 1 1 0z"
 	})] })
-}), Le = U({
+}), Re = H({
 	displayName: "AlignRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -407,7 +407,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M18 17.5a.5.5 0 0 0 1 0v-12a.5.5 0 0 0-1 0z"
 	})] })
-}), Re = U({
+}), ze = H({
 	displayName: "AlignTop",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -418,7 +418,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M17.5 6a.5.5 0 0 0 0-1h-12a.5.5 0 0 0 0 1z"
 	})] })
-}), ze = U({
+}), Be = H({
 	displayName: "AlignVerticalCenter",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -431,7 +431,7 @@ var Ne = U({
 		d: "M17.5 11a.5.5 0 0 1 0 1H15v-1zM13 11h-3v1h3zm-7.5 0H8v1H5.5a.5.5 0 0 1 0-1",
 		clipRule: "evenodd"
 	})] })
-}), Be = U({
+}), Ve = H({
 	displayName: "Annotation",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -439,7 +439,7 @@ var Ne = U({
 		d: "M16.8 5H8.2c-.577 0-.949 0-1.232.024-.272.022-.373.06-.422.085a1 1 0 0 0-.437.437c-.025.05-.063.15-.085.422C6 6.25 6 6.623 6 7.2v7.3a.5.5 0 0 1-1 0V7.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C6.52 4 7.08 4 8.2 4h8.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C20 5.52 20 6.08 20 7.2v8.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C18.48 19 17.92 19 16.8 19H9.5a.5.5 0 0 1 0-1h7.3c.577 0 .949 0 1.232-.024.272-.022.372-.06.422-.085a1 1 0 0 0 .437-.437c.025-.05.063-.15.085-.422C19 16.75 19 16.377 19 15.8V7.2c0-.577 0-.949-.024-1.232-.022-.272-.06-.373-.085-.422a1 1 0 0 0-.437-.437c-.05-.025-.15-.063-.422-.085C17.75 5 17.377 5 16.8 5M7 18.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0m1-5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M9.5 9a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1z",
 		clipRule: "evenodd"
 	})
-}), Ve = U({
+}), He = H({
 	displayName: "AspectRatio",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -447,7 +447,7 @@ var Ne = U({
 		d: "M7.5 7h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5M6 7.5A1.5 1.5 0 0 1 7.5 6h9A1.5 1.5 0 0 1 18 7.5v9a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 6 16.5zM9.5 9a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0V10h1.5a.5.5 0 0 0 0-1zm5.5 3.5a.5.5 0 0 0-1 0V14h-1.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 .5-.5z",
 		clipRule: "evenodd"
 	})
-}), He = U({
+}), Ue = H({
 	displayName: "AutoHeight",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -455,7 +455,7 @@ var Ne = U({
 		d: "M6.5 6a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m3 4h5a.5.5 0 1 0 0-1h-5a.5.5 0 0 0 0 1m5 2.5h-5a.5.5 0 1 1 0-1h5a.5.5 0 1 1 0 1m-5.5 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m9-8a.5.5 0 0 0-1 0v11a.5.5 0 0 0 1 0z",
 		clipRule: "evenodd"
 	})
-}), Ue = U({
+}), We = H({
 	displayName: "AutoWidth",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -463,7 +463,7 @@ var Ne = U({
 		d: "M7 6.5a.5.5 0 0 0-1 0v11a.5.5 0 0 0 1 0zm7.853 2.146a.5.5 0 1 0-.707.708l2.147 2.146H9.5a.5.5 0 0 0 0 1h6.793l-2.147 2.146a.5.5 0 0 0 .707.708l3-3a.5.5 0 0 0 0-.708z",
 		clipRule: "evenodd"
 	})
-}), We = U({
+}), Ge = H({
 	displayName: "BlendMode",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -471,7 +471,7 @@ var Ne = U({
 		d: "M14.783 16.058C15.479 15.454 16 14.49 16 13c0-1.037-.597-2.328-1.493-3.631-.844-1.227-1.85-2.316-2.507-2.98-.658.664-1.662 1.753-2.507 2.98C8.597 10.673 8 11.964 8 13c0 1.491.521 2.454 1.217 3.058.72.623 1.721.943 2.783.943s2.063-.32 2.783-.944M12 18c2.5 0 5-1.5 5-5 0-2.712-3-6.023-4.353-7.378a.907.907 0 0 0-1.294 0C10 6.978 7 10.29 7 13.001c0 3.5 2.5 5 5 5",
 		clipRule: "evenodd"
 	})
-}), Ge = U({
+}), Ke = H({
 	displayName: "Boolean",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -479,7 +479,7 @@ var Ne = U({
 		d: "M10 8h4a4 4 0 0 1 0 8h-4a4 4 0 0 1 0-8m-5 4a5 5 0 0 1 5-5h4a5 5 0 0 1 0 10h-4a5 5 0 0 1-5-5m5 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4m-3-2a3 3 0 1 1 6 0 3 3 0 0 1-6 0",
 		clipRule: "evenodd"
 	})
-}), W = U({
+}), U = H({
 	displayName: "Checkmark",
 	viewBox: "0 0 16 16",
 	path: /* @__PURE__ */ f("path", {
@@ -488,14 +488,14 @@ var Ne = U({
 		clipRule: "evenodd",
 		d: "M11.777 4.08399C11.8873 4.1575 11.9639 4.27178 11.99 4.40172C12.016 4.53167 11.9894 4.66665 11.916 4.77699L7.91602 10.777C7.87506 10.8387 7.82091 10.8905 7.75748 10.9287C7.69405 10.9669 7.62294 10.9905 7.54926 10.9979C7.47559 11.0053 7.40119 10.9962 7.33146 10.9713C7.26172 10.9464 7.19839 10.9063 7.14602 10.854L4.14602 7.85399C4.09953 7.80751 4.06266 7.75232 4.0375 7.69158C4.01234 7.63084 3.99939 7.56574 3.99939 7.49999C3.99939 7.43425 4.01234 7.36915 4.0375 7.30841C4.06266 7.24767 4.09953 7.19248 4.14602 7.14599C4.19251 7.09951 4.2477 7.06263 4.30844 7.03747C4.36918 7.01231 4.43428 6.99936 4.50002 6.99936C4.56577 6.99936 4.63087 7.01231 4.6916 7.03747C4.75234 7.06263 4.80753 7.09951 4.85402 7.14599L7.42202 9.71599L11.084 4.22299C11.1575 4.11271 11.2718 4.03612 11.4018 4.01006C11.5317 3.98399 11.6667 4.01059 11.777 4.08399Z"
 	})
-}), Ke = U({
+}), qe = H({
 	displayName: "CheckmarkIndeterminate",
 	viewBox: "0 0 16 16",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M4 8a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z"
 	})
-}), qe = U({
+}), W = H({
 	displayName: "ChevronDown",
 	path: /* @__PURE__ */ f("svg", {
 		width: "24",
@@ -509,28 +509,28 @@ var Ne = U({
 			d: "M9.87897 11.121L12 13.243L14.121 11.12"
 		})
 	})
-}), Je = U({
+}), Je = H({
 	displayName: "ChevronLeft",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		strokeLinecap: "round",
 		d: "M12.879 9.879L10.757 12L12.88 14.121"
 	})
-}), Ye = U({
+}), Ye = H({
 	displayName: "ChevronRight",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		strokeLinecap: "round",
 		d: "M11.121 14.121L13.243 12L11.12 9.879"
 	})
-}), Xe = U({
+}), Xe = H({
 	displayName: "ChevronUp",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		strokeLinecap: "round",
 		d: "M14.121 12.879L12 10.757L9.87903 12.88"
 	})
-}), Ze = U({
+}), Ze = H({
 	displayName: "Circle",
 	viewBox: "0 0 16 16",
 	path: /* @__PURE__ */ f("circle", {
@@ -539,32 +539,32 @@ var Ne = U({
 		cy: "8",
 		r: "3"
 	})
-}), Qe = U({
+}), Qe = H({
 	displayName: "Clear",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M12 5a7 7 0 1 1 0 14 7 7 0 0 1 0-14m0 1a6 6 0 1 0 0 12 6 6 0 0 0 0-12m2.225 3.082a.5.5 0 0 1 .693.693l-.064.079L12.707 12l2.147 2.146.064.079a.5.5 0 0 1-.693.693l-.078-.064L12 12.707l-2.146 2.146a.5.5 0 1 1-.707-.707L11.293 12 9.147 9.854l-.065-.079a.5.5 0 0 1 .694-.693l.078.064L12 11.293l2.147-2.147z"
 	})
-}), $e = U({
+}), $e = H({
 	displayName: "Close",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		d: "M16.5 7.5L12 12M12 12L7.5 16.5M12 12L7.5 7.5M12 12L16.5 16.5",
 		strokeLinecap: "round"
 	})
-}), et = U({
+}), et = H({
 	displayName: "Code",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M13.631 6.018a.5.5 0 0 1 .367.513l-.016.1-3 11-.036.095a.5.5 0 0 1-.93-.358l3-11 .037-.095a.5.5 0 0 1 .578-.255M8.224 8.582a.501.501 0 0 1 .693.693l-.064.079L6.206 12l2.647 2.646a.5.5 0 1 1-.707.707l-3-3a.5.5 0 0 1 0-.707l3-3zm6.922.064a.5.5 0 0 1 .707 0l3 3a.5.5 0 0 1 0 .707l-3 3-.078.065a.5.5 0 0 1-.694-.693l.065-.079L17.792 12l-2.646-2.646a.5.5 0 0 1 0-.707"
 	})
-}), tt = U({
+}), tt = H({
 	displayName: "Comment",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M12.5 3a8.5 8.5 0 0 1 0 17H7.09c-.89 0-1.39 0-1.767-.121l-.154-.06a2 2 0 0 1-.906-.828l-.082-.16c-.136-.297-.17-.657-.178-1.248L4 16.909V11.5A8.5 8.5 0 0 1 12.5 3m0 1A7.5 7.5 0 0 0 5 11.5v5.41c0 .523 0 .861.02 1.12.018.247.05.34.07.385a1 1 0 0 0 .495.494c.045.02.138.053.386.072.258.019.596.019 1.12.019H12.5a7.5 7.5 0 0 0 0-15"
 	})
-}), nt = U({
+}), nt = H({
 	displayName: "Component",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -572,7 +572,7 @@ var Ne = U({
 		d: "M11.116 13.592a1.25 1.25 0 0 1 1.768 0l1.637 1.637a1.25 1.25 0 0 1 0 1.768l-1.637 1.638-.095.085a1.25 1.25 0 0 1-1.578 0l-.095-.085-1.638-1.64a1.25 1.25 0 0 1-.085-1.672l.085-.095zm1.06.707a.25.25 0 0 0-.353 0l-1.638 1.636a.25.25 0 0 0 0 .354l1.638 1.639a.25.25 0 0 0 .354 0l1.637-1.638a.25.25 0 0 0 0-.354zm3.053-4.82a1.25 1.25 0 0 1 1.767 0l1.639 1.637a1.25 1.25 0 0 1 0 1.768l-1.639 1.638-.095.086a1.25 1.25 0 0 1-1.578 0l-.095-.086-1.637-1.637a1.25 1.25 0 0 1-.086-1.673l.086-.095zm-8.226 0a1.25 1.25 0 0 1 1.767 0l1.64 1.638a1.25 1.25 0 0 1 0 1.768L8.77 14.52a1.25 1.25 0 0 1-1.672.086l-.095-.086-1.638-1.637a1.25 1.25 0 0 1-.086-1.673l.086-.095zm9.286.706a.25.25 0 0 0-.354 0l-1.637 1.64a.25.25 0 0 0 0 .353l1.637 1.637a.25.25 0 0 0 .354 0l1.639-1.638a.25.25 0 0 0 0-.354zm-8.226 0a.25.25 0 0 0-.353 0l-1.637 1.638a.25.25 0 0 0 0 .354l1.638 1.637a.25.25 0 0 0 .353 0l1.638-1.636a.25.25 0 0 0 0-.354zm3.053-4.819a1.25 1.25 0 0 1 1.768 0l1.637 1.638a1.25 1.25 0 0 1 0 1.767l-1.637 1.639-.095.085a1.25 1.25 0 0 1-1.578 0l-.095-.085-1.639-1.639a1.25 1.25 0 0 1-.085-1.673l.085-.094zm1.06.707a.25.25 0 0 0-.353 0l-1.639 1.638a.25.25 0 0 0 0 .353l1.64 1.639a.25.25 0 0 0 .353 0l1.637-1.639a.25.25 0 0 0 0-.353z",
 		clipRule: "evenodd"
 	})
-}), rt = U({
+}), rt = H({
 	displayName: "ConstraintLeft",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -580,7 +580,7 @@ var Ne = U({
 		d: "M16.5 8.5a.5.5 0 0 1 .5.5v5a.5.5 0 1 1-1 0v-2H7v2a.5.5 0 0 1-1 0V9a.5.5 0 0 1 1 0v2h9V9a.5.5 0 0 1 .5-.5",
 		clipRule: "evenodd"
 	})
-}), it = U({
+}), it = H({
 	displayName: "ConstraintTop",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -588,19 +588,19 @@ var Ne = U({
 		d: "M8.5 6.5A.5.5 0 0 1 9 6h5a.5.5 0 0 1 0 1h-2v9h2a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1h2V7H9a.5.5 0 0 1-.5-.5",
 		clipRule: "evenodd"
 	})
-}), at = U({
+}), at = H({
 	displayName: "CornerRadius",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M6.5 14a.5.5 0 0 1 .5.5v.6c0 .428 0 .72.019.945.017.219.05.331.09.41.096.187.249.34.437.436.078.04.19.073.41.09.224.019.516.019.944.019h.6a.5.5 0 0 1 0 1h-.621c-.402 0-.734 0-1.005-.023-.281-.022-.54-.071-.782-.195a2 2 0 0 1-.874-.874c-.124-.242-.173-.501-.196-.782A13 13 0 0 1 6 15.121V14.5a.5.5 0 0 1 .5-.5m11 0a.5.5 0 0 1 .5.5v.621c0 .402 0 .734-.023 1.005-.022.281-.071.54-.195.782a2 2 0 0 1-.874.874c-.242.124-.501.173-.782.195-.27.023-.603.023-1.005.023H14.5a.5.5 0 0 1 0-1h.6c.428 0 .72 0 .945-.019.219-.018.331-.05.41-.09a1 1 0 0 0 .436-.437c.04-.078.073-.19.09-.41.019-.224.019-.516.019-.944v-.6a.5.5 0 0 1 .5-.5m-8-8a.5.5 0 0 1 0 1h-.6c-.428 0-.719 0-.944.019-.22.017-.332.05-.41.09a1 1 0 0 0-.437.437c-.04.078-.073.19-.09.41C7 8.18 7 8.471 7 8.9v.6a.5.5 0 0 1-1 0v-.621c0-.402 0-.734.022-1.005.023-.281.072-.54.196-.782a2 2 0 0 1 .874-.874c.242-.124.501-.173.782-.196C8.144 6 8.477 6 8.88 6zm5.621 0c.402 0 .734 0 1.005.022.281.023.54.072.782.196a2 2 0 0 1 .874.874c.124.242.173.501.195.782.023.27.023.603.023 1.005V9.5a.5.5 0 0 1-1 0v-.6c0-.428 0-.72-.019-.945-.018-.219-.05-.33-.09-.41a1 1 0 0 0-.437-.436c-.078-.04-.19-.073-.41-.09A13 13 0 0 0 15.1 7h-.6a.5.5 0 0 1 0-1z"
 	})
-}), ot = U({
+}), ot = H({
 	displayName: "Design",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M12.11 13.956c-.44-1.121.618-2.23 1.738-1.885l.108.038 4.15 1.63.115.051c1.136.556 1.027 2.254-.218 2.637l-1.205.372-.37 1.205c-.397 1.29-2.196 1.356-2.689.102zm1.48-.916a.425.425 0 0 0-.55.55l1.63 4.15c.138.35.618.356.775.038l.027-.068.526-1.711 1.711-.527a.425.425 0 0 0 .031-.802zM16.5 6A1.5 1.5 0 0 1 18 7.5v1a1.5 1.5 0 0 1-1.5 1.5H10v6.5A1.5 1.5 0 0 1 8.5 18h-1A1.5 1.5 0 0 1 6 16.5v-9A1.5 1.5 0 0 1 7.5 6zM7 16.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V15h-.5a.5.5 0 0 1 0-1H9v-1h-.5a.5.5 0 0 1 0-1H9v-2H7zM7.5 7a.5.5 0 0 0-.5.5V9h2V7zM10 9h2v-.5a.5.5 0 0 1 1 0V9h1v-.5a.5.5 0 0 1 1 0V9h1.5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H10z"
 	})
-}), st = U({
+}), st = H({
 	displayName: "Draw",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -608,7 +608,7 @@ var Ne = U({
 		d: "M13.407 5.06c.61-.123 1.227-.079 1.657.343l.135.15c.277.361.316.79.208 1.204-.115.44-.397.887-.734 1.314-.68.86-1.74 1.829-2.748 2.76-1.031.952-2.01 1.867-2.606 2.662-.3.4-.466.724-.517.97-.044.21-.003.34.12.46l.065.052c.072.044.167.062.313.039.217-.034.505-.155.866-.378.72-.445 1.561-1.183 2.445-1.966.862-.763 1.768-1.571 2.57-2.076.4-.252.817-.457 1.221-.527.427-.074.87.002 1.223.346l.102.112c.22.271.296.593.266.918-.032.344-.183.684-.364.993-.363.617-.963 1.296-1.515 1.922-.574.651-1.1 1.251-1.403 1.767-.151.257-.218.449-.23.581-.01.106.012.163.072.22l.054.04c.074.038.214.062.474-.031.356-.128.853-.456 1.465-1.1a.5.5 0 0 1 .725.687c-.666.702-1.291 1.153-1.853 1.354-.535.192-1.08.173-1.485-.163l-.08-.071a1.23 1.23 0 0 1-.369-1.03c.033-.344.183-.684.364-.993.363-.617.964-1.297 1.516-1.923.574-.651 1.1-1.25 1.402-1.766.152-.258.22-.449.232-.581.007-.08-.004-.132-.035-.177l-.038-.045c-.07-.068-.162-.108-.353-.075-.213.037-.5.161-.858.388-.717.451-1.555 1.194-2.44 1.978-.862.764-1.774 1.57-2.584 2.07-.404.249-.826.45-1.237.514-.38.06-.767 0-1.095-.247l-.136-.118c-.402-.394-.502-.887-.399-1.38.097-.46.367-.923.696-1.363.663-.885 1.718-1.865 2.728-2.798 1.033-.954 2.023-1.862 2.642-2.645.31-.393.489-.71.55-.946.04-.152.028-.246-.017-.32l-.057-.069c-.082-.08-.284-.172-.76-.076-.468.094-1.091.352-1.863.803-1.537.898-3.552 2.496-5.893 4.786a.5.5 0 0 1-.699-.715c2.37-2.319 4.45-3.98 6.087-4.935.815-.476 1.55-.794 2.17-.92",
 		clipRule: "evenodd"
 	})
-}), ct = U({
+}), ct = H({
 	displayName: "Ellipsis",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -616,7 +616,7 @@ var Ne = U({
 		d: "M7.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m6 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m4.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3",
 		clipRule: "evenodd"
 	})
-}), lt = U({
+}), lt = H({
 	displayName: "Expand",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -624,7 +624,7 @@ var Ne = U({
 		d: "m17 7.707-3.146 3.147a.5.5 0 0 1-.708-.708L16.293 7H13.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0zm-6.854 5.44a.5.5 0 0 1 .708.707L7.707 17H10.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793z",
 		clipRule: "evenodd"
 	})
-}), ut = U({
+}), ut = H({
 	displayName: "Eye",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -632,13 +632,13 @@ var Ne = U({
 		d: "M6 12c0-.066.054-.358.313-.825a5.9 5.9 0 0 1 1.12-1.414C8.443 8.816 9.956 8 12 8s3.558.816 4.566 1.76c.508.477.88.98 1.121 1.415.258.467.313.76.313.825 0 .066-.055.358-.313.825-.24.435-.613.938-1.12 1.414C15.557 15.184 14.044 16 12 16s-3.558-.816-4.566-1.76a5.9 5.9 0 0 1-1.121-1.415C6.055 12.358 6 12.065 6 12m-1 0c0-1.25 2.333-5 7-5s7 3.75 7 5-2.333 5-7 5-7-3.75-7-5m8 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m1 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0",
 		clipRule: "evenodd"
 	})
-}), dt = U({
+}), dt = H({
 	displayName: "Eyedropper",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M16.922 3.56a2.501 2.501 0 0 1 3.517 3.517l-.172.19-2.206 2.205a.33.33 0 0 0 0 .466h.001c.548.549.582 1.418.103 2.007l-.104.115a1.5 1.5 0 0 1-2.12 0l-.233-.233-6.94 6.94a2.5 2.5 0 0 1-2.12.705L5.56 20.56a1.5 1.5 0 0 1-2.12-2.121l1.086-1.09a2.5 2.5 0 0 1 .706-2.118l6.94-6.939-.232-.232a1.5 1.5 0 0 1 0-2.122l.114-.103a1.5 1.5 0 0 1 1.893 0l.114.103.052.042c.127.084.3.07.411-.042l2.208-2.207zM5.939 15.939a1.5 1.5 0 0 0-.405 1.37c.044.208.013.435-.137.585l-1.25 1.25v.002a.5.5 0 0 0 .706.706l1.251-1.251c.15-.15.377-.181.584-.137.48.102 1-.032 1.372-.404L15 11.12 12.88 9zm13.621-11.5a1.5 1.5 0 0 0-2.12 0l-2.21 2.206a1.327 1.327 0 0 1-1.877 0 .5.5 0 0 0-.707.707l3.994 3.994.005.005h.001a.5.5 0 0 0 .707-.707l-.004-.003a1.33 1.33 0 0 1 .004-1.877L19.56 6.56a1.5 1.5 0 0 0 0-2.122"
 	})
-}), ft = U({
+}), ft = H({
 	displayName: "FillGradient",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -646,7 +646,7 @@ var Ne = U({
 		d: "M8 7h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1M6 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm3.75.875a.875.875 0 1 1-1.75 0 .875.875 0 0 1 1.75 0m3.791.625a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25m-1.458.875a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m0 3.12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.458 2.245a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25m.625-3.865a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0M8.875 15.99a.875.875 0 1 0 0-1.75.875.875 0 0 0 0 1.75m.875-4.115a.875.875 0 1 1-1.75 0 .875.875 0 0 1 1.75 0m5.75-1a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m.5 2.623a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0",
 		clipRule: "evenodd"
 	})
-}), pt = U({
+}), pt = H({
 	displayName: "FillPattern",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -654,7 +654,7 @@ var Ne = U({
 		d: "M12.5 7H16a1 1 0 0 1 1 1v1h-4.5zm-1 0H8a1 1 0 0 0-1 1v1h4.5zM7 10v4h2v-4h1v4h4v-4h1v4h2v-4zm10 5h-4.5v2H16a1 1 0 0 0 1-1zm-5.5 2v-2H7v1a1 1 0 0 0 1 1zM6 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2z",
 		clipRule: "evenodd"
 	})
-}), mt = U({
+}), mt = H({
 	displayName: "FillSolid",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon-tertiary)",
@@ -665,7 +665,7 @@ var Ne = U({
 		d: "M8 7h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1M6 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm3 7V9h6v6zM8 8.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5z",
 		clipRule: "evenodd"
 	})] })
-}), ht = U({
+}), ht = H({
 	displayName: "Figma",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -673,7 +673,7 @@ var Ne = U({
 		d: "M6.5 7c0 1.043.533 1.963 1.341 2.5A3 3 0 0 0 6.5 12c0 1.043.533 1.963 1.341 2.5A3 3 0 1 0 12.5 17v-2.764A3 3 0 1 0 16.159 9.5 3 3 0 0 0 14.5 4h-5a3 3 0 0 0-3 3m8 2a2 2 0 1 0 0-4h-2v4zm-2 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0m-1 2h-2a2 2 0 1 1 0-4h2zm-2 1h2v2a2 2 0 1 1-2-2m2-6h-2a2 2 0 1 1 0-4h2z",
 		clipRule: "evenodd"
 	})
-}), gt = U({
+}), gt = H({
 	displayName: "FixedSize",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -681,7 +681,7 @@ var Ne = U({
 		d: "M7 7.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5zM7.5 6A1.5 1.5 0 0 0 6 7.5v9A1.5 1.5 0 0 0 7.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 6zm7 4h-5a.5.5 0 1 1 0-1h5a.5.5 0 1 1 0 1m-5 2.5h5a.5.5 0 1 0 0-1h-5a.5.5 0 0 0 0 1m0 1.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z",
 		clipRule: "evenodd"
 	})
-}), _t = U({
+}), _t = H({
 	displayName: "FlipHorizontal",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -689,7 +689,7 @@ var Ne = U({
 		d: "M12.5 6.5a.5.5 0 0 0-1 0v11a.5.5 0 0 0 1 0zM6 9.104a.75.75 0 0 1 1.28-.53L10 11.292a1 1 0 0 1 0 1.414l-2.72 2.72a.75.75 0 0 1-1.28-.53zm1 .603v4.586L9.293 12zm11-.603a.75.75 0 0 0-1.28-.53L14 11.292a1 1 0 0 0 0 1.414l2.72 2.72a.75.75 0 0 0 1.28-.53zm-1 .603v4.586L14.707 12z",
 		clipRule: "evenodd"
 	})
-}), vt = U({
+}), vt = H({
 	displayName: "FlipVertical",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -697,7 +697,7 @@ var Ne = U({
 		d: "M17.5 12.5a.5.5 0 0 0 0-1h-11a.5.5 0 0 0 0 1zM14.896 18a.75.75 0 0 0 .53-1.28L12.708 14a1 1 0 0 0-1.414 0l-2.72 2.72a.75.75 0 0 0 .53 1.28zm-.603-1H9.707L12 14.707zm.603-11a.75.75 0 0 1 .53 1.28L12.708 10a1 1 0 0 1-1.414 0l-2.72-2.72A.75.75 0 0 1 9.103 6zm-.603 1H9.707L12 9.293z",
 		clipRule: "evenodd"
 	})
-}), yt = U({
+}), yt = H({
 	displayName: "Frame",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -705,7 +705,7 @@ var Ne = U({
 		d: "M7.5 4a.5.5 0 0 0-.5.5V7H4.5a.5.5 0 0 0 0 1H7v8H4.5a.5.5 0 0 0 0 1H7v2.5a.5.5 0 0 0 1 0V17h8v2.5a.5.5 0 0 0 1 0V17h2.5a.5.5 0 0 0 0-1H17V8h2.5a.5.5 0 0 0 0-1H17V4.5a.5.5 0 0 0-1 0V7H8V4.5a.5.5 0 0 0-.5-.5M16 8H8v8h8z",
 		clipRule: "evenodd"
 	})
-}), bt = U({
+}), bt = H({
 	displayName: "Help",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -713,13 +713,13 @@ var Ne = U({
 		d: "M11.69 16.572q.357 0 .61.254a.83.83 0 0 1 .26.616q0 .236-.12.435a.9.9 0 0 1-.315.32.84.84 0 0 1-.435.114.85.85 0 0 1-.615-.253.85.85 0 0 1-.254-.616.84.84 0 0 1 .254-.616.85.85 0 0 1 .615-.254m.332-10.884q1.002 0 1.763.416.76.41 1.19 1.13.428.712.428 1.635 0 .61-.193 1.111a2.9 2.9 0 0 1-.58.924 4.8 4.8 0 0 1-.954.797 4.6 4.6 0 0 0-.863.718 2.1 2.1 0 0 0-.459.815q-.138.453-.15 1.117c0 .18-.146.326-.326.326h-.44a.326.326 0 0 1-.327-.326q.006-.954.21-1.551.207-.598.604-1.009a5.5 5.5 0 0 1 1.003-.797q.447-.29.748-.61.308-.325.465-.711a2.2 2.2 0 0 0 .163-.852q0-.651-.307-1.14a2.04 2.04 0 0 0-.822-.755 2.45 2.45 0 0 0-1.153-.272q-.603 0-1.129.266a2.15 2.15 0 0 0-1.138 1.483c-.067.3-.312.545-.619.545-.323 0-.588-.269-.53-.587a3.12 3.12 0 0 1 1.678-2.268 3.7 3.7 0 0 1 1.738-.405",
 		clipRule: "evenodd"
 	})
-}), xt = U({
+}), xt = H({
 	displayName: "Image",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M16 6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zM8 7a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm2.225 4.082a.5.5 0 0 1 .629.064l4 4a.5.5 0 1 1-.707.707L10.5 12.208l-1.646 1.646a.5.5 0 1 1-.708-.707l2-2zM14.5 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m0 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1"
 	})
-}), St = U({
+}), St = H({
 	displayName: "LayersCollapse",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -727,25 +727,25 @@ var Ne = U({
 		d: "M6.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM6 13.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm6.646.146 2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L15.5 15.207l-1.646 1.647a.5.5 0 0 1-.708-.708m2.708-6.292a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L15.5 8.793l1.646-1.647a.5.5 0 0 1 .708.708z",
 		clipRule: "evenodd"
 	})
-}), Ct = U({
+}), Ct = H({
 	displayName: "LetterSpacing",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M6.5 6a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m11 0a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5m-5.25 3a.5.5 0 0 1 .472.335l1.75 5a.5.5 0 1 1-.944.33l-.407-1.165H10.88l-.407 1.165a.5.5 0 1 1-.944-.33l1.75-5 .032-.072A.5.5 0 0 1 11.75 9zm-1.02 3.5h1.54L12 10.298z"
 	})
-}), wt = U({
+}), wt = H({
 	displayName: "LineHeight",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M17.5 17a.5.5 0 0 1 0 1h-11a.5.5 0 0 1 0-1zm-5.25-9a.5.5 0 0 1 .476.347l2.25 7a.5.5 0 0 1-.952.306L13.494 14h-2.987l-.531 1.653a.5.5 0 0 1-.952-.306l2.25-7 .03-.075A.5.5 0 0 1 11.75 8zm-1.422 5h2.344L12 9.354zM17.5 6a.5.5 0 0 1 0 1h-11a.5.5 0 0 1 0-1z"
 	})
-}), Tt = U({
+}), Tt = H({
 	displayName: "Link",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M12.444 10.37a2.998 2.998 0 0 1 .677 4.75l-2 2a3 3 0 1 1-4.243-4.242l1.27-1.27c.262-.263.746-.069.826.293a.44.44 0 0 1-.111.405l-1.278 1.279a2 2 0 1 0 2.829 2.828l2-2a2 2 0 0 0 0-2.828l-.029-.028c-.093-.089-.187-.184-.224-.307a.88.88 0 0 1 .22-.87.05.05 0 0 1 .063-.01m.434-3.492a3 3 0 1 1 4.243 4.242l-1.27 1.27c-.262.262-.745.068-.826-.294a.44.44 0 0 1 .111-.405l1.278-1.278a2 2 0 1 0-2.829-2.828l-2 2a2 2 0 0 0 0 2.828l.029.026c.093.089.186.183.223.306a.88.88 0 0 1-.218.874.05.05 0 0 1-.062.009 3 3 0 0 1-.679-4.75z"
 	})
-}), Et = U({
+}), Et = H({
 	displayName: "Minus",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -753,19 +753,19 @@ var Ne = U({
 		d: "M6 12a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 6 12",
 		clipRule: "evenodd"
 	})
-}), Dt = U({
+}), Dt = H({
 	displayName: "Move",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M4.586 4.586a2 2 0 0 1 2.005-.497l.14.05 13 5.107a2 2 0 0 1 1.267 1.779v.159a2 2 0 0 1-1.26 1.782l-.15.053-5.024 1.545-1.545 5.024a2 2 0 0 1-1.677 1.398l-.158.012a2 2 0 0 1-1.938-1.267l-5.107-13a2 2 0 0 1 .447-2.145m1.78.484a1 1 0 0 0-1.073.223l-.097.112a1 1 0 0 0-.127.96l5.108 13a1 1 0 0 0 .811.628l.158.006a1 1 0 0 0 .859-.558l.058-.147 1.7-5.53 5.531-1.701a1 1 0 0 0 .687-.76l.018-.157a1 1 0 0 0-.492-.9l-.142-.069z"
 	})
-}), Ot = U({
+}), Ot = H({
 	displayName: "Number",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M16 6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zM8 7a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm3.05 2.002a.5.5 0 0 1 .448.547l-.045.452h1.495l.055-.55a.5.5 0 0 1 .995.098l-.045.452h.547a.5.5 0 1 1 0 1h-.648l-.199 2h.847a.5.5 0 1 1 0 1h-.948l-.054.548a.501.501 0 0 1-.995-.098l.044-.45h-1.495l-.054.548a.501.501 0 0 1-.995-.098l.044-.45H9.5a.5.5 0 0 1 0-1h.647l.2-2H9.5a.5.5 0 0 1 0-1h.948l.055-.55a.5.5 0 0 1 .546-.449m.302 1.999-.199 2h1.494l.2-2z"
 	})
-}), kt = U({
+}), kt = H({
 	displayName: "Opacity",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -773,25 +773,25 @@ var Ne = U({
 		d: "M8 7h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1M6 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm9 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1M13.5 11a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m-2 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m-2 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m1.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m2-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m.5 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m2-4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m-.5 2.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m.5 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0",
 		clipRule: "evenodd"
 	})
-}), At = U({
+}), At = H({
 	displayName: "Palette",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M7.312 6.803a7 7 0 0 1 9.639.248l.28.298a7 7 0 0 1 1.76 4.998l-.029.38C18.807 14.222 17.446 15 16.242 15H13.5l-.101.01a.5.5 0 0 0-.4.49v.5c0 .82-.338 1.603-.92 2.127-.6.542-1.468.8-2.37.488a7 7 0 0 1-2.362-1.385l-.297-.28a7 7 0 0 1 0-9.9zm8.93.955a6 6 0 0 0-8.485 0l-.212.225a6 6 0 0 0 2.492 9.689c.978.337 1.848-.457 1.953-1.467L12 16v-.499a1.5 1.5 0 0 1 1.5-1.5h2.743l.158-.006c.733-.057 1.391-.513 1.543-1.216l.024-.155a6 6 0 0 0-1.484-4.611zM8.5 12.001a1 1 0 1 1 0 2 1 1 0 0 1 0-2m7-2a1 1 0 1 1-.001 2 1 1 0 0 1 0-2m-6-1.5a1 1 0 1 1 0 2.001 1 1 0 0 1 0-2m3.5-1a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
 	})
-}), jt = U({
+}), jt = H({
 	displayName: "PanelLeftClose",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M17.653 7.008A1.5 1.5 0 0 1 19 8.5v7a1.5 1.5 0 0 1-1.347 1.492L17.5 17h-11a1.5 1.5 0 0 1-1.492-1.347L5 15.5v-7A1.5 1.5 0 0 1 6.5 7h11zM6.5 8a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5H9V8zm3.5 8h7.5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5H10z"
 	})
-}), Mt = U({
+}), Mt = H({
 	displayName: "Pen",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M4.886 3.21a1 1 0 0 1 .812-.19l7.698 1.56.338.076a7.67 7.67 0 0 1 5.806 7.266v.346l-.008.329 1.197 1.197a1 1 0 0 1 0 1.414l-5.523 5.522a1 1 0 0 1-1.413 0l-1.198-1.197-.328.008a7.67 7.67 0 0 1-7.612-5.806l-.077-.338L3.02 5.7a1 1 0 0 1 .274-.906l1.5-1.5zm.674 9.99a6.666 6.666 0 0 0 6.383 5.342h.3l.756-.018 1.5 1.5 5.523-5.522-1.5-1.5.018-.756a6.67 6.67 0 0 0-5.048-6.619l-.295-.066L5.5 4l-.396.397 5.16 5.16A3 3 0 0 1 12 9.001 3.001 3.001 0 0 1 12 15a3 3 0 0 1-2.444-4.737l-5.16-5.16L4 5.5zM12 10.001a2 2 0 0 0-2 2l.01.204a2 2 0 0 0 1.786 1.785L12 14a2 2 0 0 0 1.989-1.795l.01-.204a2 2 0 0 0-1.795-1.99z"
 	})
-}), Nt = U({
+}), Nt = H({
 	displayName: "Play",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -799,7 +799,7 @@ var Ne = U({
 		d: "M6 5.903C6 4.43 7.604 3.517 8.87 4.269l10.15 6.028c1.307.776 1.305 2.669-.003 3.442l-10.15 5.995c-1.228.724-2.768-.11-2.863-1.5L6 18.098zm1 12.195a.9.9 0 0 0 1.357.774l10.152-5.995a1 1 0 0 0 .002-1.72L8.359 5.129A.9.9 0 0 0 7 5.903z",
 		clipRule: "evenodd"
 	})
-}), Pt = U({
+}), Pt = H({
 	displayName: "Plus",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
@@ -807,7 +807,7 @@ var Ne = U({
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})
-}), Ft = U({
+}), Ft = H({
 	displayName: "Rectangle",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -815,13 +815,13 @@ var Ne = U({
 		d: "M18 5H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1M6 4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z",
 		clipRule: "evenodd"
 	})
-}), It = U({
+}), It = H({
 	displayName: "RotateClockwise",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M11.054 9.543a1.5 1.5 0 0 1 2.007.103l3.293 3.293a1.5 1.5 0 0 1 0 2.121l-3.293 3.293a1.5 1.5 0 0 1-2.121 0L7.647 15.06a1.5 1.5 0 0 1 0-2.121l3.293-3.293zm1.3.81a.5.5 0 0 0-.707 0l-3.293 3.293a.5.5 0 0 0 0 .707l3.293 3.293a.5.5 0 0 0 .629.064l.078-.064 3.293-3.293a.5.5 0 0 0 .064-.629l-.064-.078zM9.526 5.767a3.5 3.5 0 0 1 4.949 0L16 7.292V6a.5.5 0 0 1 1 0v2.5a.5.5 0 0 1-.5.5H14a.5.5 0 0 1 0-1h1.293l-1.525-1.526a2.5 2.5 0 0 0-3.535 0l-2.38 2.379a.5.5 0 0 1-.706-.707z"
 	})
-}), Lt = U({
+}), Lt = H({
 	displayName: "Rotation",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -829,7 +829,7 @@ var Ne = U({
 		d: "M9 8.5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1H13a4 4 0 0 0-4-4zM9 12v3h3a3 3 0 0 0-3-3",
 		clipRule: "evenodd"
 	})
-}), Rt = U({
+}), Rt = H({
 	displayName: "Ruler",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -837,19 +837,19 @@ var Ne = U({
 		d: "M3.293 7.793a1 1 0 0 0 0 1.414l11.5 11.5a1 1 0 0 0 1.414 0l4.5-4.5a1 1 0 0 0 0-1.414l-11.5-11.5a1 1 0 0 0-1.414 0zM4 8.5l.707.707.69.69.75-.75a.5.5 0 1 1 .707.707l-.75.75 1.292 1.292 2.25-2.25a.5.5 0 0 1 .708.708l-2.25 2.25 1.292 1.292.75-.75a.5.5 0 0 1 .708.708l-.75.75 1.292 1.292 2.25-2.25a.5.5 0 0 1 .708.708l-2.25 2.25 2.689 2.689.707.707.707-.707 3.086-3.086L20 15.5l-.707-.707L9.207 4.707 8.5 4l-.707.707-3.086 3.086zM16 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
 		clipRule: "evenodd"
 	})
-}), zt = U({
+}), zt = H({
 	displayName: "Search",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M11.5 6a5.5 5.5 0 0 1 4.226 9.019l2.127 2.127a.5.5 0 1 1-.707.707l-2.127-2.127A5.5 5.5 0 1 1 11.5 6m0 1a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9"
 	})
-}), Bt = U({
+}), Bt = H({
 	displayName: "SelectMatching",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M6.5 16a.5.5 0 0 1 .49.4l.02.2c.04.196.194.35.39.39l.2.02a.5.5 0 0 1-.1.99A1.5 1.5 0 0 1 6 16.5a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5A1.5 1.5 0 0 1 9.5 18a.5.5 0 0 1-.1-.99l.2-.02a.5.5 0 0 0 .39-.39l.02-.2a.5.5 0 0 1 .49-.4m3 0a.5.5 0 0 1 .49.4l.02.2c.04.196.194.35.39.39l.2.02a.5.5 0 0 1-.1.99 1.5 1.5 0 0 1-1.5-1.5.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5 1.5 1.5 0 0 1-1.5 1.5.5.5 0 0 1-.1-.99l.2-.02a.5.5 0 0 0 .39-.39l.02-.2a.5.5 0 0 1 .49-.4m-10-3a.5.5 0 0 1 .1.99l-.2.02a.5.5 0 0 0-.39.39l-.02.2a.5.5 0 0 1-.99-.1A1.5 1.5 0 0 1 7.5 13m2 0a1.5 1.5 0 0 1 1.5 1.5.5.5 0 0 1-.99.1l-.02-.2a.5.5 0 0 0-.39-.39l-.2-.02a.5.5 0 0 1 .1-.99m5 0a.5.5 0 0 1 .1.99l-.2.02a.5.5 0 0 0-.39.39l-.02.2a.5.5 0 0 1-.99-.1 1.5 1.5 0 0 1 1.5-1.5m2 0a1.5 1.5 0 0 1 1.5 1.5.5.5 0 0 1-.99.1l-.02-.2a.5.5 0 0 0-.39-.39l-.2-.02a.5.5 0 0 1 .1-.99m-7-7A1.5 1.5 0 0 1 11 7.5v2A1.5 1.5 0 0 1 9.5 11h-2A1.5 1.5 0 0 1 6 9.5v-2A1.5 1.5 0 0 1 7.5 6zm4 3a.5.5 0 0 1 .49.4l.02.2c.04.196.194.35.39.39l.2.02a.5.5 0 0 1-.1.99A1.5 1.5 0 0 1 13 9.5a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5 1.5 1.5 0 0 1-1.5 1.5.5.5 0 0 1-.1-.99l.2-.02a.5.5 0 0 0 .39-.39l.02-.2a.5.5 0 0 1 .49-.4m-10-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zm7-1a.5.5 0 0 1 .1.99l-.2.02a.5.5 0 0 0-.39.39l-.02.2a.5.5 0 0 1-.99-.1A1.5 1.5 0 0 1 14.5 6m2 0A1.5 1.5 0 0 1 18 7.5a.5.5 0 0 1-.99.1l-.02-.2a.5.5 0 0 0-.39-.39l-.2-.02a.5.5 0 0 1 .1-.99"
 	})
-}), Vt = U({
+}), Vt = H({
 	displayName: "ShadowBottomLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -858,7 +858,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M6 8v8a2 2 0 0 0 2 2h8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 1.796-1.99z"
 	})] })
-}), Ht = U({
+}), Ht = H({
 	displayName: "ShadowBottomRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -867,7 +867,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M18.204 8.01A2 2 0 0 1 20 10v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-1.99-1.796L8 18h8a2 2 0 0 0 2-2V8z"
 	})] })
-}), Ut = U({
+}), Ut = H({
 	displayName: "ShadowDown",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -876,7 +876,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M18 19a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-3a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2z"
 	})] })
-}), Wt = U({
+}), Wt = H({
 	displayName: "ShadowLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -885,7 +885,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M8 6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"
 	})] })
-}), Gt = U({
+}), Gt = H({
 	displayName: "ShadowRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -894,7 +894,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M19 6a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2z"
 	})] })
-}), Kt = U({
+}), Kt = H({
 	displayName: "ShadowTopLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -903,7 +903,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M14 4a2 2 0 0 1 2 2H8a2 2 0 0 0-2 2v8l-.204-.01A2 2 0 0 1 4 14V6a2 2 0 0 1 2-2z"
 	})] })
-}), qt = U({
+}), qt = H({
 	displayName: "ShadowTopRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -912,7 +912,7 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M18 4a2 2 0 0 1 2 2v8a2 2 0 0 1-1.796 1.99L18 16V8a2 2 0 0 0-2-2H8a2 2 0 0 1 2-2z"
 	})] })
-}), Jt = U({
+}), Jt = H({
 	displayName: "ShadowUp",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -921,13 +921,13 @@ var Ne = U({
 		fill: "var(--color-icon-tertiary)",
 		d: "M16 3a2 2 0 0 1 2 2v3a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2V5a2 2 0 0 1 2-2z"
 	})] })
-}), Yt = U({
+}), Yt = H({
 	displayName: "Sliders",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M8.5 18a.5.5 0 0 0 .5-.5v-1.55a2.5 2.5 0 0 0 0-4.9V6.5a.5.5 0 0 0-1 0v4.55a2.501 2.501 0 0 0 0 4.9v1.55a.5.5 0 0 0 .5.5m7 0a.5.5 0 0 0 .5-.5v-4.55a2.501 2.501 0 0 0 0-4.9V6.5a.5.5 0 0 0-1 0v1.55a2.5 2.5 0 0 0 0 4.9v4.55a.5.5 0 0 0 .5.5m0-6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m-7 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
 	})
-}), Xt = U({
+}), Xt = H({
 	displayName: "String",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -935,13 +935,13 @@ var Ne = U({
 		d: "M8 7h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1M6 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm3.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 1 0V10h1.5v4H11a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-.5v-4H14v.5a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-.5-.5z",
 		clipRule: "evenodd"
 	})
-}), Zt = U({
+}), Zt = H({
 	displayName: "Text",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M19.5 4a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V5h-6.5v14H15a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1h2.5V5H5v2.5a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5z"
 	})
-}), Qt = U({
+}), Qt = H({
 	displayName: "TextAlignCenter",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -949,7 +949,7 @@ var Ne = U({
 		d: "M5 7.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m3 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5M7.5 15a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z",
 		clipRule: "evenodd"
 	})
-}), $t = U({
+}), $t = H({
 	displayName: "TextAlignLeft",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -957,7 +957,7 @@ var Ne = U({
 		d: "M5 7.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m.5 3.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z",
 		clipRule: "evenodd"
 	})
-}), en = U({
+}), en = H({
 	displayName: "TextAlignRight",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -965,7 +965,7 @@ var Ne = U({
 		d: "M19 7.5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0 0 1h13a.5.5 0 0 0 .5-.5m0 4a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0 0 1h7a.5.5 0 0 0 .5-.5m-.5 3.5a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1z",
 		clipRule: "evenodd"
 	})
-}), tn = U({
+}), tn = H({
 	displayName: "TextVerticalAlignBottom",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -973,7 +973,7 @@ var Ne = U({
 		d: "m14.854 13.854-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 .708-.708L11 15.293V7.5a.5.5 0 0 1 1 0v7.793l2.146-2.147a.5.5 0 0 1 .708.708M5.5 19a.5.5 0 0 1 0-1h12a.5.5 0 0 1 0 1z",
 		clipRule: "evenodd"
 	})
-}), nn = U({
+}), nn = H({
 	displayName: "TextVerticalAlignMiddle",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -981,7 +981,7 @@ var Ne = U({
 		d: "m11.854 9.854 2-2a.5.5 0 0 0-.708-.708L12 8.293V4.5a.5.5 0 0 0-1 0v3.793L9.854 7.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0m0 3.292 2 2a.5.5 0 0 1-.708.708L12 14.707V18.5a.5.5 0 0 1-1 0v-3.793l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0M5.5 11a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1z",
 		clipRule: "evenodd"
 	})
-}), rn = U({
+}), rn = H({
 	displayName: "TextVerticalAlignTop",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -989,19 +989,19 @@ var Ne = U({
 		d: "M5.5 5a.5.5 0 0 0 0 1h12a.5.5 0 0 0 0-1zm6.354 2.146a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 .708.708L11 8.707V16.5a.5.5 0 0 0 1 0V8.707l2.146 2.147a.5.5 0 0 0 .708-.708z",
 		clipRule: "evenodd"
 	})
-}), an = U({
+}), an = H({
 	displayName: "VariableMode",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M9.154 5.004A3 3 0 0 1 12 8v7a3 3 0 0 1-5.996.154L6 15V8a3 3 0 0 1 3-3zm7.953 7.544a.41.41 0 0 1 .512-.07A2.99 2.99 0 0 1 19 15a3 3 0 0 1-3 3h-3.29c-.371 0-.574-.492-.37-.802a.43.43 0 0 1 .356-.198H16a2 2 0 0 0 1.24-3.57c-.269-.211-.374-.64-.133-.882M9 6a2 2 0 0 0-2 2v7a2 2 0 0 0 4 0V8a2 2 0 0 0-2-2m0 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2m4.305-6.918a3 3 0 0 1 2.816.797l.107.112a3 3 0 0 1 0 4.018l-.107.112-2.267 2.268a.5.5 0 0 1-.707-.707l2.267-2.268a2 2 0 0 0-1.68-3.394c-.344.046-.734-.184-.734-.53 0-.19.12-.364.305-.408"
 	})
-}), on = U({
+}), on = H({
 	displayName: "Variable",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
 		d: "M11 5.65a2 2 0 0 1 2 0l4 2.31a2 2 0 0 1 1 1.731v4.62a2 2 0 0 1-1 1.732l-4 2.309a2 2 0 0 1-2 0l-4-2.309a2 2 0 0 1-1-1.732.31.31 0 0 1 .31-.311h.38a.31.31 0 0 1 .31.31l.009.133c.04.305.22.578.491.734l4 2.31c.27.155.597.175.88.058l.12-.059 4-2.31a1 1 0 0 0 .491-.733L17 14.31V9.692a1 1 0 0 0-.5-.866l-4-2.308a1 1 0 0 0-1 0l-4 2.308-.11.074a1 1 0 0 0-.39.792.31.31 0 0 1-.309.309H6.31a.31.31 0 0 1-.31-.31A2 2 0 0 1 7 7.96zm1 4.351a2 2 0 1 1-1.935 2.499H5.5a.5.5 0 0 1 0-1h4.566A2 2 0 0 1 12 10.001m0 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
 	})
-}), sn = U({
+}), sn = H({
 	displayName: "Video",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -1009,7 +1009,7 @@ var Ne = U({
 		d: "M8 7h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1M6 8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm4.996 1.132A1 1 0 0 0 9.5 10v4a1 1 0 0 0 1.496.868l3.5-2a1 1 0 0 0 0-1.736zm.504 4.297-1 .571v-4l1 .571 1.492.853L14 12l-1.008.576z",
 		clipRule: "evenodd"
 	})
-}), cn = U({
+}), cn = H({
 	displayName: "Styles",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -1017,7 +1017,7 @@ var Ne = U({
 		clipRule: "evenodd",
 		d: "M8.5 10a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 1a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm7-1a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 1a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5ZM14 15.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm-1 0a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0ZM8.5 17a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0 1a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z"
 	})
-}), [ln, un] = Ce("Checkbox"), dn = t.forwardRef((e, t) => {
+}), [ln, un] = we("Checkbox"), dn = t.forwardRef((e, t) => {
 	let { className: n, id: r, ...a } = e, o = i();
 	return /* @__PURE__ */ f(ln, {
 		id: r ?? o,
@@ -1030,7 +1030,7 @@ var Ne = U({
 }), fn = t.forwardRef((e, t) => {
 	let { className: n, indeterminate: r, ...i } = e, { id: a } = un("Input");
 	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("input", {
-		ref: V(t, gn(r)),
+		ref: B(t, gn(r)),
 		className: u(n, "fp-CheckboxInput"),
 		id: a,
 		"aria-labelledby": `checkbox-label-${a}`,
@@ -1041,16 +1041,16 @@ var Ne = U({
 }), pn = () => /* @__PURE__ */ p("span", {
 	className: "fp-CheckboxIndicator",
 	"aria-hidden": "true",
-	children: [/* @__PURE__ */ f(W, {
+	children: [/* @__PURE__ */ f(U, {
 		className: "fp-CheckboxCheckmark",
 		size: "4"
-	}), /* @__PURE__ */ f(Ke, {
+	}), /* @__PURE__ */ f(qe, {
 		className: "fp-CheckboxIndeterminate",
 		size: "4"
 	})]
 }), mn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e, { id: i } = un("Input");
-	return /* @__PURE__ */ f(fe, {
+	return /* @__PURE__ */ f(pe, {
 		"aria-hidden": "true",
 		ref: t,
 		className: u(n, "fp-CheckboxLabel"),
@@ -1060,7 +1060,7 @@ var Ne = U({
 	});
 }), hn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e, { id: i } = un("Description");
-	return /* @__PURE__ */ f(H, {
+	return /* @__PURE__ */ f(V, {
 		"aria-hidden": "true",
 		ref: t,
 		className: u(n, "fp-CheckboxDescription"),
@@ -1076,7 +1076,7 @@ function gn(e) {
 dn.displayName = "Checkbox.Root", fn.displayName = "Checkbox.Input", pn.displayName = "Checkbox.Indicator", mn.displayName = "Checkbox.Label", hn.displayName = "Checkbox.Description";
 //#endregion
 //#region src/components/checkbox/index.ts
-var _n = /* @__PURE__ */ z({
+var _n = /* @__PURE__ */ R({
 	Description: () => hn,
 	Input: () => fn,
 	Label: () => mn,
@@ -1085,21 +1085,21 @@ var _n = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Trigger, {
 		ref: t,
-		className: B(n, "fp-SelectTrigger"),
+		className: z(n, "fp-SelectTrigger"),
 		...r
 	});
 }), wn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Icon, {
 		ref: t,
-		className: B(n, "fp-SelectTriggerIcon"),
+		className: z(n, "fp-SelectTriggerIcon"),
 		...r
 	});
 }), Tn = t.forwardRef((e, t) => {
 	let { className: n, positionMethod: r = "fixed", ...i } = e;
 	return /* @__PURE__ */ f(y.Positioner, {
 		ref: t,
-		className: B(n, "fp-SelectPositioner"),
+		className: z(n, "fp-SelectPositioner"),
 		positionMethod: r,
 		...i
 	});
@@ -1107,7 +1107,7 @@ var _n = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Popup, {
 		ref: t,
-		className: B(n, "fp-MenuContent"),
+		className: z(n, "fp-MenuContent"),
 		...r
 	});
 }), Dn = t.forwardRef((e, t) => /* @__PURE__ */ f(y.List, {
@@ -1117,56 +1117,56 @@ var _n = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Item, {
 		ref: t,
-		className: B(n, "fp-MenuItem fp-MenuCheckboxItem"),
+		className: z(n, "fp-MenuItem fp-MenuCheckboxItem"),
 		...r
 	});
 }), kn = y.ItemText, An = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.ItemIndicator, {
 		ref: t,
-		className: B(n, "fp-MenuItemIndicator"),
+		className: z(n, "fp-MenuItemIndicator"),
 		...r
 	});
 }), jn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Separator, {
 		ref: t,
-		className: B(n, "fp-MenuSeparator"),
+		className: z(n, "fp-MenuSeparator"),
 		...r
 	});
 }), Mn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Group, {
 		ref: t,
-		className: B(n, "fp-MenuGroup"),
+		className: z(n, "fp-MenuGroup"),
 		...r
 	});
 }), Nn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.GroupLabel, {
 		ref: t,
-		className: B(n, "fp-MenuLabel"),
+		className: z(n, "fp-MenuLabel"),
 		...r
 	});
 }), Pn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.ScrollUpArrow, {
 		ref: t,
-		className: B(n, "fp-SelectScrollUpButton"),
+		className: z(n, "fp-SelectScrollUpButton"),
 		...r
 	});
 }), Fn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.ScrollDownArrow, {
 		ref: t,
-		className: B(n, "fp-SelectScrollDownButton"),
+		className: z(n, "fp-SelectScrollDownButton"),
 		...r
 	});
 });
 Cn.displayName = "Select.Trigger", wn.displayName = "Select.Icon", Tn.displayName = "Select.Positioner", En.displayName = "Select.Popup", Dn.displayName = "Select.List", On.displayName = "Select.Item", An.displayName = "Select.ItemIndicator", jn.displayName = "Select.Separator", Mn.displayName = "Select.Group", Nn.displayName = "Select.GroupLabel", Pn.displayName = "Select.ScrollUpArrow", Fn.displayName = "Select.ScrollDownArrow";
 //#endregion
 //#region src/components/select/index.ts
-var In = /* @__PURE__ */ z({
+var In = /* @__PURE__ */ R({
 	Arrow: () => Sn,
 	Group: () => Mn,
 	GroupLabel: () => Nn,
@@ -1189,21 +1189,21 @@ var In = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Trigger, {
 		ref: t,
-		className: B(n, "fp-SelectTrigger fp-ComboboxTrigger"),
+		className: z(n, "fp-SelectTrigger fp-ComboboxTrigger"),
 		...r
 	});
 }), Wn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Icon, {
 		ref: t,
-		className: B(n, "fp-SelectTriggerIcon fp-ComboboxTriggerIcon"),
+		className: z(n, "fp-SelectTriggerIcon fp-ComboboxTriggerIcon"),
 		...r
 	});
 }), Gn = t.forwardRef((e, t) => {
 	let { className: n, positionMethod: r = "fixed", sideOffset: i = 4, ...a } = e;
 	return /* @__PURE__ */ f(b.Positioner, {
 		ref: t,
-		className: B(n, "fp-ComboboxPositioner"),
+		className: z(n, "fp-ComboboxPositioner"),
 		positionMethod: r,
 		sideOffset: i,
 		...a
@@ -1212,25 +1212,25 @@ var In = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Popup, {
 		ref: t,
-		className: B(n, "fp-ComboboxPopup"),
+		className: z(n, "fp-ComboboxPopup"),
 		...r
 	});
 }), qn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.InputGroup, {
 		ref: t,
-		className: B(n, "fp-ComboboxInputGroup"),
+		className: z(n, "fp-ComboboxInputGroup"),
 		...r
 	});
 }), Jn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Input, {
 		ref: t,
-		className: B(n, "fp-Input fp-ComboboxInput"),
+		className: z(n, "fp-Input fp-ComboboxInput"),
 		...r
 	});
 }), Yn = t.forwardRef((e, n) => {
-	let { placeholder: r = " ", ...i } = e, a = t.useRef(null), o = V(n, a);
+	let { placeholder: r = " ", ...i } = e, a = t.useRef(null), o = B(n, a);
 	function s() {
 		or(a.current), a.current?.focus();
 	}
@@ -1254,63 +1254,63 @@ var In = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.List, {
 		ref: t,
-		className: B(n, "fp-ComboboxList"),
+		className: z(n, "fp-ComboboxList"),
 		...r
 	});
 }), Zn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Item, {
 		ref: t,
-		className: B(n, "fp-MenuItem fp-MenuCheckboxItem fp-ComboboxItem"),
+		className: z(n, "fp-MenuItem fp-MenuCheckboxItem fp-ComboboxItem"),
 		...r
 	});
 }), Qn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.ItemIndicator, {
 		ref: t,
-		className: B(n, "fp-MenuItemIndicator fp-ComboboxItemIndicator"),
+		className: z(n, "fp-MenuItemIndicator fp-ComboboxItemIndicator"),
 		...r
 	});
 }), $n = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Empty, {
 		ref: t,
-		className: B(n, "fp-ComboboxMessage"),
+		className: z(n, "fp-ComboboxMessage"),
 		...r
 	});
 }), er = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Status, {
 		ref: t,
-		className: B(n, "fp-ComboboxMessage"),
+		className: z(n, "fp-ComboboxMessage"),
 		...r
 	});
 }), tr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Group, {
 		ref: t,
-		className: B(n, "fp-MenuGroup"),
+		className: z(n, "fp-MenuGroup"),
 		...r
 	});
 }), nr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.GroupLabel, {
 		ref: t,
-		className: B(n, "fp-MenuLabel"),
+		className: z(n, "fp-MenuLabel"),
 		...r
 	});
 }), rr = b.Collection, ir = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(x, {
 		ref: t,
-		className: B(n, "fp-MenuSeparator"),
+		className: z(n, "fp-MenuSeparator"),
 		...r
 	});
 }), ar = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Clear, {
 		ref: t,
-		className: B(n, "fp-IconButton fp-size-small fp-ComboboxClear"),
+		className: z(n, "fp-IconButton fp-size-small fp-ComboboxClear"),
 		...r
 	});
 });
@@ -1325,7 +1325,7 @@ function or(e) {
 }
 //#endregion
 //#region src/components/combobox/index.ts
-var sr = /* @__PURE__ */ z({
+var sr = /* @__PURE__ */ R({
 	Arrow: () => Vn,
 	Backdrop: () => Hn,
 	Clear: () => ar,
@@ -1353,35 +1353,35 @@ var sr = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Popup, {
 		ref: t,
-		className: B(n, "fp-MenuContent"),
+		className: z(n, "fp-MenuContent"),
 		...r
 	});
 }), hr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Item, {
 		ref: t,
-		className: B(n, "fp-MenuItem"),
+		className: z(n, "fp-MenuItem"),
 		...r
 	});
 }), gr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Separator, {
 		ref: t,
-		className: B(n, "fp-MenuSeparator"),
+		className: z(n, "fp-MenuSeparator"),
 		...r
 	});
 }), _r = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.GroupLabel, {
 		ref: t,
-		className: B(n, "fp-MenuLabel"),
+		className: z(n, "fp-MenuLabel"),
 		...r
 	});
 }), vr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Group, {
 		ref: t,
-		className: B(n, "fp-MenuGroup"),
+		className: z(n, "fp-MenuGroup"),
 		...r
 	});
 }), yr = (e) => {
@@ -1394,7 +1394,7 @@ var sr = /* @__PURE__ */ z({
 	let { className: n, render: r = yr, ...i } = e;
 	return /* @__PURE__ */ f(S.SubmenuTrigger, {
 		ref: t,
-		className: B(n, "fp-MenuItem"),
+		className: z(n, "fp-MenuItem"),
 		render: r,
 		...i
 	});
@@ -1402,35 +1402,35 @@ var sr = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.CheckboxItem, {
 		ref: t,
-		className: B(n, "fp-MenuItem fp-MenuCheckboxItem"),
+		className: z(n, "fp-MenuItem fp-MenuCheckboxItem"),
 		...r
 	});
 }), Sr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.CheckboxItemIndicator, {
 		ref: t,
-		className: B(n, "fp-MenuItemIndicator"),
+		className: z(n, "fp-MenuItemIndicator"),
 		...r
 	});
 }), Cr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.RadioItem, {
 		ref: t,
-		className: B(n, "fp-MenuItem fp-MenuRadioItem"),
+		className: z(n, "fp-MenuItem fp-MenuRadioItem"),
 		...r
 	});
 }), wr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.RadioItemIndicator, {
 		ref: t,
-		className: B(n, "fp-MenuItemIndicator"),
+		className: z(n, "fp-MenuItemIndicator"),
 		...r
 	});
 });
 mr.displayName = "DropdownMenu.Popup", hr.displayName = "DropdownMenu.Item", gr.displayName = "DropdownMenu.Separator", vr.displayName = "DropdownMenu.Group", _r.displayName = "DropdownMenu.GroupLabel", br.displayName = "DropdownMenu.SubmenuTrigger", xr.displayName = "DropdownMenu.CheckboxItem", Sr.displayName = "DropdownMenu.CheckboxItemIndicator", Cr.displayName = "DropdownMenu.RadioItem", wr.displayName = "DropdownMenu.RadioItemIndicator";
 //#endregion
 //#region src/components/dropdown-menu/index.ts
-var Tr = /* @__PURE__ */ z({
+var Tr = /* @__PURE__ */ R({
 	CheckboxItem: () => xr,
 	CheckboxItemIndicator: () => Sr,
 	Group: () => vr,
@@ -1451,35 +1451,35 @@ var Tr = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Popup, {
 		ref: t,
-		className: B(n, "fp-MenuContent"),
+		className: z(n, "fp-MenuContent"),
 		...r
 	});
 }), Nr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Item, {
 		ref: t,
-		className: B(n, "fp-MenuItem"),
+		className: z(n, "fp-MenuItem"),
 		...r
 	});
 }), Pr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Separator, {
 		ref: t,
-		className: B(n, "fp-MenuSeparator"),
+		className: z(n, "fp-MenuSeparator"),
 		...r
 	});
 }), Fr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.GroupLabel, {
 		ref: t,
-		className: B(n, "fp-MenuLabel"),
+		className: z(n, "fp-MenuLabel"),
 		...r
 	});
 }), Ir = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Group, {
 		ref: t,
-		className: B(n, "fp-MenuGroup"),
+		className: z(n, "fp-MenuGroup"),
 		...r
 	});
 }), Lr = (e) => {
@@ -1492,7 +1492,7 @@ var Tr = /* @__PURE__ */ z({
 	let { className: n, render: r = Lr, ...i } = e;
 	return /* @__PURE__ */ f(C.SubmenuTrigger, {
 		ref: t,
-		className: B(n, "fp-MenuItem"),
+		className: z(n, "fp-MenuItem"),
 		render: r,
 		...i
 	});
@@ -1500,35 +1500,35 @@ var Tr = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.CheckboxItem, {
 		ref: t,
-		className: B(n, "fp-MenuItem fp-MenuCheckboxItem"),
+		className: z(n, "fp-MenuItem fp-MenuCheckboxItem"),
 		...r
 	});
 }), Br = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.CheckboxItemIndicator, {
 		ref: t,
-		className: B(n, "fp-MenuItemIndicator"),
+		className: z(n, "fp-MenuItemIndicator"),
 		...r
 	});
 }), Vr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.RadioItem, {
 		ref: t,
-		className: B(n, "fp-MenuItem fp-MenuRadioItem"),
+		className: z(n, "fp-MenuItem fp-MenuRadioItem"),
 		...r
 	});
 }), Hr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.RadioItemIndicator, {
 		ref: t,
-		className: B(n, "fp-MenuItemIndicator"),
+		className: z(n, "fp-MenuItemIndicator"),
 		...r
 	});
 });
 Mr.displayName = "ContextMenu.Popup", Nr.displayName = "ContextMenu.Item", Pr.displayName = "ContextMenu.Separator", Ir.displayName = "ContextMenu.Group", Fr.displayName = "ContextMenu.GroupLabel", Rr.displayName = "ContextMenu.SubmenuTrigger", zr.displayName = "ContextMenu.CheckboxItem", Br.displayName = "ContextMenu.CheckboxItemIndicator", Vr.displayName = "ContextMenu.RadioItem", Hr.displayName = "ContextMenu.RadioItemIndicator";
 //#endregion
 //#region src/components/context-menu/index.ts
-var Ur = /* @__PURE__ */ z({
+var Ur = /* @__PURE__ */ R({
 	CheckboxItem: () => zr,
 	CheckboxItemIndicator: () => Br,
 	Group: () => Ir,
@@ -1558,13 +1558,13 @@ var Ur = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(T.Popup, {
 		ref: t,
-		className: B(n, "fp-tooltip"),
+		className: z(n, "fp-tooltip"),
 		...r
 	});
 }), qr = (e) => {
 	let { className: t, ...n } = e;
 	return /* @__PURE__ */ f(T.Arrow, {
-		className: B(t, "fp-tooltip-arrow"),
+		className: z(t, "fp-tooltip-arrow"),
 		render: /* @__PURE__ */ f("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "10",
@@ -1698,14 +1698,14 @@ var ti = w.Root, ni = w.Trigger, ri = w.Portal, ii = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(w.Popup, {
 		ref: t,
-		className: B(n, "fp-DialogBaseContent"),
+		className: z(n, "fp-DialogBaseContent"),
 		...r
 	});
 }), oi = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(H, { weight: "strong" }), ...i } = e;
+	let { className: n, render: r = /* @__PURE__ */ f(V, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(w.Title, {
 		ref: t,
-		className: B(n, "fp-DialogBaseTitle"),
+		className: z(n, "fp-DialogBaseTitle"),
 		render: r,
 		...i
 	});
@@ -1724,7 +1724,7 @@ var ti = w.Root, ni = w.Trigger, ri = w.Portal, ii = t.forwardRef((e, t) => {
 ai.displayName = "Popover.Popup", ii.displayName = "Popover.Positioner", oi.displayName = "Popover.Title", si.displayName = "Popover.Close";
 //#endregion
 //#region src/components/popover/index.ts
-var ci = /* @__PURE__ */ z({
+var ci = /* @__PURE__ */ R({
 	Close: () => si,
 	Controls: () => $r,
 	Header: () => Zr,
@@ -1759,7 +1759,7 @@ var ci = /* @__PURE__ */ z({
 	});
 	return /* @__PURE__ */ f(E.Popup, {
 		ref: t,
-		className: B(r, s),
+		className: z(r, s),
 		...o,
 		children: n
 	});
@@ -1767,14 +1767,14 @@ var ci = /* @__PURE__ */ z({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(E.Backdrop, {
 		ref: t,
-		className: B(n, "fp-DialogBaseOverlay"),
+		className: z(n, "fp-DialogBaseOverlay"),
 		...r
 	});
 }), hi = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(H, { weight: "strong" }), ...i } = e;
+	let { className: n, render: r = /* @__PURE__ */ f(V, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(E.Title, {
 		ref: t,
-		className: B(n, "fp-DialogBaseTitle"),
+		className: z(n, "fp-DialogBaseTitle"),
 		render: r,
 		...i
 	});
@@ -1793,7 +1793,7 @@ var ci = /* @__PURE__ */ z({
 pi.displayName = "Dialog.Popup", mi.displayName = "Dialog.Backdrop", hi.displayName = "Dialog.Title", gi.displayName = "Dialog.Close";
 //#endregion
 //#region src/components/dialog/index.ts
-var _i = /* @__PURE__ */ z({
+var _i = /* @__PURE__ */ R({
 	Backdrop: () => mi,
 	Close: () => gi,
 	Controls: () => $r,
@@ -1827,29 +1827,29 @@ var _i = /* @__PURE__ */ z({
 	});
 	return /* @__PURE__ */ f(D.Popup, {
 		ref: t,
-		className: B(n, o),
+		className: z(n, o),
 		...a
 	});
 }), wi = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(D.Backdrop, {
 		ref: t,
-		className: B(n, "fp-DialogBaseOverlay"),
+		className: z(n, "fp-DialogBaseOverlay"),
 		...r
 	});
 }), Ti = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(H, { weight: "strong" }), ...i } = e;
+	let { className: n, render: r = /* @__PURE__ */ f(V, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(D.Title, {
 		ref: t,
-		className: B(n, "fp-AlertDialogTitle"),
+		className: z(n, "fp-AlertDialogTitle"),
 		render: r,
 		...i
 	});
 }), Ei = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(H, {}), ...i } = e;
+	let { className: n, render: r = /* @__PURE__ */ f(V, {}), ...i } = e;
 	return /* @__PURE__ */ f(D.Description, {
 		ref: t,
-		className: B(n, "fp-AlertDialogDescription"),
+		className: z(n, "fp-AlertDialogDescription"),
 		render: r,
 		...i
 	});
@@ -1864,7 +1864,7 @@ var _i = /* @__PURE__ */ z({
 Ci.displayName = "AlertDialog.Popup", wi.displayName = "AlertDialog.Backdrop", Ti.displayName = "AlertDialog.Title", Ei.displayName = "AlertDialog.Description", Di.displayName = "AlertDialog.Actions";
 //#endregion
 //#region src/components/alert-dialog/index.ts
-var Oi = /* @__PURE__ */ z({
+var Oi = /* @__PURE__ */ R({
 	Actions: () => Di,
 	Backdrop: () => wi,
 	Close: () => xi,
@@ -1874,7 +1874,7 @@ var Oi = /* @__PURE__ */ z({
 	Root: () => vi,
 	Title: () => Ti,
 	Trigger: () => bi
-}), [ki, G] = Ce("ValueFieldProvider", null), K = t.forwardRef((e, t) => {
+}), [ki, G] = we("ValueFieldProvider", null), K = t.forwardRef((e, t) => {
 	let { className: n, disabled: r, ...i } = e, a = Ai(r, G("Root"));
 	return /* @__PURE__ */ f(ki, {
 		...a,
@@ -1951,7 +1951,7 @@ function ji() {
 //#endregion
 //#region src/components/input/input.tsx
 var Mi = t.forwardRef((e, t) => {
-	let { type: n = "text", className: r, selectOnClick: i = !1, ...a } = e, s = V(o(null), t), { onMouseLeave: c, onMouseUp: l, onFocus: d } = ji(), p = i ? N(a, {
+	let { type: n = "text", className: r, selectOnClick: i = !1, ...a } = e, s = B(o(null), t), { onMouseLeave: c, onMouseUp: l, onFocus: d } = ji(), p = i ? N(a, {
 		onMouseLeave: c,
 		onMouseUp: l,
 		onFocus: d
@@ -1967,7 +1967,7 @@ Mi.displayName = "Input";
 //#endregion
 //#region src/components/value-field/value-field-base.tsx
 var Ni = (e) => {
-	let { className: n, inputRef: r, value: i, onChange: a, smallNudge: c = 1, bigNudge: l = 10, formatter: d, disabled: p, ...m } = e, h = o(null), g = V(r, h), _ = o(i), [v, y] = s(null), b = v ?? d.format(i), x = G("ValueField"), S = p || x?.disabled ? !0 : void 0, C = x?.registerScrubTarget;
+	let { className: n, inputRef: r, value: i, onChange: a, smallNudge: c = 1, bigNudge: l = 10, formatter: d, disabled: p, ...m } = e, h = o(null), g = B(r, h), _ = o(i), [v, y] = s(null), b = v ?? d.format(i), x = G("ValueField"), S = p || x?.disabled ? !0 : void 0, C = x?.registerScrubTarget;
 	t.useEffect(() => {
 		x?.scrubbing || (_.current = i);
 	}, [x?.scrubbing, i]);
@@ -2128,12 +2128,12 @@ function Ri(e) {
 //#endregion
 //#region src/components/value-field/value-field-scrubber.tsx
 var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
-	let { children: i, className: a, onPointerDown: c, pixelSensitivity: l = zi, teleportDistance: d, style: m, ...h } = e, g = G("Scrubber"), _ = o(null), v = o(null), [y, b] = s(null), x = V(n, t.useCallback((e) => {
+	let { children: i, className: a, onPointerDown: c, pixelSensitivity: l = zi, teleportDistance: d, style: m, ...h } = e, g = G("Scrubber"), _ = o(null), v = o(null), [y, b] = s(null), x = B(n, t.useCallback((e) => {
 		_.current = e, b(Zi(e));
 	}, [])), [S, C] = s(!1), [w, T] = s(!1), [E, D] = s(!1), O = o(!1), k = o(!1), A = o(null), j = o(0), M = o({
 		x: 0,
 		y: 0
-	}), N = g?.scrubTargetsRef, P = g?.disabled, F = g?.setScrubbing, I = S && !w && !E && !Qi(), L = t.useCallback((e, t) => {
+	}), N = g?.scrubTargetsRef, P = g?.disabled, F = g?.setScrubbing, ne = S && !w && !E && !Qi(), I = t.useCallback((e, t) => {
 		te(() => {
 			C(e), F?.(e);
 		});
@@ -2144,7 +2144,7 @@ var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
 			y: t.clientY - n.offsetHeight / 2
 		};
 		M.current = r, Ki(n, r);
-	}, [F]), R = t.useCallback((e, t) => {
+	}, [F]), L = t.useCallback((e, t) => {
 		let n = v.current, r = _.current;
 		if (!n || !r) return;
 		let i = Ji(d, r), a = M.current, o = qi({
@@ -2153,12 +2153,12 @@ var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
 		}, i, n);
 		M.current = o, Ki(n, o);
 	}, [d]);
-	function ne(e) {
+	function re(e) {
 		c?.(e);
 		let t = Ui(N?.current, _.current), n = e.button === 0;
 		if (e.defaultPrevented || !n || P || !t || t.disabled) return;
 		let r = e.pointerType === "touch";
-		T(r), D(!1), e.pointerType === "mouse" && e.preventDefault(), t.startScrub(), O.current = !0, k.current = !1, j.current = 0, A.current = e.nativeEvent.target, L(!0, e.nativeEvent), !r && !Qi() && Hi(_.current, D);
+		T(r), D(!1), e.pointerType === "mouse" && e.preventDefault(), t.startScrub(), O.current = !0, k.current = !1, j.current = 0, A.current = e.nativeEvent.target, I(!0, e.nativeEvent), !r && !Qi() && Hi(_.current, D);
 	}
 	r(() => {
 		if (!S || !N || P) return;
@@ -2167,7 +2167,7 @@ var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
 		let n = Xi(_.current);
 		if (!n) return;
 		function r(t) {
-			if (O.current && (t.preventDefault(), R(t.movementX, t.movementY), j.current += t.movementX, Math.abs(j.current) >= l)) {
+			if (O.current && (t.preventDefault(), L(t.movementX, t.movementY), j.current += t.movementX, Math.abs(j.current) >= l)) {
 				let n = j.current;
 				j.current = 0, k.current = !0;
 				let r = Ui(e.current, _.current);
@@ -2176,7 +2176,7 @@ var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
 		}
 		function i(e) {
 			let t = Yi(_.current);
-			typeof t?.exitPointerLock == "function" && t.exitPointerLock(), O.current = !1, L(!1, e), Gi(A.current, _.current, k.current), k.current = !1, A.current = null, j.current = 0;
+			typeof t?.exitPointerLock == "function" && t.exitPointerLock(), O.current = !1, I(!1, e), Gi(A.current, _.current, k.current), k.current = !1, A.current = null, j.current = 0;
 		}
 		return n.addEventListener("pointermove", r, !0), n.addEventListener("pointerup", i, !0), () => {
 			n.removeEventListener("pointermove", r, !0), n.removeEventListener("pointerup", i, !0);
@@ -2186,8 +2186,8 @@ var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
 		S,
 		l,
 		N,
-		L,
-		R
+		I,
+		L
 	]), r(() => {
 		let e = _.current;
 		if (!e || P) return;
@@ -2198,7 +2198,7 @@ var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
 			e.removeEventListener("touchstart", t);
 		};
 	}, [P]);
-	let z = {
+	let R = {
 		touchAction: "none",
 		WebkitUserSelect: "none",
 		userSelect: "none",
@@ -2210,10 +2210,10 @@ var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
 		"data-disabled": P ? "" : void 0,
 		"data-scrubbing": S ? "" : void 0,
 		role: "presentation",
-		style: z,
-		onPointerDown: ne,
+		style: R,
+		onPointerDown: re,
 		...h,
-		children: [i, I && y ? ee(/* @__PURE__ */ f("span", {
+		children: [i, ne && y ? ee(/* @__PURE__ */ f("span", {
 			ref: v,
 			role: "presentation",
 			className: "fp-ValueFieldScrubberCursor",
@@ -2307,70 +2307,83 @@ Vi.displayName = "ValueField.Scrubber";
 //#endregion
 //#region src/components/value-field/value-field-numeric-select.tsx
 var ea = t.forwardRef((e, n) => {
-	let { className: r, style: i, value: a, onChange: o, options: s, disabled: c, triggerLabel: l = "Select value", ...m } = e, h = s.includes(a), g = Z(a), _ = ta(a, s, h), v = t.useRef(null);
-	function b(e) {
+	let { className: r, style: i, value: a, onChange: o, options: s, onItemHighlighted: c, disabled: l, triggerLabel: m = "Select value", ...h } = e, g = s.includes(a), _ = Z(a), v = ta(a, s, g), b = t.useRef(null), x = t.useRef(void 0);
+	function S(e) {
 		e !== null && o(Number(e));
 	}
+	function C(e) {
+		x.current !== e && (x.current = e, c?.(e));
+	}
+	function w(e) {
+		e || C(void 0);
+	}
+	function T(e) {
+		e.target === e.currentTarget && C(void 0);
+	}
 	return /* @__PURE__ */ p(y.Root, {
-		items: _,
-		value: g,
-		onValueChange: b,
-		disabled: c,
+		items: v,
+		value: _,
+		onValueChange: S,
+		onOpenChange: w,
+		disabled: l,
 		children: [/* @__PURE__ */ p(q, {
-			ref: v,
+			ref: b,
 			className: u(r, "fp-ValueFieldNumericSelect"),
 			style: i,
-			disabled: c,
+			disabled: l,
 			children: [/* @__PURE__ */ p(K, {
 				className: "fp-ValueFieldNumericSelectField",
-				disabled: c,
+				disabled: l,
 				children: [/* @__PURE__ */ f(Vi, {}), /* @__PURE__ */ f(X, {
 					ref: n,
 					value: a,
 					onChange: o,
-					disabled: c,
-					...m
+					disabled: l,
+					...h
 				})]
 			}), /* @__PURE__ */ p(y.Trigger, {
 				className: "fp-ValueFieldNumericSelectTrigger",
-				"aria-label": l,
+				"aria-label": m,
 				children: [/* @__PURE__ */ f(y.Value, {}), /* @__PURE__ */ f(y.Icon, {
 					className: "fp-ValueFieldNumericSelectIcon",
-					children: /* @__PURE__ */ f(qe, { size: "4" })
+					children: /* @__PURE__ */ f(W, { size: "4" })
 				})]
 			})]
 		}), /* @__PURE__ */ f(y.Portal, { children: /* @__PURE__ */ f(y.Positioner, {
-			anchor: v,
-			className: u("fp-ValueFieldNumericSelectPositioner", h && "fp-ValueFieldNumericSelectPositionerInOptions"),
+			anchor: b,
+			className: u("fp-ValueFieldNumericSelectPositioner", g && "fp-ValueFieldNumericSelectPositionerInOptions"),
 			positionMethod: "fixed",
 			collisionPadding: 0,
 			children: /* @__PURE__ */ p(y.Popup, {
 				className: "fp-MenuContent",
+				onFocus: T,
 				children: [
 					/* @__PURE__ */ f(y.ScrollUpArrow, {
 						className: "fp-SelectScrollUpButton",
 						children: /* @__PURE__ */ f(Xe, { size: "4" })
 					}),
-					/* @__PURE__ */ p(y.List, { children: [!h && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p(y.Item, {
-						value: g,
-						label: g,
+					/* @__PURE__ */ p(y.List, { children: [!g && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p(y.Item, {
+						value: _,
+						label: _,
 						className: "fp-MenuItem fp-MenuCheckboxItem fp-ValueFieldNumericSelectCurrentItem",
+						onFocus: () => C(a),
 						children: [/* @__PURE__ */ f(y.ItemIndicator, {
 							className: "fp-MenuItemIndicator",
-							children: /* @__PURE__ */ f(W, { size: "4" })
+							children: /* @__PURE__ */ f(U, { size: "4" })
 						}), /* @__PURE__ */ f(y.ItemText, { children: a })]
 					}), /* @__PURE__ */ f(y.Separator, { className: "fp-MenuSeparator" })] }), s.map((e) => /* @__PURE__ */ p(y.Item, {
 						value: Z(e),
 						label: Z(e),
 						className: "fp-MenuItem fp-MenuCheckboxItem",
+						onFocus: () => C(e),
 						children: [/* @__PURE__ */ f(y.ItemIndicator, {
 							className: "fp-MenuItemIndicator",
-							children: /* @__PURE__ */ f(W, { size: "4" })
+							children: /* @__PURE__ */ f(U, { size: "4" })
 						}), /* @__PURE__ */ f(y.ItemText, { children: e })]
 					}, Z(e)))] }),
 					/* @__PURE__ */ f(y.ScrollDownArrow, {
 						className: "fp-SelectScrollDownButton",
-						children: /* @__PURE__ */ f(qe, { size: "4" })
+						children: /* @__PURE__ */ f(W, { size: "4" })
 					})
 				]
 			})
@@ -3241,7 +3254,7 @@ function la(e) {
 }
 //#endregion
 //#region src/components/value-field/index.ts
-var ua = /* @__PURE__ */ z({
+var ua = /* @__PURE__ */ R({
 	Hex: () => ra,
 	Label: () => J,
 	Multi: () => q,
@@ -3358,14 +3371,14 @@ var Ca = {
 	"rgb",
 	"hsl",
 	"hsv"
-], [Ta, $] = Ce("ColorPicker"), Ea = (e) => {
+], [Ta, $] = we("ColorPicker"), Ea = (e) => {
 	let { colorSpace: t, models: n = wa, defaultActiveModel: r, activeModel: i, onActiveModelChange: a, defaultColor: o, color: c, onColorChange: l, children: u } = e;
 	Da(i, r, n);
-	let [d = Ca, p] = ge({
+	let [d = Ca, p] = _e({
 		prop: c,
 		defaultProp: o,
 		onChange: l
-	}), [m = n[0], h] = ge({
+	}), [m = n[0], h] = _e({
 		prop: i,
 		defaultProp: r,
 		onChange: a
@@ -3419,14 +3432,14 @@ var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = l("fp-SliderRo
 	} },
 	defaultVariants: { size: "large" }
 }), Pa = t.forwardRef((e, t) => {
-	let { className: n, size: i, min: a = ka, max: c = Aa, defaultValue: l = [a], value: d, onValueChange: m, onValueCommit: h, tabIndex: g, orientation: _ = ja, dir: v = Ma, inverted: y, disabled: b, step: x = 1, minStepsBetweenThumbs: S, range: C = !0, rangeAnchor: w, baseValue: T, hints: E, ...D } = e, O = G("Slider"), A = b || O?.disabled, j = o(null), M = V(j, t), [N, ee] = s(d ?? l), te = Ra(N, y, a, c), I = Ra(l, y, a, c), L = o(d), R = o(l);
+	let { className: n, size: i, min: a = ka, max: c = Aa, defaultValue: l = [a], value: d, onValueChange: m, onValueCommit: h, tabIndex: g, orientation: _ = ja, dir: v = Ma, inverted: y, disabled: b, step: x = 1, minStepsBetweenThumbs: S, range: C = !0, rangeAnchor: w, baseValue: T, hints: E, ...D } = e, O = G("Slider"), A = b || O?.disabled, j = o(null), M = B(j, t), [N, ee] = s(d ?? l), te = Ra(N, y, a, c), ne = Ra(l, y, a, c), I = o(d), L = o(l);
 	return r(() => {
-		k(d, L.current) && k(l, R.current) || (ee(d ?? l), L.current = d, R.current = l);
+		k(d, I.current) && k(l, L.current) || (ee(d ?? l), I.current = d, L.current = l);
 	}, [d, l]), /* @__PURE__ */ f(P, {
 		direction: v,
 		children: /* @__PURE__ */ f(F.Root, {
-			className: B(n, Na({ size: i })),
-			defaultValue: I,
+			className: z(n, Na({ size: i })),
+			defaultValue: ne,
 			dir: v === Ma ? void 0 : v,
 			disabled: A,
 			max: c,
@@ -4065,11 +4078,11 @@ var io = {
 			onValueChange: o,
 			children: [/* @__PURE__ */ p(Cn, {
 				style: { width: 56 },
-				children: [/* @__PURE__ */ f(bn, {}), /* @__PURE__ */ f(wn, { children: /* @__PURE__ */ f(qe, {}) })]
+				children: [/* @__PURE__ */ f(bn, {}), /* @__PURE__ */ f(wn, { children: /* @__PURE__ */ f(W, {}) })]
 			}), /* @__PURE__ */ f(oo, { children: a.map((e) => /* @__PURE__ */ p(On, {
 				value: e.value,
 				label: e.label,
-				children: [/* @__PURE__ */ f(An, { children: /* @__PURE__ */ f(W, { size: "4" }) }), /* @__PURE__ */ f(kn, { children: e.label })]
+				children: [/* @__PURE__ */ f(An, { children: /* @__PURE__ */ f(U, { size: "4" }) }), /* @__PURE__ */ f(kn, { children: e.label })]
 			}, e.value)) })]
 		}), /* @__PURE__ */ f(i, {})]
 	});
@@ -4079,12 +4092,12 @@ function oo(e) {
 	return /* @__PURE__ */ f(yn, { children: /* @__PURE__ */ f(Tn, { children: /* @__PURE__ */ p(En, { children: [
 		/* @__PURE__ */ f(Pn, { children: /* @__PURE__ */ f(Xe, {}) }),
 		/* @__PURE__ */ f(Dn, { children: t }),
-		/* @__PURE__ */ f(Fn, { children: /* @__PURE__ */ f(qe, {}) })
+		/* @__PURE__ */ f(Fn, { children: /* @__PURE__ */ f(W, {}) })
 	] }) }) });
 }
 //#endregion
 //#region src/components/color-picker/index.ts
-var so = /* @__PURE__ */ z({
+var so = /* @__PURE__ */ R({
 	Alpha: () => Xa,
 	Area: () => Qa,
 	Hue: () => qa,
@@ -4093,16 +4106,16 @@ var so = /* @__PURE__ */ z({
 	useColorPickerContext: () => $
 }), co = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(I.Root, {
+	return /* @__PURE__ */ f(ne.Root, {
 		ref: t,
-		className: B(n, "fp-CollapsibleRoot"),
+		className: z(n, "fp-CollapsibleRoot"),
 		...r
 	});
 }), lo = t.forwardRef((e, t) => {
 	let { className: n, children: r, ...i } = e;
-	return /* @__PURE__ */ p(I.Trigger, {
+	return /* @__PURE__ */ p(ne.Trigger, {
 		ref: t,
-		className: B(n, "fp-CollapsibleTrigger"),
+		className: z(n, "fp-CollapsibleTrigger"),
 		...i,
 		children: [/* @__PURE__ */ f(Ye, {
 			viewBox: "4 4 16 16",
@@ -4112,16 +4125,16 @@ var so = /* @__PURE__ */ z({
 	});
 }), uo = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(I.Panel, {
+	return /* @__PURE__ */ f(ne.Panel, {
 		ref: t,
-		className: B(n, "fp-CollapsibleContent"),
+		className: z(n, "fp-CollapsibleContent"),
 		...r
 	});
 });
 co.displayName = "Collapsible.Root", lo.displayName = "Collapsible.Trigger", uo.displayName = "Collapsible.Panel";
 //#endregion
 //#region src/components/collapsible/index.ts
-var fo = /* @__PURE__ */ z({
+var fo = /* @__PURE__ */ R({
 	Panel: () => uo,
 	Root: () => co,
 	Trigger: () => lo
@@ -4163,7 +4176,7 @@ mo.displayName = "Button";
 //#region src/components/textarea/textarea.tsx
 var ho = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(L, {
+	return /* @__PURE__ */ f(I, {
 		className: u(n, "fp-textarea"),
 		ref: t,
 		...r
@@ -4174,13 +4187,13 @@ ho.displayName = "Textarea";
 //#region src/components/switch/switch.tsx
 var go = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(R.Root, {
+	return /* @__PURE__ */ f(L.Root, {
 		ref: t,
-		className: B(n, "fp-switchRoot"),
+		className: z(n, "fp-switchRoot"),
 		...r,
-		children: /* @__PURE__ */ f(R.Thumb, { className: "fp-switchThumb" })
+		children: /* @__PURE__ */ f(L.Thumb, { className: "fp-switchThumb" })
 	});
 });
 go.displayName = "Switch";
 //#endregion
-export { Ne as ActionsIcon, Oi as AlertDialog, Pe as AlignBottomIcon, Fe as AlignHorizontalCenterIcon, Ie as AlignLeftIcon, Le as AlignRightIcon, Re as AlignTopIcon, ze as AlignVerticalCenterIcon, Be as AnnotationIcon, Ve as AspectRatioIcon, He as AutoHeightIcon, Ue as AutoWidthIcon, We as BlendModeIcon, Ge as BooleanIcon, mo as Button, _n as Checkbox, W as CheckmarkIcon, Ke as CheckmarkIndeterminateIcon, qe as ChevronDownIcon, Je as ChevronLeftIcon, Ye as ChevronRightIcon, Xe as ChevronUpIcon, Ze as CircleIcon, Qe as ClearIcon, $e as CloseIcon, et as CodeIcon, fo as Collapsible, so as ColorPicker, sr as Combobox, tt as CommentIcon, nt as ComponentIcon, rt as ConstraintLeftIcon, it as ConstraintTopIcon, Ur as ContextMenu, at as CornerRadiusIcon, ot as DesignIcon, _i as Dialog, st as DrawIcon, Tr as DropdownMenu, ct as EllipsisIcon, lt as ExpandIcon, ut as EyeIcon, dt as EyedropperIcon, ht as FigmaIcon, ft as FillGradientIcon, pt as FillPatternIcon, mt as FillSolidIcon, gt as FixedSizeIcon, ro as Flex, _t as FlipHorizontalIcon, vt as FlipVerticalIcon, yt as FrameIcon, bt as HelpIcon, Xr as IconButton, xt as ImageIcon, Mi as Input, fe as Label, St as LayersCollapseIcon, Ct as LetterSpacingIcon, wt as LineHeightIcon, me as Link, Tt as LinkIcon, Et as MinusIcon, Dt as MoveIcon, Ot as NumberIcon, kt as OpacityIcon, At as PaletteIcon, jt as PanelLeftCloseIcon, pe as Paragraph, Mt as PenIcon, Nt as PlayIcon, Pt as PlusIcon, ci as Popover, ke as RadioGroup, Ft as RectangleIcon, It as RotateClockwiseIcon, Lt as RotationIcon, Rt as RulerIcon, zt as SearchIcon, Se as SegmentedControl, In as Select, Bt as SelectMatchingIcon, Vt as ShadowBottomLeftIcon, Ht as ShadowBottomRightIcon, Ut as ShadowDownIcon, Wt as ShadowLeftIcon, Gt as ShadowRightIcon, Kt as ShadowTopLeftIcon, qt as ShadowTopRightIcon, Jt as ShadowUpIcon, Pa as Slider, Yt as SlidersIcon, Xt as StringIcon, cn as StylesIcon, go as Switch, ue as Tabs, H as Text, Qt as TextAlignCenterIcon, $t as TextAlignLeftIcon, en as TextAlignRightIcon, Zt as TextIcon, tn as TextVerticalAlignBottomIcon, nn as TextVerticalAlignMiddleIcon, rn as TextVerticalAlignTopIcon, ho as Textarea, Jr as Tooltip, Gr as TooltipProvider, ua as ValueField, on as VariableIcon, an as VariableModeIcon, sn as VideoIcon, U as createIcon };
+export { Pe as ActionsIcon, Oi as AlertDialog, Fe as AlignBottomIcon, Ie as AlignHorizontalCenterIcon, Le as AlignLeftIcon, Re as AlignRightIcon, ze as AlignTopIcon, Be as AlignVerticalCenterIcon, Ve as AnnotationIcon, He as AspectRatioIcon, Ue as AutoHeightIcon, We as AutoWidthIcon, Ge as BlendModeIcon, Ke as BooleanIcon, mo as Button, _n as Checkbox, U as CheckmarkIcon, qe as CheckmarkIndeterminateIcon, W as ChevronDownIcon, Je as ChevronLeftIcon, Ye as ChevronRightIcon, Xe as ChevronUpIcon, Ze as CircleIcon, Qe as ClearIcon, $e as CloseIcon, et as CodeIcon, fo as Collapsible, so as ColorPicker, sr as Combobox, tt as CommentIcon, nt as ComponentIcon, rt as ConstraintLeftIcon, it as ConstraintTopIcon, Ur as ContextMenu, at as CornerRadiusIcon, ot as DesignIcon, _i as Dialog, st as DrawIcon, Tr as DropdownMenu, ct as EllipsisIcon, lt as ExpandIcon, ut as EyeIcon, dt as EyedropperIcon, ht as FigmaIcon, ft as FillGradientIcon, pt as FillPatternIcon, mt as FillSolidIcon, gt as FixedSizeIcon, ro as Flex, _t as FlipHorizontalIcon, vt as FlipVerticalIcon, yt as FrameIcon, bt as HelpIcon, Xr as IconButton, xt as ImageIcon, Mi as Input, pe as Label, St as LayersCollapseIcon, Ct as LetterSpacingIcon, wt as LineHeightIcon, he as Link, Tt as LinkIcon, Et as MinusIcon, Dt as MoveIcon, Ot as NumberIcon, kt as OpacityIcon, At as PaletteIcon, jt as PanelLeftCloseIcon, me as Paragraph, Mt as PenIcon, Nt as PlayIcon, Pt as PlusIcon, ci as Popover, Ae as RadioGroup, Ft as RectangleIcon, It as RotateClockwiseIcon, Lt as RotationIcon, Rt as RulerIcon, zt as SearchIcon, Ce as SegmentedControl, In as Select, Bt as SelectMatchingIcon, Vt as ShadowBottomLeftIcon, Ht as ShadowBottomRightIcon, Ut as ShadowDownIcon, Wt as ShadowLeftIcon, Gt as ShadowRightIcon, Kt as ShadowTopLeftIcon, qt as ShadowTopRightIcon, Jt as ShadowUpIcon, Pa as Slider, Yt as SlidersIcon, Xt as StringIcon, cn as StylesIcon, go as Switch, de as Tabs, V as Text, Qt as TextAlignCenterIcon, $t as TextAlignLeftIcon, en as TextAlignRightIcon, Zt as TextIcon, tn as TextVerticalAlignBottomIcon, nn as TextVerticalAlignMiddleIcon, rn as TextVerticalAlignTopIcon, ho as Textarea, Jr as Tooltip, Gr as TooltipProvider, ua as ValueField, on as VariableIcon, an as VariableModeIcon, sn as VideoIcon, H as createIcon };