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

package/dist/index.mjs

@@ -14,18 +14,18 @@ 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 ne } from "@base-ui/react/collapsible";
-import I from "react-textarea-autosize";
-import { Switch as L } 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 re = Object.defineProperty, R = (e, t) => {
 	let n = {};
@@ -1545,80 +1545,7 @@ var Ur = /* @__PURE__ */ R({
 	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: z(n, "fp-tooltip"),
-		...r
-	});
-}), qr = (e) => {
-	let { className: t, ...n } = e;
-	return /* @__PURE__ */ f(T.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
-	});
-}, 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,48 +1583,48 @@ 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: z(n, "fp-DialogBaseContent"),
 		...r
 	});
-}), oi = t.forwardRef((e, t) => {
+}), ti = t.forwardRef((e, t) => {
 	let { className: n, render: r = /* @__PURE__ */ f(V, { weight: "strong" }), ...i } = e;
 	return /* @__PURE__ */ f(w.Title, {
 		ref: t,
@@ -1709,10 +1632,9 @@ var ti = w.Root, ni = w.Trigger, ri = w.Portal, ii = t.forwardRef((e, t) => {
 		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__ */ R({
-	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__ */ R({
 		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: 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: z(n, "fp-DialogBaseOverlay"),
 		...r
 	});
-}), hi = t.forwardRef((e, t) => {
+}), ui = t.forwardRef((e, t) => {
 	let { className: n, render: r = /* @__PURE__ */ f(V, { weight: "strong" }), ...i } = e;
-	return /* @__PURE__ */ f(E.Title, {
+	return /* @__PURE__ */ f(T.Title, {
 		ref: t,
 		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__ */ R({
-	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__ */ R({
 		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: 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: z(n, "fp-DialogBaseOverlay"),
 		...r
 	});
-}), Ti = t.forwardRef((e, t) => {
+}), bi = t.forwardRef((e, t) => {
 	let { className: n, render: r = /* @__PURE__ */ f(V, { weight: "strong" }), ...i } = e;
-	return /* @__PURE__ */ f(D.Title, {
+	return /* @__PURE__ */ f(E.Title, {
 		ref: t,
 		className: z(n, "fp-AlertDialogTitle"),
 		render: r,
 		...i
 	});
-}), Ei = t.forwardRef((e, t) => {
+}), xi = t.forwardRef((e, t) => {
 	let { className: n, render: r = /* @__PURE__ */ f(V, {}), ...i } = e;
-	return /* @__PURE__ */ f(D.Description, {
+	return /* @__PURE__ */ f(E.Description, {
 		ref: t,
 		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__ */ R({
 		...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__ */ R({
-	Actions: () => Di,
-	Backdrop: () => wi,
-	Close: () => xi,
-	Description: () => Ei,
-	Popup: () => Ci,
-	Portal: () => yi,
-	Root: () => vi,
-	Title: () => Ti,
-	Trigger: () => bi
-}), [ki, G] = we("ValueFieldProvider", null), K = t.forwardRef((e, t) => {
-	let { className: n, disabled: r, ...i } = e, a = Ai(r, G("Root"));
-	return /* @__PURE__ */ f(ki, {
+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__ */ R({
 		})
 	});
 }), 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__ */ R({
 	});
 });
 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 = B(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,10 +1884,10 @@ 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) => {
+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);
@@ -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 = B(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, ne = S && !w && !E && !Qi(), I = 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);
+		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 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, I(!0, e.nativeEvent), !r && !Qi() && Hi(_.current, D);
+		T(r), D(!1), e.pointerType === "mouse" && e.preventDefault(), t.startScrub(), O.current = !0, k.current = !1, j.current = 0, A.current = e.nativeEvent.target, 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(), 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, I(!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);
@@ -2217,12 +2138,12 @@ var zi = 2, Bi = 4, Vi = t.forwardRef((e, n) => {
 			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,
@@ -2390,7 +2311,7 @@ var ea = t.forwardRef((e, n) => {
 		}) })]
 	});
 });
-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,37 +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__ */ R({
-	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(e) {
-	let t = j(e * 255, 0).toString(16);
-	return t.length < 2 ? "0" + t : t;
-}
-function fa({ r: e, g: t, b: n, a: r }) {
-	let i = r < 1 ? da(r) : "";
-	return "#" + da(e) + da(t) + da(n) + i;
-}
-function pa(e) {
-	return fa(va(e));
-}
-function ma(e) {
-	return fa(Q(e));
-}
-function ha({ r: e, g: t, b: n, a: r }) {
+function 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),
@@ -3319,7 +3226,7 @@ function Q({ h: e, s: t, v: n, a: r }) {
 		a: r
 	};
 }
-function ga({ 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,
@@ -3327,7 +3234,7 @@ function ga({ h: e, s: t, l: n, a: r }) {
 		a: r
 	};
 }
-function _a({ 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,
@@ -3336,21 +3243,21 @@ function _a({ h: e, s: t, v: n, a: r }) {
 		a: r
 	};
 }
-function va(e) {
-	return Q(ga(e));
+function la(e) {
+	return Q(sa(e));
 }
-function ya(e) {
-	return _a(ha(e));
+function ua(e) {
+	return ca(oa(e));
 }
-function ba(e) {
-	let t = j(e.r, 4), n = j(e.g, 4), r = j(e.b, 4), i = j(e.a, 2);
+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 xa(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 Sa(e) {
+function pa(e) {
 	let { r: t, g: n, b: r, a: i } = e;
 	return {
 		r: t + (1 - t) * (1 - i),
@@ -3361,112 +3268,190 @@ function Sa(e) {
 }
 //#endregion
 //#region src/components/color-picker/color-picker.tsx
-var Ca = {
+var ma = {
 	r: 0,
 	g: 0,
 	b: 0,
 	a: 1
-}, wa = [
+}, ha = [
 	"hex",
 	"rgb",
 	"hsl",
 	"hsv"
-], [Ta, $] = we("ColorPicker"), Ea = (e) => {
-	let { colorSpace: t, models: n = wa, defaultActiveModel: r, activeModel: i, onActiveModelChange: a, defaultColor: o, color: c, onColorChange: l, children: u } = e;
-	Da(i, r, n);
-	let [d = Ca, p] = _e({
-		prop: c,
-		defaultProp: o,
-		onChange: l
-	}), [m = n[0], h] = _e({
+], [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
-	}), [g, _] = s({}), v = {
-		hsv: g.hsv ?? ha(d),
-		hsl: g.hsl ?? ya(d),
-		rgb: g.rgb ?? d,
-		hex: g.hex ?? fa(d)
-	}, y = v.hsv.h;
-	return /* @__PURE__ */ f(Ta, {
+	});
+	return /* @__PURE__ */ f(ga, {
 		colorSpace: t,
 		models: n,
-		activeModel: m,
-		onActiveModelChange: h,
-		color: d,
-		onColorChange: (e) => {
-			let { mode: t, value: n } = e;
-			t === "rgb" ? (_({
-				rgb: n,
-				hsv: ha(n),
-				hsl: ya(n),
-				hex: fa(n)
-			}), p(n)) : t === "hsv" ? (_({
-				hsv: n,
-				hsl: _a(n),
-				rgb: Q(n),
-				hex: ma(n)
-			}), p(Q(n))) : t === "hsl" && (_({
-				hsv: ga(n),
-				hsl: n,
-				rgb: va(n),
-				hex: pa(n)
-			}), p(va(n)));
-		},
-		hue: y,
-		colorsByModel: v,
-		children: u
+		activeModel: p,
+		onActiveModelChange: m,
+		colorsByModel: u,
+		hue: u.hsv.h,
+		onColorChange: d,
+		children: l
 	});
 };
-function Da(e, t, n) {
+function 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 = xa(a, e);
+		i(t), Aa(t.rgb, a.rgb) || n?.(t.rgb);
+	}];
+}
+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 ba(e) {
+	return {
+		rgb: e,
+		hsv: oa(e),
+		hsl: ua(e)
+	};
+}
+function xa(e, t) {
+	switch (t.mode) {
+		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: Ea(e.hsl, ca(t.value), n)
+			};
+		}
+		case "hsl": {
+			let n = la(t.value);
+			return {
+				rgb: n,
+				hsv: Ta(e.hsv, sa(t.value), n),
+				hsl: t.value
+			};
+		}
+	}
+}
+function Sa(e, t) {
+	return Aa(e.rgb, t) ? e : ja(e.rgb, t) ? {
+		rgb: t,
+		hsv: {
+			...e.hsv,
+			a: t.a
+		},
+		hsl: {
+			...e.hsl,
+			a: t.a
+		}
+	} : {
+		rgb: t,
+		hsv: wa(e.hsv, Ta(e.hsv, oa(t), t), t),
+		hsl: wa(e.hsl, Ea(e.hsl, ua(t), t), t)
+	};
+}
+function Ca(e, t) {
+	let n = {
+		...e.hsv,
+		h: t
+	};
+	return {
+		rgb: Q(n),
+		hsv: n,
+		hsl: {
+			...e.hsl,
+			h: t
+		}
+	};
+}
+function wa(e, t, n) {
+	return Da(n) ? t : {
+		...t,
+		h: e.h
+	};
+}
+function Ta(e, t, n) {
+	return Oa(n) ? {
+		...t,
+		s: e.s
+	} : t;
+}
+function Ea(e, t, n) {
+	return Oa(n) || ka(n) ? {
+		...t,
+		s: e.s
+	} : t;
+}
+function Da({ r: e, g: t, b: n }) {
+	return Math.max(e, t, n) !== Math.min(e, t, n);
+}
+function Oa({ r: e, g: t, b: n }) {
+	return Math.max(e, t, n) === 0;
+}
+function ka({ r: e, g: t, b: n }) {
+	return Math.min(e, t, n) === 1;
+}
+function Aa(e, t) {
+	return ja(e, t) && Ma(e.a, t.a);
+}
+function ja(e, t) {
+	return Ma(e.r, t.r) && Ma(e.g, t.g) && Ma(e.b, t.b);
+}
+function Ma(e, t) {
+	return Object.is(Math.fround(e), Math.fround(t));
+}
 //#endregion
 //#region src/components/slider/slider.tsx
-var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = l("fp-SliderRoot", {
+var 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" }
-}), Pa = t.forwardRef((e, t) => {
-	let { className: n, size: i, min: a = ka, max: c = Aa, defaultValue: l = [a], value: d, onValueChange: m, onValueCommit: h, tabIndex: g, orientation: _ = ja, dir: v = Ma, inverted: y, disabled: b, step: x = 1, minStepsBetweenThumbs: S, range: C = !0, rangeAnchor: w, baseValue: T, hints: E, ...D } = e, O = G("Slider"), A = b || O?.disabled, j = o(null), M = B(j, t), [N, ee] = s(d ?? l), te = Ra(N, y, a, c), ne = Ra(l, y, a, c), I = o(d), L = o(l);
+}), 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, I.current) && k(l, L.current) || (ee(d ?? l), I.current = d, L.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: z(n, Na({ size: i })),
+		children: /* @__PURE__ */ f(P.Root, {
+			className: z(n, Ra({ size: i })),
 			defaultValue: ne,
-			dir: v === Ma ? void 0 : v,
+			dir: v === La ? void 0 : v,
 			disabled: A,
 			max: c,
 			min: a,
 			minStepsBetweenValues: S,
 			onValueChange: (e, t) => {
-				let n = Ba(za(e, y, a, c), t, j.current, _, v, y, a, c, x).map((e) => Ka(e, E, a, c));
-				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 = Ba(za(e, y, a, c), t, j.current, _, v, y, a, c, x).map((e) => Ka(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,
@@ -3474,9 +3459,9 @@ var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = l("fp-SliderRo
 							})
 						}, t))
 					}),
-					C && /* @__PURE__ */ f(Ia, {
+					C && /* @__PURE__ */ f(Va, {
 						dir: v,
-						value: N,
+						value: ee,
 						min: a,
 						max: c,
 						orientation: _,
@@ -3484,7 +3469,7 @@ var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = l("fp-SliderRo
 						rangeAnchor: w,
 						disabled: A
 					}),
-					E && E.map((e) => /* @__PURE__ */ f(Fa, {
+					E && E.map((e) => /* @__PURE__ */ f(Ba, {
 						hint: e,
 						baseValue: T,
 						min: a,
@@ -3498,16 +3483,16 @@ var Oa = 2, ka = 0, Aa = 100, ja = "horizontal", Ma = "ltr", Na = l("fp-SliderRo
 		})
 	});
 });
-Pa.displayName = "Slider";
-var Fa = (e) => {
-	let { baseValue: t, dir: n, inverted: r, max: i, min: a, orientation: o, hint: s } = e, { startEdge: c } = La(o, n, r), l = Y([a, i], [0, 100])(s);
+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)` }
 	});
-}, Ia = (e) => {
-	let { min: t, max: n, value: r, rangeAnchor: i = t, orientation: a, dir: o, inverted: s, disabled: c } = e, l = r.length > 1 ? Math.min(...r) : Math.min(i, ...r), u = r.length > 1 ? Math.max(...r) : Math.max(i, ...r), d = Y([t, n], [0, 100])(l), p = 100 - Y([t, n], [0, 100])(u), m = La(a, o, s);
+}, 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,
@@ -3518,7 +3503,7 @@ var Fa = (e) => {
 		}
 	});
 };
-function La(e, t, n) {
+function Ha(e, t, n) {
 	let r = n ? "inverted" : "normal";
 	return {
 		vertical: {
@@ -3543,165 +3528,152 @@ function La(e, t, n) {
 		}
 	}[e][r];
 }
-function Ra(e, t, n, r) {
-	let i = Ga(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 za(e, t, n, r) {
-	return Ga(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 Ba(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 = Va(t.event);
+	let l = n.parentElement, u = Ka(t.event);
 	if (l === null || u === void 0) return e;
-	let d = Ua(u, l.getBoundingClientRect(), r, i, a), f = Wa(o + (s - o) * d, o, s, c), p = Ha(t);
+	let d = 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 Va(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 Ha(e) {
+function qa(e) {
 	if ("activeThumbIndex" in e && typeof e.activeThumbIndex == "number") return e.activeThumbIndex;
 }
-function Ua(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 Wa(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 Ga(e, t, n, r) {
+function Xa(e, t, n, r) {
 	return t ? e.map((e) => n + r - e) : [...e];
 }
-function Ka(e, t, n, r) {
-	let i = Y([0, 100], [0, r - n])(Oa), a = t?.find((t) => Math.abs(t - e) <= i);
+function 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 qa = (e) => {
-	let { className: t, style: n } = e, { activeModel: r, colorSpace: i, hue: a, color: o, onColorChange: s } = $("Hue"), c = Ya[r], l = (e) => {
-		s({
-			mode: "rgb",
-			value: c.setHue(o, e[0])
-		});
-	}, u = c.getThumbColor(a, i);
-	return /* @__PURE__ */ f(Pa, {
+var Qa = (e) => {
+	let { className: t, style: n } = e, { activeModel: r, colorSpace: i, hue: a, onColorChange: o } = $("ColorPicker.Hue");
+	return /* @__PURE__ */ f(za, {
 		"aria-label": "hue",
 		range: !1,
 		min: 0,
 		max: 359,
 		value: [a],
-		onValueChange: l,
+		onValueChange: (e) => {
+			o({
+				mode: "hue",
+				value: e[0]
+			});
+		},
 		className: `fp-ColorPickerHueSlider fp-color-model-${r} fp-color-space-${i} ${t}`,
 		style: {
-			"--slider-thumb-bg": u,
+			"--slider-thumb-bg": $a(a, i),
 			...n
 		}
 	});
-}, Ja = {
-	getHue: (e) => Math.round(ha(e).h),
-	setHue: (e, t) => {
-		let { s: n, v: r } = ha(e);
-		return Q({
-			h: t,
-			s: n,
-			v: r,
-			a: e.a
-		});
-	},
-	getThumbColor: (e, t) => {
-		let { r: n, g: r, b: i } = Q({
-			h: e,
-			s: 100,
-			v: 100,
-			a: 1
-		});
-		return t === "display-p3" ? `color(display-p3 ${+n.toFixed(4)} ${+r.toFixed(4)} ${+i.toFixed(4)})` : `rgb(${Math.round(n * 255)} ${Math.round(r * 255)} ${Math.round(i * 255)})`;
-	}
-}, Ya = {
-	rgb: Ja,
-	hsl: Ja,
-	hsv: Ja,
-	hex: Ja
-}, Xa = (e) => {
-	let { className: t, style: n } = e, { colorSpace: r, color: i, onColorChange: a } = $("Hue"), o = {
+};
+function $a(e, t) {
+	let { r: n, g: r, b: i } = Q({
+		h: e,
+		s: 100,
+		v: 100,
+		a: 1
+	});
+	return t === "display-p3" ? `color(display-p3 ${+n.toFixed(4)} ${+r.toFixed(4)} ${+i.toFixed(4)})` : `rgb(${Math.round(n * 255)} ${Math.round(r * 255)} ${Math.round(i * 255)})`;
+}
+//#endregion
+//#region src/components/color-picker/color-picker-alpha.tsx
+var eo = (e) => {
+	let { className: t, style: n } = e, { colorSpace: r, colorsByModel: i, onColorChange: a } = $("ColorPicker.Alpha"), o = i.rgb, s = {
 		srgb: {
-			transparent: xa({
-				...i,
+			transparent: fa({
+				...o,
 				a: 0
 			}),
-			opaque: xa({
-				...i,
+			opaque: fa({
+				...o,
 				a: 1
 			})
 		},
 		p3: {
-			transparent: ba({
-				...i,
+			transparent: da({
+				...o,
 				a: 0
 			}),
-			opaque: ba({
-				...i,
+			opaque: da({
+				...o,
 				a: 1
 			})
 		}
-	}, s = {
-		srgb: xa(Sa(i)),
-		p3: ba(Sa(i))
+	}, c = {
+		srgb: fa(pa(o)),
+		p3: da(pa(o))
 	};
-	return /* @__PURE__ */ f(Pa, {
+	return /* @__PURE__ */ f(za, {
 		"aria-label": "alpha",
 		min: 0,
 		max: 100,
 		range: !1,
-		value: [i.a * 100],
+		value: [o.a * 100],
 		onValueChange: (e) => {
 			a({
 				mode: "rgb",
 				value: {
-					...i,
-					a: j(e[0] / 100, 2)
+					...o,
+					a: A(e[0] / 100, 2)
 				}
 			});
 		},
 		className: `fp-ColorPickerAlphaSlider fp-color-space-${r} ${t}`,
 		style: {
-			"--track-bg-transparent-srgb": o.srgb.transparent,
-			"--track-bg-opaque-srgb": o.srgb.opaque,
-			"--track-bg-transparent-p3": o.p3.transparent,
-			"--track-bg-opaque-p3": o.p3.opaque,
-			"--thumb-bg-srgb": s.srgb,
-			"--thumb-bg-p3": s.p3,
+			"--track-bg-transparent-srgb": s.srgb.transparent,
+			"--track-bg-opaque-srgb": s.srgb.opaque,
+			"--track-bg-transparent-p3": s.p3.transparent,
+			"--track-bg-opaque-p3": s.p3.opaque,
+			"--thumb-bg-srgb": c.srgb,
+			"--thumb-bg-p3": c.p3,
 			...n
 		}
 	});
-}, Za = 8, Qa = (e) => {
+}, to = 8, no = (e) => {
 	let { onColorChange: t, colorsByModel: n, hue: r, colorSpace: i, activeModel: a } = $("ColorPicker.Area"), s = {
-		srgb: xa(Q({
+		srgb: fa(Q({
 			h: r,
 			s: 100,
 			v: 100,
 			a: 1
 		})),
-		p3: ba(Q({
+		p3: da(Q({
 			h: r,
 			s: 100,
 			v: 100,
 			a: 1
 		}))
 	}, c = {
-		srgb: xa(n.rgb),
-		p3: ba(n.rgb)
-	}, l = $a(n, a), u = o(null), { size: d } = eo(u), m = (e) => {
+		srgb: 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: {
@@ -3723,11 +3695,11 @@ var qa = (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 - Za, Y([0, d], [0, 100]), O({
+			y: k(e.clientY - t.y - to, Y([0, d], [0, 100]), D({
 				min: 0,
 				max: 100
 			}))
@@ -3764,11 +3736,11 @@ var qa = (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
 					})
@@ -3784,7 +3756,7 @@ var qa = (e) => {
 		})]
 	});
 };
-function $a(e, t) {
+function ro(e, t) {
 	if (t === "hsl") {
 		let t = e.hsl;
 		return {
@@ -3799,7 +3771,7 @@ function $a(e, t) {
 		};
 	}
 }
-function eo(e) {
+function io(e) {
 	let [n, r] = t.useState(0);
 	return t.useLayoutEffect(() => {
 		let t = e.current;
@@ -3815,7 +3787,7 @@ function eo(e) {
 }
 //#endregion
 //#region src/components/flex/flex.tsx
-var to = {
+var ao = {
 	0: "fp-gap-0",
 	px: "fp-gap-px",
 	"0.5": "fp-gap-0_5",
@@ -3838,7 +3810,7 @@ var to = {
 	14: "fp-gap-14",
 	15: "fp-gap-15",
 	16: "fp-gap-16"
-}, no = l("fp-Flex", {
+}, oo = l("fp-Flex", {
 	variants: {
 		direction: {
 			row: "fp-direction-row",
@@ -3864,16 +3836,16 @@ var to = {
 			wrap: "fp-wrap-wrap",
 			wrapReverse: "fp-wrap-wrap-reverse"
 		},
-		gap: to,
-		columnGap: to,
-		rowGap: to
+		gap: ao,
+		columnGap: ao,
+		rowGap: ao
 	},
 	defaultVariants: { direction: "row" }
-}), ro = 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: no({
+		className: oo({
 			className: n,
 			direction: r,
 			align: i,
@@ -3886,11 +3858,11 @@ var to = {
 		...u
 	});
 });
-ro.displayName = "Flex";
-var io = {
+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",
@@ -4060,15 +4032,15 @@ var io = {
 			})
 		] });
 	}
-}, ao = (e) => {
-	let { models: t, activeModel: n, onActiveModelChange: r } = $("ColorPicker.Input"), i = io[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(ro, {
+	return /* @__PURE__ */ p(so, {
 		gap: "2.5",
 		className: e.className,
 		style: e.style,
@@ -4079,7 +4051,7 @@ var io = {
 			children: [/* @__PURE__ */ p(Cn, {
 				style: { width: 56 },
 				children: [/* @__PURE__ */ f(bn, {}), /* @__PURE__ */ f(wn, { children: /* @__PURE__ */ f(W, {}) })]
-			}), /* @__PURE__ */ f(oo, { children: a.map((e) => /* @__PURE__ */ p(On, {
+			}), /* @__PURE__ */ f(uo, { children: a.map((e) => /* @__PURE__ */ p(On, {
 				value: e.value,
 				label: e.label,
 				children: [/* @__PURE__ */ f(An, { children: /* @__PURE__ */ f(U, { size: "4" }) }), /* @__PURE__ */ f(kn, { children: e.label })]
@@ -4087,7 +4059,7 @@ var io = {
 		}), /* @__PURE__ */ f(i, {})]
 	});
 };
-function oo(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, {}) }),
@@ -4097,23 +4069,23 @@ function oo(e) {
 }
 //#endregion
 //#region src/components/color-picker/index.ts
-var so = /* @__PURE__ */ R({
-	Alpha: () => Xa,
-	Area: () => Qa,
-	Hue: () => qa,
-	Input: () => ao,
-	Root: () => Ea,
+var fo = /* @__PURE__ */ R({
+	Alpha: () => eo,
+	Area: () => no,
+	Hue: () => Qa,
+	Input: () => lo,
+	Root: () => _a,
 	useColorPickerContext: () => $
-}), co = t.forwardRef((e, t) => {
+}), po = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(ne.Root, {
+	return /* @__PURE__ */ f(F.Root, {
 		ref: t,
 		className: z(n, "fp-CollapsibleRoot"),
 		...r
 	});
-}), lo = t.forwardRef((e, t) => {
+}), mo = t.forwardRef((e, t) => {
 	let { className: n, children: r, ...i } = e;
-	return /* @__PURE__ */ p(ne.Trigger, {
+	return /* @__PURE__ */ p(F.Trigger, {
 		ref: t,
 		className: z(n, "fp-CollapsibleTrigger"),
 		...i,
@@ -4123,22 +4095,22 @@ var so = /* @__PURE__ */ R({
 			className: "fp-CollapsibleIndicator"
 		}), r]
 	});
-}), uo = t.forwardRef((e, t) => {
+}), ho = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(ne.Panel, {
+	return /* @__PURE__ */ f(F.Panel, {
 		ref: t,
 		className: z(n, "fp-CollapsibleContent"),
 		...r
 	});
 });
-co.displayName = "Collapsible.Root", lo.displayName = "Collapsible.Trigger", uo.displayName = "Collapsible.Panel";
+po.displayName = "Collapsible.Root", mo.displayName = "Collapsible.Trigger", ho.displayName = "Collapsible.Panel";
 //#endregion
 //#region src/components/collapsible/index.ts
-var fo = /* @__PURE__ */ R({
-	Panel: () => uo,
-	Root: () => co,
-	Trigger: () => lo
-}), po = l("fp-Button", {
+var go = /* @__PURE__ */ R({
+	Panel: () => ho,
+	Root: () => po,
+	Trigger: () => mo
+}), _o = l("fp-Button", {
 	variants: {
 		variant: {
 			primary: "fp-variant-primary",
@@ -4158,11 +4130,11 @@ var fo = /* @__PURE__ */ R({
 		variant: "secondary",
 		size: "small"
 	}
-}), mo = 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: po({
+		className: _o({
 			className: n,
 			variant: r,
 			size: i,
@@ -4171,29 +4143,102 @@ var fo = /* @__PURE__ */ R({
 		...o
 	});
 });
-mo.displayName = "Button";
+vo.displayName = "Button";
 //#endregion
 //#region src/components/textarea/textarea.tsx
-var ho = t.forwardRef((e, t) => {
+var yo = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(I, {
+	return /* @__PURE__ */ f(ne, {
 		className: u(n, "fp-textarea"),
 		ref: t,
 		...r
 	});
 });
-ho.displayName = "Textarea";
+yo.displayName = "Textarea";
 //#endregion
 //#region src/components/switch/switch.tsx
-var go = t.forwardRef((e, t) => {
+var bo = t.forwardRef((e, t) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ f(L.Root, {
+	return /* @__PURE__ */ f(I.Root, {
 		ref: t,
 		className: z(n, "fp-switchRoot"),
 		...r,
-		children: /* @__PURE__ */ f(L.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, {})]
+			})
+		})]
 	});
 });
-go.displayName = "Switch";
+To.displayName = "Tooltip";
 //#endregion
-export { Pe as ActionsIcon, Oi as AlertDialog, Fe as AlignBottomIcon, Ie as AlignHorizontalCenterIcon, Le as AlignLeftIcon, Re as AlignRightIcon, ze as AlignTopIcon, Be as AlignVerticalCenterIcon, Ve as AnnotationIcon, He as AspectRatioIcon, Ue as AutoHeightIcon, We as AutoWidthIcon, Ge as BlendModeIcon, Ke as BooleanIcon, mo as Button, _n as Checkbox, U as CheckmarkIcon, qe as CheckmarkIndeterminateIcon, W as ChevronDownIcon, Je as ChevronLeftIcon, Ye as ChevronRightIcon, Xe as ChevronUpIcon, Ze as CircleIcon, Qe as ClearIcon, $e as CloseIcon, et as CodeIcon, fo as Collapsible, so as ColorPicker, sr as Combobox, tt as CommentIcon, nt as ComponentIcon, rt as ConstraintLeftIcon, it as ConstraintTopIcon, Ur as ContextMenu, at as CornerRadiusIcon, ot as DesignIcon, _i as Dialog, st as DrawIcon, Tr as DropdownMenu, ct as EllipsisIcon, lt as ExpandIcon, ut as EyeIcon, dt as EyedropperIcon, ht as FigmaIcon, ft as FillGradientIcon, pt as FillPatternIcon, mt as FillSolidIcon, gt as FixedSizeIcon, ro as Flex, _t as FlipHorizontalIcon, vt as FlipVerticalIcon, yt as FrameIcon, bt as HelpIcon, Xr as IconButton, xt as ImageIcon, Mi as Input, pe as Label, St as LayersCollapseIcon, Ct as LetterSpacingIcon, wt as LineHeightIcon, he as Link, Tt as LinkIcon, Et as MinusIcon, Dt as MoveIcon, Ot as NumberIcon, kt as OpacityIcon, At as PaletteIcon, jt as PanelLeftCloseIcon, me as Paragraph, Mt as PenIcon, Nt as PlayIcon, Pt as PlusIcon, ci as Popover, Ae as RadioGroup, Ft as RectangleIcon, It as RotateClockwiseIcon, Lt as RotationIcon, Rt as RulerIcon, zt as SearchIcon, Ce as SegmentedControl, In as Select, Bt as SelectMatchingIcon, Vt as ShadowBottomLeftIcon, Ht as ShadowBottomRightIcon, Ut as ShadowDownIcon, Wt as ShadowLeftIcon, Gt as ShadowRightIcon, Kt as ShadowTopLeftIcon, qt as ShadowTopRightIcon, Jt as ShadowUpIcon, Pa as Slider, Yt as SlidersIcon, Xt as StringIcon, cn as StylesIcon, go as Switch, de as Tabs, V as Text, Qt as TextAlignCenterIcon, $t as TextAlignLeftIcon, en as TextAlignRightIcon, Zt as TextIcon, tn as TextVerticalAlignBottomIcon, nn as TextVerticalAlignMiddleIcon, rn as TextVerticalAlignTopIcon, ho as Textarea, Jr as Tooltip, Gr as TooltipProvider, ua as ValueField, on as VariableIcon, an as VariableModeIcon, sn as VideoIcon, H as createIcon };
+export { 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 };