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

package/dist/index.mjs

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