figma-kit 1.0.0-beta.33 → 1.0.0-beta.34

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 ne } from "@base-ui/react/collapsible";
-import I from "react-textarea-autosize";
-import { Switch as L } from "@base-ui/react/switch";
+import { Collapsible as I } from "@base-ui/react/collapsible";
+import L from "react-textarea-autosize";
+import { Switch as R } from "@base-ui/react/switch";
 //#region \0rolldown/runtime.js
-var re = Object.defineProperty, R = (e, t) => {
+var ne = Object.defineProperty, z = (e, t) => {
 	let n = {};
-	for (var r in e) re(n, r, {
+	for (var r in e) ne(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || re(n, Symbol.toStringTag, { value: "Module" }), n;
+	return t || ne(n, Symbol.toStringTag, { value: "Module" }), n;
 };
 //#endregion
 //#region src/lib/react/add-class-name.ts
-function z(e, t) {
+function B(e, t) {
 	return typeof e == "function" ? (n) => u(e(n), t) : u(e, t);
 }
 //#endregion
 //#region src/lib/react/use-compose-refs.ts
-function ie(e, t) {
+function re(e, t) {
 	typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function ae(...e) {
-	return (t) => e.forEach((e) => ie(e, t));
+function ie(...e) {
+	return (t) => e.forEach((e) => re(e, t));
 }
-function B(...t) {
-	return e.useCallback(ae(...t), t);
+function V(...t) {
+	return e.useCallback(ie(...t), t);
 }
 //#endregion
 //#region src/components/tabs/tabs.tsx
-var oe = t.forwardRef((e, t) => {
+var ae = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(c.Root, {
 		ref: t,
-		className: z(n, "fp-TabsRoot"),
+		className: B(n, "fp-TabsRoot"),
 		...r
 	});
-}), se = t.forwardRef((e, t) => {
+}), oe = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(c.List, {
 		ref: t,
-		className: z(n, "fp-TabsList"),
+		className: B(n, "fp-TabsList"),
 		...r
 	});
-}), ce = t.forwardRef((e, t) => {
-	let { className: n, ...r } = e, i = ae(t, le());
+}), se = t.forwardRef((e, t) => {
+	let { className: n, ...r } = e, i = ie(t, ce());
 	return /* @__PURE__ */ f(c.Tab, {
 		ref: i,
-		className: z(n, "fp-TabsTrigger"),
+		className: B(n, "fp-TabsTrigger"),
 		...r
 	});
 });
-function le() {
+function ce() {
 	return n((e) => {
 		e !== null && (e.style.width = e.getBoundingClientRect().width + "px");
 	}, []);
 }
-var ue = t.forwardRef((e, t) => {
+var le = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(c.Panel, {
 		ref: t,
-		className: z(n, "fp-TabsContent"),
+		className: B(n, "fp-TabsContent"),
 		...r
 	});
 });
-oe.displayName = "Tabs.Root", se.displayName = "Tabs.List", ce.displayName = "Tabs.Tab", ue.displayName = "Tabs.Panel";
+ae.displayName = "Tabs.Root", oe.displayName = "Tabs.List", se.displayName = "Tabs.Tab", le.displayName = "Tabs.Panel";
 //#endregion
 //#region src/components/tabs/index.ts
-var de = /* @__PURE__ */ R({
-	List: () => se,
-	Panel: () => ue,
-	Root: () => oe,
-	Tab: () => ce
-}), fe = l("fp-Text", { variants: {
+var ue = /* @__PURE__ */ z({
+	List: () => oe,
+	Panel: () => le,
+	Root: () => ae,
+	Tab: () => se
+}), de = l("fp-Text", { variants: {
 	size: {
 		small: "fp-size-small",
 		medium: "fp-size-medium",
@@ -112,14 +112,14 @@ var de = /* @__PURE__ */ R({
 		end: "fp-align-end"
 	},
 	block: { true: "fp-block" }
-} }), V = t.forwardRef((e, t) => {
+} }), H = 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: fe({
+			className: de({
 				className: n,
 				size: i,
 				weight: a,
@@ -130,12 +130,12 @@ var de = /* @__PURE__ */ R({
 		}
 	});
 });
-V.displayName = "Text";
-var pe = t.forwardRef((e, t) => {
+H.displayName = "Text";
+var fe = t.forwardRef((e, t) => {
 	let { className: n, size: r, weight: i, align: a, block: o, ...s } = e;
 	return /* @__PURE__ */ f("label", {
 		ref: t,
-		className: fe({
+		className: de({
 			className: n,
 			size: r,
 			weight: i,
@@ -145,12 +145,12 @@ var pe = t.forwardRef((e, t) => {
 		...s
 	});
 });
-pe.displayName = "Label";
-var me = t.forwardRef((e, t) => {
+fe.displayName = "Label";
+var pe = t.forwardRef((e, t) => {
 	let { className: n, size: r, weight: i, align: a, block: o, ...s } = e;
 	return /* @__PURE__ */ f("p", {
 		ref: t,
-		className: fe({
+		className: de({
 			className: n,
 			size: r,
 			weight: i,
@@ -160,15 +160,15 @@ var me = t.forwardRef((e, t) => {
 		...s
 	});
 });
-me.displayName = "Paragraph";
-var he = t.forwardRef((e, t) => {
+pe.displayName = "Paragraph";
+var me = 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(fe({
+			className: u(de({
 				className: n,
 				size: i,
 				weight: a,
@@ -179,20 +179,20 @@ var he = t.forwardRef((e, t) => {
 		}
 	});
 });
-he.displayName = "Link";
+me.displayName = "Link";
 //#endregion
 //#region src/lib/react/use-controllable-state.ts
-function ge(t) {
+function he(t) {
 	let n = e.useRef(t);
 	return e.useEffect(() => {
 		n.current = t;
 	}), e.useMemo(() => ((...e) => n.current?.(...e)), []);
 }
-function _e({ prop: t, defaultProp: n, onChange: r = () => {} }) {
-	let [i, a] = ve({
+function ge({ prop: t, defaultProp: n, onChange: r = () => {} }) {
+	let [i, a] = _e({
 		defaultProp: n,
 		onChange: r
-	}), o = t !== void 0, s = o ? t : i, c = ge(r);
+	}), o = t !== void 0, s = o ? t : i, c = he(r);
 	return [s, e.useCallback((e) => {
 		if (o) {
 			let n = typeof e == "function" ? e(t) : e;
@@ -205,8 +205,8 @@ function _e({ prop: t, defaultProp: n, onChange: r = () => {} }) {
 		c
 	])];
 }
-function ve({ defaultProp: t, onChange: n }) {
-	let r = e.useState(t), [i] = r, a = e.useRef(i), o = ge(n);
+function _e({ defaultProp: t, onChange: n }) {
+	let r = e.useState(t), [i] = r, a = e.useRef(i), o = he(n);
 	return e.useEffect(() => {
 		a.current !== i && (o(i), a.current = i);
 	}, [
@@ -217,52 +217,52 @@ function ve({ defaultProp: t, onChange: n }) {
 }
 //#endregion
 //#region src/components/segmented-control/segmented-control.tsx
-var ye = t.forwardRef((e, t) => {
-	let { className: n, fullWidth: r, value: i, defaultValue: a, onValueChange: o, ...s } = e, [c, l] = _e({
+var ve = t.forwardRef((e, t) => {
+	let { className: n, fullWidth: r, value: i, defaultValue: a, onValueChange: o, ...s } = e, [c, l] = ge({
 		prop: i,
 		defaultProp: a,
 		onChange: o
 	});
 	return /* @__PURE__ */ f(h, {
 		ref: t,
-		className: z(n, u("fp-SegmentedControlRoot", { "fp-full-width": r })),
+		className: B(n, u("fp-SegmentedControlRoot", { "fp-full-width": r })),
 		...s,
 		multiple: !1,
-		value: Se(c),
+		value: xe(c),
 		onValueChange: (e) => {
 			let t = e[0];
 			t !== void 0 && l(t);
 		}
 	});
-}), be = t.forwardRef((e, t) => {
+}), ye = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(m, {
 		ref: t,
-		className: z(n, "fp-SegmentedControlItem"),
+		className: B(n, "fp-SegmentedControlItem"),
 		...r
 	});
-}), xe = t.forwardRef((e, t) => {
+}), be = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(V, {
+	return /* @__PURE__ */ f(H, {
 		ref: t,
 		className: u(n, "fp-SegmentedControlText"),
 		...r
 	});
 });
-ye.displayName = "SegmentedControl.Root", be.displayName = "SegmentedControl.Item", xe.displayName = "SegmentedControl.Text";
-function Se(e) {
+ve.displayName = "SegmentedControl.Root", ye.displayName = "SegmentedControl.Item", be.displayName = "SegmentedControl.Text";
+function xe(e) {
 	return e === void 0 ? [] : [e];
 }
 //#endregion
 //#region src/components/segmented-control/index.ts
-var Ce = /* @__PURE__ */ R({
-	Item: () => be,
-	Root: () => ye,
-	Text: () => xe
+var Se = /* @__PURE__ */ z({
+	Item: () => ye,
+	Root: () => ve,
+	Text: () => be
 });
 //#endregion
 //#region src/lib/react/create-context.tsx
-function we(e, n) {
+function Ce(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 we(e, n) {
 }
 //#endregion
 //#region src/components/radio-group/radio-group.tsx
-var [Te, Ee] = we("RadioGroup"), De = t.forwardRef((e, t) => {
+var [we, Te] = Ce("RadioGroup"), Ee = t.forwardRef((e, t) => {
 	let { orientation: n = "horizontal", disabled: r, className: i, ...a } = e;
-	return /* @__PURE__ */ f(Te, {
+	return /* @__PURE__ */ f(we, {
 		orientation: n,
 		disabled: r,
 		children: /* @__PURE__ */ f(v, {
 			ref: t,
 			disabled: r,
-			className: z(i, "fp-RadioGroupRoot"),
+			className: B(i, "fp-RadioGroupRoot"),
 			"data-orientation": n,
 			...a
 		})
 	});
-}), Oe = t.forwardRef((e, t) => {
+}), De = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(_.Root, {
 		ref: t,
-		className: z(n, "fp-RadioGroupItem"),
+		className: B(n, "fp-RadioGroupItem"),
 		...r
 	});
-}), ke = t.forwardRef((e, t) => {
-	let { orientation: n, disabled: r } = Ee("Label"), { className: i, ...a } = e;
-	return /* @__PURE__ */ f(pe, {
+}), Oe = t.forwardRef((e, t) => {
+	let { orientation: n, disabled: r } = Te("Label"), { className: i, ...a } = e;
+	return /* @__PURE__ */ f(fe, {
 		ref: t,
 		className: u(i, "fp-RadioGroupLabel"),
 		"data-orientation": n,
@@ -311,14 +311,14 @@ var [Te, Ee] = we("RadioGroup"), De = t.forwardRef((e, t) => {
 		...a
 	});
 });
-De.displayName = "RadioGroup.Root", Oe.displayName = "RadioGroup.Item", ke.displayName = "RadioGroup.Label";
+Ee.displayName = "RadioGroup.Root", De.displayName = "RadioGroup.Item", Oe.displayName = "RadioGroup.Label";
 //#endregion
 //#region src/components/radio-group/index.ts
-var Ae = /* @__PURE__ */ R({
-	Item: () => Oe,
-	Label: () => ke,
-	Root: () => De
-}), je = "6", Me = "0 0 24 24", Ne = l("fp-Icon", {
+var ke = /* @__PURE__ */ z({
+	Item: () => De,
+	Label: () => Oe,
+	Root: () => Ee
+}), Ae = "6", je = "0 0 24 24", Me = l("fp-Icon", {
 	variants: { size: {
 		1: "fp-size-1",
 		2: "fp-size-2",
@@ -333,16 +333,16 @@ var Ae = /* @__PURE__ */ R({
 		9: "fp-size-9",
 		10: "fp-size-10"
 	} },
-	defaultVariants: { size: je }
+	defaultVariants: { size: Ae }
 });
-function H(e) {
-	let { path: n, viewBox: r = Me, displayName: i } = e, a = t.forwardRef((e, t) => {
+function U(e) {
+	let { path: n, viewBox: r = je, 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: Ne({
+			className: Me({
 				className: a,
 				size: i
 			}),
@@ -355,13 +355,13 @@ function H(e) {
 }
 //#endregion
 //#region src/components/icons/actions.tsx
-var Pe = H({
+var Ne = U({
 	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"
 	})
-}), Fe = H({
+}), Pe = U({
 	displayName: "AlignBottom",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -372,7 +372,7 @@ var Pe = H({
 		fill: "var(--color-icon-tertiary)",
 		d: "M17.5 18a.5.5 0 0 1 0 1h-12a.5.5 0 0 1 0-1z"
 	})] })
-}), Ie = H({
+}), Fe = U({
 	displayName: "AlignHorizontalCenter",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -385,7 +385,7 @@ var Pe = H({
 		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"
 	})] })
-}), Le = H({
+}), Ie = U({
 	displayName: "AlignLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -396,7 +396,7 @@ var Pe = H({
 		fill: "var(--color-icon-tertiary)",
 		d: "M6 17.5a.5.5 0 0 1-1 0v-12a.5.5 0 0 1 1 0z"
 	})] })
-}), Re = H({
+}), Le = U({
 	displayName: "AlignRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -407,7 +407,7 @@ var Pe = H({
 		fill: "var(--color-icon-tertiary)",
 		d: "M18 17.5a.5.5 0 0 0 1 0v-12a.5.5 0 0 0-1 0z"
 	})] })
-}), ze = H({
+}), Re = U({
 	displayName: "AlignTop",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -418,7 +418,7 @@ var Pe = H({
 		fill: "var(--color-icon-tertiary)",
 		d: "M17.5 6a.5.5 0 0 0 0-1h-12a.5.5 0 0 0 0 1z"
 	})] })
-}), Be = H({
+}), ze = U({
 	displayName: "AlignVerticalCenter",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -431,7 +431,7 @@ var Pe = H({
 		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"
 	})] })
-}), Ve = H({
+}), Be = U({
 	displayName: "Annotation",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -439,7 +439,7 @@ var Pe = H({
 		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"
 	})
-}), He = H({
+}), Ve = U({
 	displayName: "AspectRatio",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -447,7 +447,7 @@ var Pe = H({
 		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"
 	})
-}), Ue = H({
+}), He = U({
 	displayName: "AutoHeight",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -455,7 +455,7 @@ var Pe = H({
 		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"
 	})
-}), We = H({
+}), Ue = U({
 	displayName: "AutoWidth",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -463,7 +463,7 @@ var Pe = H({
 		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"
 	})
-}), Ge = H({
+}), We = U({
 	displayName: "BlendMode",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -471,7 +471,7 @@ var Pe = H({
 		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"
 	})
-}), Ke = H({
+}), Ge = U({
 	displayName: "Boolean",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -479,7 +479,7 @@ var Pe = H({
 		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"
 	})
-}), U = H({
+}), W = U({
 	displayName: "Checkmark",
 	viewBox: "0 0 16 16",
 	path: /* @__PURE__ */ f("path", {
@@ -488,14 +488,14 @@ var Pe = H({
 		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"
 	})
-}), qe = H({
+}), Ke = U({
 	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"
 	})
-}), W = H({
+}), qe = U({
 	displayName: "ChevronDown",
 	path: /* @__PURE__ */ f("svg", {
 		width: "24",
@@ -509,28 +509,28 @@ var Pe = H({
 			d: "M9.87897 11.121L12 13.243L14.121 11.12"
 		})
 	})
-}), Je = H({
+}), Je = U({
 	displayName: "ChevronLeft",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		strokeLinecap: "round",
 		d: "M12.879 9.879L10.757 12L12.88 14.121"
 	})
-}), Ye = H({
+}), Ye = U({
 	displayName: "ChevronRight",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		strokeLinecap: "round",
 		d: "M11.121 14.121L13.243 12L11.12 9.879"
 	})
-}), Xe = H({
+}), Xe = U({
 	displayName: "ChevronUp",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		strokeLinecap: "round",
 		d: "M14.121 12.879L12 10.757L9.87903 12.88"
 	})
-}), Ze = H({
+}), Ze = U({
 	displayName: "Circle",
 	viewBox: "0 0 16 16",
 	path: /* @__PURE__ */ f("circle", {
@@ -539,32 +539,32 @@ var Pe = H({
 		cy: "8",
 		r: "3"
 	})
-}), Qe = H({
+}), Qe = U({
 	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 = H({
+}), $e = U({
 	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 = H({
+}), et = U({
 	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 = H({
+}), tt = U({
 	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 = H({
+}), nt = U({
 	displayName: "Component",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -572,7 +572,7 @@ var Pe = H({
 		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 = H({
+}), rt = U({
 	displayName: "ConstraintLeft",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -580,7 +580,7 @@ var Pe = H({
 		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 = H({
+}), it = U({
 	displayName: "ConstraintTop",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -588,19 +588,19 @@ var Pe = H({
 		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 = H({
+}), at = U({
 	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 = H({
+}), ot = U({
 	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 = H({
+}), st = U({
 	displayName: "Draw",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -608,7 +608,7 @@ var Pe = H({
 		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 = H({
+}), ct = U({
 	displayName: "Ellipsis",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -616,7 +616,7 @@ var Pe = H({
 		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 = H({
+}), lt = U({
 	displayName: "Expand",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -624,7 +624,7 @@ var Pe = H({
 		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 = H({
+}), ut = U({
 	displayName: "Eye",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -632,13 +632,13 @@ var Pe = H({
 		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 = H({
+}), dt = U({
 	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 = H({
+}), ft = U({
 	displayName: "FillGradient",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -646,7 +646,7 @@ var Pe = H({
 		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 = H({
+}), pt = U({
 	displayName: "FillPattern",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -654,7 +654,7 @@ var Pe = H({
 		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 = H({
+}), mt = U({
 	displayName: "FillSolid",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon-tertiary)",
@@ -665,7 +665,7 @@ var Pe = H({
 		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 = H({
+}), ht = U({
 	displayName: "Figma",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -673,7 +673,7 @@ var Pe = H({
 		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 = H({
+}), gt = U({
 	displayName: "FixedSize",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -681,7 +681,7 @@ var Pe = H({
 		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 = H({
+}), _t = U({
 	displayName: "FlipHorizontal",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -689,7 +689,7 @@ var Pe = H({
 		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 = H({
+}), vt = U({
 	displayName: "FlipVertical",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -697,7 +697,7 @@ var Pe = H({
 		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 = H({
+}), yt = U({
 	displayName: "Frame",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -705,7 +705,7 @@ var Pe = H({
 		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 = H({
+}), bt = U({
 	displayName: "Help",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -713,13 +713,13 @@ var Pe = H({
 		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 = H({
+}), xt = U({
 	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 = H({
+}), St = U({
 	displayName: "LayersCollapse",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -727,25 +727,25 @@ var Pe = H({
 		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 = H({
+}), Ct = U({
 	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 = H({
+}), wt = U({
 	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 = H({
+}), Tt = U({
 	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 = H({
+}), Et = U({
 	displayName: "Minus",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -753,19 +753,19 @@ var Pe = H({
 		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 = H({
+}), Dt = U({
 	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 = H({
+}), Ot = U({
 	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 = H({
+}), kt = U({
 	displayName: "Opacity",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -773,25 +773,25 @@ var Pe = H({
 		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 = H({
+}), At = U({
 	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 = H({
+}), jt = U({
 	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 = H({
+}), Mt = U({
 	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 = H({
+}), Nt = U({
 	displayName: "Play",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -799,7 +799,7 @@ var Pe = H({
 		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 = H({
+}), Pt = U({
 	displayName: "Plus",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
@@ -807,7 +807,7 @@ var Pe = H({
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})
-}), Ft = H({
+}), Ft = U({
 	displayName: "Rectangle",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -815,13 +815,13 @@ var Pe = H({
 		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 = H({
+}), It = U({
 	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 = H({
+}), Lt = U({
 	displayName: "Rotation",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -829,7 +829,7 @@ var Pe = H({
 		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 = H({
+}), Rt = U({
 	displayName: "Ruler",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -837,19 +837,19 @@ var Pe = H({
 		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 = H({
+}), zt = U({
 	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 = H({
+}), Bt = U({
 	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 = H({
+}), Vt = U({
 	displayName: "ShadowBottomLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -858,7 +858,7 @@ var Pe = H({
 		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 = H({
+}), Ht = U({
 	displayName: "ShadowBottomRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -867,7 +867,7 @@ var Pe = H({
 		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 = H({
+}), Ut = U({
 	displayName: "ShadowDown",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -876,7 +876,7 @@ var Pe = H({
 		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 = H({
+}), Wt = U({
 	displayName: "ShadowLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -885,7 +885,7 @@ var Pe = H({
 		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 = H({
+}), Gt = U({
 	displayName: "ShadowRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -894,7 +894,7 @@ var Pe = H({
 		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 = H({
+}), Kt = U({
 	displayName: "ShadowTopLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -903,7 +903,7 @@ var Pe = H({
 		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 = H({
+}), qt = U({
 	displayName: "ShadowTopRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -912,7 +912,7 @@ var Pe = H({
 		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 = H({
+}), Jt = U({
 	displayName: "ShadowUp",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -921,13 +921,13 @@ var Pe = H({
 		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 = H({
+}), Yt = U({
 	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 = H({
+}), Xt = U({
 	displayName: "String",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -935,13 +935,13 @@ var Pe = H({
 		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 = H({
+}), Zt = U({
 	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 = H({
+}), Qt = U({
 	displayName: "TextAlignCenter",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -949,7 +949,7 @@ var Pe = H({
 		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 = H({
+}), $t = U({
 	displayName: "TextAlignLeft",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -957,7 +957,7 @@ var Pe = H({
 		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 = H({
+}), en = U({
 	displayName: "TextAlignRight",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -965,7 +965,7 @@ var Pe = H({
 		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 = H({
+}), tn = U({
 	displayName: "TextVerticalAlignBottom",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -973,7 +973,7 @@ var Pe = H({
 		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 = H({
+}), nn = U({
 	displayName: "TextVerticalAlignMiddle",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -981,7 +981,7 @@ var Pe = H({
 		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 = H({
+}), rn = U({
 	displayName: "TextVerticalAlignTop",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -989,19 +989,19 @@ var Pe = H({
 		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 = H({
+}), an = U({
 	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 = H({
+}), on = U({
 	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 = H({
+}), sn = U({
 	displayName: "Video",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -1009,7 +1009,7 @@ var Pe = H({
 		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 = H({
+}), cn = U({
 	displayName: "Styles",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -1017,7 +1017,7 @@ var Pe = H({
 		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] = we("Checkbox"), dn = t.forwardRef((e, t) => {
+}), [ln, un] = Ce("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 Pe = H({
 }), 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: B(t, gn(r)),
+		ref: V(t, gn(r)),
 		className: u(n, "fp-CheckboxInput"),
 		id: a,
 		"aria-labelledby": `checkbox-label-${a}`,
@@ -1041,16 +1041,16 @@ var Pe = H({
 }), pn = () => /* @__PURE__ */ p("span", {
 	className: "fp-CheckboxIndicator",
 	"aria-hidden": "true",
-	children: [/* @__PURE__ */ f(U, {
+	children: [/* @__PURE__ */ f(W, {
 		className: "fp-CheckboxCheckmark",
 		size: "4"
-	}), /* @__PURE__ */ f(qe, {
+	}), /* @__PURE__ */ f(Ke, {
 		className: "fp-CheckboxIndeterminate",
 		size: "4"
 	})]
 }), mn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e, { id: i } = un("Input");
-	return /* @__PURE__ */ f(pe, {
+	return /* @__PURE__ */ f(fe, {
 		"aria-hidden": "true",
 		ref: t,
 		className: u(n, "fp-CheckboxLabel"),
@@ -1060,7 +1060,7 @@ var Pe = H({
 	});
 }), hn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e, { id: i } = un("Description");
-	return /* @__PURE__ */ f(V, {
+	return /* @__PURE__ */ f(H, {
 		"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__ */ R({
+var _n = /* @__PURE__ */ z({
 	Description: () => hn,
 	Input: () => fn,
 	Label: () => mn,
@@ -1085,21 +1085,21 @@ var _n = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Trigger, {
 		ref: t,
-		className: z(n, "fp-SelectTrigger"),
+		className: B(n, "fp-SelectTrigger"),
 		...r
 	});
 }), wn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Icon, {
 		ref: t,
-		className: z(n, "fp-SelectTriggerIcon"),
+		className: B(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: z(n, "fp-SelectPositioner"),
+		className: B(n, "fp-SelectPositioner"),
 		positionMethod: r,
 		...i
 	});
@@ -1107,7 +1107,7 @@ var _n = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Popup, {
 		ref: t,
-		className: z(n, "fp-MenuContent"),
+		className: B(n, "fp-MenuContent"),
 		...r
 	});
 }), Dn = t.forwardRef((e, t) => /* @__PURE__ */ f(y.List, {
@@ -1117,56 +1117,56 @@ var _n = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Item, {
 		ref: t,
-		className: z(n, "fp-MenuItem fp-MenuCheckboxItem"),
+		className: B(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: z(n, "fp-MenuItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator"),
 		...r
 	});
 }), jn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Separator, {
 		ref: t,
-		className: z(n, "fp-MenuSeparator"),
+		className: B(n, "fp-MenuSeparator"),
 		...r
 	});
 }), Mn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Group, {
 		ref: t,
-		className: z(n, "fp-MenuGroup"),
+		className: B(n, "fp-MenuGroup"),
 		...r
 	});
 }), Nn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.GroupLabel, {
 		ref: t,
-		className: z(n, "fp-MenuLabel"),
+		className: B(n, "fp-MenuLabel"),
 		...r
 	});
 }), Pn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.ScrollUpArrow, {
 		ref: t,
-		className: z(n, "fp-SelectScrollUpButton"),
+		className: B(n, "fp-SelectScrollUpButton"),
 		...r
 	});
 }), Fn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.ScrollDownArrow, {
 		ref: t,
-		className: z(n, "fp-SelectScrollDownButton"),
+		className: B(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__ */ R({
+var In = /* @__PURE__ */ z({
 	Arrow: () => Sn,
 	Group: () => Mn,
 	GroupLabel: () => Nn,
@@ -1189,21 +1189,21 @@ var In = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Trigger, {
 		ref: t,
-		className: z(n, "fp-SelectTrigger fp-ComboboxTrigger"),
+		className: B(n, "fp-SelectTrigger fp-ComboboxTrigger"),
 		...r
 	});
 }), Wn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Icon, {
 		ref: t,
-		className: z(n, "fp-SelectTriggerIcon fp-ComboboxTriggerIcon"),
+		className: B(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: z(n, "fp-ComboboxPositioner"),
+		className: B(n, "fp-ComboboxPositioner"),
 		positionMethod: r,
 		sideOffset: i,
 		...a
@@ -1212,25 +1212,25 @@ var In = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Popup, {
 		ref: t,
-		className: z(n, "fp-ComboboxPopup"),
+		className: B(n, "fp-ComboboxPopup"),
 		...r
 	});
 }), qn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.InputGroup, {
 		ref: t,
-		className: z(n, "fp-ComboboxInputGroup"),
+		className: B(n, "fp-ComboboxInputGroup"),
 		...r
 	});
 }), Jn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Input, {
 		ref: t,
-		className: z(n, "fp-Input fp-ComboboxInput"),
+		className: B(n, "fp-Input fp-ComboboxInput"),
 		...r
 	});
 }), Yn = t.forwardRef((e, n) => {
-	let { placeholder: r = " ", ...i } = e, a = t.useRef(null), o = B(n, a);
+	let { placeholder: r = " ", ...i } = e, a = t.useRef(null), o = V(n, a);
 	function s() {
 		or(a.current), a.current?.focus();
 	}
@@ -1254,63 +1254,63 @@ var In = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.List, {
 		ref: t,
-		className: z(n, "fp-ComboboxList"),
+		className: B(n, "fp-ComboboxList"),
 		...r
 	});
 }), Zn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Item, {
 		ref: t,
-		className: z(n, "fp-MenuItem fp-MenuCheckboxItem fp-ComboboxItem"),
+		className: B(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: z(n, "fp-MenuItemIndicator fp-ComboboxItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator fp-ComboboxItemIndicator"),
 		...r
 	});
 }), $n = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Empty, {
 		ref: t,
-		className: z(n, "fp-ComboboxMessage"),
+		className: B(n, "fp-ComboboxMessage"),
 		...r
 	});
 }), er = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Status, {
 		ref: t,
-		className: z(n, "fp-ComboboxMessage"),
+		className: B(n, "fp-ComboboxMessage"),
 		...r
 	});
 }), tr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Group, {
 		ref: t,
-		className: z(n, "fp-MenuGroup"),
+		className: B(n, "fp-MenuGroup"),
 		...r
 	});
 }), nr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.GroupLabel, {
 		ref: t,
-		className: z(n, "fp-MenuLabel"),
+		className: B(n, "fp-MenuLabel"),
 		...r
 	});
 }), rr = b.Collection, ir = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(x, {
 		ref: t,
-		className: z(n, "fp-MenuSeparator"),
+		className: B(n, "fp-MenuSeparator"),
 		...r
 	});
 }), ar = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Clear, {
 		ref: t,
-		className: z(n, "fp-IconButton fp-size-small fp-ComboboxClear"),
+		className: B(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__ */ R({
+var sr = /* @__PURE__ */ z({
 	Arrow: () => Vn,
 	Backdrop: () => Hn,
 	Clear: () => ar,
@@ -1353,35 +1353,35 @@ var sr = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Popup, {
 		ref: t,
-		className: z(n, "fp-MenuContent"),
+		className: B(n, "fp-MenuContent"),
 		...r
 	});
 }), hr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Item, {
 		ref: t,
-		className: z(n, "fp-MenuItem"),
+		className: B(n, "fp-MenuItem"),
 		...r
 	});
 }), gr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Separator, {
 		ref: t,
-		className: z(n, "fp-MenuSeparator"),
+		className: B(n, "fp-MenuSeparator"),
 		...r
 	});
 }), _r = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.GroupLabel, {
 		ref: t,
-		className: z(n, "fp-MenuLabel"),
+		className: B(n, "fp-MenuLabel"),
 		...r
 	});
 }), vr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Group, {
 		ref: t,
-		className: z(n, "fp-MenuGroup"),
+		className: B(n, "fp-MenuGroup"),
 		...r
 	});
 }), yr = (e) => {
@@ -1394,7 +1394,7 @@ var sr = /* @__PURE__ */ R({
 	let { className: n, render: r = yr, ...i } = e;
 	return /* @__PURE__ */ f(S.SubmenuTrigger, {
 		ref: t,
-		className: z(n, "fp-MenuItem"),
+		className: B(n, "fp-MenuItem"),
 		render: r,
 		...i
 	});
@@ -1402,35 +1402,35 @@ var sr = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.CheckboxItem, {
 		ref: t,
-		className: z(n, "fp-MenuItem fp-MenuCheckboxItem"),
+		className: B(n, "fp-MenuItem fp-MenuCheckboxItem"),
 		...r
 	});
 }), Sr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.CheckboxItemIndicator, {
 		ref: t,
-		className: z(n, "fp-MenuItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator"),
 		...r
 	});
 }), Cr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.RadioItem, {
 		ref: t,
-		className: z(n, "fp-MenuItem fp-MenuRadioItem"),
+		className: B(n, "fp-MenuItem fp-MenuRadioItem"),
 		...r
 	});
 }), wr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.RadioItemIndicator, {
 		ref: t,
-		className: z(n, "fp-MenuItemIndicator"),
+		className: B(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__ */ R({
+var Tr = /* @__PURE__ */ z({
 	CheckboxItem: () => xr,
 	CheckboxItemIndicator: () => Sr,
 	Group: () => vr,
@@ -1451,35 +1451,35 @@ var Tr = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Popup, {
 		ref: t,
-		className: z(n, "fp-MenuContent"),
+		className: B(n, "fp-MenuContent"),
 		...r
 	});
 }), Nr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Item, {
 		ref: t,
-		className: z(n, "fp-MenuItem"),
+		className: B(n, "fp-MenuItem"),
 		...r
 	});
 }), Pr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Separator, {
 		ref: t,
-		className: z(n, "fp-MenuSeparator"),
+		className: B(n, "fp-MenuSeparator"),
 		...r
 	});
 }), Fr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.GroupLabel, {
 		ref: t,
-		className: z(n, "fp-MenuLabel"),
+		className: B(n, "fp-MenuLabel"),
 		...r
 	});
 }), Ir = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Group, {
 		ref: t,
-		className: z(n, "fp-MenuGroup"),
+		className: B(n, "fp-MenuGroup"),
 		...r
 	});
 }), Lr = (e) => {
@@ -1492,7 +1492,7 @@ var Tr = /* @__PURE__ */ R({
 	let { className: n, render: r = Lr, ...i } = e;
 	return /* @__PURE__ */ f(C.SubmenuTrigger, {
 		ref: t,
-		className: z(n, "fp-MenuItem"),
+		className: B(n, "fp-MenuItem"),
 		render: r,
 		...i
 	});
@@ -1500,35 +1500,35 @@ var Tr = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.CheckboxItem, {
 		ref: t,
-		className: z(n, "fp-MenuItem fp-MenuCheckboxItem"),
+		className: B(n, "fp-MenuItem fp-MenuCheckboxItem"),
 		...r
 	});
 }), Br = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.CheckboxItemIndicator, {
 		ref: t,
-		className: z(n, "fp-MenuItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator"),
 		...r
 	});
 }), Vr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.RadioItem, {
 		ref: t,
-		className: z(n, "fp-MenuItem fp-MenuRadioItem"),
+		className: B(n, "fp-MenuItem fp-MenuRadioItem"),
 		...r
 	});
 }), Hr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.RadioItemIndicator, {
 		ref: t,
-		className: z(n, "fp-MenuItemIndicator"),
+		className: B(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__ */ R({
+var Ur = /* @__PURE__ */ z({
 	CheckboxItem: () => zr,
 	CheckboxItemIndicator: () => Br,
 	Group: () => Ir,
@@ -1558,13 +1558,13 @@ var Ur = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(T.Popup, {
 		ref: t,
-		className: z(n, "fp-tooltip"),
+		className: B(n, "fp-tooltip"),
 		...r
 	});
 }), qr = (e) => {
 	let { className: t, ...n } = e;
 	return /* @__PURE__ */ f(T.Arrow, {
-		className: z(t, "fp-tooltip-arrow"),
+		className: B(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: z(n, "fp-DialogBaseContent"),
+		className: B(n, "fp-DialogBaseContent"),
 		...r
 	});
 }), oi = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(V, { weight: "strong" }), ...i } = e;
+	let { className: n, render: r = /* @__PURE__ */ f(H, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(w.Title, {
 		ref: t,
-		className: z(n, "fp-DialogBaseTitle"),
+		className: B(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__ */ R({
+var ci = /* @__PURE__ */ z({
 	Close: () => si,
 	Controls: () => $r,
 	Header: () => Zr,
@@ -1759,7 +1759,7 @@ var ci = /* @__PURE__ */ R({
 	});
 	return /* @__PURE__ */ f(E.Popup, {
 		ref: t,
-		className: z(r, s),
+		className: B(r, s),
 		...o,
 		children: n
 	});
@@ -1767,14 +1767,14 @@ var ci = /* @__PURE__ */ R({
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(E.Backdrop, {
 		ref: t,
-		className: z(n, "fp-DialogBaseOverlay"),
+		className: B(n, "fp-DialogBaseOverlay"),
 		...r
 	});
 }), hi = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(V, { weight: "strong" }), ...i } = e;
+	let { className: n, render: r = /* @__PURE__ */ f(H, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(E.Title, {
 		ref: t,
-		className: z(n, "fp-DialogBaseTitle"),
+		className: B(n, "fp-DialogBaseTitle"),
 		render: r,
 		...i
 	});
@@ -1793,7 +1793,7 @@ var ci = /* @__PURE__ */ R({
 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__ */ R({
+var _i = /* @__PURE__ */ z({
 	Backdrop: () => mi,
 	Close: () => gi,
 	Controls: () => $r,
@@ -1827,29 +1827,29 @@ var _i = /* @__PURE__ */ R({
 	});
 	return /* @__PURE__ */ f(D.Popup, {
 		ref: t,
-		className: z(n, o),
+		className: B(n, o),
 		...a
 	});
 }), wi = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(D.Backdrop, {
 		ref: t,
-		className: z(n, "fp-DialogBaseOverlay"),
+		className: B(n, "fp-DialogBaseOverlay"),
 		...r
 	});
 }), Ti = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(V, { weight: "strong" }), ...i } = e;
+	let { className: n, render: r = /* @__PURE__ */ f(H, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(D.Title, {
 		ref: t,
-		className: z(n, "fp-AlertDialogTitle"),
+		className: B(n, "fp-AlertDialogTitle"),
 		render: r,
 		...i
 	});
 }), Ei = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(V, {}), ...i } = e;
+	let { className: n, render: r = /* @__PURE__ */ f(H, {}), ...i } = e;
 	return /* @__PURE__ */ f(D.Description, {
 		ref: t,
-		className: z(n, "fp-AlertDialogDescription"),
+		className: B(n, "fp-AlertDialogDescription"),
 		render: r,
 		...i
 	});
@@ -1864,7 +1864,7 @@ var _i = /* @__PURE__ */ R({
 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__ */ R({
+var Oi = /* @__PURE__ */ z({
 	Actions: () => Di,
 	Backdrop: () => wi,
 	Close: () => xi,
@@ -1874,7 +1874,7 @@ var Oi = /* @__PURE__ */ R({
 	Root: () => vi,
 	Title: () => Ti,
 	Trigger: () => bi
-}), [ki, G] = we("ValueFieldProvider", null), K = t.forwardRef((e, t) => {
+}), [ki, G] = Ce("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 = B(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 = V(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 = 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;
+	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;
 	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 = B(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 = V(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, ne = S && !w && !E && !Qi(), I = t.useCallback((e, t) => {
+	}), N = g?.scrubTargetsRef, P = g?.disabled, F = g?.setScrubbing, I = S && !w && !E && !Qi(), L = 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]), L = t.useCallback((e, t) => {
+	}, [F]), R = 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 re(e) {
+	function ne(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, I(!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, L(!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(), L(t.movementX, t.movementY), j.current += t.movementX, Math.abs(j.current) >= l)) {
+			if (O.current && (t.preventDefault(), R(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, I(!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, L(!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,
-		I,
-		L
+		L,
+		R
 	]), 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 R = {
+	let z = {
 		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: R,
-		onPointerDown: re,
+		style: z,
+		onPointerDown: ne,
 		...h,
-		children: [i, ne && y ? ee(/* @__PURE__ */ f("span", {
+		children: [i, I && y ? ee(/* @__PURE__ */ f("span", {
 			ref: v,
 			role: "presentation",
 			className: "fp-ValueFieldScrubberCursor",
@@ -2346,7 +2346,7 @@ var ea = t.forwardRef((e, n) => {
 				"aria-label": m,
 				children: [/* @__PURE__ */ f(y.Value, {}), /* @__PURE__ */ f(y.Icon, {
 					className: "fp-ValueFieldNumericSelectIcon",
-					children: /* @__PURE__ */ f(W, { size: "4" })
+					children: /* @__PURE__ */ f(qe, { size: "4" })
 				})]
 			})]
 		}), /* @__PURE__ */ f(y.Portal, { children: /* @__PURE__ */ f(y.Positioner, {
@@ -2369,7 +2369,7 @@ var ea = t.forwardRef((e, n) => {
 						onFocus: () => C(a),
 						children: [/* @__PURE__ */ f(y.ItemIndicator, {
 							className: "fp-MenuItemIndicator",
-							children: /* @__PURE__ */ f(U, { size: "4" })
+							children: /* @__PURE__ */ f(W, { 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),
@@ -2378,12 +2378,12 @@ var ea = t.forwardRef((e, n) => {
 						onFocus: () => C(e),
 						children: [/* @__PURE__ */ f(y.ItemIndicator, {
 							className: "fp-MenuItemIndicator",
-							children: /* @__PURE__ */ f(U, { size: "4" })
+							children: /* @__PURE__ */ f(W, { size: "4" })
 						}), /* @__PURE__ */ f(y.ItemText, { children: e })]
 					}, Z(e)))] }),
 					/* @__PURE__ */ f(y.ScrollDownArrow, {
 						className: "fp-SelectScrollDownButton",
-						children: /* @__PURE__ */ f(W, { size: "4" })
+						children: /* @__PURE__ */ f(qe, { size: "4" })
 					})
 				]
 			})
@@ -3254,7 +3254,7 @@ function la(e) {
 }
 //#endregion
 //#region src/components/value-field/index.ts
-var ua = /* @__PURE__ */ R({
+var ua = /* @__PURE__ */ z({
 	Hex: () => ra,
 	Label: () => J,
 	Multi: () => q,
@@ -3265,21 +3265,7 @@ var ua = /* @__PURE__ */ R({
 });
 //#endregion
 //#region src/lib/color.ts
-function da(e) {
-	let t = j(e * 255, 0).toString(16);
-	return t.length < 2 ? "0" + t : t;
-}
-function fa({ r: e, g: t, b: n, a: r }) {
-	let i = r < 1 ? da(r) : "";
-	return "#" + da(e) + da(t) + da(n) + i;
-}
-function pa(e) {
-	return fa(va(e));
-}
-function ma(e) {
-	return fa(Q(e));
-}
-function ha({ r: e, g: t, b: n, a: r }) {
+function da({ r: e, g: t, b: n, a: r }) {
 	let i = Math.max(e, t, n), a = i - Math.min(e, t, n), o = a ? i === e ? (t - n) / a : i === t ? 2 + (n - e) / a : 4 + (e - t) / a : 0;
 	return {
 		h: 60 * (o < 0 ? o + 6 : o),
@@ -3319,7 +3305,7 @@ function Q({ h: e, s: t, v: n, a: r }) {
 		a: r
 	};
 }
-function ga({ h: e, s: t, l: n, a: r }) {
+function fa({ h: e, s: t, l: n, a: r }) {
 	return t *= (n < 50 ? n : 100 - n) / 100, {
 		h: e,
 		s: t > 0 ? 2 * t / (n + t) * 100 : 0,
@@ -3327,7 +3313,7 @@ function ga({ h: e, s: t, l: n, a: r }) {
 		a: r
 	};
 }
-function _a({ h: e, s: t, v: n, a: r }) {
+function pa({ h: e, s: t, v: n, a: r }) {
 	let i = (200 - t) * n / 100;
 	return {
 		h: e,
@@ -3336,21 +3322,21 @@ function _a({ h: e, s: t, v: n, a: r }) {
 		a: r
 	};
 }
-function va(e) {
-	return Q(ga(e));
+function ma(e) {
+	return Q(fa(e));
 }
-function ya(e) {
-	return _a(ha(e));
+function ha(e) {
+	return pa(da(e));
 }
-function ba(e) {
+function ga(e) {
 	let t = j(e.r, 4), n = j(e.g, 4), r = j(e.b, 4), i = j(e.a, 2);
 	return i < 1 ? `color(display-p3 ${t} ${n} ${r} / ${i})` : `color(display-p3 ${t} ${n} ${r})`;
 }
-function xa(e) {
+function _a(e) {
 	let t = Math.round(e.r * 255), n = Math.round(e.g * 255), r = Math.round(e.b * 255), i = e.a;
 	return i < 1 ? `rgb(${t} ${n} ${r} / ${i})` : `rgb(${t} ${n} ${r})`;
 }
-function Sa(e) {
+function va(e) {
 	let { r: t, g: n, b: r, a: i } = e;
 	return {
 		r: t + (1 - t) * (1 - i),
@@ -3361,96 +3347,174 @@ function Sa(e) {
 }
 //#endregion
 //#region src/components/color-picker/color-picker.tsx
-var Ca = {
+var ya = {
 	r: 0,
 	g: 0,
 	b: 0,
 	a: 1
-}, wa = [
+}, ba = [
 	"hex",
 	"rgb",
 	"hsl",
 	"hsv"
-], [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] = _e({
-		prop: c,
-		defaultProp: o,
-		onChange: l
-	}), [m = n[0], h] = _e({
+], [xa, $] = Ce("ColorPicker"), Sa = (e) => {
+	let { colorSpace: t, models: n = ba, defaultActiveModel: r, activeModel: i, onActiveModelChange: a, defaultColor: o, color: s, onColorChange: c, children: l } = e;
+	wa(i, r, n);
+	let [u, d] = Ca(s, o, c), [p = n[0], m] = ge({
 		prop: i,
 		defaultProp: r,
 		onChange: a
-	}), [g, _] = s({}), v = {
-		hsv: g.hsv ?? ha(d),
-		hsl: g.hsl ?? ya(d),
-		rgb: g.rgb ?? d,
-		hex: g.hex ?? fa(d)
-	}, y = v.hsv.h;
-	return /* @__PURE__ */ f(Ta, {
+	});
+	return /* @__PURE__ */ f(xa, {
 		colorSpace: t,
 		models: n,
-		activeModel: m,
-		onActiveModelChange: h,
-		color: d,
-		onColorChange: (e) => {
-			let { mode: t, value: n } = e;
-			t === "rgb" ? (_({
-				rgb: n,
-				hsv: ha(n),
-				hsl: ya(n),
-				hex: fa(n)
-			}), p(n)) : t === "hsv" ? (_({
-				hsv: n,
-				hsl: _a(n),
-				rgb: Q(n),
-				hex: ma(n)
-			}), p(Q(n))) : t === "hsl" && (_({
-				hsv: ga(n),
-				hsl: n,
-				rgb: va(n),
-				hex: pa(n)
-			}), p(va(n)));
-		},
-		hue: y,
-		colorsByModel: v,
-		children: u
+		activeModel: p,
+		onActiveModelChange: m,
+		colorsByModel: u,
+		hue: u.hsv.h,
+		onColorChange: d,
+		children: l
 	});
 };
-function Da(e, t, n) {
+function Ca(e, t, n) {
+	let [r, i] = s(() => Ta(e ?? t ?? ya)), a = e === void 0 ? r : Ea(r, {
+		mode: "rgb",
+		value: e
+	});
+	return a !== r && i(a), [a, (e) => {
+		let t = Ea(a, e);
+		i(t), Fa(t.rgb, a.rgb) || n?.(t.rgb);
+	}];
+}
+function wa(e, t, n) {
 	if (n.length === 0) throw Error("The 'models' prop must contain at least one color model. Omit the 'models' prop entirely to use default models.");
 	if (e && !n.includes(e)) throw Error(`Invalid 'activeModel': '${e}' is not present in the 'models' array. Make sure 'activeModel' matches a model name in 'models'.`);
 	if (t && !n.includes(t)) throw Error(`Invalid 'defaultActiveModel': '${t}' is not present in the 'models' array. Make sure 'activeModel' matches a model name in 'models'.`);
 }
+function Ta(e) {
+	return {
+		rgb: e,
+		hsv: da(e),
+		hsl: ha(e)
+	};
+}
+function Ea(e, t) {
+	switch (t.mode) {
+		case "rgb": return Da(e, t.value);
+		case "hue": return Oa(e, t.value);
+		case "hsv": {
+			let n = Q(t.value);
+			return {
+				rgb: n,
+				hsv: t.value,
+				hsl: ja(e.hsl, pa(t.value), n)
+			};
+		}
+		case "hsl": {
+			let n = ma(t.value);
+			return {
+				rgb: n,
+				hsv: Aa(e.hsv, fa(t.value), n),
+				hsl: t.value
+			};
+		}
+	}
+}
+function Da(e, t) {
+	return Fa(e.rgb, t) ? e : Ia(e.rgb, t) ? {
+		rgb: t,
+		hsv: {
+			...e.hsv,
+			a: t.a
+		},
+		hsl: {
+			...e.hsl,
+			a: t.a
+		}
+	} : {
+		rgb: t,
+		hsv: ka(e.hsv, Aa(e.hsv, da(t), t), t),
+		hsl: ka(e.hsl, ja(e.hsl, ha(t), t), t)
+	};
+}
+function Oa(e, t) {
+	let n = {
+		...e.hsv,
+		h: t
+	};
+	return {
+		rgb: Q(n),
+		hsv: n,
+		hsl: {
+			...e.hsl,
+			h: t
+		}
+	};
+}
+function ka(e, t, n) {
+	return Ma(n) ? t : {
+		...t,
+		h: e.h
+	};
+}
+function Aa(e, t, n) {
+	return Na(n) ? {
+		...t,
+		s: e.s
+	} : t;
+}
+function ja(e, t, n) {
+	return Na(n) || Pa(n) ? {
+		...t,
+		s: e.s
+	} : t;
+}
+function Ma({ r: e, g: t, b: n }) {
+	return Math.max(e, t, n) !== Math.min(e, t, n);
+}
+function Na({ r: e, g: t, b: n }) {
+	return Math.max(e, t, n) === 0;
+}
+function Pa({ r: e, g: t, b: n }) {
+	return Math.min(e, t, n) === 1;
+}
+function Fa(e, t) {
+	return Ia(e, t) && La(e.a, t.a);
+}
+function Ia(e, t) {
+	return La(e.r, t.r) && La(e.g, t.g) && La(e.b, t.b);
+}
+function La(e, t) {
+	return Object.is(Math.fround(e), Math.fround(t));
+}
 //#endregion
 //#region src/components/slider/slider.tsx
-var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = l("fp-SliderRoot", {
+var Ra = 2, za = 0, Ba = 100, Va = "horizontal", Ha = "ltr", Ua = l("fp-SliderRoot", {
 	variants: { size: {
 		small: "fp-size-small",
 		large: "fp-size-large"
 	} },
 	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 = 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);
+}), Wa = t.forwardRef((e, t) => {
+	let { className: n, size: i, min: a = za, max: c = Ba, defaultValue: l = [a], value: d, onValueChange: m, onValueCommit: h, tabIndex: g, orientation: _ = Va, dir: v = Ha, 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 = Ja(N, y, a, c), I = Ja(l, y, a, c), L = o(d), R = o(l);
 	return r(() => {
-		k(d, I.current) && k(l, L.current) || (ee(d ?? l), I.current = d, L.current = l);
+		k(d, L.current) && k(l, R.current) || (ee(d ?? l), L.current = d, R.current = l);
 	}, [d, l]), /* @__PURE__ */ f(P, {
 		direction: v,
 		children: /* @__PURE__ */ f(F.Root, {
-			className: z(n, Na({ size: i })),
-			defaultValue: ne,
-			dir: v === Ma ? void 0 : v,
+			className: B(n, Ua({ size: i })),
+			defaultValue: I,
+			dir: v === Ha ? void 0 : v,
 			disabled: A,
 			max: c,
 			min: a,
 			minStepsBetweenValues: S,
 			onValueChange: (e, t) => {
-				let n = Ba(za(e, y, a, c), t, j.current, _, v, y, a, c, x).map((e) => Ka(e, E, a, c));
+				let n = Xa(Ya(e, y, a, c), t, j.current, _, v, y, a, c, x).map((e) => no(e, E, a, c));
 				m?.(n), ee(n);
 			},
 			onValueCommitted: (e, t) => {
-				let n = Ba(za(e, y, a, c), t, j.current, _, v, y, a, c, x).map((e) => Ka(e, E, a, c));
+				let n = Xa(Ya(e, y, a, c), t, j.current, _, v, y, a, c, x).map((e) => no(e, E, a, c));
 				h?.(n);
 			},
 			orientation: _,
@@ -3474,7 +3538,7 @@ var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = l("fp-SliderRo
 							})
 						}, t))
 					}),
-					C && /* @__PURE__ */ f(Ia, {
+					C && /* @__PURE__ */ f(Ka, {
 						dir: v,
 						value: N,
 						min: a,
@@ -3484,7 +3548,7 @@ var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = l("fp-SliderRo
 						rangeAnchor: w,
 						disabled: A
 					}),
-					E && E.map((e) => /* @__PURE__ */ f(Fa, {
+					E && E.map((e) => /* @__PURE__ */ f(Ga, {
 						hint: e,
 						baseValue: T,
 						min: a,
@@ -3498,16 +3562,16 @@ var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = l("fp-SliderRo
 		})
 	});
 });
-Pa.displayName = "Slider";
-var Fa = (e) => {
-	let { baseValue: t, dir: n, inverted: r, max: i, min: a, orientation: o, hint: s } = e, { startEdge: c } = La(o, n, r), l = Y([a, i], [0, 100])(s);
+Wa.displayName = "Slider";
+var Ga = (e) => {
+	let { baseValue: t, dir: n, inverted: r, max: i, min: a, orientation: o, hint: s } = e, { startEdge: c } = qa(o, n, r), l = Y([a, i], [0, 100])(s);
 	return /* @__PURE__ */ f("span", {
 		className: u("fp-SliderHint", { "fp-SliderHint-baseValue": s === t }),
 		"data-orientation": o,
 		style: { [c]: `calc(${l}% - var(--slider-hint-width) / 2)` }
 	});
-}, Ia = (e) => {
-	let { min: t, max: n, value: r, rangeAnchor: i = t, orientation: a, dir: o, inverted: s, disabled: c } = e, l = r.length > 1 ? Math.min(...r) : Math.min(i, ...r), u = r.length > 1 ? Math.max(...r) : Math.max(i, ...r), d = Y([t, n], [0, 100])(l), p = 100 - Y([t, n], [0, 100])(u), m = La(a, o, s);
+}, Ka = (e) => {
+	let { min: t, max: n, value: r, rangeAnchor: i = t, orientation: a, dir: o, inverted: s, disabled: c } = e, l = r.length > 1 ? Math.min(...r) : Math.min(i, ...r), u = r.length > 1 ? Math.max(...r) : Math.max(i, ...r), d = Y([t, n], [0, 100])(l), p = 100 - Y([t, n], [0, 100])(u), m = qa(a, o, s);
 	return /* @__PURE__ */ f("span", {
 		className: "fp-SliderRange",
 		"data-orientation": a,
@@ -3518,7 +3582,7 @@ var Fa = (e) => {
 		}
 	});
 };
-function La(e, t, n) {
+function qa(e, t, n) {
 	let r = n ? "inverted" : "normal";
 	return {
 		vertical: {
@@ -3543,165 +3607,152 @@ function La(e, t, n) {
 		}
 	}[e][r];
 }
-function Ra(e, t, n, r) {
-	let i = Ga(e, t, n, r);
+function Ja(e, t, n, r) {
+	let i = to(e, t, n, r);
 	if (i.length === 1) {
 		let e = i[0];
 		if (e !== void 0) return e;
 	}
 	return i;
 }
-function za(e, t, n, r) {
-	return Ga(typeof e == "number" ? [e] : e, t, n, r);
+function Ya(e, t, n, r) {
+	return to(typeof e == "number" ? [e] : e, t, n, r);
 }
-function Ba(e, t, n, r, i, a, o, s, c) {
+function Xa(e, t, n, r, i, a, o, s, c) {
 	if (t.reason !== "track-press" || n === null) return e;
-	let l = n.parentElement, u = Va(t.event);
+	let l = n.parentElement, u = Za(t.event);
 	if (l === null || u === void 0) return e;
-	let d = Ua(u, l.getBoundingClientRect(), r, i, a), f = Wa(o + (s - o) * d, o, s, c), p = Ha(t);
+	let d = $a(u, l.getBoundingClientRect(), r, i, a), f = eo(o + (s - o) * d, o, s, c), p = Qa(t);
 	return e.map((t, n) => n === p || e.length === 1 ? f : t);
 }
-function Va(e) {
+function Za(e) {
 	if ("clientX" in e && "clientY" in e && typeof e.clientX == "number" && typeof e.clientY == "number") return {
 		x: e.clientX,
 		y: e.clientY
 	};
 }
-function Ha(e) {
+function Qa(e) {
 	if ("activeThumbIndex" in e && typeof e.activeThumbIndex == "number") return e.activeThumbIndex;
 }
-function Ua(e, t, n, r, i) {
+function $a(e, t, n, r, i) {
 	let a = n === "vertical" ? (t.bottom - e.y) / t.height : (e.x - t.left) / t.width, o = n === "horizontal" && r === "rtl" ? 1 - a : a, s = i ? 1 - o : o;
 	return Math.min(1, Math.max(0, s));
 }
-function Wa(e, t, n, r) {
+function eo(e, t, n, r) {
 	let i = t + Math.round((e - t) / r) * r, a = Number(i.toFixed(10));
 	return Math.min(n, Math.max(t, a));
 }
-function Ga(e, t, n, r) {
+function to(e, t, n, r) {
 	return t ? e.map((e) => n + r - e) : [...e];
 }
-function Ka(e, t, n, r) {
-	let i = Y([0, 100], [0, r - n])(Oa), a = t?.find((t) => Math.abs(t - e) <= i);
+function no(e, t, n, r) {
+	let i = Y([0, 100], [0, r - n])(Ra), a = t?.find((t) => Math.abs(t - e) <= i);
 	return typeof a == "number" ? a : e;
 }
 //#endregion
 //#region src/components/color-picker/color-picker-hue.tsx
-var qa = (e) => {
-	let { className: t, style: n } = e, { activeModel: r, colorSpace: i, hue: a, color: o, onColorChange: s } = $("Hue"), c = Ya[r], l = (e) => {
-		s({
-			mode: "rgb",
-			value: c.setHue(o, e[0])
-		});
-	}, u = c.getThumbColor(a, i);
-	return /* @__PURE__ */ f(Pa, {
+var ro = (e) => {
+	let { className: t, style: n } = e, { activeModel: r, colorSpace: i, hue: a, onColorChange: o } = $("ColorPicker.Hue");
+	return /* @__PURE__ */ f(Wa, {
 		"aria-label": "hue",
 		range: !1,
 		min: 0,
 		max: 359,
 		value: [a],
-		onValueChange: l,
+		onValueChange: (e) => {
+			o({
+				mode: "hue",
+				value: e[0]
+			});
+		},
 		className: `fp-ColorPickerHueSlider fp-color-model-${r} fp-color-space-${i} ${t}`,
 		style: {
-			"--slider-thumb-bg": u,
+			"--slider-thumb-bg": io(a, i),
 			...n
 		}
 	});
-}, Ja = {
-	getHue: (e) => Math.round(ha(e).h),
-	setHue: (e, t) => {
-		let { s: n, v: r } = ha(e);
-		return Q({
-			h: t,
-			s: n,
-			v: r,
-			a: e.a
-		});
-	},
-	getThumbColor: (e, t) => {
-		let { r: n, g: r, b: i } = Q({
-			h: e,
-			s: 100,
-			v: 100,
-			a: 1
-		});
-		return t === "display-p3" ? `color(display-p3 ${+n.toFixed(4)} ${+r.toFixed(4)} ${+i.toFixed(4)})` : `rgb(${Math.round(n * 255)} ${Math.round(r * 255)} ${Math.round(i * 255)})`;
-	}
-}, Ya = {
-	rgb: Ja,
-	hsl: Ja,
-	hsv: Ja,
-	hex: Ja
-}, Xa = (e) => {
-	let { className: t, style: n } = e, { colorSpace: r, color: i, onColorChange: a } = $("Hue"), o = {
+};
+function io(e, t) {
+	let { r: n, g: r, b: i } = Q({
+		h: e,
+		s: 100,
+		v: 100,
+		a: 1
+	});
+	return t === "display-p3" ? `color(display-p3 ${+n.toFixed(4)} ${+r.toFixed(4)} ${+i.toFixed(4)})` : `rgb(${Math.round(n * 255)} ${Math.round(r * 255)} ${Math.round(i * 255)})`;
+}
+//#endregion
+//#region src/components/color-picker/color-picker-alpha.tsx
+var ao = (e) => {
+	let { className: t, style: n } = e, { colorSpace: r, colorsByModel: i, onColorChange: a } = $("ColorPicker.Alpha"), o = i.rgb, s = {
 		srgb: {
-			transparent: xa({
-				...i,
+			transparent: _a({
+				...o,
 				a: 0
 			}),
-			opaque: xa({
-				...i,
+			opaque: _a({
+				...o,
 				a: 1
 			})
 		},
 		p3: {
-			transparent: ba({
-				...i,
+			transparent: ga({
+				...o,
 				a: 0
 			}),
-			opaque: ba({
-				...i,
+			opaque: ga({
+				...o,
 				a: 1
 			})
 		}
-	}, s = {
-		srgb: xa(Sa(i)),
-		p3: ba(Sa(i))
+	}, c = {
+		srgb: _a(va(o)),
+		p3: ga(va(o))
 	};
-	return /* @__PURE__ */ f(Pa, {
+	return /* @__PURE__ */ f(Wa, {
 		"aria-label": "alpha",
 		min: 0,
 		max: 100,
 		range: !1,
-		value: [i.a * 100],
+		value: [o.a * 100],
 		onValueChange: (e) => {
 			a({
 				mode: "rgb",
 				value: {
-					...i,
+					...o,
 					a: j(e[0] / 100, 2)
 				}
 			});
 		},
 		className: `fp-ColorPickerAlphaSlider fp-color-space-${r} ${t}`,
 		style: {
-			"--track-bg-transparent-srgb": o.srgb.transparent,
-			"--track-bg-opaque-srgb": o.srgb.opaque,
-			"--track-bg-transparent-p3": o.p3.transparent,
-			"--track-bg-opaque-p3": o.p3.opaque,
-			"--thumb-bg-srgb": s.srgb,
-			"--thumb-bg-p3": s.p3,
+			"--track-bg-transparent-srgb": s.srgb.transparent,
+			"--track-bg-opaque-srgb": s.srgb.opaque,
+			"--track-bg-transparent-p3": s.p3.transparent,
+			"--track-bg-opaque-p3": s.p3.opaque,
+			"--thumb-bg-srgb": c.srgb,
+			"--thumb-bg-p3": c.p3,
 			...n
 		}
 	});
-}, Za = 8, Qa = (e) => {
+}, oo = 8, so = (e) => {
 	let { onColorChange: t, colorsByModel: n, hue: r, colorSpace: i, activeModel: a } = $("ColorPicker.Area"), s = {
-		srgb: xa(Q({
+		srgb: _a(Q({
 			h: r,
 			s: 100,
 			v: 100,
 			a: 1
 		})),
-		p3: ba(Q({
+		p3: ga(Q({
 			h: r,
 			s: 100,
 			v: 100,
 			a: 1
 		}))
 	}, c = {
-		srgb: xa(n.rgb),
-		p3: ba(n.rgb)
-	}, l = $a(n, a), u = o(null), { size: d } = eo(u), m = (e) => {
+		srgb: _a(n.rgb),
+		p3: ga(n.rgb)
+	}, l = co(n, a), u = o(null), { size: d } = lo(u), m = (e) => {
 		t(a === "hsl" ? {
 			mode: "hsl",
 			value: {
@@ -3727,7 +3778,7 @@ var qa = (e) => {
 				min: 0,
 				max: 100
 			})),
-			y: A(e.clientY - t.y - Za, Y([0, d], [0, 100]), O({
+			y: A(e.clientY - t.y - oo, Y([0, d], [0, 100]), O({
 				min: 0,
 				max: 100
 			}))
@@ -3784,7 +3835,7 @@ var qa = (e) => {
 		})]
 	});
 };
-function $a(e, t) {
+function co(e, t) {
 	if (t === "hsl") {
 		let t = e.hsl;
 		return {
@@ -3799,7 +3850,7 @@ function $a(e, t) {
 		};
 	}
 }
-function eo(e) {
+function lo(e) {
 	let [n, r] = t.useState(0);
 	return t.useLayoutEffect(() => {
 		let t = e.current;
@@ -3815,7 +3866,7 @@ function eo(e) {
 }
 //#endregion
 //#region src/components/flex/flex.tsx
-var to = {
+var uo = {
 	0: "fp-gap-0",
 	px: "fp-gap-px",
 	"0.5": "fp-gap-0_5",
@@ -3838,7 +3889,7 @@ var to = {
 	14: "fp-gap-14",
 	15: "fp-gap-15",
 	16: "fp-gap-16"
-}, no = l("fp-Flex", {
+}, fo = l("fp-Flex", {
 	variants: {
 		direction: {
 			row: "fp-direction-row",
@@ -3864,16 +3915,16 @@ var to = {
 			wrap: "fp-wrap-wrap",
 			wrapReverse: "fp-wrap-wrap-reverse"
 		},
-		gap: to,
-		columnGap: to,
-		rowGap: to
+		gap: uo,
+		columnGap: uo,
+		rowGap: uo
 	},
 	defaultVariants: { direction: "row" }
-}), ro = t.forwardRef((e, t) => {
+}), po = t.forwardRef((e, t) => {
 	let { className: n, direction: r, align: i, justify: a, wrap: o, gap: s, columnGap: c, rowGap: l, ...u } = e;
 	return /* @__PURE__ */ f("div", {
 		ref: t,
-		className: no({
+		className: fo({
 			className: n,
 			direction: r,
 			align: i,
@@ -3886,8 +3937,8 @@ var to = {
 		...u
 	});
 });
-ro.displayName = "Flex";
-var io = {
+po.displayName = "Flex";
+var mo = {
 	hex: () => {
 		let { colorsByModel: e, onColorChange: t } = $("ColorPicker.HEX"), n = e.rgb;
 		return /* @__PURE__ */ p(q, { children: [/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(ra, {
@@ -4060,15 +4111,15 @@ var io = {
 			})
 		] });
 	}
-}, ao = (e) => {
-	let { models: t, activeModel: n, onActiveModelChange: r } = $("ColorPicker.Input"), i = io[n], a = t.map((e) => ({
+}, ho = (e) => {
+	let { models: t, activeModel: n, onActiveModelChange: r } = $("ColorPicker.Input"), i = mo[n], a = t.map((e) => ({
 		value: e,
 		label: e.toUpperCase()
 	}));
 	function o(e) {
 		e !== null && r(e);
 	}
-	return /* @__PURE__ */ p(ro, {
+	return /* @__PURE__ */ p(po, {
 		gap: "2.5",
 		className: e.className,
 		style: e.style,
@@ -4078,44 +4129,44 @@ var io = {
 			onValueChange: o,
 			children: [/* @__PURE__ */ p(Cn, {
 				style: { width: 56 },
-				children: [/* @__PURE__ */ f(bn, {}), /* @__PURE__ */ f(wn, { children: /* @__PURE__ */ f(W, {}) })]
-			}), /* @__PURE__ */ f(oo, { children: a.map((e) => /* @__PURE__ */ p(On, {
+				children: [/* @__PURE__ */ f(bn, {}), /* @__PURE__ */ f(wn, { children: /* @__PURE__ */ f(qe, {}) })]
+			}), /* @__PURE__ */ f(go, { children: a.map((e) => /* @__PURE__ */ p(On, {
 				value: e.value,
 				label: e.label,
-				children: [/* @__PURE__ */ f(An, { children: /* @__PURE__ */ f(U, { size: "4" }) }), /* @__PURE__ */ f(kn, { children: e.label })]
+				children: [/* @__PURE__ */ f(An, { children: /* @__PURE__ */ f(W, { size: "4" }) }), /* @__PURE__ */ f(kn, { children: e.label })]
 			}, e.value)) })]
 		}), /* @__PURE__ */ f(i, {})]
 	});
 };
-function oo(e) {
+function go(e) {
 	let { children: t } = 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(W, {}) })
+		/* @__PURE__ */ f(Fn, { children: /* @__PURE__ */ f(qe, {}) })
 	] }) }) });
 }
 //#endregion
 //#region src/components/color-picker/index.ts
-var so = /* @__PURE__ */ R({
-	Alpha: () => Xa,
-	Area: () => Qa,
-	Hue: () => qa,
-	Input: () => ao,
-	Root: () => Ea,
+var _o = /* @__PURE__ */ z({
+	Alpha: () => ao,
+	Area: () => so,
+	Hue: () => ro,
+	Input: () => ho,
+	Root: () => Sa,
 	useColorPickerContext: () => $
-}), co = t.forwardRef((e, t) => {
+}), vo = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(ne.Root, {
+	return /* @__PURE__ */ f(I.Root, {
 		ref: t,
-		className: z(n, "fp-CollapsibleRoot"),
+		className: B(n, "fp-CollapsibleRoot"),
 		...r
 	});
-}), lo = t.forwardRef((e, t) => {
+}), yo = t.forwardRef((e, t) => {
 	let { className: n, children: r, ...i } = e;
-	return /* @__PURE__ */ p(ne.Trigger, {
+	return /* @__PURE__ */ p(I.Trigger, {
 		ref: t,
-		className: z(n, "fp-CollapsibleTrigger"),
+		className: B(n, "fp-CollapsibleTrigger"),
 		...i,
 		children: [/* @__PURE__ */ f(Ye, {
 			viewBox: "4 4 16 16",
@@ -4123,22 +4174,22 @@ var so = /* @__PURE__ */ R({
 			className: "fp-CollapsibleIndicator"
 		}), r]
 	});
-}), uo = t.forwardRef((e, t) => {
+}), bo = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(ne.Panel, {
+	return /* @__PURE__ */ f(I.Panel, {
 		ref: t,
-		className: z(n, "fp-CollapsibleContent"),
+		className: B(n, "fp-CollapsibleContent"),
 		...r
 	});
 });
-co.displayName = "Collapsible.Root", lo.displayName = "Collapsible.Trigger", uo.displayName = "Collapsible.Panel";
+vo.displayName = "Collapsible.Root", yo.displayName = "Collapsible.Trigger", bo.displayName = "Collapsible.Panel";
 //#endregion
 //#region src/components/collapsible/index.ts
-var fo = /* @__PURE__ */ R({
-	Panel: () => uo,
-	Root: () => co,
-	Trigger: () => lo
-}), po = l("fp-Button", {
+var xo = /* @__PURE__ */ z({
+	Panel: () => bo,
+	Root: () => vo,
+	Trigger: () => yo
+}), So = l("fp-Button", {
 	variants: {
 		variant: {
 			primary: "fp-variant-primary",
@@ -4158,11 +4209,11 @@ var fo = /* @__PURE__ */ R({
 		variant: "secondary",
 		size: "small"
 	}
-}), mo = t.forwardRef((e, t) => {
+}), Co = t.forwardRef((e, t) => {
 	let { className: n, variant: r, size: i, fullWidth: a, ...o } = e;
 	return /* @__PURE__ */ f("button", {
 		ref: t,
-		className: po({
+		className: So({
 			className: n,
 			variant: r,
 			size: i,
@@ -4171,29 +4222,29 @@ var fo = /* @__PURE__ */ R({
 		...o
 	});
 });
-mo.displayName = "Button";
+Co.displayName = "Button";
 //#endregion
 //#region src/components/textarea/textarea.tsx
-var ho = t.forwardRef((e, t) => {
+var wo = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(I, {
+	return /* @__PURE__ */ f(L, {
 		className: u(n, "fp-textarea"),
 		ref: t,
 		...r
 	});
 });
-ho.displayName = "Textarea";
+wo.displayName = "Textarea";
 //#endregion
 //#region src/components/switch/switch.tsx
-var go = t.forwardRef((e, t) => {
+var To = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(L.Root, {
+	return /* @__PURE__ */ f(R.Root, {
 		ref: t,
-		className: z(n, "fp-switchRoot"),
+		className: B(n, "fp-switchRoot"),
 		...r,
-		children: /* @__PURE__ */ f(L.Thumb, { className: "fp-switchThumb" })
+		children: /* @__PURE__ */ f(R.Thumb, { className: "fp-switchThumb" })
 	});
 });
-go.displayName = "Switch";
+To.displayName = "Switch";
 //#endregion
-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 };
+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, Co 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, xo as Collapsible, _o 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, po 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, Wa as Slider, Yt as SlidersIcon, Xt as StringIcon, cn as StylesIcon, To 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, wo as Textarea, Jr as Tooltip, Gr as TooltipProvider, ua as ValueField, on as VariableIcon, an as VariableModeIcon, sn as VideoIcon, U as createIcon };