figma-kit 1.0.0-beta.26 → 1.0.0-beta.27

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 re from "react-textarea-autosize";
-import { Switch as ie } 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 ae = Object.defineProperty, I = (e, t) => {
+var ne = Object.defineProperty, z = (e, t) => {
 	let n = {};
-	for (var r in e) ae(n, r, {
+	for (var r in e) ne(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || ae(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 L(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 oe(e, t) {
+function re(e, t) {
 	typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function se(...e) {
-	return (t) => e.forEach((e) => oe(e, t));
+function ie(...e) {
+	return (t) => e.forEach((e) => re(e, t));
 }
-function R(...t) {
-	return e.useCallback(se(...t), t);
+function V(...t) {
+	return e.useCallback(ie(...t), t);
 }
 //#endregion
 //#region src/components/tabs/tabs.tsx
-var ce = t.forwardRef((e, t) => {
+var ae = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(c.Root, {
 		ref: t,
-		className: L(n, "fp-TabsRoot"),
+		className: B(n, "fp-TabsRoot"),
 		...r
 	});
-}), le = t.forwardRef((e, t) => {
+}), oe = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(c.List, {
 		ref: t,
-		className: L(n, "fp-TabsList"),
+		className: B(n, "fp-TabsList"),
 		...r
 	});
-}), ue = t.forwardRef((e, t) => {
-	let { className: n, ...r } = e, i = se(t, de());
+}), se = t.forwardRef((e, t) => {
+	let { className: n, ...r } = e, i = ie(t, ce());
 	return /* @__PURE__ */ f(c.Tab, {
 		ref: i,
-		className: L(n, "fp-TabsTrigger"),
+		className: B(n, "fp-TabsTrigger"),
 		...r
 	});
 });
-function de() {
+function ce() {
 	return n((e) => {
 		e !== null && (e.style.width = e.getBoundingClientRect().width + "px");
 	}, []);
 }
-var fe = t.forwardRef((e, t) => {
+var le = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(c.Panel, {
 		ref: t,
-		className: L(n, "fp-TabsContent"),
+		className: B(n, "fp-TabsContent"),
 		...r
 	});
 });
-ce.displayName = "Tabs.Root", le.displayName = "Tabs.List", ue.displayName = "Tabs.Tab", fe.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 pe = /* @__PURE__ */ I({
-	List: () => le,
-	Panel: () => fe,
-	Root: () => ce,
-	Tab: () => ue
-}), me = 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 pe = /* @__PURE__ */ I({
 		end: "fp-align-end"
 	},
 	block: { true: "fp-block" }
-} }), z = 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: me({
+			className: de({
 				className: n,
 				size: i,
 				weight: a,
@@ -130,12 +130,12 @@ var pe = /* @__PURE__ */ I({
 		}
 	});
 });
-z.displayName = "Text";
-var he = 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: me({
+		className: de({
 			className: n,
 			size: r,
 			weight: i,
@@ -145,12 +145,12 @@ var he = t.forwardRef((e, t) => {
 		...s
 	});
 });
-he.displayName = "Label";
-var ge = 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: me({
+		className: de({
 			className: n,
 			size: r,
 			weight: i,
@@ -160,15 +160,15 @@ var ge = t.forwardRef((e, t) => {
 		...s
 	});
 });
-ge.displayName = "Paragraph";
-var _e = 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(me({
+			className: u(de({
 				className: n,
 				size: i,
 				weight: a,
@@ -179,20 +179,20 @@ var _e = t.forwardRef((e, t) => {
 		}
 	});
 });
-_e.displayName = "Link";
+me.displayName = "Link";
 //#endregion
 //#region src/lib/react/use-controllable-state.ts
-function ve(t) {
+function he(t) {
 	let n = e.useRef(t);
 	return e.useEffect(() => {
 		n.current = t;
 	}), e.useMemo(() => ((...e) => n.current?.(...e)), []);
 }
-function ye({ prop: t, defaultProp: n, onChange: r = () => {} }) {
-	let [i, a] = be({
+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 = ve(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 ye({ prop: t, defaultProp: n, onChange: r = () => {} }) {
 		c
 	])];
 }
-function be({ defaultProp: t, onChange: n }) {
-	let r = e.useState(t), [i] = r, a = e.useRef(i), o = ve(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 be({ defaultProp: t, onChange: n }) {
 }
 //#endregion
 //#region src/components/segmented-control/segmented-control.tsx
-var xe = t.forwardRef((e, t) => {
-	let { className: n, fullWidth: r, value: i, defaultValue: a, onValueChange: o, ...s } = e, [c, l] = ye({
+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: L(n, u("fp-SegmentedControlRoot", { "fp-full-width": r })),
+		className: B(n, u("fp-SegmentedControlRoot", { "fp-full-width": r })),
 		...s,
 		multiple: !1,
-		value: we(c),
+		value: xe(c),
 		onValueChange: (e) => {
 			let t = e[0];
 			t !== void 0 && l(t);
 		}
 	});
-}), Se = t.forwardRef((e, t) => {
+}), ye = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(m, {
 		ref: t,
-		className: L(n, "fp-SegmentedControlItem"),
+		className: B(n, "fp-SegmentedControlItem"),
 		...r
 	});
-}), Ce = t.forwardRef((e, t) => {
+}), be = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(z, {
+	return /* @__PURE__ */ f(H, {
 		ref: t,
 		className: u(n, "fp-SegmentedControlText"),
 		...r
 	});
 });
-xe.displayName = "SegmentedControl.Root", Se.displayName = "SegmentedControl.Item", Ce.displayName = "SegmentedControl.Text";
-function we(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 Te = /* @__PURE__ */ I({
-	Item: () => Se,
-	Root: () => xe,
-	Text: () => Ce
+var Se = /* @__PURE__ */ z({
+	Item: () => ye,
+	Root: () => ve,
+	Text: () => be
 });
 //#endregion
 //#region src/lib/react/create-context.tsx
-function Ee(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 Ee(e, n) {
 }
 //#endregion
 //#region src/components/radio-group/radio-group.tsx
-var [De, Oe] = Ee("RadioGroup"), ke = 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(De, {
+	return /* @__PURE__ */ f(we, {
 		orientation: n,
 		disabled: r,
 		children: /* @__PURE__ */ f(v, {
 			ref: t,
 			disabled: r,
-			className: L(i, "fp-RadioGroupRoot"),
+			className: B(i, "fp-RadioGroupRoot"),
 			"data-orientation": n,
 			...a
 		})
 	});
-}), Ae = t.forwardRef((e, t) => {
+}), De = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(_.Root, {
 		ref: t,
-		className: L(n, "fp-RadioGroupItem"),
+		className: B(n, "fp-RadioGroupItem"),
 		...r
 	});
-}), je = t.forwardRef((e, t) => {
-	let { orientation: n, disabled: r } = Oe("Label"), { className: i, ...a } = e;
-	return /* @__PURE__ */ f(he, {
+}), 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 [De, Oe] = Ee("RadioGroup"), ke = t.forwardRef((e, t) => {
 		...a
 	});
 });
-ke.displayName = "RadioGroup.Root", Ae.displayName = "RadioGroup.Item", je.displayName = "RadioGroup.Label";
+Ee.displayName = "RadioGroup.Root", De.displayName = "RadioGroup.Item", Oe.displayName = "RadioGroup.Label";
 //#endregion
 //#region src/components/radio-group/index.ts
-var Me = /* @__PURE__ */ I({
-	Item: () => Ae,
-	Label: () => je,
-	Root: () => ke
-}), Ne = "6", Pe = "0 0 24 24", Fe = 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 Me = /* @__PURE__ */ I({
 		9: "fp-size-9",
 		10: "fp-size-10"
 	} },
-	defaultVariants: { size: Ne }
+	defaultVariants: { size: Ae }
 });
-function B(e) {
-	let { path: n, viewBox: r = Pe, 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: Fe({
+			className: Me({
 				className: a,
 				size: i
 			}),
@@ -355,13 +355,13 @@ function B(e) {
 }
 //#endregion
 //#region src/components/icons/actions.tsx
-var Ie = B({
+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"
 	})
-}), Le = B({
+}), Pe = U({
 	displayName: "AlignBottom",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -372,7 +372,7 @@ var Ie = B({
 		fill: "var(--color-icon-tertiary)",
 		d: "M17.5 18a.5.5 0 0 1 0 1h-12a.5.5 0 0 1 0-1z"
 	})] })
-}), Re = B({
+}), Fe = U({
 	displayName: "AlignHorizontalCenter",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -385,7 +385,7 @@ var Ie = B({
 		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"
 	})] })
-}), ze = B({
+}), Ie = U({
 	displayName: "AlignLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -396,7 +396,7 @@ var Ie = B({
 		fill: "var(--color-icon-tertiary)",
 		d: "M6 17.5a.5.5 0 0 1-1 0v-12a.5.5 0 0 1 1 0z"
 	})] })
-}), Be = B({
+}), Le = U({
 	displayName: "AlignRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -407,7 +407,7 @@ var Ie = B({
 		fill: "var(--color-icon-tertiary)",
 		d: "M18 17.5a.5.5 0 0 0 1 0v-12a.5.5 0 0 0-1 0z"
 	})] })
-}), Ve = B({
+}), Re = U({
 	displayName: "AlignTop",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -418,7 +418,7 @@ var Ie = B({
 		fill: "var(--color-icon-tertiary)",
 		d: "M17.5 6a.5.5 0 0 0 0-1h-12a.5.5 0 0 0 0 1z"
 	})] })
-}), He = B({
+}), ze = U({
 	displayName: "AlignVerticalCenter",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -431,7 +431,7 @@ var Ie = B({
 		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"
 	})] })
-}), Ue = B({
+}), Be = U({
 	displayName: "Annotation",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -439,7 +439,7 @@ var Ie = B({
 		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"
 	})
-}), We = B({
+}), Ve = U({
 	displayName: "AspectRatio",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -447,7 +447,7 @@ var Ie = B({
 		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"
 	})
-}), Ge = B({
+}), He = U({
 	displayName: "AutoHeight",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -455,7 +455,7 @@ var Ie = B({
 		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"
 	})
-}), Ke = B({
+}), Ue = U({
 	displayName: "AutoWidth",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -463,7 +463,7 @@ var Ie = B({
 		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"
 	})
-}), qe = B({
+}), We = U({
 	displayName: "BlendMode",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -471,7 +471,7 @@ var Ie = B({
 		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"
 	})
-}), Je = B({
+}), Ge = U({
 	displayName: "Boolean",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -479,7 +479,7 @@ var Ie = B({
 		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"
 	})
-}), Ye = B({
+}), W = U({
 	displayName: "Checkmark",
 	viewBox: "0 0 16 16",
 	path: /* @__PURE__ */ f("path", {
@@ -488,14 +488,14 @@ var Ie = B({
 		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"
 	})
-}), Xe = B({
+}), 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"
 	})
-}), V = B({
+}), qe = U({
 	displayName: "ChevronDown",
 	path: /* @__PURE__ */ f("svg", {
 		width: "24",
@@ -509,28 +509,28 @@ var Ie = B({
 			d: "M9.87897 11.121L12 13.243L14.121 11.12"
 		})
 	})
-}), Ze = B({
+}), Je = U({
 	displayName: "ChevronLeft",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		strokeLinecap: "round",
 		d: "M12.879 9.879L10.757 12L12.88 14.121"
 	})
-}), Qe = B({
+}), Ye = U({
 	displayName: "ChevronRight",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		strokeLinecap: "round",
 		d: "M11.121 14.121L13.243 12L11.12 9.879"
 	})
-}), $e = B({
+}), Xe = U({
 	displayName: "ChevronUp",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
 		strokeLinecap: "round",
 		d: "M14.121 12.879L12 10.757L9.87903 12.88"
 	})
-}), et = B({
+}), Ze = U({
 	displayName: "Circle",
 	viewBox: "0 0 16 16",
 	path: /* @__PURE__ */ f("circle", {
@@ -539,33 +539,32 @@ var Ie = B({
 		cy: "8",
 		r: "3"
 	})
-}), tt = B({
+}), 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"
 	})
-}), nt = B({
+}), $e = U({
 	displayName: "Close",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
-		strokeLinecap: "round",
-		strokeLinejoin: "round",
-		d: "M17 7 7 17M7 7l10 10"
+		d: "M16.5 7.5L12 12M12 12L7.5 16.5M12 12L7.5 7.5M12 12L16.5 16.5",
+		strokeLinecap: "round"
 	})
-}), rt = B({
+}), 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"
 	})
-}), it = B({
+}), 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"
 	})
-}), at = B({
+}), nt = U({
 	displayName: "Component",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -573,7 +572,7 @@ var Ie = B({
 		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"
 	})
-}), ot = B({
+}), rt = U({
 	displayName: "ConstraintLeft",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -581,7 +580,7 @@ var Ie = B({
 		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"
 	})
-}), st = B({
+}), it = U({
 	displayName: "ConstraintTop",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -589,19 +588,19 @@ var Ie = B({
 		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"
 	})
-}), ct = B({
+}), 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"
 	})
-}), lt = B({
+}), 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"
 	})
-}), ut = B({
+}), st = U({
 	displayName: "Draw",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -609,7 +608,7 @@ var Ie = B({
 		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"
 	})
-}), dt = B({
+}), ct = U({
 	displayName: "Ellipsis",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -617,7 +616,7 @@ var Ie = B({
 		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"
 	})
-}), ft = B({
+}), lt = U({
 	displayName: "Expand",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -625,7 +624,7 @@ var Ie = B({
 		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"
 	})
-}), pt = B({
+}), ut = U({
 	displayName: "Eye",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -633,13 +632,13 @@ var Ie = B({
 		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"
 	})
-}), mt = B({
+}), 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"
 	})
-}), ht = B({
+}), ft = U({
 	displayName: "FillGradient",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -647,7 +646,7 @@ var Ie = B({
 		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"
 	})
-}), gt = B({
+}), pt = U({
 	displayName: "FillPattern",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -655,7 +654,7 @@ var Ie = B({
 		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"
 	})
-}), _t = B({
+}), mt = U({
 	displayName: "FillSolid",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon-tertiary)",
@@ -666,7 +665,7 @@ var Ie = B({
 		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"
 	})] })
-}), vt = B({
+}), ht = U({
 	displayName: "Figma",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -674,7 +673,7 @@ var Ie = B({
 		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"
 	})
-}), yt = B({
+}), gt = U({
 	displayName: "FixedSize",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -682,7 +681,7 @@ var Ie = B({
 		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"
 	})
-}), bt = B({
+}), _t = U({
 	displayName: "FlipHorizontal",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -690,7 +689,7 @@ var Ie = B({
 		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"
 	})
-}), xt = B({
+}), vt = U({
 	displayName: "FlipVertical",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -698,7 +697,7 @@ var Ie = B({
 		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"
 	})
-}), St = B({
+}), yt = U({
 	displayName: "Frame",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -706,7 +705,7 @@ var Ie = B({
 		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"
 	})
-}), Ct = B({
+}), bt = U({
 	displayName: "Help",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -714,13 +713,13 @@ var Ie = B({
 		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"
 	})
-}), wt = B({
+}), 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"
 	})
-}), Tt = B({
+}), St = U({
 	displayName: "LayersCollapse",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -728,25 +727,25 @@ var Ie = B({
 		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"
 	})
-}), Et = B({
+}), 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"
 	})
-}), Dt = B({
+}), 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"
 	})
-}), Ot = B({
+}), 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"
 	})
-}), kt = B({
+}), Et = U({
 	displayName: "Minus",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -754,19 +753,19 @@ var Ie = B({
 		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"
 	})
-}), At = B({
+}), 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"
 	})
-}), jt = B({
+}), 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"
 	})
-}), Mt = B({
+}), kt = U({
 	displayName: "Opacity",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -774,25 +773,25 @@ var Ie = B({
 		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"
 	})
-}), Nt = B({
+}), 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"
 	})
-}), Pt = B({
+}), 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"
 	})
-}), Ft = B({
+}), 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"
 	})
-}), It = B({
+}), Nt = U({
 	displayName: "Play",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -800,7 +799,7 @@ var Ie = B({
 		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"
 	})
-}), Lt = B({
+}), Pt = U({
 	displayName: "Plus",
 	path: /* @__PURE__ */ f("path", {
 		stroke: "var(--color-icon)",
@@ -808,7 +807,7 @@ var Ie = B({
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})
-}), Rt = B({
+}), Ft = U({
 	displayName: "Rectangle",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -816,13 +815,13 @@ var Ie = B({
 		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"
 	})
-}), zt = B({
+}), 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"
 	})
-}), Bt = B({
+}), Lt = U({
 	displayName: "Rotation",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -830,7 +829,7 @@ var Ie = B({
 		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"
 	})
-}), Vt = B({
+}), Rt = U({
 	displayName: "Ruler",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -838,19 +837,19 @@ var Ie = B({
 		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"
 	})
-}), Ht = B({
+}), 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"
 	})
-}), Ut = B({
+}), 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"
 	})
-}), Wt = B({
+}), Vt = U({
 	displayName: "ShadowBottomLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -859,7 +858,7 @@ var Ie = B({
 		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"
 	})] })
-}), Gt = B({
+}), Ht = U({
 	displayName: "ShadowBottomRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -868,7 +867,7 @@ var Ie = B({
 		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"
 	})] })
-}), Kt = B({
+}), Ut = U({
 	displayName: "ShadowDown",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -877,7 +876,7 @@ var Ie = B({
 		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"
 	})] })
-}), qt = B({
+}), Wt = U({
 	displayName: "ShadowLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -886,7 +885,7 @@ var Ie = B({
 		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"
 	})] })
-}), Jt = B({
+}), Gt = U({
 	displayName: "ShadowRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -895,7 +894,7 @@ var Ie = B({
 		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"
 	})] })
-}), Yt = B({
+}), Kt = U({
 	displayName: "ShadowTopLeft",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -904,7 +903,7 @@ var Ie = B({
 		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"
 	})] })
-}), Xt = B({
+}), qt = U({
 	displayName: "ShadowTopRight",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -913,7 +912,7 @@ var Ie = B({
 		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"
 	})] })
-}), Zt = B({
+}), Jt = U({
 	displayName: "ShadowUp",
 	path: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -922,13 +921,13 @@ var Ie = B({
 		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"
 	})] })
-}), Qt = B({
+}), 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"
 	})
-}), $t = B({
+}), Xt = U({
 	displayName: "String",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -936,13 +935,13 @@ var Ie = B({
 		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"
 	})
-}), en = B({
+}), 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"
 	})
-}), tn = B({
+}), Qt = U({
 	displayName: "TextAlignCenter",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -950,7 +949,7 @@ var Ie = B({
 		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"
 	})
-}), nn = B({
+}), $t = U({
 	displayName: "TextAlignLeft",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -958,7 +957,7 @@ var Ie = B({
 		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"
 	})
-}), rn = B({
+}), en = U({
 	displayName: "TextAlignRight",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -966,7 +965,7 @@ var Ie = B({
 		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"
 	})
-}), an = B({
+}), tn = U({
 	displayName: "TextVerticalAlignBottom",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -974,7 +973,7 @@ var Ie = B({
 		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"
 	})
-}), on = B({
+}), nn = U({
 	displayName: "TextVerticalAlignMiddle",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -982,7 +981,7 @@ var Ie = B({
 		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"
 	})
-}), sn = B({
+}), rn = U({
 	displayName: "TextVerticalAlignTop",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -990,19 +989,19 @@ var Ie = B({
 		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"
 	})
-}), cn = B({
+}), 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"
 	})
-}), ln = B({
+}), 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"
 	})
-}), un = B({
+}), sn = U({
 	displayName: "Video",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -1010,7 +1009,7 @@ var Ie = B({
 		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"
 	})
-}), dn = B({
+}), cn = U({
 	displayName: "Styles",
 	path: /* @__PURE__ */ f("path", {
 		fill: "var(--color-icon)",
@@ -1018,9 +1017,9 @@ var Ie = B({
 		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"
 	})
-}), [fn, pn] = Ee("Checkbox"), mn = 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(fn, {
+	return /* @__PURE__ */ f(ln, {
 		id: r ?? o,
 		children: /* @__PURE__ */ f("div", {
 			ref: t,
@@ -1028,30 +1027,30 @@ var Ie = B({
 			...a
 		})
 	});
-}), hn = t.forwardRef((e, t) => {
-	let { className: n, indeterminate: r, ...i } = e, { id: a } = pn("Input");
+}), 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: R(t, yn(r)),
+		ref: V(t, gn(r)),
 		className: u(n, "fp-CheckboxInput"),
 		id: a,
 		"aria-labelledby": `checkbox-label-${a}`,
 		"aria-describedby": `checkbox-description-${a}`,
 		...i,
 		type: "checkbox"
-	}), /* @__PURE__ */ f(gn, {})] });
-}), gn = () => /* @__PURE__ */ p("span", {
+	}), /* @__PURE__ */ f(pn, {})] });
+}), pn = () => /* @__PURE__ */ p("span", {
 	className: "fp-CheckboxIndicator",
 	"aria-hidden": "true",
-	children: [/* @__PURE__ */ f(Ye, {
+	children: [/* @__PURE__ */ f(W, {
 		className: "fp-CheckboxCheckmark",
 		size: "4"
-	}), /* @__PURE__ */ f(Xe, {
+	}), /* @__PURE__ */ f(Ke, {
 		className: "fp-CheckboxIndeterminate",
 		size: "4"
 	})]
-}), _n = t.forwardRef((e, t) => {
-	let { className: n, ...r } = e, { id: i } = pn("Input");
-	return /* @__PURE__ */ f(he, {
+}), mn = t.forwardRef((e, t) => {
+	let { className: n, ...r } = e, { id: i } = un("Input");
+	return /* @__PURE__ */ f(fe, {
 		"aria-hidden": "true",
 		ref: t,
 		className: u(n, "fp-CheckboxLabel"),
@@ -1059,9 +1058,9 @@ var Ie = B({
 		id: `checkbox-label-${i}`,
 		...r
 	});
-}), vn = t.forwardRef((e, t) => {
-	let { className: n, ...r } = e, { id: i } = pn("Description");
-	return /* @__PURE__ */ f(z, {
+}), hn = t.forwardRef((e, t) => {
+	let { className: n, ...r } = e, { id: i } = un("Description");
+	return /* @__PURE__ */ f(H, {
 		"aria-hidden": "true",
 		ref: t,
 		className: u(n, "fp-CheckboxDescription"),
@@ -1069,175 +1068,175 @@ var Ie = B({
 		...r
 	});
 });
-function yn(e) {
+function gn(e) {
 	return n((t) => {
 		t && (t.indeterminate = !!e);
 	}, [e]);
 }
-mn.displayName = "Checkbox.Root", hn.displayName = "Checkbox.Input", gn.displayName = "Checkbox.Indicator", _n.displayName = "Checkbox.Label", vn.displayName = "Checkbox.Description";
+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 bn = /* @__PURE__ */ I({
-	Description: () => vn,
-	Input: () => hn,
-	Label: () => _n,
-	Root: () => mn
-}), xn = y.Root, Sn = y.Portal, Cn = y.Value, wn = y.Label, Tn = y.Arrow, En = t.forwardRef((e, t) => {
+var _n = /* @__PURE__ */ z({
+	Description: () => hn,
+	Input: () => fn,
+	Label: () => mn,
+	Root: () => dn
+}), vn = y.Root, yn = y.Portal, bn = y.Value, xn = y.Label, Sn = y.Arrow, Cn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Trigger, {
 		ref: t,
-		className: L(n, "fp-SelectTrigger"),
+		className: B(n, "fp-SelectTrigger"),
 		...r
 	});
-}), Dn = t.forwardRef((e, t) => {
+}), wn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Icon, {
 		ref: t,
-		className: L(n, "fp-SelectTriggerIcon"),
+		className: B(n, "fp-SelectTriggerIcon"),
 		...r
 	});
-}), On = t.forwardRef((e, t) => {
+}), Tn = t.forwardRef((e, t) => {
 	let { className: n, positionMethod: r = "fixed", ...i } = e;
 	return /* @__PURE__ */ f(y.Positioner, {
 		ref: t,
-		className: L(n, "fp-SelectPositioner"),
+		className: B(n, "fp-SelectPositioner"),
 		positionMethod: r,
 		...i
 	});
-}), kn = t.forwardRef((e, t) => {
+}), En = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Popup, {
 		ref: t,
-		className: L(n, "fp-MenuContent"),
+		className: B(n, "fp-MenuContent"),
 		...r
 	});
-}), An = t.forwardRef((e, t) => /* @__PURE__ */ f(y.List, {
+}), Dn = t.forwardRef((e, t) => /* @__PURE__ */ f(y.List, {
 	ref: t,
 	...e
-})), jn = t.forwardRef((e, t) => {
+})), On = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Item, {
 		ref: t,
-		className: L(n, "fp-MenuItem fp-MenuCheckboxItem"),
+		className: B(n, "fp-MenuItem fp-MenuCheckboxItem"),
 		...r
 	});
-}), Mn = y.ItemText, Nn = t.forwardRef((e, t) => {
+}), kn = y.ItemText, An = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.ItemIndicator, {
 		ref: t,
-		className: L(n, "fp-MenuItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator"),
 		...r
 	});
-}), Pn = t.forwardRef((e, t) => {
+}), jn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Separator, {
 		ref: t,
-		className: L(n, "fp-MenuSeparator"),
+		className: B(n, "fp-MenuSeparator"),
 		...r
 	});
-}), Fn = t.forwardRef((e, t) => {
+}), Mn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.Group, {
 		ref: t,
-		className: L(n, "fp-MenuGroup"),
+		className: B(n, "fp-MenuGroup"),
 		...r
 	});
-}), In = t.forwardRef((e, t) => {
+}), Nn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.GroupLabel, {
 		ref: t,
-		className: L(n, "fp-MenuLabel"),
+		className: B(n, "fp-MenuLabel"),
 		...r
 	});
-}), Ln = t.forwardRef((e, t) => {
+}), Pn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.ScrollUpArrow, {
 		ref: t,
-		className: L(n, "fp-SelectScrollUpButton"),
+		className: B(n, "fp-SelectScrollUpButton"),
 		...r
 	});
-}), Rn = t.forwardRef((e, t) => {
+}), Fn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(y.ScrollDownArrow, {
 		ref: t,
-		className: L(n, "fp-SelectScrollDownButton"),
+		className: B(n, "fp-SelectScrollDownButton"),
 		...r
 	});
 });
-En.displayName = "Select.Trigger", Dn.displayName = "Select.Icon", On.displayName = "Select.Positioner", kn.displayName = "Select.Popup", An.displayName = "Select.List", jn.displayName = "Select.Item", Nn.displayName = "Select.ItemIndicator", Pn.displayName = "Select.Separator", Fn.displayName = "Select.Group", In.displayName = "Select.GroupLabel", Ln.displayName = "Select.ScrollUpArrow", Rn.displayName = "Select.ScrollDownArrow";
+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 zn = /* @__PURE__ */ I({
-	Arrow: () => Tn,
-	Group: () => Fn,
-	GroupLabel: () => In,
-	Icon: () => Dn,
-	Item: () => jn,
-	ItemIndicator: () => Nn,
-	ItemText: () => Mn,
-	Label: () => wn,
-	List: () => An,
-	Popup: () => kn,
-	Portal: () => Sn,
-	Positioner: () => On,
-	Root: () => xn,
-	ScrollDownArrow: () => Rn,
-	ScrollUpArrow: () => Ln,
-	Separator: () => Pn,
-	Trigger: () => En,
-	Value: () => Cn
-}), Bn = b.Root, Vn = b.Label, Hn = b.Value, Un = b.Portal, Wn = b.Arrow, Gn = b.Backdrop, Kn = t.forwardRef((e, t) => {
+var In = /* @__PURE__ */ z({
+	Arrow: () => Sn,
+	Group: () => Mn,
+	GroupLabel: () => Nn,
+	Icon: () => wn,
+	Item: () => On,
+	ItemIndicator: () => An,
+	ItemText: () => kn,
+	Label: () => xn,
+	List: () => Dn,
+	Popup: () => En,
+	Portal: () => yn,
+	Positioner: () => Tn,
+	Root: () => vn,
+	ScrollDownArrow: () => Fn,
+	ScrollUpArrow: () => Pn,
+	Separator: () => jn,
+	Trigger: () => Cn,
+	Value: () => bn
+}), Ln = b.Root, Rn = b.Label, zn = b.Value, Bn = b.Portal, Vn = b.Arrow, Hn = b.Backdrop, Un = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Trigger, {
 		ref: t,
-		className: L(n, "fp-SelectTrigger fp-ComboboxTrigger"),
+		className: B(n, "fp-SelectTrigger fp-ComboboxTrigger"),
 		...r
 	});
-}), qn = t.forwardRef((e, t) => {
+}), Wn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Icon, {
 		ref: t,
-		className: L(n, "fp-SelectTriggerIcon fp-ComboboxTriggerIcon"),
+		className: B(n, "fp-SelectTriggerIcon fp-ComboboxTriggerIcon"),
 		...r
 	});
-}), Jn = t.forwardRef((e, t) => {
+}), Gn = t.forwardRef((e, t) => {
 	let { className: n, positionMethod: r = "fixed", sideOffset: i = 4, ...a } = e;
 	return /* @__PURE__ */ f(b.Positioner, {
 		ref: t,
-		className: L(n, "fp-ComboboxPositioner"),
+		className: B(n, "fp-ComboboxPositioner"),
 		positionMethod: r,
 		sideOffset: i,
 		...a
 	});
-}), Yn = t.forwardRef((e, t) => {
+}), Kn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Popup, {
 		ref: t,
-		className: L(n, "fp-ComboboxPopup"),
+		className: B(n, "fp-ComboboxPopup"),
 		...r
 	});
-}), Xn = t.forwardRef((e, t) => {
+}), qn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.InputGroup, {
 		ref: t,
-		className: L(n, "fp-ComboboxInputGroup"),
+		className: B(n, "fp-ComboboxInputGroup"),
 		...r
 	});
-}), Zn = t.forwardRef((e, t) => {
+}), Jn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Input, {
 		ref: t,
-		className: L(n, "fp-Input fp-ComboboxInput"),
+		className: B(n, "fp-Input fp-ComboboxInput"),
 		...r
 	});
-}), Qn = t.forwardRef((e, n) => {
-	let { placeholder: r = " ", ...i } = e, a = t.useRef(null), o = R(n, a);
+}), Yn = t.forwardRef((e, n) => {
+	let { placeholder: r = " ", ...i } = e, a = t.useRef(null), o = V(n, a);
 	function s() {
-		lr(a.current), a.current?.focus();
+		or(a.current), a.current?.focus();
 	}
 	return /* @__PURE__ */ p(t.Fragment, { children: [
-		/* @__PURE__ */ f(Ht, {}),
-		/* @__PURE__ */ f(Zn, {
+		/* @__PURE__ */ f(zt, {}),
+		/* @__PURE__ */ f(Jn, {
 			ref: o,
 			placeholder: r,
 			...i
@@ -1248,75 +1247,75 @@ var zn = /* @__PURE__ */ I({
 			className: "fp-IconButton fp-size-small fp-ComboboxSearchClear",
 			onMouseDown: (e) => e.preventDefault(),
 			onClick: s,
-			children: /* @__PURE__ */ f(tt, {})
+			children: /* @__PURE__ */ f(Qe, {})
 		})
 	] });
-}), $n = t.forwardRef((e, t) => {
+}), Xn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.List, {
 		ref: t,
-		className: L(n, "fp-ComboboxList"),
+		className: B(n, "fp-ComboboxList"),
 		...r
 	});
-}), er = t.forwardRef((e, t) => {
+}), Zn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Item, {
 		ref: t,
-		className: L(n, "fp-MenuItem fp-MenuCheckboxItem fp-ComboboxItem"),
+		className: B(n, "fp-MenuItem fp-MenuCheckboxItem fp-ComboboxItem"),
 		...r
 	});
-}), tr = t.forwardRef((e, t) => {
+}), Qn = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.ItemIndicator, {
 		ref: t,
-		className: L(n, "fp-MenuItemIndicator fp-ComboboxItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator fp-ComboboxItemIndicator"),
 		...r
 	});
-}), nr = t.forwardRef((e, t) => {
+}), $n = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Empty, {
 		ref: t,
-		className: L(n, "fp-ComboboxMessage"),
+		className: B(n, "fp-ComboboxMessage"),
 		...r
 	});
-}), rr = t.forwardRef((e, t) => {
+}), er = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Status, {
 		ref: t,
-		className: L(n, "fp-ComboboxMessage"),
+		className: B(n, "fp-ComboboxMessage"),
 		...r
 	});
-}), ir = t.forwardRef((e, t) => {
+}), tr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Group, {
 		ref: t,
-		className: L(n, "fp-MenuGroup"),
+		className: B(n, "fp-MenuGroup"),
 		...r
 	});
-}), ar = t.forwardRef((e, t) => {
+}), nr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.GroupLabel, {
 		ref: t,
-		className: L(n, "fp-MenuLabel"),
+		className: B(n, "fp-MenuLabel"),
 		...r
 	});
-}), or = b.Collection, sr = t.forwardRef((e, t) => {
+}), rr = b.Collection, ir = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(x, {
 		ref: t,
-		className: L(n, "fp-MenuSeparator"),
+		className: B(n, "fp-MenuSeparator"),
 		...r
 	});
-}), cr = t.forwardRef((e, t) => {
+}), ar = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(b.Clear, {
 		ref: t,
-		className: L(n, "fp-IconButton fp-size-small fp-ComboboxClear"),
+		className: B(n, "fp-IconButton fp-size-small fp-ComboboxClear"),
 		...r
 	});
 });
-Kn.displayName = "Combobox.Trigger", qn.displayName = "Combobox.Icon", Jn.displayName = "Combobox.Positioner", Yn.displayName = "Combobox.Popup", Xn.displayName = "Combobox.InputGroup", Zn.displayName = "Combobox.Input", Qn.displayName = "Combobox.SearchInput", $n.displayName = "Combobox.List", er.displayName = "Combobox.Item", tr.displayName = "Combobox.ItemIndicator", nr.displayName = "Combobox.Empty", rr.displayName = "Combobox.Status", ir.displayName = "Combobox.Group", ar.displayName = "Combobox.GroupLabel", sr.displayName = "Combobox.Separator", cr.displayName = "Combobox.Clear";
-function lr(e) {
+Un.displayName = "Combobox.Trigger", Wn.displayName = "Combobox.Icon", Gn.displayName = "Combobox.Positioner", Kn.displayName = "Combobox.Popup", qn.displayName = "Combobox.InputGroup", Jn.displayName = "Combobox.Input", Yn.displayName = "Combobox.SearchInput", Xn.displayName = "Combobox.List", Zn.displayName = "Combobox.Item", Qn.displayName = "Combobox.ItemIndicator", $n.displayName = "Combobox.Empty", er.displayName = "Combobox.Status", tr.displayName = "Combobox.Group", nr.displayName = "Combobox.GroupLabel", ir.displayName = "Combobox.Separator", ar.displayName = "Combobox.Clear";
+function or(e) {
 	if (e === null) return;
 	let t = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
 	t === void 0 ? e.value = "" : t.call(e, ""), e.dispatchEvent(new Event("input", {
@@ -1326,246 +1325,246 @@ function lr(e) {
 }
 //#endregion
 //#region src/components/combobox/index.ts
-var ur = /* @__PURE__ */ I({
-	Arrow: () => Wn,
-	Backdrop: () => Gn,
-	Clear: () => cr,
-	Collection: () => or,
-	Empty: () => nr,
-	Group: () => ir,
-	GroupLabel: () => ar,
-	Icon: () => qn,
-	Input: () => Zn,
-	InputGroup: () => Xn,
-	Item: () => er,
-	ItemIndicator: () => tr,
-	Label: () => Vn,
-	List: () => $n,
-	Popup: () => Yn,
-	Portal: () => Un,
-	Positioner: () => Jn,
-	Root: () => Bn,
-	SearchInput: () => Qn,
-	Separator: () => sr,
-	Status: () => rr,
-	Trigger: () => Kn,
-	Value: () => Hn
-}), dr = S.Root, fr = S.Trigger, pr = S.Portal, mr = S.Positioner, hr = S.SubmenuRoot, gr = S.RadioGroup, _r = t.forwardRef((e, t) => {
+var sr = /* @__PURE__ */ z({
+	Arrow: () => Vn,
+	Backdrop: () => Hn,
+	Clear: () => ar,
+	Collection: () => rr,
+	Empty: () => $n,
+	Group: () => tr,
+	GroupLabel: () => nr,
+	Icon: () => Wn,
+	Input: () => Jn,
+	InputGroup: () => qn,
+	Item: () => Zn,
+	ItemIndicator: () => Qn,
+	Label: () => Rn,
+	List: () => Xn,
+	Popup: () => Kn,
+	Portal: () => Bn,
+	Positioner: () => Gn,
+	Root: () => Ln,
+	SearchInput: () => Yn,
+	Separator: () => ir,
+	Status: () => er,
+	Trigger: () => Un,
+	Value: () => zn
+}), cr = S.Root, lr = S.Trigger, ur = S.Portal, dr = S.Positioner, fr = S.SubmenuRoot, pr = S.RadioGroup, mr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Popup, {
 		ref: t,
-		className: L(n, "fp-MenuContent"),
+		className: B(n, "fp-MenuContent"),
 		...r
 	});
-}), vr = t.forwardRef((e, t) => {
+}), hr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Item, {
 		ref: t,
-		className: L(n, "fp-MenuItem"),
+		className: B(n, "fp-MenuItem"),
 		...r
 	});
-}), yr = t.forwardRef((e, t) => {
+}), gr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Separator, {
 		ref: t,
-		className: L(n, "fp-MenuSeparator"),
+		className: B(n, "fp-MenuSeparator"),
 		...r
 	});
-}), br = t.forwardRef((e, t) => {
+}), _r = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.GroupLabel, {
 		ref: t,
-		className: L(n, "fp-MenuLabel"),
+		className: B(n, "fp-MenuLabel"),
 		...r
 	});
-}), xr = t.forwardRef((e, t) => {
+}), vr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.Group, {
 		ref: t,
-		className: L(n, "fp-MenuGroup"),
+		className: B(n, "fp-MenuGroup"),
 		...r
 	});
-}), Sr = (e) => {
+}), yr = (e) => {
 	let { children: t, ...n } = e;
 	return /* @__PURE__ */ p("div", {
 		...n,
-		children: [t, /* @__PURE__ */ f(Qe, { className: "fp-MenuSubtriggerCaret" })]
+		children: [t, /* @__PURE__ */ f(Ye, { className: "fp-MenuSubtriggerCaret" })]
 	});
-}, Cr = t.forwardRef((e, t) => {
-	let { className: n, render: r = Sr, ...i } = e;
+}, br = t.forwardRef((e, t) => {
+	let { className: n, render: r = yr, ...i } = e;
 	return /* @__PURE__ */ f(S.SubmenuTrigger, {
 		ref: t,
-		className: L(n, "fp-MenuItem"),
+		className: B(n, "fp-MenuItem"),
 		render: r,
 		...i
 	});
-}), wr = t.forwardRef((e, t) => {
+}), xr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.CheckboxItem, {
 		ref: t,
-		className: L(n, "fp-MenuItem fp-MenuCheckboxItem"),
+		className: B(n, "fp-MenuItem fp-MenuCheckboxItem"),
 		...r
 	});
-}), Tr = t.forwardRef((e, t) => {
+}), Sr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.CheckboxItemIndicator, {
 		ref: t,
-		className: L(n, "fp-MenuItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator"),
 		...r
 	});
-}), Er = t.forwardRef((e, t) => {
+}), Cr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.RadioItem, {
 		ref: t,
-		className: L(n, "fp-MenuItem fp-MenuRadioItem"),
+		className: B(n, "fp-MenuItem fp-MenuRadioItem"),
 		...r
 	});
-}), Dr = t.forwardRef((e, t) => {
+}), wr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(S.RadioItemIndicator, {
 		ref: t,
-		className: L(n, "fp-MenuItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator"),
 		...r
 	});
 });
-_r.displayName = "DropdownMenu.Popup", vr.displayName = "DropdownMenu.Item", yr.displayName = "DropdownMenu.Separator", xr.displayName = "DropdownMenu.Group", br.displayName = "DropdownMenu.GroupLabel", Cr.displayName = "DropdownMenu.SubmenuTrigger", wr.displayName = "DropdownMenu.CheckboxItem", Tr.displayName = "DropdownMenu.CheckboxItemIndicator", Er.displayName = "DropdownMenu.RadioItem", Dr.displayName = "DropdownMenu.RadioItemIndicator";
+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 Or = /* @__PURE__ */ I({
-	CheckboxItem: () => wr,
-	CheckboxItemIndicator: () => Tr,
-	Group: () => xr,
-	GroupLabel: () => br,
-	Item: () => vr,
-	Popup: () => _r,
-	Portal: () => pr,
-	Positioner: () => mr,
-	RadioGroup: () => gr,
-	RadioItem: () => Er,
-	RadioItemIndicator: () => Dr,
-	Root: () => dr,
-	Separator: () => yr,
-	SubmenuRoot: () => hr,
-	SubmenuTrigger: () => Cr,
-	Trigger: () => fr
-}), kr = C.Root, Ar = C.Trigger, jr = C.Portal, Mr = C.Positioner, Nr = C.SubmenuRoot, Pr = C.RadioGroup, Fr = t.forwardRef((e, t) => {
+var Tr = /* @__PURE__ */ z({
+	CheckboxItem: () => xr,
+	CheckboxItemIndicator: () => Sr,
+	Group: () => vr,
+	GroupLabel: () => _r,
+	Item: () => hr,
+	Popup: () => mr,
+	Portal: () => ur,
+	Positioner: () => dr,
+	RadioGroup: () => pr,
+	RadioItem: () => Cr,
+	RadioItemIndicator: () => wr,
+	Root: () => cr,
+	Separator: () => gr,
+	SubmenuRoot: () => fr,
+	SubmenuTrigger: () => br,
+	Trigger: () => lr
+}), Er = C.Root, Dr = C.Trigger, Or = C.Portal, kr = C.Positioner, Ar = C.SubmenuRoot, jr = C.RadioGroup, Mr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Popup, {
 		ref: t,
-		className: L(n, "fp-MenuContent"),
+		className: B(n, "fp-MenuContent"),
 		...r
 	});
-}), Ir = t.forwardRef((e, t) => {
+}), Nr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Item, {
 		ref: t,
-		className: L(n, "fp-MenuItem"),
+		className: B(n, "fp-MenuItem"),
 		...r
 	});
-}), Lr = t.forwardRef((e, t) => {
+}), Pr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Separator, {
 		ref: t,
-		className: L(n, "fp-MenuSeparator"),
+		className: B(n, "fp-MenuSeparator"),
 		...r
 	});
-}), Rr = t.forwardRef((e, t) => {
+}), Fr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.GroupLabel, {
 		ref: t,
-		className: L(n, "fp-MenuLabel"),
+		className: B(n, "fp-MenuLabel"),
 		...r
 	});
-}), zr = t.forwardRef((e, t) => {
+}), Ir = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.Group, {
 		ref: t,
-		className: L(n, "fp-MenuGroup"),
+		className: B(n, "fp-MenuGroup"),
 		...r
 	});
-}), Br = (e) => {
+}), Lr = (e) => {
 	let { children: t, ...n } = e;
 	return /* @__PURE__ */ p("div", {
 		...n,
-		children: [t, /* @__PURE__ */ f(Qe, { className: "fp-MenuSubtriggerCaret" })]
+		children: [t, /* @__PURE__ */ f(Ye, { className: "fp-MenuSubtriggerCaret" })]
 	});
-}, Vr = t.forwardRef((e, t) => {
-	let { className: n, render: r = Br, ...i } = e;
+}, Rr = t.forwardRef((e, t) => {
+	let { className: n, render: r = Lr, ...i } = e;
 	return /* @__PURE__ */ f(C.SubmenuTrigger, {
 		ref: t,
-		className: L(n, "fp-MenuItem"),
+		className: B(n, "fp-MenuItem"),
 		render: r,
 		...i
 	});
-}), Hr = t.forwardRef((e, t) => {
+}), zr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.CheckboxItem, {
 		ref: t,
-		className: L(n, "fp-MenuItem fp-MenuCheckboxItem"),
+		className: B(n, "fp-MenuItem fp-MenuCheckboxItem"),
 		...r
 	});
-}), Ur = t.forwardRef((e, t) => {
+}), Br = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.CheckboxItemIndicator, {
 		ref: t,
-		className: L(n, "fp-MenuItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator"),
 		...r
 	});
-}), Wr = t.forwardRef((e, t) => {
+}), Vr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.RadioItem, {
 		ref: t,
-		className: L(n, "fp-MenuItem fp-MenuRadioItem"),
+		className: B(n, "fp-MenuItem fp-MenuRadioItem"),
 		...r
 	});
-}), Gr = t.forwardRef((e, t) => {
+}), Hr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(C.RadioItemIndicator, {
 		ref: t,
-		className: L(n, "fp-MenuItemIndicator"),
+		className: B(n, "fp-MenuItemIndicator"),
 		...r
 	});
 });
-Fr.displayName = "ContextMenu.Popup", Ir.displayName = "ContextMenu.Item", Lr.displayName = "ContextMenu.Separator", zr.displayName = "ContextMenu.Group", Rr.displayName = "ContextMenu.GroupLabel", Vr.displayName = "ContextMenu.SubmenuTrigger", Hr.displayName = "ContextMenu.CheckboxItem", Ur.displayName = "ContextMenu.CheckboxItemIndicator", Wr.displayName = "ContextMenu.RadioItem", Gr.displayName = "ContextMenu.RadioItemIndicator";
+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 Kr = /* @__PURE__ */ I({
-	CheckboxItem: () => Hr,
-	CheckboxItemIndicator: () => Ur,
-	Group: () => zr,
-	GroupLabel: () => Rr,
-	Item: () => Ir,
-	Popup: () => Fr,
-	Portal: () => jr,
-	Positioner: () => Mr,
-	RadioGroup: () => Pr,
-	RadioItem: () => Wr,
-	RadioItemIndicator: () => Gr,
-	Root: () => kr,
-	Separator: () => Lr,
-	SubmenuRoot: () => Nr,
-	SubmenuTrigger: () => Vr,
-	Trigger: () => Ar
-}), qr = t.createContext({}), Jr = (e) => {
+var Ur = /* @__PURE__ */ z({
+	CheckboxItem: () => zr,
+	CheckboxItemIndicator: () => Br,
+	Group: () => Ir,
+	GroupLabel: () => Fr,
+	Item: () => Nr,
+	Popup: () => Mr,
+	Portal: () => Or,
+	Positioner: () => kr,
+	RadioGroup: () => jr,
+	RadioItem: () => Vr,
+	RadioItemIndicator: () => Hr,
+	Root: () => Er,
+	Separator: () => Pr,
+	SubmenuRoot: () => Ar,
+	SubmenuTrigger: () => Rr,
+	Trigger: () => Dr
+}), Wr = t.createContext({}), Gr = (e) => {
 	let { children: n, disableHoverablePopup: r, ...i } = e, a = t.useMemo(() => ({ disableHoverablePopup: r }), [r]);
-	return /* @__PURE__ */ f(qr.Provider, {
+	return /* @__PURE__ */ f(Wr.Provider, {
 		value: a,
 		children: /* @__PURE__ */ f(T.Provider, {
 			...i,
 			children: n
 		})
 	});
-}, Yr = t.forwardRef((e, t) => {
+}, Kr = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(T.Popup, {
 		ref: t,
-		className: L(n, "fp-tooltip"),
+		className: B(n, "fp-tooltip"),
 		...r
 	});
-}), Xr = (e) => {
+}), qr = (e) => {
 	let { className: t, ...n } = e;
 	return /* @__PURE__ */ f(T.Arrow, {
-		className: L(t, "fp-tooltip-arrow"),
+		className: B(t, "fp-tooltip-arrow"),
 		render: /* @__PURE__ */ f("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "10",
@@ -1576,8 +1575,8 @@ var Kr = /* @__PURE__ */ I({
 		}),
 		...n
 	});
-}, Zr = t.forwardRef((e, n) => {
-	let { defaultOpen: r, disabled: i, open: a, onOpenChange: o, onOpenChangeComplete: s, delay: c, closeDelay: l, closeOnClick: u, disableHoverablePopup: d, trackCursorAxis: m, container: h, keepMounted: g, side: _, sideOffset: v, align: y, alignOffset: b, anchor: x, arrowPadding: S, collisionAvoidance: C, collisionBoundary: w, collisionPadding: E, disableAnchorTracking: D, positionMethod: O, sticky: k, children: A, content: j, ...M } = e, N = t.useContext(qr);
+}, Jr = t.forwardRef((e, n) => {
+	let { defaultOpen: r, disabled: i, open: a, onOpenChange: o, onOpenChangeComplete: s, delay: c, closeDelay: l, closeOnClick: u, disableHoverablePopup: d, trackCursorAxis: m, container: h, keepMounted: g, side: _, sideOffset: v, align: y, alignOffset: b, anchor: x, arrowPadding: S, collisionAvoidance: C, collisionBoundary: w, collisionPadding: E, disableAnchorTracking: D, positionMethod: O, sticky: k, children: A, content: j, ...M } = e, N = t.useContext(Wr);
 	return /* @__PURE__ */ p(T.Root, {
 		defaultOpen: r,
 		disabled: i,
@@ -1607,19 +1606,19 @@ var Kr = /* @__PURE__ */ I({
 				side: _,
 				sideOffset: v ?? 7,
 				sticky: k,
-				children: [/* @__PURE__ */ f(Yr, {
+				children: [/* @__PURE__ */ f(Kr, {
 					ref: n,
 					...M,
 					children: j
-				}), /* @__PURE__ */ f(Xr, {})]
+				}), /* @__PURE__ */ f(qr, {})]
 			})
 		})]
 	});
 });
-Zr.displayName = "Tooltip";
+Jr.displayName = "Tooltip";
 //#endregion
 //#region src/components/icon-button/icon-button.tsx
-var Qr = l("fp-IconButton", {
+var Yr = l("fp-IconButton", {
 	variants: {
 		size: {
 			small: "fp-size-small",
@@ -1634,10 +1633,10 @@ var Qr = l("fp-IconButton", {
 		size: "small",
 		activeAppearance: "subtle"
 	}
-}), $r = t.forwardRef((e, t) => {
+}), Xr = t.forwardRef((e, t) => {
 	let { className: n, size: r, activeAppearance: i, "aria-label": a, tooltipContent: o, disableTooltip: s, ...c } = e, l = /* @__PURE__ */ f("button", {
 		ref: t,
-		className: Qr({
+		className: Yr({
 			className: n,
 			size: r,
 			activeAppearance: i
@@ -1645,15 +1644,15 @@ var Qr = l("fp-IconButton", {
 		"aria-label": a,
 		...c
 	});
-	return s ? l : /* @__PURE__ */ f(Zr, {
+	return s ? l : /* @__PURE__ */ f(Jr, {
 		content: o ?? a,
 		children: l
 	});
 });
-$r.displayName = "IconButton";
+Xr.displayName = "IconButton";
 //#endregion
 //#region src/components/dialog.base/dialog.base.tsx
-var ei = t.forwardRef((e, t) => {
+var Zr = t.forwardRef((e, t) => {
 	let { children: n, className: r, ...i } = e;
 	return /* @__PURE__ */ f("header", {
 		ref: t,
@@ -1661,60 +1660,60 @@ var ei = t.forwardRef((e, t) => {
 		...i,
 		children: n
 	});
-}), ti = t.forwardRef((e, t) => {
+}), Qr = t.forwardRef((e, t) => {
 	let { className: n, size: r, ...i } = e;
 	return /* @__PURE__ */ f("div", {
 		ref: t,
-		className: ri({
+		className: ei({
 			className: n,
 			size: r
 		}),
 		...i
 	});
-}), ni = t.forwardRef((e, t) => {
+}), $r = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f("div", {
 		ref: t,
 		className: u(n, "fp-DialogBaseControls"),
 		...r
 	});
-}), ri = l("fp-DialogBaseSection", {
+}), ei = l("fp-DialogBaseSection", {
 	variants: { size: {
 		base: "fp-DialogBaseSection-base",
 		small: "fp-DialogBaseSection-small"
 	} },
 	defaultVariants: { size: "base" }
 });
-ei.displayName = "Dialog.Header", ti.displayName = "Dialog.Section", ni.displayName = "Dialog.Controls";
+Zr.displayName = "Dialog.Header", Qr.displayName = "Dialog.Section", $r.displayName = "Dialog.Controls";
 //#endregion
 //#region src/components/popover/popover.tsx
-var ii = w.Root, ai = w.Trigger, oi = w.Portal, si = t.forwardRef((e, t) => {
+var ti = w.Root, ni = w.Trigger, ri = w.Portal, ii = t.forwardRef((e, t) => {
 	let { positionMethod: n = "fixed", ...r } = e;
 	return /* @__PURE__ */ f(w.Positioner, {
 		ref: t,
 		positionMethod: n,
 		...r
 	});
-}), ci = t.forwardRef((e, t) => {
+}), ai = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(w.Popup, {
 		ref: t,
-		className: L(n, "fp-DialogBaseContent"),
+		className: B(n, "fp-DialogBaseContent"),
 		...r
 	});
-}), li = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(z, { weight: "strong" }), ...i } = e;
+}), oi = t.forwardRef((e, t) => {
+	let { className: n, render: r = /* @__PURE__ */ f(H, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(w.Title, {
 		ref: t,
-		className: L(n, "fp-DialogBaseTitle"),
+		className: B(n, "fp-DialogBaseTitle"),
 		render: r,
 		...i
 	});
-}), ui = t.forwardRef((e, t) => {
-	let { render: n = /* @__PURE__ */ f($r, {
+}), si = t.forwardRef((e, t) => {
+	let { render: n = /* @__PURE__ */ f(Xr, {
 		"aria-label": "Close",
 		disableTooltip: !0,
-		children: /* @__PURE__ */ f(nt, {})
+		children: /* @__PURE__ */ f($e, {})
 	}), ...r } = e;
 	return /* @__PURE__ */ f(w.Close, {
 		ref: t,
@@ -1722,21 +1721,21 @@ var ii = w.Root, ai = w.Trigger, oi = w.Portal, si = t.forwardRef((e, t) => {
 		...r
 	});
 });
-ci.displayName = "Popover.Popup", si.displayName = "Popover.Positioner", li.displayName = "Popover.Title", ui.displayName = "Popover.Close";
+ai.displayName = "Popover.Popup", ii.displayName = "Popover.Positioner", oi.displayName = "Popover.Title", si.displayName = "Popover.Close";
 //#endregion
 //#region src/components/popover/index.ts
-var di = /* @__PURE__ */ I({
-	Close: () => ui,
-	Controls: () => ni,
-	Header: () => ei,
-	Popup: () => ci,
-	Portal: () => oi,
-	Positioner: () => si,
-	Root: () => ii,
-	Section: () => ti,
-	Title: () => li,
-	Trigger: () => ai
-}), fi = E.Root, pi = E.Portal, mi = E.Trigger, hi = l(["fp-DialogBaseContent", "fp-DialogContent"], {
+var ci = /* @__PURE__ */ z({
+	Close: () => si,
+	Controls: () => $r,
+	Header: () => Zr,
+	Popup: () => ai,
+	Portal: () => ri,
+	Positioner: () => ii,
+	Root: () => ti,
+	Section: () => Qr,
+	Title: () => oi,
+	Trigger: () => ni
+}), li = E.Root, ui = E.Portal, di = E.Trigger, fi = l(["fp-DialogBaseContent", "fp-DialogContent"], {
 	variants: {
 		size: {
 			1: "fp-size-1",
@@ -1753,37 +1752,37 @@ var di = /* @__PURE__ */ I({
 		size: "2",
 		placement: "top"
 	}
-}), gi = t.forwardRef((e, t) => {
-	let { children: n, className: r, size: i, placement: a, ...o } = e, s = hi({
+}), pi = t.forwardRef((e, t) => {
+	let { children: n, className: r, size: i, placement: a, ...o } = e, s = fi({
 		size: i,
 		placement: a
 	});
 	return /* @__PURE__ */ f(E.Popup, {
 		ref: t,
-		className: L(r, s),
+		className: B(r, s),
 		...o,
 		children: n
 	});
-}), _i = t.forwardRef((e, t) => {
+}), mi = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(E.Backdrop, {
 		ref: t,
-		className: L(n, "fp-DialogBaseOverlay"),
+		className: B(n, "fp-DialogBaseOverlay"),
 		...r
 	});
-}), vi = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(z, { weight: "strong" }), ...i } = e;
+}), hi = t.forwardRef((e, t) => {
+	let { className: n, render: r = /* @__PURE__ */ f(H, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(E.Title, {
 		ref: t,
-		className: L(n, "fp-DialogBaseTitle"),
+		className: B(n, "fp-DialogBaseTitle"),
 		render: r,
 		...i
 	});
-}), yi = t.forwardRef((e, t) => {
-	let { render: n = /* @__PURE__ */ f($r, {
+}), gi = t.forwardRef((e, t) => {
+	let { render: n = /* @__PURE__ */ f(Xr, {
 		"aria-label": "Close",
 		disableTooltip: !0,
-		children: /* @__PURE__ */ f(nt, {})
+		children: /* @__PURE__ */ f($e, {})
 	}), ...r } = e;
 	return /* @__PURE__ */ f(E.Close, {
 		ref: t,
@@ -1791,21 +1790,21 @@ var di = /* @__PURE__ */ I({
 		...r
 	});
 });
-gi.displayName = "Dialog.Popup", _i.displayName = "Dialog.Backdrop", vi.displayName = "Dialog.Title", yi.displayName = "Dialog.Close";
+pi.displayName = "Dialog.Popup", mi.displayName = "Dialog.Backdrop", hi.displayName = "Dialog.Title", gi.displayName = "Dialog.Close";
 //#endregion
 //#region src/components/dialog/index.ts
-var bi = /* @__PURE__ */ I({
-	Backdrop: () => _i,
-	Close: () => yi,
-	Controls: () => ni,
-	Header: () => ei,
-	Popup: () => gi,
-	Portal: () => pi,
-	Root: () => fi,
-	Section: () => ti,
-	Title: () => vi,
-	Trigger: () => mi
-}), xi = D.Root, Si = D.Portal, Ci = D.Trigger, wi = D.Close, Ti = l(["fp-DialogBaseContent", "fp-AlertDialogContent"], {
+var _i = /* @__PURE__ */ z({
+	Backdrop: () => mi,
+	Close: () => gi,
+	Controls: () => $r,
+	Header: () => Zr,
+	Popup: () => pi,
+	Portal: () => ui,
+	Root: () => li,
+	Section: () => Qr,
+	Title: () => hi,
+	Trigger: () => di
+}), vi = D.Root, yi = D.Portal, bi = D.Trigger, xi = D.Close, Si = l(["fp-DialogBaseContent", "fp-AlertDialogContent"], {
 	variants: {
 		size: {
 			1: "fp-size-1",
@@ -1821,40 +1820,40 @@ var bi = /* @__PURE__ */ I({
 		size: "2",
 		placement: "top"
 	}
-}), Ei = t.forwardRef((e, t) => {
-	let { className: n, size: r, placement: i, ...a } = e, o = Ti({
+}), Ci = t.forwardRef((e, t) => {
+	let { className: n, size: r, placement: i, ...a } = e, o = Si({
 		size: r,
 		placement: i
 	});
 	return /* @__PURE__ */ f(D.Popup, {
 		ref: t,
-		className: L(n, o),
+		className: B(n, o),
 		...a
 	});
-}), Di = t.forwardRef((e, t) => {
+}), wi = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f(D.Backdrop, {
 		ref: t,
-		className: L(n, "fp-DialogBaseOverlay"),
+		className: B(n, "fp-DialogBaseOverlay"),
 		...r
 	});
-}), Oi = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(z, { weight: "strong" }), ...i } = e;
+}), Ti = t.forwardRef((e, t) => {
+	let { className: n, render: r = /* @__PURE__ */ f(H, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(D.Title, {
 		ref: t,
-		className: L(n, "fp-AlertDialogTitle"),
+		className: B(n, "fp-AlertDialogTitle"),
 		render: r,
 		...i
 	});
-}), ki = t.forwardRef((e, t) => {
-	let { className: n, render: r = /* @__PURE__ */ f(z, {}), ...i } = e;
+}), Ei = t.forwardRef((e, t) => {
+	let { className: n, render: r = /* @__PURE__ */ f(H, {}), ...i } = e;
 	return /* @__PURE__ */ f(D.Description, {
 		ref: t,
-		className: L(n, "fp-AlertDialogDescription"),
+		className: B(n, "fp-AlertDialogDescription"),
 		render: r,
 		...i
 	});
-}), Ai = t.forwardRef((e, t) => {
+}), Di = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
 	return /* @__PURE__ */ f("div", {
 		ref: t,
@@ -1862,22 +1861,22 @@ var bi = /* @__PURE__ */ I({
 		...r
 	});
 });
-Ei.displayName = "AlertDialog.Popup", Di.displayName = "AlertDialog.Backdrop", Oi.displayName = "AlertDialog.Title", ki.displayName = "AlertDialog.Description", Ai.displayName = "AlertDialog.Actions";
+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 ji = /* @__PURE__ */ I({
-	Actions: () => Ai,
-	Backdrop: () => Di,
-	Close: () => wi,
-	Description: () => ki,
-	Popup: () => Ei,
-	Portal: () => Si,
-	Root: () => xi,
-	Title: () => Oi,
-	Trigger: () => Ci
-}), [Mi, H] = Ee("ValueFieldProvider", null), U = t.forwardRef((e, t) => {
-	let { className: n, disabled: r, ...i } = e, a = Ni(r, H("Root"));
-	return /* @__PURE__ */ f(Mi, {
+var Oi = /* @__PURE__ */ z({
+	Actions: () => Di,
+	Backdrop: () => wi,
+	Close: () => xi,
+	Description: () => Ei,
+	Popup: () => Ci,
+	Portal: () => yi,
+	Root: () => vi,
+	Title: () => Ti,
+	Trigger: () => bi
+}), [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,
 		children: /* @__PURE__ */ f("label", {
 			ref: t,
@@ -1887,9 +1886,9 @@ var ji = /* @__PURE__ */ I({
 			...i
 		})
 	});
-}), W = t.forwardRef((e, t) => {
-	let { className: n, disabled: r, ...i } = e, a = Ni(r, H("Multi"));
-	return /* @__PURE__ */ f(Mi, {
+}), q = t.forwardRef((e, t) => {
+	let { className: n, disabled: r, ...i } = e, a = Ai(r, G("Multi"));
+	return /* @__PURE__ */ f(ki, {
 		...a,
 		children: /* @__PURE__ */ f("div", {
 			ref: t,
@@ -1899,8 +1898,8 @@ var ji = /* @__PURE__ */ I({
 			...i
 		})
 	});
-}), G = t.forwardRef((e, t) => {
-	let { className: n, ...r } = e, i = H("Root");
+}), J = t.forwardRef((e, t) => {
+	let { className: n, ...r } = e, i = G("Root");
 	return /* @__PURE__ */ f("span", {
 		ref: t,
 		className: u(n, "fp-ValueFieldLabel"),
@@ -1908,8 +1907,8 @@ var ji = /* @__PURE__ */ I({
 		...r
 	});
 });
-U.displayName = "ValueField.Root", G.displayName = "ValueField.Label", W.displayName = "ValueField.Multi";
-function Ni(e, n) {
+K.displayName = "ValueField.Root", J.displayName = "ValueField.Label", q.displayName = "ValueField.Multi";
+function Ai(e, n) {
 	let [r, i] = t.useState(!1), a = t.useRef([]), o = e || n?.disabled ? !0 : void 0, s = t.useCallback((e) => e ? (a.current = [...a.current.filter((t) => t !== e), e], () => {
 		a.current = a.current.filter((t) => t !== e);
 	}) : () => {}, []);
@@ -1927,7 +1926,7 @@ function Ni(e, n) {
 }
 //#endregion
 //#region src/lib/number/normalize.ts
-function K(e, t) {
+function Y(e, t) {
 	let [n, r] = e, [i, a] = t;
 	return function(e) {
 		return n === r || i === a ? i : (e - n) / (r - n) * (a - i) + i;
@@ -1935,7 +1934,7 @@ function K(e, t) {
 }
 //#endregion
 //#region src/lib/react/use-select-on-input-click.tsx
-function Pi() {
+function ji() {
 	let [e, t] = s(!0), r = n(() => {
 		t(!0);
 	}, []);
@@ -1951,8 +1950,8 @@ function Pi() {
 }
 //#endregion
 //#region src/components/input/input.tsx
-var Fi = t.forwardRef((e, t) => {
-	let { type: n = "text", className: r, selectOnClick: i = !1, ...a } = e, s = R(o(null), t), { onMouseLeave: c, onMouseUp: l, onFocus: d } = Pi(), p = i ? N(a, {
+var Mi = t.forwardRef((e, t) => {
+	let { type: n = "text", className: r, selectOnClick: i = !1, ...a } = e, s = V(o(null), t), { onMouseLeave: c, onMouseUp: l, onFocus: d } = ji(), p = i ? N(a, {
 		onMouseLeave: c,
 		onMouseUp: l,
 		onFocus: d
@@ -1964,11 +1963,11 @@ var Fi = t.forwardRef((e, t) => {
 		...p
 	});
 });
-Fi.displayName = "Input";
+Mi.displayName = "Input";
 //#endregion
 //#region src/components/value-field/value-field-base.tsx
-var Ii = (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 = R(r, h), _ = o(i), [v, y] = s(null), b = v ?? d.format(i), x = H("ValueField"), S = p || x?.disabled ? !0 : void 0, C = x?.registerScrubTarget;
+var Ni = (e) => {
+	let { className: n, inputRef: r, value: i, onChange: a, smallNudge: c = 1, bigNudge: l = 10, formatter: d, disabled: p, ...m } = e, h = o(null), g = V(r, h), _ = o(i), [v, y] = s(null), b = v ?? d.format(i), x = G("ValueField"), S = p || x?.disabled ? !0 : void 0, C = x?.registerScrubTarget;
 	t.useEffect(() => {
 		x?.scrubbing || (_.current = i);
 	}, [x?.scrubbing, i]);
@@ -2028,7 +2027,7 @@ var Ii = (e) => {
 		A,
 		k,
 		C
-	]), /* @__PURE__ */ f(Fi, {
+	]), /* @__PURE__ */ f(Mi, {
 		ref: g,
 		dir: "auto",
 		autoComplete: "off",
@@ -2044,16 +2043,16 @@ var Ii = (e) => {
 		}, m)
 	});
 };
-Ii.displayName = "ValueField.Base";
+Ni.displayName = "ValueField.Base";
 //#endregion
 //#region src/components/value-field/value-field-numeric.tsx
-var Li = 15, q = t.forwardRef((e, t) => {
+var Pi = 15, X = t.forwardRef((e, t) => {
 	let { value: n, onChange: r, min: i, max: o, targetRange: s, precision: c, suffix: l, allowedUnits: u, ...d } = e;
-	return /* @__PURE__ */ f(Ii, {
+	return /* @__PURE__ */ f(Ni, {
 		inputRef: t,
 		value: n,
 		onChange: r,
-		formatter: a(() => Ri({
+		formatter: a(() => Fi({
 			min: i,
 			max: o,
 			precision: c,
@@ -2071,8 +2070,8 @@ var Li = 15, q = t.forwardRef((e, t) => {
 		...d
 	});
 });
-function Ri(e = {}) {
-	let { min: t, max: n, targetRange: r, precision: i = Li, suffix: a, allowedUnits: o = [] } = e, { toDisplayValue: s, fromDisplayValue: c } = zi({
+function Fi(e = {}) {
+	let { min: t, max: n, targetRange: r, precision: i = Pi, suffix: a, allowedUnits: o = [] } = e, { toDisplayValue: s, fromDisplayValue: c } = Ii({
 		min: t,
 		max: n,
 		targetRange: r
@@ -2082,7 +2081,7 @@ function Ri(e = {}) {
 			try {
 				return {
 					valid: !0,
-					value: A(e, (e) => Vi({
+					value: A(e, (e) => Ri({
 						expression: e,
 						displayValue: s(r),
 						suffix: a,
@@ -2099,13 +2098,13 @@ function Ri(e = {}) {
 		format: (e) => A(e, O({
 			min: t,
 			max: n
-		}), s, j(i), (e) => Bi(e, a)),
+		}), s, j(i), (e) => Li(e, a)),
 		incrementBy(e, t) {
 			return e + c(t);
 		}
 	};
 }
-function zi(e) {
+function Ii(e) {
 	let { min: t, max: n, targetRange: r } = e;
 	if (!r) return {
 		toDisplayValue: (e) => e,
@@ -2114,27 +2113,27 @@ function zi(e) {
 	if (typeof t != "number" || typeof n != "number") throw Error("'targetRange' requires specifying 'min' and 'max'.");
 	if (t === n) throw Error("'min' and 'max' cannot be equal.");
 	return {
-		toDisplayValue: K([t, n], r),
-		fromDisplayValue: K(r, [t, n])
+		toDisplayValue: Y([t, n], r),
+		fromDisplayValue: Y(r, [t, n])
 	};
 }
-function Bi(e, t) {
+function Li(e, t) {
 	return Number.isNaN(e) ? "" : t ? `${e}${t}` : `${e}`;
 }
-function Vi(e) {
+function Ri(e) {
 	let { displayValue: t, expression: n, suffix: r = "", allowedUnits: i = [] } = e, a = "(\\d*\\.?\\d+)", o = `(?:${[...i, r].join("|")})*`, s = M(n.replace(RegExp(`${a}${o}`, "gi"), (e, t) => t).replace(RegExp(`${o}${a}`, "gi"), (e, t) => t).replace(RegExp(`${a}%`, "gi"), (e, n) => `(${t}*${n}/100)`).replace(RegExp(`%${a}`, "gi"), (e, n) => `(${t}*${n}/100)`).replace(RegExp(`${a}x`, "gi"), (e, n) => `(${t}*${n})`).replace(RegExp(`x${a}`, "gi"), (e, n) => `(${t}*${n})`).replace(/(?<!\d)x(?!\d)/gi, `${t}`).trim());
 	if (s === null) throw Error("Invalid expression.");
 	return s;
 }
 //#endregion
 //#region src/components/value-field/value-field-scrubber.tsx
-var Hi = 2, Ui = 4, Wi = t.forwardRef((e, n) => {
-	let { children: i, className: a, onPointerDown: c, pixelSensitivity: l = Hi, teleportDistance: d, style: m, ...h } = e, g = H("Scrubber"), _ = o(null), v = o(null), [y, b] = s(null), x = R(n, t.useCallback((e) => {
-		_.current = e, b(ea(e));
+var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
+	let { children: i, className: a, onPointerDown: c, pixelSensitivity: l = zi, teleportDistance: d, style: m, ...h } = e, g = G("Scrubber"), _ = o(null), v = o(null), [y, b] = s(null), x = V(n, t.useCallback((e) => {
+		_.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 && !ta(), re = 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,40 +2143,40 @@ var Hi = 2, Ui = 4, Wi = t.forwardRef((e, n) => {
 			x: t.clientX - n.offsetWidth / 2,
 			y: t.clientY - n.offsetHeight / 2
 		};
-		M.current = r, Yi(n, r);
-	}, [F]), ie = t.useCallback((e, t) => {
+		M.current = r, Ki(n, r);
+	}, [F]), R = t.useCallback((e, t) => {
 		let n = v.current, r = _.current;
 		if (!n || !r) return;
-		let i = Zi(d, r), a = M.current, o = Xi({
+		let i = Ji(d, r), a = M.current, o = qi({
 			x: Math.round(a.x + e),
 			y: Math.round(a.y + t)
 		}, i, n);
-		M.current = o, Yi(n, o);
+		M.current = o, Ki(n, o);
 	}, [d]);
-	function ae(e) {
+	function ne(e) {
 		c?.(e);
-		let t = Ki(N?.current, _.current), n = e.button === 0;
+		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, re(!0, e.nativeEvent), !r && !ta() && Gi(_.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;
-		let e = N, t = Ki(e.current, _.current);
+		let e = N, t = Ui(e.current, _.current);
 		if (!t || t.disabled) return;
-		let n = $i(_.current);
+		let n = Xi(_.current);
 		if (!n) return;
 		function r(t) {
-			if (O.current && (t.preventDefault(), ie(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 = Ki(e.current, _.current);
+				let r = Ui(e.current, _.current);
 				n !== 0 && r && !r.disabled && r.scrub(n, t);
 			}
 		}
 		function i(e) {
-			let t = Qi(_.current);
-			typeof t?.exitPointerLock == "function" && t.exitPointerLock(), O.current = !1, re(!1, e), Ji(A.current, _.current, k.current), k.current = !1, A.current = null, j.current = 0;
+			let t = Yi(_.current);
+			typeof t?.exitPointerLock == "function" && t.exitPointerLock(), O.current = !1, L(!1, e), Gi(A.current, _.current, k.current), k.current = !1, A.current = null, j.current = 0;
 		}
 		return n.addEventListener("pointermove", r, !0), n.addEventListener("pointerup", i, !0), () => {
 			n.removeEventListener("pointermove", r, !0), n.removeEventListener("pointerup", i, !0);
@@ -2187,8 +2186,8 @@ var Hi = 2, Ui = 4, Wi = t.forwardRef((e, n) => {
 		S,
 		l,
 		N,
-		re,
-		ie
+		L,
+		R
 	]), r(() => {
 		let e = _.current;
 		if (!e || P) return;
@@ -2199,7 +2198,7 @@ var Hi = 2, Ui = 4, Wi = t.forwardRef((e, n) => {
 			e.removeEventListener("touchstart", t);
 		};
 	}, [P]);
-	let I = {
+	let z = {
 		touchAction: "none",
 		WebkitUserSelect: "none",
 		userSelect: "none",
@@ -2211,19 +2210,19 @@ var Hi = 2, Ui = 4, Wi = t.forwardRef((e, n) => {
 		"data-disabled": P ? "" : void 0,
 		"data-scrubbing": S ? "" : void 0,
 		role: "presentation",
-		style: I,
-		onPointerDown: ae,
+		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",
-			children: /* @__PURE__ */ f(na, {})
+			children: /* @__PURE__ */ f($i, {})
 		}), y) : null]
 	});
 });
-function Gi(e, t) {
-	let n = Qi(e)?.body;
+function Hi(e, t) {
+	let n = Yi(e)?.body;
 	if (!n || !n.requestPointerLock) {
 		t(!0);
 		return;
@@ -2234,34 +2233,34 @@ function Gi(e, t) {
 		t(!0);
 	}
 }
-function Ki(e, t) {
+function Ui(e, t) {
 	if (!e || e.length === 0) return null;
 	if (!t || e.length === 1) return e[0] ?? null;
 	let n = t.closest(".fp-ValueFieldRoot"), r = n ? e.filter((e) => e.inputRef.current?.closest(".fp-ValueFieldRoot") === n) : e;
-	return qi(r, t) ?? r[0] ?? null;
+	return Wi(r, t) ?? r[0] ?? null;
 }
-function qi(e, t) {
+function Wi(e, t) {
 	return e.find((e) => {
 		let n = e.inputRef.current;
-		return n ? (t.compareDocumentPosition(n) & Ui) !== 0 : !1;
+		return n ? (t.compareDocumentPosition(n) & Bi) !== 0 : !1;
 	}) ?? null;
 }
-function Ji(e, t, n) {
+function Gi(e, t, n) {
 	if (n || !e) return;
-	let r = $i(t);
+	let r = Xi(t);
 	r && e.dispatchEvent(new r.MouseEvent("click", {
 		bubbles: !0,
 		cancelable: !0
 	}));
 }
-function Yi(e, t) {
+function Ki(e, t) {
 	e.style.transform = `translate3d(${t.x}px,${t.y}px,0)`;
 }
-function Xi(e, t, n) {
+function qi(e, t, n) {
 	let r = { ...e }, i = n.offsetWidth / 2, a = n.offsetHeight / 2;
 	return r.x + i < t.left ? r.x = t.right - i : r.x + i > t.right && (r.x = t.left - i), r.y + a < t.top ? r.y = t.bottom - a : r.y + a > t.bottom && (r.y = t.top - a), r;
 }
-function Zi(e, t) {
+function Ji(e, t) {
 	let n = t.getBoundingClientRect();
 	if (e !== void 0) return {
 		left: n.left - e / 2,
@@ -2269,7 +2268,7 @@ function Zi(e, t) {
 		right: n.right + e / 2,
 		bottom: n.bottom + e / 2
 	};
-	let r = $i(t)?.visualViewport;
+	let r = Xi(t)?.visualViewport;
 	return r ? {
 		left: r.offsetLeft,
 		top: r.offsetTop,
@@ -2282,19 +2281,19 @@ function Zi(e, t) {
 		bottom: t.ownerDocument.documentElement.clientHeight
 	};
 }
-function Qi(e) {
+function Yi(e) {
 	return e ? e.ownerDocument : typeof document > "u" ? null : document;
 }
-function $i(e) {
-	return Qi(e)?.defaultView ?? null;
+function Xi(e) {
+	return Yi(e)?.defaultView ?? null;
 }
-function ea(e) {
-	return Qi(e)?.body ?? null;
+function Zi(e) {
+	return Yi(e)?.body ?? null;
 }
-function ta() {
+function Qi() {
 	return typeof navigator < "u" && /AppleWebKit/i.test(navigator.userAgent) && !/(Chrome|Chromium|Edg|OPR|Firefox|HappyDOM)/i.test(navigator.userAgent);
 }
-function na() {
+function $i() {
 	return /* @__PURE__ */ f("svg", {
 		className: "fp-ValueFieldScrubberCursorIcon",
 		width: "26",
@@ -2304,11 +2303,11 @@ function na() {
 		children: /* @__PURE__ */ f("path", { d: "M20.5 5.5H6.5V2L1 7L6.5 12V8.5H20.5V12L26 7L20.5 2V5.5Z" })
 	});
 }
-Wi.displayName = "ValueField.Scrubber";
+Vi.displayName = "ValueField.Scrubber";
 //#endregion
 //#region src/components/value-field/value-field-numeric-select.tsx
-var ra = t.forwardRef((e, n) => {
-	let { className: r, style: i, value: a, onChange: o, options: s, disabled: c, triggerLabel: l = "Select value", ...m } = e, h = s.includes(a), g = J(a), _ = ia(a, s, h), v = t.useRef(null);
+var ea = t.forwardRef((e, n) => {
+	let { className: r, style: i, value: a, onChange: o, options: s, disabled: c, triggerLabel: l = "Select value", ...m } = e, h = s.includes(a), g = Z(a), _ = ta(a, s, h), v = t.useRef(null);
 	function b(e) {
 		e !== null && o(Number(e));
 	}
@@ -2317,15 +2316,15 @@ var ra = t.forwardRef((e, n) => {
 		value: g,
 		onValueChange: b,
 		disabled: c,
-		children: [/* @__PURE__ */ p(W, {
+		children: [/* @__PURE__ */ p(q, {
 			ref: v,
 			className: u(r, "fp-ValueFieldNumericSelect"),
 			style: i,
 			disabled: c,
-			children: [/* @__PURE__ */ p(U, {
+			children: [/* @__PURE__ */ p(K, {
 				className: "fp-ValueFieldNumericSelectField",
 				disabled: c,
-				children: [/* @__PURE__ */ f(Wi, {}), /* @__PURE__ */ f(q, {
+				children: [/* @__PURE__ */ f(Vi, {}), /* @__PURE__ */ f(X, {
 					ref: n,
 					value: a,
 					onChange: o,
@@ -2337,7 +2336,7 @@ var ra = t.forwardRef((e, n) => {
 				"aria-label": l,
 				children: [/* @__PURE__ */ f(y.Value, {}), /* @__PURE__ */ f(y.Icon, {
 					className: "fp-ValueFieldNumericSelectIcon",
-					children: /* @__PURE__ */ f(V, { size: "4" })
+					children: /* @__PURE__ */ f(qe, { size: "4" })
 				})]
 			})]
 		}), /* @__PURE__ */ f(y.Portal, { children: /* @__PURE__ */ f(y.Positioner, {
@@ -2350,7 +2349,7 @@ var ra = t.forwardRef((e, n) => {
 				children: [
 					/* @__PURE__ */ f(y.ScrollUpArrow, {
 						className: "fp-SelectScrollUpButton",
-						children: /* @__PURE__ */ f($e, { size: "4" })
+						children: /* @__PURE__ */ f(Xe, { size: "4" })
 					}),
 					/* @__PURE__ */ p(y.List, { children: [!h && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p(y.Item, {
 						value: g,
@@ -2358,46 +2357,46 @@ var ra = t.forwardRef((e, n) => {
 						className: "fp-MenuItem fp-MenuCheckboxItem fp-ValueFieldNumericSelectCurrentItem",
 						children: [/* @__PURE__ */ f(y.ItemIndicator, {
 							className: "fp-MenuItemIndicator",
-							children: /* @__PURE__ */ f(Ye, { 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: J(e),
-						label: J(e),
+						value: Z(e),
+						label: Z(e),
 						className: "fp-MenuItem fp-MenuCheckboxItem",
 						children: [/* @__PURE__ */ f(y.ItemIndicator, {
 							className: "fp-MenuItemIndicator",
-							children: /* @__PURE__ */ f(Ye, { size: "4" })
+							children: /* @__PURE__ */ f(W, { size: "4" })
 						}), /* @__PURE__ */ f(y.ItemText, { children: e })]
-					}, J(e)))] }),
+					}, Z(e)))] }),
 					/* @__PURE__ */ f(y.ScrollDownArrow, {
 						className: "fp-SelectScrollDownButton",
-						children: /* @__PURE__ */ f(V, { size: "4" })
+						children: /* @__PURE__ */ f(qe, { size: "4" })
 					})
 				]
 			})
 		}) })]
 	});
 });
-function ia(e, t, n) {
+function ta(e, t, n) {
 	let r = t.map((e) => {
-		let t = J(e);
+		let t = Z(e);
 		return {
 			value: t,
 			label: t
 		};
 	});
 	return n ? r : [{
-		value: J(e),
-		label: J(e)
+		value: Z(e),
+		label: Z(e)
 	}, ...r];
 }
-function J(e) {
+function Z(e) {
 	return `${e}`;
 }
-ra.displayName = "ValueField.NumericSelect";
+ea.displayName = "ValueField.NumericSelect";
 //#endregion
 //#region src/components/value-field/named-colors.ts
-var aa = {
+var na = {
 	aliceblue: {
 		r: 240,
 		g: 248,
@@ -3133,22 +3132,22 @@ var aa = {
 		g: 205,
 		b: 50
 	}
-}, oa = t.forwardRef((e, t) => {
+}, ra = t.forwardRef((e, t) => {
 	let { value: n, onChange: r, ignoreAlpha: i = !1, ...o } = e;
-	return /* @__PURE__ */ f(Ii, {
+	return /* @__PURE__ */ f(Ni, {
 		inputRef: t,
 		value: n,
 		onChange: r,
-		formatter: a(() => sa({ ignoreAlpha: i }), [i]),
+		formatter: a(() => ia({ ignoreAlpha: i }), [i]),
 		...o
 	});
 });
-function sa(e) {
+function ia(e) {
 	let { ignoreAlpha: t } = e;
 	return {
 		parse(e, n) {
-			if (ca(e)) {
-				let { r: t, g: r, b: i } = aa[e];
+			if (aa(e)) {
+				let { r: t, g: r, b: i } = na[e];
 				return {
 					valid: !0,
 					value: {
@@ -3161,7 +3160,7 @@ function sa(e) {
 			}
 			try {
 				return {
-					value: A(e, la, (e) => ua(e, n), da, (e) => t ? {
+					value: A(e, oa, (e) => sa(e, n), ca, (e) => t ? {
 						...e,
 						a: 1
 					} : e),
@@ -3209,27 +3208,27 @@ function sa(e) {
 		}
 	};
 }
-function ca(e) {
-	return Object.keys(aa).includes(e);
+function aa(e) {
+	return Object.keys(na).includes(e);
 }
-function la(e) {
+function oa(e) {
 	return e.match(/[0-9a-f]+/gi)?.[0] ?? "";
 }
-function ua(e, t) {
+function sa(e, t) {
 	if (!/^[0-9a-f]{1,8}$/i.test(e)) throw Error("Invalid hex substring");
 	switch (e.length) {
-		case 1: return e.repeat(6) + fa(t.a);
-		case 2: return e.repeat(3) + fa(t.a);
-		case 3: return e.split("").map((e) => e.repeat(2)).join("") + fa(t.a);
+		case 1: return e.repeat(6) + la(t.a);
+		case 2: return e.repeat(3) + la(t.a);
+		case 3: return e.split("").map((e) => e.repeat(2)).join("") + la(t.a);
 		case 4: return e.slice(0, 3).split("").map((e) => e.repeat(2)).join("") + e[3].repeat(2);
 		case 5: return e.slice(0, 3).split("").map((e) => e.repeat(2)).join("") + e.slice(-2);
-		case 6: return e + fa(t.a);
+		case 6: return e + la(t.a);
 		case 7: return e.slice(0, 6) + e[6].repeat(2);
 		case 8: return e;
 		default: throw Error("Invalid hex substring");
 	}
 }
-function da(e) {
+function ca(e) {
 	return {
 		r: parseInt(e.substring(0, 2), 16) / 255,
 		g: parseInt(e.substring(2, 4), 16) / 255,
@@ -3237,37 +3236,37 @@ function da(e) {
 		a: parseInt(e.substring(6, 8), 16) / 255
 	};
 }
-function fa(e) {
+function la(e) {
 	return Math.round(e * 255).toString(16);
 }
 //#endregion
 //#region src/components/value-field/index.ts
-var pa = /* @__PURE__ */ I({
-	Hex: () => oa,
-	Label: () => G,
-	Multi: () => W,
-	Numeric: () => q,
-	NumericSelect: () => ra,
-	Root: () => U,
-	Scrubber: () => Wi
+var ua = /* @__PURE__ */ z({
+	Hex: () => ra,
+	Label: () => J,
+	Multi: () => q,
+	Numeric: () => X,
+	NumericSelect: () => ea,
+	Root: () => K,
+	Scrubber: () => Vi
 });
 //#endregion
 //#region src/lib/color.ts
-function ma(e) {
+function da(e) {
 	let t = j(e * 255, 0).toString(16);
 	return t.length < 2 ? "0" + t : t;
 }
-function ha({ r: e, g: t, b: n, a: r }) {
-	let i = r < 1 ? ma(r) : "";
-	return "#" + ma(e) + ma(t) + ma(n) + i;
+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 ga(e) {
-	return ha(ba(e));
+function pa(e) {
+	return fa(va(e));
 }
-function _a(e) {
-	return ha(X(e));
+function ma(e) {
+	return fa(Q(e));
 }
-function Y({ r: e, g: t, b: n, a: r }) {
+function ha({ 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),
@@ -3276,7 +3275,7 @@ function Y({ r: e, g: t, b: n, a: r }) {
 		a: r
 	};
 }
-function X({ h: e, s: t, v: n, a: r }) {
+function Q({ h: e, s: t, v: n, a: r }) {
 	e = e / 360 * 6, t /= 100, n /= 100;
 	let i = Math.floor(e), a = n * (1 - t), o = n * (1 - (e - i) * t), s = n * (1 - (1 - e + i) * t), c = i % 6;
 	return {
@@ -3307,7 +3306,7 @@ function X({ h: e, s: t, v: n, a: r }) {
 		a: r
 	};
 }
-function va({ h: e, s: t, l: n, a: r }) {
+function ga({ 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,
@@ -3315,7 +3314,7 @@ function va({ h: e, s: t, l: n, a: r }) {
 		a: r
 	};
 }
-function ya({ h: e, s: t, v: n, a: r }) {
+function _a({ h: e, s: t, v: n, a: r }) {
 	let i = (200 - t) * n / 100;
 	return {
 		h: e,
@@ -3324,17 +3323,17 @@ function ya({ h: e, s: t, v: n, a: r }) {
 		a: r
 	};
 }
-function ba(e) {
-	return X(va(e));
+function va(e) {
+	return Q(ga(e));
 }
-function xa(e) {
-	return ya(Y(e));
+function ya(e) {
+	return _a(ha(e));
 }
-function Z(e) {
+function ba(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 Q(e) {
+function xa(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})`;
 }
@@ -3359,22 +3358,22 @@ var Ca = {
 	"rgb",
 	"hsl",
 	"hsv"
-], [Ta, $] = Ee("ColorPicker"), Ea = (e) => {
+], [Ta, $] = Ce("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] = ye({
+	let [d = Ca, p] = ge({
 		prop: c,
 		defaultProp: o,
 		onChange: l
-	}), [m = n[0], h] = ye({
+	}), [m = n[0], h] = ge({
 		prop: i,
 		defaultProp: r,
 		onChange: a
 	}), [g, _] = s({}), v = {
-		hsv: g.hsv ?? Y(d),
-		hsl: g.hsl ?? xa(d),
+		hsv: g.hsv ?? ha(d),
+		hsl: g.hsl ?? ya(d),
 		rgb: g.rgb ?? d,
-		hex: g.hex ?? ha(d)
+		hex: g.hex ?? fa(d)
 	}, y = v.hsv.h;
 	return /* @__PURE__ */ f(Ta, {
 		colorSpace: t,
@@ -3386,20 +3385,20 @@ var Ca = {
 			let { mode: t, value: n } = e;
 			t === "rgb" ? (_({
 				rgb: n,
-				hsv: Y(n),
-				hsl: xa(n),
-				hex: ha(n)
+				hsv: ha(n),
+				hsl: ya(n),
+				hex: fa(n)
 			}), p(n)) : t === "hsv" ? (_({
 				hsv: n,
-				hsl: ya(n),
-				rgb: X(n),
-				hex: _a(n)
-			}), p(X(n))) : t === "hsl" && (_({
-				hsv: va(n),
+				hsl: _a(n),
+				rgb: Q(n),
+				hex: ma(n)
+			}), p(Q(n))) : t === "hsl" && (_({
+				hsv: ga(n),
 				hsl: n,
-				rgb: ba(n),
-				hex: ga(n)
-			}), p(ba(n)));
+				rgb: va(n),
+				hex: pa(n)
+			}), p(va(n)));
 		},
 		hue: y,
 		colorsByModel: v,
@@ -3413,83 +3412,89 @@ function Da(e, t, n) {
 }
 //#endregion
 //#region src/components/slider/slider.tsx
-var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = t.forwardRef((e, t) => {
-	let { className: n, min: i = ka, max: a = Aa, defaultValue: c = [i], value: l, onValueChange: d, onValueCommit: m, tabIndex: h, orientation: g = ja, dir: _ = Ma, inverted: v, disabled: y, step: b = 1, minStepsBetweenThumbs: x, range: S = !0, rangeAnchor: C, baseValue: w, hints: T, ...E } = e, D = o(null), O = R(D, t), [A, j] = s(l ?? c), M = La(A, v, i, a), N = La(c, v, i, a), ee = o(l), te = o(c);
+var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = 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 = V(j, t), [N, ee] = s(d ?? l), te = Ra(N, y, a, c), I = Ra(l, y, a, c), L = o(d), R = o(l);
 	return r(() => {
-		k(l, ee.current) && k(c, te.current) || (j(l ?? c), ee.current = l, te.current = c);
-	}, [l, c]), /* @__PURE__ */ f(P, {
-		direction: _,
+		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: L(n, "fp-SliderRoot"),
-			defaultValue: N,
-			dir: _ === Ma ? void 0 : _,
-			disabled: y,
-			max: a,
-			min: i,
-			minStepsBetweenValues: x,
+			className: B(n, Na({ size: i })),
+			defaultValue: I,
+			dir: v === Ma ? void 0 : v,
+			disabled: A,
+			max: c,
+			min: a,
+			minStepsBetweenValues: S,
 			onValueChange: (e, t) => {
-				let n = za(Ra(e, v, i, a), t, D.current, g, _, v, i, a, b).map((e) => Ga(e, T, i, a));
-				d?.(n), j(n);
+				let n = Ba(za(e, y, a, c), t, j.current, _, v, y, a, c, x).map((e) => Ka(e, E, a, c));
+				m?.(n), ee(n);
 			},
 			onValueCommitted: (e, t) => {
-				let n = za(Ra(e, v, i, a), t, D.current, g, _, v, i, a, b).map((e) => Ga(e, T, i, a));
-				m?.(n);
+				let n = Ba(za(e, y, a, c), t, j.current, _, v, y, a, c, x).map((e) => Ka(e, E, a, c));
+				h?.(n);
 			},
-			orientation: g,
-			step: b,
+			orientation: _,
+			step: x,
 			thumbAlignment: "center",
-			value: M,
-			...E,
+			value: te,
+			...D,
 			children: /* @__PURE__ */ p(F.Control, {
-				ref: O,
+				ref: M,
 				className: "fp-SliderControl",
-				tabIndex: h ?? -1,
+				tabIndex: g ?? -1,
 				children: [
 					/* @__PURE__ */ f(F.Track, {
 						className: "fp-SliderTrack",
 						style: { position: "static" },
-						children: A.map((e, t) => /* @__PURE__ */ f(F.Thumb, {
+						children: N.map((e, t) => /* @__PURE__ */ f(F.Thumb, {
 							index: t,
 							className: u("fp-SliderThumb", {
 								"fp-SliderThumb-focusVisible": !0,
-								"fp-SliderThumb-baseValue": e === w
+								"fp-SliderThumb-baseValue": e === T
 							})
 						}, t))
 					}),
-					S && /* @__PURE__ */ f(Fa, {
-						dir: _,
-						value: A,
-						min: i,
-						max: a,
-						orientation: g,
-						inverted: v,
-						rangeAnchor: C,
-						disabled: y
+					C && /* @__PURE__ */ f(Ia, {
+						dir: v,
+						value: N,
+						min: a,
+						max: c,
+						orientation: _,
+						inverted: y,
+						rangeAnchor: w,
+						disabled: A
 					}),
-					T && T.map((e) => /* @__PURE__ */ f(Pa, {
+					E && E.map((e) => /* @__PURE__ */ f(Fa, {
 						hint: e,
-						baseValue: w,
-						min: i,
-						max: a,
-						orientation: g,
-						dir: _,
-						inverted: v
+						baseValue: T,
+						min: a,
+						max: c,
+						orientation: _,
+						dir: v,
+						inverted: y
 					}, e))
 				]
 			})
 		})
 	});
 });
-Na.displayName = "Slider";
-var Pa = (e) => {
-	let { baseValue: t, dir: n, inverted: r, max: i, min: a, orientation: o, hint: s } = e, { startEdge: c } = Ia(o, n, r), l = K([a, i], [0, 100])(s);
+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);
 	return /* @__PURE__ */ f("span", {
 		className: u("fp-SliderHint", { "fp-SliderHint-baseValue": s === t }),
 		"data-orientation": o,
-		style: { [c]: `calc(${l}% - ${4 / 2}px)` }
+		style: { [c]: `calc(${l}% - var(--slider-hint-width) / 2)` }
 	});
-}, Fa = (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 = K([t, n], [0, 100])(l), p = 100 - K([t, n], [0, 100])(u), m = Ia(a, o, s);
+}, 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);
 	return /* @__PURE__ */ f("span", {
 		className: "fp-SliderRange",
 		"data-orientation": a,
@@ -3500,7 +3505,7 @@ var Pa = (e) => {
 		}
 	});
 };
-function Ia(e, t, n) {
+function La(e, t, n) {
 	let r = n ? "inverted" : "normal";
 	return {
 		vertical: {
@@ -3525,58 +3530,58 @@ function Ia(e, t, n) {
 		}
 	}[e][r];
 }
-function La(e, t, n, r) {
-	let i = Wa(e, t, n, r);
+function Ra(e, t, n, r) {
+	let i = Ga(e, t, n, r);
 	if (i.length === 1) {
 		let e = i[0];
 		if (e !== void 0) return e;
 	}
 	return i;
 }
-function Ra(e, t, n, r) {
-	return Wa(typeof e == "number" ? [e] : e, t, n, r);
+function za(e, t, n, r) {
+	return Ga(typeof e == "number" ? [e] : e, t, n, r);
 }
-function za(e, t, n, r, i, a, o, s, c) {
+function Ba(e, t, n, r, i, a, o, s, c) {
 	if (t.reason !== "track-press" || n === null) return e;
-	let l = n.parentElement, u = Ba(t.event);
+	let l = n.parentElement, u = Va(t.event);
 	if (l === null || u === void 0) return e;
-	let d = Ha(u, l.getBoundingClientRect(), r, i, a), f = Ua(o + (s - o) * d, o, s, c), p = Va(t);
+	let d = Ua(u, l.getBoundingClientRect(), r, i, a), f = Wa(o + (s - o) * d, o, s, c), p = Ha(t);
 	return e.map((t, n) => n === p || e.length === 1 ? f : t);
 }
-function Ba(e) {
+function Va(e) {
 	if ("clientX" in e && "clientY" in e && typeof e.clientX == "number" && typeof e.clientY == "number") return {
 		x: e.clientX,
 		y: e.clientY
 	};
 }
-function Va(e) {
+function Ha(e) {
 	if ("activeThumbIndex" in e && typeof e.activeThumbIndex == "number") return e.activeThumbIndex;
 }
-function Ha(e, t, n, r, i) {
+function Ua(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 Ua(e, t, n, r) {
+function Wa(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 Wa(e, t, n, r) {
+function Ga(e, t, n, r) {
 	return t ? e.map((e) => n + r - e) : [...e];
 }
-function Ga(e, t, n, r) {
-	let i = K([0, 100], [0, r - n])(Oa), a = t?.find((t) => Math.abs(t - e) <= i);
+function Ka(e, t, n, r) {
+	let i = Y([0, 100], [0, r - n])(Oa), 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 Ka = (e) => {
-	let { className: t, style: n } = e, { activeModel: r, colorSpace: i, hue: a, color: o, onColorChange: s } = $("Hue"), c = Ja[r], l = (e) => {
+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(Na, {
+	return /* @__PURE__ */ f(Pa, {
 		"aria-label": "hue",
 		range: !1,
 		min: 0,
@@ -3589,11 +3594,11 @@ var Ka = (e) => {
 			...n
 		}
 	});
-}, qa = {
-	getHue: (e) => Math.round(Y(e).h),
+}, Ja = {
+	getHue: (e) => Math.round(ha(e).h),
 	setHue: (e, t) => {
-		let { s: n, v: r } = Y(e);
-		return X({
+		let { s: n, v: r } = ha(e);
+		return Q({
 			h: t,
 			s: n,
 			v: r,
@@ -3601,7 +3606,7 @@ var Ka = (e) => {
 		});
 	},
 	getThumbColor: (e, t) => {
-		let { r: n, g: r, b: i } = X({
+		let { r: n, g: r, b: i } = Q({
 			h: e,
 			s: 100,
 			v: 100,
@@ -3609,38 +3614,38 @@ var Ka = (e) => {
 		});
 		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)})`;
 	}
-}, Ja = {
-	rgb: qa,
-	hsl: qa,
-	hsv: qa,
-	hex: qa
-}, Ya = (e) => {
+}, 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 = {
 		srgb: {
-			transparent: Q({
+			transparent: xa({
 				...i,
 				a: 0
 			}),
-			opaque: Q({
+			opaque: xa({
 				...i,
 				a: 1
 			})
 		},
 		p3: {
-			transparent: Z({
+			transparent: ba({
 				...i,
 				a: 0
 			}),
-			opaque: Z({
+			opaque: ba({
 				...i,
 				a: 1
 			})
 		}
 	}, s = {
-		srgb: Q(Sa(i)),
-		p3: Z(Sa(i))
+		srgb: xa(Sa(i)),
+		p3: ba(Sa(i))
 	};
-	return /* @__PURE__ */ f(Na, {
+	return /* @__PURE__ */ f(Pa, {
 		"aria-label": "alpha",
 		min: 0,
 		max: 100,
@@ -3666,24 +3671,24 @@ var Ka = (e) => {
 			...n
 		}
 	});
-}, Xa = 8, Za = (e) => {
+}, Za = 8, Qa = (e) => {
 	let { onColorChange: t, colorsByModel: n, hue: r, colorSpace: i, activeModel: a } = $("ColorPicker.Area"), s = {
-		srgb: Q(X({
+		srgb: xa(Q({
 			h: r,
 			s: 100,
 			v: 100,
 			a: 1
 		})),
-		p3: Z(X({
+		p3: ba(Q({
 			h: r,
 			s: 100,
 			v: 100,
 			a: 1
 		}))
 	}, c = {
-		srgb: Q(n.rgb),
-		p3: Z(n.rgb)
-	}, l = Qa(n, a), u = o(null), { size: d } = $a(u), m = (e) => {
+		srgb: xa(n.rgb),
+		p3: ba(n.rgb)
+	}, l = $a(n, a), u = o(null), { size: d } = eo(u), m = (e) => {
 		t(a === "hsl" ? {
 			mode: "hsl",
 			value: {
@@ -3705,11 +3710,11 @@ var Ka = (e) => {
 		if (e.type === "pointerdown" && e.currentTarget.setPointerCapture(e.pointerId), e.type === "pointermove" && !e.currentTarget.hasPointerCapture(e.pointerId)) return;
 		let t = e.currentTarget.getBoundingClientRect();
 		m({
-			x: A(e.clientX - t.x, K([0, d], [0, 100]), O({
+			x: A(e.clientX - t.x, Y([0, d], [0, 100]), O({
 				min: 0,
 				max: 100
 			})),
-			y: A(e.clientY - t.y - Xa, K([0, d], [0, 100]), O({
+			y: A(e.clientY - t.y - Za, Y([0, d], [0, 100]), O({
 				min: 0,
 				max: 100
 			}))
@@ -3766,7 +3771,7 @@ var Ka = (e) => {
 		})]
 	});
 };
-function Qa(e, t) {
+function $a(e, t) {
 	if (t === "hsl") {
 		let t = e.hsl;
 		return {
@@ -3781,7 +3786,7 @@ function Qa(e, t) {
 		};
 	}
 }
-function $a(e) {
+function eo(e) {
 	let [n, r] = t.useState(0);
 	return t.useLayoutEffect(() => {
 		let t = e.current;
@@ -3797,7 +3802,7 @@ function $a(e) {
 }
 //#endregion
 //#region src/components/flex/flex.tsx
-var eo = {
+var to = {
 	0: "fp-gap-0",
 	px: "fp-gap-px",
 	"0.5": "fp-gap-0_5",
@@ -3820,7 +3825,7 @@ var eo = {
 	14: "fp-gap-14",
 	15: "fp-gap-15",
 	16: "fp-gap-16"
-}, to = l("fp-Flex", {
+}, no = l("fp-Flex", {
 	variants: {
 		direction: {
 			row: "fp-direction-row",
@@ -3846,16 +3851,16 @@ var eo = {
 			wrap: "fp-wrap-wrap",
 			wrapReverse: "fp-wrap-wrap-reverse"
 		},
-		gap: eo,
-		columnGap: eo,
-		rowGap: eo
+		gap: to,
+		columnGap: to,
+		rowGap: to
 	},
 	defaultVariants: { direction: "row" }
-}), no = t.forwardRef((e, t) => {
+}), ro = 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: to({
+		className: no({
 			className: n,
 			direction: r,
 			align: i,
@@ -3868,11 +3873,11 @@ var eo = {
 		...u
 	});
 });
-no.displayName = "Flex";
-var ro = {
+ro.displayName = "Flex";
+var io = {
 	hex: () => {
 		let { colorsByModel: e, onColorChange: t } = $("ColorPicker.HEX"), n = e.rgb;
-		return /* @__PURE__ */ p(W, { children: [/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(oa, {
+		return /* @__PURE__ */ p(q, { children: [/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(ra, {
 			onChange: (e) => {
 				t({
 					mode: "rgb",
@@ -3880,9 +3885,9 @@ var ro = {
 				});
 			},
 			value: n
-		}) }), /* @__PURE__ */ p(U, {
+		}) }), /* @__PURE__ */ p(K, {
 			style: { flex: "0 0 52px" },
-			children: [/* @__PURE__ */ f(q, {
+			children: [/* @__PURE__ */ f(X, {
 				onChange: (e) => {
 					t({
 						mode: "rgb",
@@ -3898,7 +3903,7 @@ var ro = {
 				targetRange: [0, 100],
 				precision: 2,
 				allowedUnits: ["%"]
-			}), /* @__PURE__ */ f(G, { children: "%" })]
+			}), /* @__PURE__ */ f(J, { children: "%" })]
 		})] });
 	},
 	hsv: () => {
@@ -3911,31 +3916,31 @@ var ro = {
 				}
 			});
 		};
-		return /* @__PURE__ */ p(W, { children: [
-			/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(q, {
+		return /* @__PURE__ */ p(q, { children: [
+			/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(X, {
 				onChange: r("h"),
 				value: n.h,
 				min: 0,
 				max: 360,
 				precision: 0
 			}) }),
-			/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(q, {
+			/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(X, {
 				onChange: r("s"),
 				value: n.s,
 				min: 0,
 				max: 100,
 				precision: 0
 			}) }),
-			/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(q, {
+			/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(X, {
 				onChange: r("v"),
 				value: n.v,
 				min: 0,
 				max: 100,
 				precision: 0
 			}) }),
-			/* @__PURE__ */ p(U, {
+			/* @__PURE__ */ p(K, {
 				style: { flex: "0 0 52px" },
-				children: [/* @__PURE__ */ f(q, {
+				children: [/* @__PURE__ */ f(X, {
 					onChange: r("a"),
 					value: n.a,
 					min: 0,
@@ -3943,7 +3948,7 @@ var ro = {
 					targetRange: [0, 100],
 					precision: 2,
 					allowedUnits: ["%"]
-				}), /* @__PURE__ */ f(G, { children: "%" })]
+				}), /* @__PURE__ */ f(J, { children: "%" })]
 			})
 		] });
 	},
@@ -3957,31 +3962,31 @@ var ro = {
 				}
 			});
 		};
-		return /* @__PURE__ */ p(W, { children: [
-			/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(q, {
+		return /* @__PURE__ */ p(q, { children: [
+			/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(X, {
 				onChange: r("h"),
 				value: n.h,
 				min: 0,
 				max: 360,
 				precision: 0
 			}) }),
-			/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(q, {
+			/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(X, {
 				onChange: r("s"),
 				value: n.s,
 				min: 0,
 				max: 100,
 				precision: 0
 			}) }),
-			/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(q, {
+			/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(X, {
 				onChange: r("l"),
 				value: n.l,
 				min: 0,
 				max: 100,
 				precision: 0
 			}) }),
-			/* @__PURE__ */ p(U, {
+			/* @__PURE__ */ p(K, {
 				style: { flex: "0 0 52px" },
-				children: [/* @__PURE__ */ f(q, {
+				children: [/* @__PURE__ */ f(X, {
 					onChange: r("a"),
 					value: n.a,
 					min: 0,
@@ -3989,7 +3994,7 @@ var ro = {
 					targetRange: [0, 100],
 					precision: 2,
 					allowedUnits: ["%"]
-				}), /* @__PURE__ */ f(G, { children: "%" })]
+				}), /* @__PURE__ */ f(J, { children: "%" })]
 			})
 		] });
 	},
@@ -4003,8 +4008,8 @@ var ro = {
 				}
 			});
 		};
-		return /* @__PURE__ */ p(W, { children: [
-			/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(q, {
+		return /* @__PURE__ */ p(q, { children: [
+			/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(X, {
 				onChange: r("r"),
 				value: n.r,
 				min: 0,
@@ -4012,7 +4017,7 @@ var ro = {
 				targetRange: [0, 255],
 				precision: 0
 			}) }),
-			/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(q, {
+			/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(X, {
 				onChange: r("g"),
 				value: n.g,
 				min: 0,
@@ -4020,7 +4025,7 @@ var ro = {
 				targetRange: [0, 255],
 				precision: 0
 			}) }),
-			/* @__PURE__ */ f(U, { children: /* @__PURE__ */ f(q, {
+			/* @__PURE__ */ f(K, { children: /* @__PURE__ */ f(X, {
 				onChange: r("b"),
 				value: n.b,
 				min: 0,
@@ -4028,9 +4033,9 @@ var ro = {
 				targetRange: [0, 255],
 				precision: 0
 			}) }),
-			/* @__PURE__ */ p(U, {
+			/* @__PURE__ */ p(K, {
 				style: { flex: "0 0 52px" },
-				children: [/* @__PURE__ */ f(q, {
+				children: [/* @__PURE__ */ f(X, {
 					onChange: r("a"),
 					value: n.a,
 					min: 0,
@@ -4038,89 +4043,89 @@ var ro = {
 					targetRange: [0, 100],
 					precision: 2,
 					allowedUnits: ["%"]
-				}), /* @__PURE__ */ f(G, { children: "%" })]
+				}), /* @__PURE__ */ f(J, { children: "%" })]
 			})
 		] });
 	}
-}, io = (e) => {
-	let { models: t, activeModel: n, onActiveModelChange: r } = $("ColorPicker.Input"), i = ro[n], a = t.map((e) => ({
+}, ao = (e) => {
+	let { models: t, activeModel: n, onActiveModelChange: r } = $("ColorPicker.Input"), i = io[n], a = t.map((e) => ({
 		value: e,
 		label: e.toUpperCase()
 	}));
 	function o(e) {
 		e !== null && r(e);
 	}
-	return /* @__PURE__ */ p(no, {
+	return /* @__PURE__ */ p(ro, {
 		gap: "2.5",
 		className: e.className,
 		style: e.style,
-		children: [t.length > 1 && /* @__PURE__ */ p(xn, {
+		children: [t.length > 1 && /* @__PURE__ */ p(vn, {
 			items: a,
 			value: n,
 			onValueChange: o,
-			children: [/* @__PURE__ */ p(En, {
+			children: [/* @__PURE__ */ p(Cn, {
 				style: { width: 56 },
-				children: [/* @__PURE__ */ f(Cn, {}), /* @__PURE__ */ f(Dn, { children: /* @__PURE__ */ f(V, {}) })]
-			}), /* @__PURE__ */ f(ao, { children: a.map((e) => /* @__PURE__ */ p(jn, {
+				children: [/* @__PURE__ */ f(bn, {}), /* @__PURE__ */ f(wn, { children: /* @__PURE__ */ f(qe, {}) })]
+			}), /* @__PURE__ */ f(oo, { children: a.map((e) => /* @__PURE__ */ p(On, {
 				value: e.value,
 				label: e.label,
-				children: [/* @__PURE__ */ f(Nn, { children: /* @__PURE__ */ f(Ye, { size: "4" }) }), /* @__PURE__ */ f(Mn, { 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 ao(e) {
+function oo(e) {
 	let { children: t } = e;
-	return /* @__PURE__ */ f(Sn, { children: /* @__PURE__ */ f(On, { children: /* @__PURE__ */ p(kn, { children: [
-		/* @__PURE__ */ f(Ln, { children: /* @__PURE__ */ f($e, {}) }),
-		/* @__PURE__ */ f(An, { children: t }),
-		/* @__PURE__ */ f(Rn, { children: /* @__PURE__ */ f(V, {}) })
+	return /* @__PURE__ */ f(yn, { children: /* @__PURE__ */ f(Tn, { children: /* @__PURE__ */ p(En, { children: [
+		/* @__PURE__ */ f(Pn, { children: /* @__PURE__ */ f(Xe, {}) }),
+		/* @__PURE__ */ f(Dn, { children: t }),
+		/* @__PURE__ */ f(Fn, { children: /* @__PURE__ */ f(qe, {}) })
 	] }) }) });
 }
 //#endregion
 //#region src/components/color-picker/index.ts
-var oo = /* @__PURE__ */ I({
-	Alpha: () => Ya,
-	Area: () => Za,
-	Hue: () => Ka,
-	Input: () => io,
+var so = /* @__PURE__ */ z({
+	Alpha: () => Xa,
+	Area: () => Qa,
+	Hue: () => qa,
+	Input: () => ao,
 	Root: () => Ea,
 	useColorPickerContext: () => $
-}), so = t.forwardRef((e, t) => {
+}), co = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(ne.Root, {
+	return /* @__PURE__ */ f(I.Root, {
 		ref: t,
-		className: L(n, "fp-CollapsibleRoot"),
+		className: B(n, "fp-CollapsibleRoot"),
 		...r
 	});
-}), co = t.forwardRef((e, t) => {
+}), lo = t.forwardRef((e, t) => {
 	let { className: n, children: r, ...i } = e;
-	return /* @__PURE__ */ p(ne.Trigger, {
+	return /* @__PURE__ */ p(I.Trigger, {
 		ref: t,
-		className: L(n, "fp-CollapsibleTrigger"),
+		className: B(n, "fp-CollapsibleTrigger"),
 		...i,
-		children: [/* @__PURE__ */ f(Qe, {
+		children: [/* @__PURE__ */ f(Ye, {
 			viewBox: "4 4 16 16",
 			size: "4",
 			className: "fp-CollapsibleIndicator"
 		}), r]
 	});
-}), lo = t.forwardRef((e, t) => {
+}), uo = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(ne.Panel, {
+	return /* @__PURE__ */ f(I.Panel, {
 		ref: t,
-		className: L(n, "fp-CollapsibleContent"),
+		className: B(n, "fp-CollapsibleContent"),
 		...r
 	});
 });
-so.displayName = "Collapsible.Root", co.displayName = "Collapsible.Trigger", lo.displayName = "Collapsible.Panel";
+co.displayName = "Collapsible.Root", lo.displayName = "Collapsible.Trigger", uo.displayName = "Collapsible.Panel";
 //#endregion
 //#region src/components/collapsible/index.ts
-var uo = /* @__PURE__ */ I({
-	Panel: () => lo,
-	Root: () => so,
-	Trigger: () => co
-}), fo = l("fp-Button", {
+var fo = /* @__PURE__ */ z({
+	Panel: () => uo,
+	Root: () => co,
+	Trigger: () => lo
+}), po = l("fp-Button", {
 	variants: {
 		variant: {
 			primary: "fp-variant-primary",
@@ -4140,11 +4145,11 @@ var uo = /* @__PURE__ */ I({
 		variant: "secondary",
 		size: "small"
 	}
-}), po = t.forwardRef((e, t) => {
+}), mo = t.forwardRef((e, t) => {
 	let { className: n, variant: r, size: i, fullWidth: a, ...o } = e;
 	return /* @__PURE__ */ f("button", {
 		ref: t,
-		className: fo({
+		className: po({
 			className: n,
 			variant: r,
 			size: i,
@@ -4153,29 +4158,29 @@ var uo = /* @__PURE__ */ I({
 		...o
 	});
 });
-po.displayName = "Button";
+mo.displayName = "Button";
 //#endregion
 //#region src/components/textarea/textarea.tsx
-var mo = t.forwardRef((e, t) => {
+var ho = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(re, {
+	return /* @__PURE__ */ f(L, {
 		className: u(n, "fp-textarea"),
 		ref: t,
 		...r
 	});
 });
-mo.displayName = "Textarea";
+ho.displayName = "Textarea";
 //#endregion
 //#region src/components/switch/switch.tsx
-var ho = t.forwardRef((e, t) => {
+var go = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(ie.Root, {
+	return /* @__PURE__ */ f(R.Root, {
 		ref: t,
-		className: L(n, "fp-switchRoot"),
+		className: B(n, "fp-switchRoot"),
 		...r,
-		children: /* @__PURE__ */ f(ie.Thumb, { className: "fp-switchThumb" })
+		children: /* @__PURE__ */ f(R.Thumb, { className: "fp-switchThumb" })
 	});
 });
-ho.displayName = "Switch";
+go.displayName = "Switch";
 //#endregion
-export { Ie as ActionsIcon, ji as AlertDialog, Le as AlignBottomIcon, Re as AlignHorizontalCenterIcon, ze as AlignLeftIcon, Be as AlignRightIcon, Ve as AlignTopIcon, He as AlignVerticalCenterIcon, Ue as AnnotationIcon, We as AspectRatioIcon, Ge as AutoHeightIcon, Ke as AutoWidthIcon, qe as BlendModeIcon, Je as BooleanIcon, po as Button, bn as Checkbox, Ye as CheckmarkIcon, Xe as CheckmarkIndeterminateIcon, V as ChevronDownIcon, Ze as ChevronLeftIcon, Qe as ChevronRightIcon, $e as ChevronUpIcon, et as CircleIcon, tt as ClearIcon, nt as CloseIcon, rt as CodeIcon, uo as Collapsible, oo as ColorPicker, ur as Combobox, it as CommentIcon, at as ComponentIcon, ot as ConstraintLeftIcon, st as ConstraintTopIcon, Kr as ContextMenu, ct as CornerRadiusIcon, lt as DesignIcon, bi as Dialog, ut as DrawIcon, Or as DropdownMenu, dt as EllipsisIcon, ft as ExpandIcon, pt as EyeIcon, mt as EyedropperIcon, vt as FigmaIcon, ht as FillGradientIcon, gt as FillPatternIcon, _t as FillSolidIcon, yt as FixedSizeIcon, no as Flex, bt as FlipHorizontalIcon, xt as FlipVerticalIcon, St as FrameIcon, Ct as HelpIcon, $r as IconButton, wt as ImageIcon, Fi as Input, he as Label, Tt as LayersCollapseIcon, Et as LetterSpacingIcon, Dt as LineHeightIcon, _e as Link, Ot as LinkIcon, kt as MinusIcon, At as MoveIcon, jt as NumberIcon, Mt as OpacityIcon, Nt as PaletteIcon, Pt as PanelLeftCloseIcon, ge as Paragraph, Ft as PenIcon, It as PlayIcon, Lt as PlusIcon, di as Popover, Me as RadioGroup, Rt as RectangleIcon, zt as RotateClockwiseIcon, Bt as RotationIcon, Vt as RulerIcon, Ht as SearchIcon, Te as SegmentedControl, zn as Select, Ut as SelectMatchingIcon, Wt as ShadowBottomLeftIcon, Gt as ShadowBottomRightIcon, Kt as ShadowDownIcon, qt as ShadowLeftIcon, Jt as ShadowRightIcon, Yt as ShadowTopLeftIcon, Xt as ShadowTopRightIcon, Zt as ShadowUpIcon, Na as Slider, Qt as SlidersIcon, $t as StringIcon, dn as StylesIcon, ho as Switch, pe as Tabs, z as Text, tn as TextAlignCenterIcon, nn as TextAlignLeftIcon, rn as TextAlignRightIcon, en as TextIcon, an as TextVerticalAlignBottomIcon, on as TextVerticalAlignMiddleIcon, sn as TextVerticalAlignTopIcon, mo as Textarea, Zr as Tooltip, Jr as TooltipProvider, pa as ValueField, ln as VariableIcon, cn as VariableModeIcon, un as VideoIcon, B 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, mo as Button, _n as Checkbox, W as CheckmarkIcon, Ke as CheckmarkIndeterminateIcon, qe as ChevronDownIcon, Je as ChevronLeftIcon, Ye as ChevronRightIcon, Xe as ChevronUpIcon, Ze as CircleIcon, Qe as ClearIcon, $e as CloseIcon, et as CodeIcon, fo as Collapsible, so as ColorPicker, sr as Combobox, tt as CommentIcon, nt as ComponentIcon, rt as ConstraintLeftIcon, it as ConstraintTopIcon, Ur as ContextMenu, at as CornerRadiusIcon, ot as DesignIcon, _i as Dialog, st as DrawIcon, Tr as DropdownMenu, ct as EllipsisIcon, lt as ExpandIcon, ut as EyeIcon, dt as EyedropperIcon, ht as FigmaIcon, ft as FillGradientIcon, pt as FillPatternIcon, mt as FillSolidIcon, gt as FixedSizeIcon, ro as Flex, _t as FlipHorizontalIcon, vt as FlipVerticalIcon, yt as FrameIcon, bt as HelpIcon, Xr as IconButton, xt as ImageIcon, Mi as Input, fe as Label, St as LayersCollapseIcon, Ct as LetterSpacingIcon, wt as LineHeightIcon, me as Link, Tt as LinkIcon, Et as MinusIcon, Dt as MoveIcon, Ot as NumberIcon, kt as OpacityIcon, At as PaletteIcon, jt as PanelLeftCloseIcon, pe as Paragraph, Mt as PenIcon, Nt as PlayIcon, Pt as PlusIcon, ci as Popover, ke as RadioGroup, Ft as RectangleIcon, It as RotateClockwiseIcon, Lt as RotationIcon, Rt as RulerIcon, zt as SearchIcon, Se as SegmentedControl, In as Select, Bt as SelectMatchingIcon, Vt as ShadowBottomLeftIcon, Ht as ShadowBottomRightIcon, Ut as ShadowDownIcon, Wt as ShadowLeftIcon, Gt as ShadowRightIcon, Kt as ShadowTopLeftIcon, qt as ShadowTopRightIcon, Jt as ShadowUpIcon, Pa as Slider, Yt as SlidersIcon, Xt as StringIcon, cn as StylesIcon, go as Switch, ue as Tabs, H as Text, Qt as TextAlignCenterIcon, $t as TextAlignLeftIcon, en as TextAlignRightIcon, Zt as TextIcon, tn as TextVerticalAlignBottomIcon, nn as TextVerticalAlignMiddleIcon, rn as TextVerticalAlignTopIcon, ho as Textarea, Jr as Tooltip, Gr as TooltipProvider, ua as ValueField, on as VariableIcon, an as VariableModeIcon, sn as VideoIcon, U as createIcon };