figma-kit 1.0.0-beta.16 → 1.0.0-beta.18

package/dist/index.mjs

@@ -1,24 +1,24 @@
-import { jsx as n, jsxs as b, Fragment as Ve } from "react/jsx-runtime";
+import { jsx as n, jsxs as h, Fragment as Ve } from "react/jsx-runtime";
 import * as A from "react";
-import i, { useCallback as K, useId as io, useState as ee, useRef as H, useMemo as Oe, useEffect as _e } from "react";
+import i, { useCallback as K, useId as ct, useState as ee, useRef as G, useMemo as Oe, useEffect as _e } from "react";
 import * as ie from "@radix-ui/react-tabs";
 import { cx as p, cva as V } from "class-variance-authority";
 import * as Be from "@radix-ui/react-toggle-group";
 import { Slot as Fe } from "@radix-ui/react-slot";
-import * as Ge from "@radix-ui/react-radio-group";
-import * as y from "@radix-ui/react-select";
+import * as je from "@radix-ui/react-radio-group";
+import * as w from "@radix-ui/react-select";
 import * as N from "@radix-ui/react-dropdown-menu";
-import * as R from "@radix-ui/react-context-menu";
+import * as y from "@radix-ui/react-context-menu";
 import * as U from "@radix-ui/react-popover";
-import * as j from "@radix-ui/react-tooltip";
+import * as H from "@radix-ui/react-tooltip";
 import * as B from "@radix-ui/react-dialog";
 import * as $ from "@radix-ui/react-alert-dialog";
-import { pipe as J, round as z, clamp as I, isDeepEqual as ze, pick as co } from "remeda";
-import po from "@emmetio/math-expression";
-import He from "merge-props";
-import * as ge from "@radix-ui/react-slider";
+import { pipe as J, round as z, clamp as I, isDeepEqual as ze, pick as pt } from "remeda";
+import dt from "@emmetio/math-expression";
+import Ge from "merge-props";
+import * as fe from "@radix-ui/react-slider";
 import * as Ne from "@radix-ui/react-collapsible";
-import uo from "react-textarea-autosize";
+import ut from "react-textarea-autosize";
 import * as Ae from "@radix-ui/react-switch";
 /**
  * @license
@@ -26,44 +26,44 @@ import * as Ae from "@radix-ui/react-switch";
  * Copyright (c) 2022 WorkOS
  * https://github.com/radix-ui/primitives/blob/main/LICENSE
  * */
-function fo(t, o) {
-  typeof t == "function" ? t(o) : t != null && (t.current = o);
+function gt(r, t) {
+  typeof r == "function" ? r(t) : r != null && (r.current = t);
 }
-function je(...t) {
-  return (o) => t.forEach((e) => fo(e, o));
+function He(...r) {
+  return (t) => r.forEach((e) => gt(e, t));
 }
-function ce(...t) {
-  return A.useCallback(je(...t), t);
+function ce(...r) {
+  return A.useCallback(He(...r), r);
 }
-const Ue = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(ie.Root, { ref: o, className: p(e, "fp-TabsRoot"), ...r });
-}), We = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(ie.List, { ref: o, className: p(e, "fp-TabsList"), ...r });
-}), qe = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t, a = mo(), s = je(o, a);
-  return /* @__PURE__ */ n(ie.Trigger, { ref: s, className: p(e, "fp-TabsTrigger"), ...r });
+const Ue = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(ie.Root, { ref: t, className: p(e, "fp-TabsRoot"), ...o });
+}), qe = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(ie.List, { ref: t, className: p(e, "fp-TabsList"), ...o });
+}), We = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r, a = mt(), s = He(t, a);
+  return /* @__PURE__ */ n(ie.Trigger, { ref: s, className: p(e, "fp-TabsTrigger"), ...o });
 });
-function mo() {
-  return K((t) => {
-    t !== null && (t.style.width = t.getBoundingClientRect().width + "px");
+function mt() {
+  return K((r) => {
+    r !== null && (r.style.width = r.getBoundingClientRect().width + "px");
   }, []);
 }
-const Xe = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(ie.Content, { ref: o, className: p(e, "fp-TabsContent"), ...r });
+const Xe = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(ie.Content, { ref: t, className: p(e, "fp-TabsContent"), ...o });
 });
 Ue.displayName = "Tabs.Root";
-We.displayName = "Tabs.List";
-qe.displayName = "Tabs.Trigger";
+qe.displayName = "Tabs.List";
+We.displayName = "Tabs.Trigger";
 Xe.displayName = "Tabs.Content";
-const Kr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Content: Xe,
-  List: We,
+  List: qe,
   Root: Ue,
-  Trigger: qe
+  Trigger: We
 }, Symbol.toStringTag, { value: "Module" })), pe = V("fp-Text", {
   variants: {
     size: {
@@ -84,14 +84,14 @@ const Kr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       true: "fp-block"
     }
   }
-}), F = i.forwardRef((t, o) => {
-  const { asChild: e, className: r, size: a, weight: s, align: l, block: c, ...d } = t;
+}), F = i.forwardRef((r, t) => {
+  const { asChild: e, className: o, size: a, weight: s, align: l, block: c, ...d } = r;
   return /* @__PURE__ */ n(
     e ? Fe : "span",
     {
-      ref: o,
+      ref: t,
       className: pe({
-        className: r,
+        className: o,
         size: a,
         weight: s,
         align: l,
@@ -102,15 +102,15 @@ const Kr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   );
 });
 F.displayName = "Text";
-const Re = i.forwardRef((t, o) => {
-  const { className: e, size: r, weight: a, align: s, block: l, ...c } = t;
+const ye = i.forwardRef((r, t) => {
+  const { className: e, size: o, weight: a, align: s, block: l, ...c } = r;
   return /* @__PURE__ */ n(
     "label",
     {
-      ref: o,
+      ref: t,
       className: pe({
         className: e,
-        size: r,
+        size: o,
         weight: a,
         align: s,
         block: l
@@ -119,16 +119,16 @@ const Re = i.forwardRef((t, o) => {
     }
   );
 });
-Re.displayName = "Label";
-const go = i.forwardRef((t, o) => {
-  const { className: e, size: r, weight: a, align: s, block: l, ...c } = t;
+ye.displayName = "Label";
+const ft = i.forwardRef((r, t) => {
+  const { className: e, size: o, weight: a, align: s, block: l, ...c } = r;
   return /* @__PURE__ */ n(
     "p",
     {
-      ref: o,
+      ref: t,
       className: pe({
         className: e,
-        size: r,
+        size: o,
         weight: a,
         align: s,
         block: l
@@ -137,16 +137,16 @@ const go = i.forwardRef((t, o) => {
     }
   );
 });
-go.displayName = "Paragraph";
-const ho = i.forwardRef((t, o) => {
-  const { asChild: e, className: r, size: a, weight: s, align: l, block: c, ...d } = t;
+ft.displayName = "Paragraph";
+const bt = i.forwardRef((r, t) => {
+  const { asChild: e, className: o, size: a, weight: s, align: l, block: c, ...d } = r;
   return /* @__PURE__ */ n(
     e ? Fe : "a",
     {
-      ref: o,
+      ref: t,
       className: p(
         pe({
-          className: r,
+          className: o,
           size: a,
           weight: s,
           align: l,
@@ -158,44 +158,44 @@ const ho = i.forwardRef((t, o) => {
     }
   );
 });
-ho.displayName = "Link";
+bt.displayName = "Link";
 /**
  * @license
  * MIT License
  * Copyright (c) 2022 WorkOS
  * https://github.com/radix-ui/primitives/blob/main/LICENSE
  * */
-function Ke(t) {
-  const o = A.useRef(t);
+function Ke(r) {
+  const t = A.useRef(r);
   return A.useEffect(() => {
-    o.current = t;
+    t.current = r;
   }), A.useMemo(() => (...e) => {
-    var r;
-    return (r = o.current) == null ? void 0 : r.call(o, ...e);
+    var o;
+    return (o = t.current) == null ? void 0 : o.call(t, ...e);
   }, []);
 }
-function be({ prop: t, defaultProp: o, onChange: e = () => {
+function he({ prop: r, defaultProp: t, onChange: e = () => {
 } }) {
-  const [r, a] = bo({ defaultProp: o, onChange: e }), s = t !== void 0, l = s ? t : r, c = Ke(e), d = A.useCallback(
+  const [o, a] = ht({ defaultProp: t, onChange: e }), s = r !== void 0, l = s ? r : o, c = Ke(e), d = A.useCallback(
     (u) => {
       if (s) {
-        const g = typeof u == "function" ? u(t) : u;
-        g !== t && c(g);
+        const f = typeof u == "function" ? u(r) : u;
+        f !== r && c(f);
       } else
         a(u);
     },
-    [s, t, a, c]
+    [s, r, a, c]
   );
   return [l, d];
 }
-function bo({ defaultProp: t, onChange: o }) {
-  const e = A.useState(t), [r] = e, a = A.useRef(r), s = Ke(o);
+function ht({ defaultProp: r, onChange: t }) {
+  const e = A.useState(r), [o] = e, a = A.useRef(o), s = Ke(t);
   return A.useEffect(() => {
-    a.current !== r && (s(r), a.current = r);
-  }, [r, a, s]), e;
+    a.current !== o && (s(o), a.current = o);
+  }, [o, a, s]), e;
 }
-const Ye = i.forwardRef((t, o) => {
-  const { className: e, fullWidth: r, value: a, defaultValue: s, onValueChange: l, ...c } = t, [d, u] = be({
+const Ye = i.forwardRef((r, t) => {
+  const { className: e, fullWidth: o, value: a, defaultValue: s, onValueChange: l, ...c } = r, [d, u] = he({
     prop: a,
     defaultProp: s,
     onChange: l
@@ -203,35 +203,35 @@ const Ye = i.forwardRef((t, o) => {
   return /* @__PURE__ */ n(
     Be.Root,
     {
-      ref: o,
-      className: p(e, "fp-SegmentedControlRoot", { "fp-full-width": r }),
+      ref: t,
+      className: p(e, "fp-SegmentedControlRoot", { "fp-full-width": o }),
       ...c,
       type: "single",
       value: d,
-      onValueChange: (f) => {
-        f && u(f);
+      onValueChange: (g) => {
+        g && u(g);
       }
     }
   );
-}), Ze = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(Be.Item, { ref: o, className: p(e, "fp-SegmentedControlItem"), ...r });
-}), Je = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(F, { ref: o, className: p(e, "fp-SegmentedControlText"), ...r });
+}), Ze = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(Be.Item, { ref: t, className: p(e, "fp-SegmentedControlItem"), ...o });
+}), Je = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(F, { ref: t, className: p(e, "fp-SegmentedControlText"), ...o });
 });
 Ye.displayName = "SegmentedControl.Root";
 Ze.displayName = "SegmentedControl.Item";
 Je.displayName = "SegmentedControl.Text";
-const Yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Item: Ze,
   Root: Ye,
   Text: Je
 }, Symbol.toStringTag, { value: "Module" }));
-function de(t, o) {
-  const e = i.createContext(o);
-  function r(s) {
+function de(r, t) {
+  const e = i.createContext(t);
+  function o(s) {
     const { children: l, ...c } = s, d = i.useMemo(() => c, Object.values(c));
     return /* @__PURE__ */ n(e.Provider, { value: d, children: l });
   }
@@ -239,49 +239,49 @@ function de(t, o) {
     const l = i.useContext(e);
     if (l)
       return l;
-    if (o !== void 0)
-      return o;
-    throw new Error(`\`${s}\` must be used within \`${t}\``);
+    if (t !== void 0)
+      return t;
+    throw new Error(`\`${s}\` must be used within \`${r}\``);
   }
-  return r.displayName = t + "Provider", [r, a];
+  return o.displayName = r + "Provider", [o, a];
 }
-const [Co, No] = de("RadioGroup"), Qe = i.forwardRef((t, o) => {
-  const { orientation: e = "horizontal", disabled: r, className: a, ...s } = t;
-  return /* @__PURE__ */ n(Co, { orientation: e, disabled: r, children: /* @__PURE__ */ n(
-    Ge.Root,
+const [Ct, Nt] = de("RadioGroup"), Qe = i.forwardRef((r, t) => {
+  const { orientation: e = "horizontal", disabled: o, className: a, ...s } = r;
+  return /* @__PURE__ */ n(Ct, { orientation: e, disabled: o, children: /* @__PURE__ */ n(
+    je.Root,
     {
-      ref: o,
+      ref: t,
       orientation: e,
-      disabled: r,
+      disabled: o,
       className: p(a, "fp-RadioGroupRoot"),
       ...s
     }
   ) });
-}), et = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(Ge.Item, { ref: o, className: p(e, "fp-RadioGroupItem"), ...r });
-}), tt = i.forwardRef((t, o) => {
-  const { orientation: e, disabled: r } = No("Label"), { className: a, ...s } = t;
+}), er = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(je.Item, { ref: t, className: p(e, "fp-RadioGroupItem"), ...o });
+}), rr = i.forwardRef((r, t) => {
+  const { orientation: e, disabled: o } = Nt("Label"), { className: a, ...s } = r;
   return /* @__PURE__ */ n(
-    Re,
+    ye,
     {
-      ref: o,
+      ref: t,
       className: p(a, "fp-RadioGroupLabel"),
       "data-orientation": e,
-      "data-disabled": r ? "" : void 0,
+      "data-disabled": o ? "" : void 0,
       ...s
     }
   );
 });
 Qe.displayName = "RadioGroup.Root";
-et.displayName = "RadioGroup.Item";
-tt.displayName = "RadioGroup.Label";
-const Zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+er.displayName = "RadioGroup.Item";
+rr.displayName = "RadioGroup.Label";
+const Qo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Item: et,
-  Label: tt,
+  Item: er,
+  Label: rr,
   Root: Qe
-}, Symbol.toStringTag, { value: "Module" })), Ro = "6", yo = "0 0 24 24", wo = V("fp-Icon", {
+}, Symbol.toStringTag, { value: "Module" })), yt = "6", wt = "0 0 24 24", Rt = V("fp-Icon", {
   variants: {
     size: {
       1: "fp-size-1",
@@ -299,11 +299,11 @@ const Zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   defaultVariants: {
-    size: Ro
+    size: yt
   }
 });
-function G(t) {
-  const { path: o, viewBox: e = yo, displayName: r } = t, a = i.forwardRef((s, l) => {
+function j(r) {
+  const { path: t, viewBox: e = wt, displayName: o } = r, a = i.forwardRef((s, l) => {
     const { size: c, className: d, ...u } = s;
     return /* @__PURE__ */ n(
       "svg",
@@ -311,28 +311,28 @@ function G(t) {
         xmlns: "http://www.w3.org/2000/svg",
         ref: l,
         viewBox: e,
-        className: wo({ className: d, size: c }),
+        className: Rt({ className: d, size: c }),
         fill: "none",
         ...u,
-        children: o
+        children: t
       }
     );
   });
-  return a.displayName = r || "Icon", a;
+  return a.displayName = o || "Icon", a;
 }
-const ot = G({
+const tr = j({
   displayName: "Close",
   path: /* @__PURE__ */ n("path", { stroke: "var(--color-icon)", strokeLinecap: "round", strokeLinejoin: "round", d: "M17 7 7 17M7 7l10 10" })
-}), ye = G({
+}), we = j({
   displayName: "ChevronRight",
   path: /* @__PURE__ */ n("path", { stroke: "var(--color-icon)", strokeLinecap: "round", d: "M11.121 14.121L13.243 12L11.12 9.879" })
-}), vo = G({
+}), vt = j({
   displayName: "ChevronUp",
   path: /* @__PURE__ */ n("path", { stroke: "var(--color-icon)", strokeLinecap: "round", d: "M14.121 12.879L12 10.757L9.87903 12.88" })
-}), rt = G({
+}), or = j({
   displayName: "ChevronDown",
   path: /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ n("path", { stroke: "var(--color-icon)", strokeLinecap: "round", d: "M9.87897 11.121L12 13.243L14.121 11.12" }) })
-}), ue = G({
+}), ue = j({
   displayName: "Checkmark",
   viewBox: "0 0 16 16",
   path: /* @__PURE__ */ n(
@@ -344,20 +344,20 @@ const ot = G({
       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"
     }
   )
-}), at = G({
+}), ar = j({
   displayName: "Circle",
   viewBox: "0 0 16 16",
   path: /* @__PURE__ */ n("circle", { fill: "var(--color-icon)", cx: "8", cy: "8", r: "3" })
-}), xo = G({
+}), xt = j({
   displayName: "CheckmarkIndeterminate",
   viewBox: "0 0 16 16",
   path: /* @__PURE__ */ n("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" })
-}), [Po, we] = de("Checkbox"), nt = i.forwardRef((t, o) => {
-  const { className: e, id: r, ...a } = t, s = io();
-  return /* @__PURE__ */ n(Po, { id: r ?? s, children: /* @__PURE__ */ n("div", { ref: o, className: p(e, "fp-CheckboxRoot"), ...a }) });
-}), st = i.forwardRef((t, o) => {
-  const { className: e, indeterminate: r, ...a } = t, { id: s } = we("Input"), l = To(r), c = ce(o, l);
-  return /* @__PURE__ */ b(Ve, { children: [
+}), [Pt, Re] = de("Checkbox"), nr = i.forwardRef((r, t) => {
+  const { className: e, id: o, ...a } = r, s = ct();
+  return /* @__PURE__ */ n(Pt, { id: o ?? s, children: /* @__PURE__ */ n("div", { ref: t, className: p(e, "fp-CheckboxRoot"), ...a }) });
+}), sr = i.forwardRef((r, t) => {
+  const { className: e, indeterminate: o, ...a } = r, { id: s } = Re("Input"), l = Tt(o), c = ce(t, l);
+  return /* @__PURE__ */ h(Ve, { children: [
     /* @__PURE__ */ n(
       "input",
       {
@@ -370,268 +370,268 @@ const ot = G({
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ n(lt, {})
+    /* @__PURE__ */ n(lr, {})
   ] });
-}), lt = () => /* @__PURE__ */ b("span", { className: "fp-CheckboxIndicator", "aria-hidden": "true", children: [
+}), lr = () => /* @__PURE__ */ h("span", { className: "fp-CheckboxIndicator", "aria-hidden": "true", children: [
   /* @__PURE__ */ n(ue, { className: "fp-CheckboxCheckmark", size: "4" }),
-  /* @__PURE__ */ n(xo, { className: "fp-CheckboxIndeterminate", size: "4" })
-] }), it = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t, { id: a } = we("Input");
+  /* @__PURE__ */ n(xt, { className: "fp-CheckboxIndeterminate", size: "4" })
+] }), ir = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r, { id: a } = Re("Input");
   return /* @__PURE__ */ n(
-    Re,
+    ye,
     {
       "aria-hidden": "true",
-      ref: o,
+      ref: t,
       className: p(e, "fp-CheckboxLabel"),
       htmlFor: a,
       id: `checkbox-label-${a}`,
-      ...r
+      ...o
     }
   );
-}), ct = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t, { id: a } = we("Description");
+}), cr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r, { id: a } = Re("Description");
   return /* @__PURE__ */ n(
     F,
     {
       "aria-hidden": "true",
-      ref: o,
+      ref: t,
       className: p(e, "fp-CheckboxDescription"),
       id: `checkbox-description-${a}`,
-      ...r
+      ...o
     }
   );
 });
-function To(t) {
+function Tt(r) {
   return K(
-    (o) => {
-      o && (o.indeterminate = !!t);
+    (t) => {
+      t && (t.indeterminate = !!r);
     },
-    [t]
+    [r]
   );
 }
-nt.displayName = "Checkbox.Root";
-st.displayName = "Checkbox.Input";
-lt.displayName = "Checkbox.Indicator";
-it.displayName = "Checkbox.Label";
-ct.displayName = "Checkbox.Description";
-const Jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+nr.displayName = "Checkbox.Root";
+sr.displayName = "Checkbox.Input";
+lr.displayName = "Checkbox.Indicator";
+ir.displayName = "Checkbox.Label";
+cr.displayName = "Checkbox.Description";
+const ea = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Description: ct,
-  Input: st,
-  Label: it,
-  Root: nt
-}, Symbol.toStringTag, { value: "Module" })), pt = y.Root, So = y.Arrow, ve = i.forwardRef((t, o) => {
-  const { placeholder: e, className: r, ...a } = t;
-  return /* @__PURE__ */ b(y.Trigger, { ref: o, ...a, className: p(r, "fp-SelectTrigger"), children: [
-    /* @__PURE__ */ n(y.Value, { placeholder: e }),
-    /* @__PURE__ */ n(y.Icon, { className: "fp-SelectTriggerIcon", children: /* @__PURE__ */ n(rt, {}) })
+  Description: cr,
+  Input: sr,
+  Label: ir,
+  Root: nr
+}, Symbol.toStringTag, { value: "Module" })), pr = w.Root, St = w.Arrow, ve = i.forwardRef((r, t) => {
+  const { placeholder: e, className: o, ...a } = r;
+  return /* @__PURE__ */ h(w.Trigger, { ref: t, ...a, className: p(o, "fp-SelectTrigger"), children: [
+    /* @__PURE__ */ n(w.Value, { placeholder: e }),
+    /* @__PURE__ */ n(w.Icon, { className: "fp-SelectTriggerIcon", children: /* @__PURE__ */ n(or, {}) })
   ] });
-}), xe = i.forwardRef((t, o) => {
-  const { children: e, portal: r = !1, className: a, ...s } = t, l = r ? y.Portal : i.Fragment;
-  return /* @__PURE__ */ n(l, { children: /* @__PURE__ */ b(y.Content, { ref: o, ...s, className: p(a, "fp-MenuContent"), children: [
-    /* @__PURE__ */ n(y.ScrollUpButton, { className: "fp-SelectScrollUpButton", children: /* @__PURE__ */ n(vo, {}) }),
-    /* @__PURE__ */ n(y.Viewport, { children: e }),
-    /* @__PURE__ */ n(y.ScrollDownButton, { className: "fp-SelectScrollDownButton", children: /* @__PURE__ */ n(rt, {}) })
+}), xe = i.forwardRef((r, t) => {
+  const { children: e, portal: o = !1, className: a, ...s } = r, l = o ? w.Portal : i.Fragment;
+  return /* @__PURE__ */ n(l, { children: /* @__PURE__ */ h(w.Content, { ref: t, ...s, className: p(a, "fp-MenuContent"), children: [
+    /* @__PURE__ */ n(w.ScrollUpButton, { className: "fp-SelectScrollUpButton", children: /* @__PURE__ */ n(vt, {}) }),
+    /* @__PURE__ */ n(w.Viewport, { children: e }),
+    /* @__PURE__ */ n(w.ScrollDownButton, { className: "fp-SelectScrollDownButton", children: /* @__PURE__ */ n(or, {}) })
   ] }) });
-}), Pe = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ b(y.Item, { ref: o, ...a, className: p(r, "fp-MenuItem fp-MenuCheckboxItem"), children: [
-    /* @__PURE__ */ n(y.ItemIndicator, { className: "fp-MenuItemIndicator", children: /* @__PURE__ */ n(ue, { size: "4" }) }),
-    /* @__PURE__ */ n(y.ItemText, { children: e })
+}), Pe = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ h(w.Item, { ref: t, ...a, className: p(o, "fp-MenuItem fp-MenuCheckboxItem"), children: [
+    /* @__PURE__ */ n(w.ItemIndicator, { className: "fp-MenuItemIndicator", children: /* @__PURE__ */ n(ue, { size: "4" }) }),
+    /* @__PURE__ */ n(w.ItemText, { children: e })
   ] });
-}), dt = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(y.Separator, { ref: o, className: p(e, "fp-MenuSeparator"), ...r });
-}), ut = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(y.Label, { ref: o, className: p(e, "fp-MenuLabel"), ...r });
-}), ft = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(y.Group, { ref: o, className: p(e, "fp-MenuGroup"), ...r });
+}), dr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(w.Separator, { ref: t, className: p(e, "fp-MenuSeparator"), ...o });
+}), ur = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(w.Label, { ref: t, className: p(e, "fp-MenuLabel"), ...o });
+}), gr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(w.Group, { ref: t, className: p(e, "fp-MenuGroup"), ...o });
 });
 ve.displayName = "Select.Trigger";
 xe.displayName = "Select.Content";
 Pe.displayName = "Select.Item";
-dt.displayName = "Select.Separator";
-ft.displayName = "Select.Group";
-ut.displayName = "Select.Label";
-const Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+dr.displayName = "Select.Separator";
+gr.displayName = "Select.Group";
+ur.displayName = "Select.Label";
+const ra = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Arrow: So,
+  Arrow: St,
   Content: xe,
-  Group: ft,
+  Group: gr,
   Item: Pe,
-  Label: ut,
-  Root: pt,
-  Separator: dt,
+  Label: ur,
+  Root: pr,
+  Separator: dr,
   Trigger: ve
-}, Symbol.toStringTag, { value: "Module" })), Mo = N.Root, Io = N.Trigger, $o = N.Sub, Do = N.RadioGroup, mt = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ n(N.Portal, { children: /* @__PURE__ */ n(N.Content, { ref: o, sideOffset: 6, ...a, className: p(r, "fp-MenuContent"), children: e }) });
-}), gt = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(N.Item, { ref: o, ...r, className: p(e, "fp-MenuItem") });
-}), ht = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(N.Separator, { ref: o, className: p(e, "fp-MenuSeparator"), ...r });
-}), bt = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(N.Label, { ref: o, className: p(e, "fp-MenuLabel"), ...r });
-}), Ct = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(N.Group, { ref: o, className: p(e, "fp-MenuGroup"), ...r });
-}), Nt = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ b(N.SubTrigger, { ref: o, ...a, className: p(r, "fp-MenuItem"), children: [
+}, Symbol.toStringTag, { value: "Module" })), Mt = N.Root, It = N.Trigger, $t = N.Sub, kt = N.RadioGroup, mr = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ n(N.Portal, { children: /* @__PURE__ */ n(N.Content, { ref: t, sideOffset: 6, ...a, className: p(o, "fp-MenuContent"), children: e }) });
+}), fr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(N.Item, { ref: t, ...o, className: p(e, "fp-MenuItem") });
+}), br = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(N.Separator, { ref: t, className: p(e, "fp-MenuSeparator"), ...o });
+}), hr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(N.Label, { ref: t, className: p(e, "fp-MenuLabel"), ...o });
+}), Cr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(N.Group, { ref: t, className: p(e, "fp-MenuGroup"), ...o });
+}), Nr = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ h(N.SubTrigger, { ref: t, ...a, className: p(o, "fp-MenuItem"), children: [
     e,
-    /* @__PURE__ */ n(ye, { className: "fp-MenuSubtriggerCaret" })
+    /* @__PURE__ */ n(we, { className: "fp-MenuSubtriggerCaret" })
   ] });
-}), Rt = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
+}), yr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
   return /* @__PURE__ */ n(N.Portal, { children: /* @__PURE__ */ n(
     N.SubContent,
     {
-      ref: o,
-      ...r,
+      ref: t,
+      ...o,
       className: p(e, "fp-MenuContent"),
       sideOffset: 12
     }
   ) });
-}), yt = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ b(N.CheckboxItem, { ref: o, ...a, className: p(r, "fp-MenuItem fp-MenuCheckboxItem"), children: [
+}), wr = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ h(N.CheckboxItem, { ref: t, ...a, className: p(o, "fp-MenuItem fp-MenuCheckboxItem"), children: [
     /* @__PURE__ */ n(N.ItemIndicator, { className: "fp-MenuItemIndicator", children: /* @__PURE__ */ n(ue, { size: "4" }) }),
     e
   ] });
-}), wt = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ b(N.RadioItem, { ref: o, ...a, className: p(r, "fp-MenuItem fp-MenuRadioItem"), children: [
-    /* @__PURE__ */ n(N.ItemIndicator, { className: "fp-MenuItemIndicator", children: /* @__PURE__ */ n(at, { size: "4" }) }),
+}), Rr = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ h(N.RadioItem, { ref: t, ...a, className: p(o, "fp-MenuItem fp-MenuRadioItem"), children: [
+    /* @__PURE__ */ n(N.ItemIndicator, { className: "fp-MenuItemIndicator", children: /* @__PURE__ */ n(ar, { size: "4" }) }),
     e
   ] });
 });
-mt.displayName = "DropdownMenu.Content";
-gt.displayName = "DropdownMenu.Item";
-ht.displayName = "DropdownMenu.Separator";
-Ct.displayName = "DropdownMenu.Group";
-bt.displayName = "DropdownMenu.Label";
-Nt.displayName = "DropdownMenu.SubTrigger";
-Rt.displayName = "DropdownMenu.SubContent";
-yt.displayName = "DropdownMenu.CheckboxItem";
-wt.displayName = "DropdownMenu.RadioItem";
-const ea = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+mr.displayName = "DropdownMenu.Content";
+fr.displayName = "DropdownMenu.Item";
+br.displayName = "DropdownMenu.Separator";
+Cr.displayName = "DropdownMenu.Group";
+hr.displayName = "DropdownMenu.Label";
+Nr.displayName = "DropdownMenu.SubTrigger";
+yr.displayName = "DropdownMenu.SubContent";
+wr.displayName = "DropdownMenu.CheckboxItem";
+Rr.displayName = "DropdownMenu.RadioItem";
+const ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CheckboxItem: yt,
-  Content: mt,
-  Group: Ct,
-  Item: gt,
-  Label: bt,
-  RadioGroup: Do,
-  RadioItem: wt,
-  Root: Mo,
-  Separator: ht,
-  Sub: $o,
-  SubContent: Rt,
-  SubTrigger: Nt,
-  Trigger: Io
-}, Symbol.toStringTag, { value: "Module" })), ko = R.Root, _o = R.Trigger, zo = R.Sub, Ao = R.RadioGroup, vt = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ n(R.Portal, { children: /* @__PURE__ */ n(R.Content, { ref: o, ...a, className: p(r, "fp-MenuContent"), children: e }) });
-}), xt = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(R.Item, { ref: o, ...r, className: p(e, "fp-MenuItem") });
-}), Pt = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(R.Separator, { ref: o, className: p(e, "fp-MenuSeparator"), ...r });
-}), Tt = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(R.Label, { ref: o, className: p(e, "fp-MenuLabel"), ...r });
-}), St = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(R.Group, { ref: o, className: p(e, "fp-MenuGroup"), ...r });
-}), Mt = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ b(R.SubTrigger, { ref: o, ...a, className: p(r, "fp-MenuItem"), children: [
+  CheckboxItem: wr,
+  Content: mr,
+  Group: Cr,
+  Item: fr,
+  Label: hr,
+  RadioGroup: kt,
+  RadioItem: Rr,
+  Root: Mt,
+  Separator: br,
+  Sub: $t,
+  SubContent: yr,
+  SubTrigger: Nr,
+  Trigger: It
+}, Symbol.toStringTag, { value: "Module" })), Dt = y.Root, _t = y.Trigger, zt = y.Sub, At = y.RadioGroup, vr = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ n(y.Portal, { children: /* @__PURE__ */ n(y.Content, { ref: t, ...a, className: p(o, "fp-MenuContent"), children: e }) });
+}), xr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(y.Item, { ref: t, ...o, className: p(e, "fp-MenuItem") });
+}), Pr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(y.Separator, { ref: t, className: p(e, "fp-MenuSeparator"), ...o });
+}), Tr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(y.Label, { ref: t, className: p(e, "fp-MenuLabel"), ...o });
+}), Sr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(y.Group, { ref: t, className: p(e, "fp-MenuGroup"), ...o });
+}), Mr = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ h(y.SubTrigger, { ref: t, ...a, className: p(o, "fp-MenuItem"), children: [
     e,
-    /* @__PURE__ */ n(ye, { className: "fp-MenuSubtriggerCaret" })
+    /* @__PURE__ */ n(we, { className: "fp-MenuSubtriggerCaret" })
   ] });
-}), It = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(R.Portal, { children: /* @__PURE__ */ n(
-    R.SubContent,
+}), Ir = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(y.Portal, { children: /* @__PURE__ */ n(
+    y.SubContent,
     {
-      ref: o,
-      ...r,
+      ref: t,
+      ...o,
       className: p(e, "fp-MenuContent"),
       sideOffset: 12
     }
   ) });
-}), $t = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ b(R.CheckboxItem, { ref: o, ...a, className: p(r, "fp-MenuItem fp-MenuCheckboxItem"), children: [
-    /* @__PURE__ */ n(R.ItemIndicator, { className: "fp-MenuItemIndicator", children: /* @__PURE__ */ n(ue, { size: "4" }) }),
+}), $r = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ h(y.CheckboxItem, { ref: t, ...a, className: p(o, "fp-MenuItem fp-MenuCheckboxItem"), children: [
+    /* @__PURE__ */ n(y.ItemIndicator, { className: "fp-MenuItemIndicator", children: /* @__PURE__ */ n(ue, { size: "4" }) }),
     e
   ] });
-}), Dt = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ b(R.RadioItem, { ref: o, ...a, className: p(r, "fp-MenuItem fp-MenuRadioItem"), children: [
-    /* @__PURE__ */ n(R.ItemIndicator, { className: "fp-MenuItemIndicator", children: /* @__PURE__ */ n(at, { size: "4" }) }),
+}), kr = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ h(y.RadioItem, { ref: t, ...a, className: p(o, "fp-MenuItem fp-MenuRadioItem"), children: [
+    /* @__PURE__ */ n(y.ItemIndicator, { className: "fp-MenuItemIndicator", children: /* @__PURE__ */ n(ar, { size: "4" }) }),
     e
   ] });
 });
-vt.displayName = "ContextMenu.Content";
-xt.displayName = "ContextMenu.Item";
-Pt.displayName = "ContextMenu.Separator";
-Tt.displayName = "ContextMenu.Label";
-St.displayName = "ContextMenu.Group";
-Mt.displayName = "ContextMenu.SubTrigger";
-It.displayName = "ContextMenu.SubContent";
-$t.displayName = "ContextMenu.CheckboxItem";
-Dt.displayName = "ContextMenu.RadioItem";
-const ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+vr.displayName = "ContextMenu.Content";
+xr.displayName = "ContextMenu.Item";
+Pr.displayName = "ContextMenu.Separator";
+Tr.displayName = "ContextMenu.Label";
+Sr.displayName = "ContextMenu.Group";
+Mr.displayName = "ContextMenu.SubTrigger";
+Ir.displayName = "ContextMenu.SubContent";
+$r.displayName = "ContextMenu.CheckboxItem";
+kr.displayName = "ContextMenu.RadioItem";
+const oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CheckboxItem: $t,
-  Content: vt,
-  Group: St,
-  Item: xt,
-  Label: Tt,
-  RadioGroup: Ao,
-  RadioItem: Dt,
-  Root: ko,
-  Separator: Pt,
-  Sub: zo,
-  SubContent: It,
-  SubTrigger: Mt,
-  Trigger: _o
-}, Symbol.toStringTag, { value: "Module" })), { TooltipProvider: oa } = j, Eo = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(j.Content, { ref: o, className: p(e, "fp-tooltip"), ...r });
-}), Lo = (t) => {
-  const { className: o, ...e } = t;
-  return /* @__PURE__ */ n(j.Arrow, { className: p(o, "fp-tooltip-arrow"), ...e });
-}, kt = i.forwardRef((t, o) => {
+  CheckboxItem: $r,
+  Content: vr,
+  Group: Sr,
+  Item: xr,
+  Label: Tr,
+  RadioGroup: At,
+  RadioItem: kr,
+  Root: Dt,
+  Separator: Pr,
+  Sub: zt,
+  SubContent: Ir,
+  SubTrigger: Mr,
+  Trigger: _t
+}, Symbol.toStringTag, { value: "Module" })), { TooltipProvider: aa } = H, Et = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(H.Content, { ref: t, className: p(e, "fp-tooltip"), ...o });
+}), Lt = (r) => {
+  const { className: t, ...e } = r;
+  return /* @__PURE__ */ n(H.Arrow, { className: p(t, "fp-tooltip-arrow"), ...e });
+}, Dr = i.forwardRef((r, t) => {
   const {
     defaultOpen: e,
-    open: r,
+    open: o,
     onOpenChange: a,
     delayDuration: s,
     disableHoverableContent: l,
     container: c,
     forceMount: d,
     children: u,
-    content: f,
-    ...g
-  } = t, v = { open: r, defaultOpen: e, onOpenChange: a, delayDuration: s, disableHoverableContent: l };
-  return /* @__PURE__ */ b(j.Root, { ...v, children: [
-    /* @__PURE__ */ n(j.Trigger, { asChild: !0, children: u }),
-    /* @__PURE__ */ n(j.Portal, { forceMount: d, container: c, children: /* @__PURE__ */ b(Eo, { ref: o, arrowPadding: 10, ...g, children: [
-      f,
-      /* @__PURE__ */ n(Lo, {})
+    content: g,
+    ...f
+  } = r, v = { open: o, defaultOpen: e, onOpenChange: a, delayDuration: s, disableHoverableContent: l };
+  return /* @__PURE__ */ h(H.Root, { ...v, children: [
+    /* @__PURE__ */ n(H.Trigger, { asChild: !0, children: u }),
+    /* @__PURE__ */ n(H.Portal, { forceMount: d, container: c, children: /* @__PURE__ */ h(Et, { ref: t, arrowPadding: 10, ...f, children: [
+      g,
+      /* @__PURE__ */ n(Lt, {})
     ] }) })
   ] });
 });
-kt.displayName = "Tooltip";
-const Vo = V("fp-IconButton", {
+Dr.displayName = "Tooltip";
+const Vt = V("fp-IconButton", {
   variants: {
     size: {
       small: "fp-size-small",
@@ -646,37 +646,37 @@ const Vo = V("fp-IconButton", {
     size: "small",
     activeAppearance: "subtle"
   }
-}), Te = i.forwardRef((t, o) => {
+}), Te = i.forwardRef((r, t) => {
   const {
     className: e,
-    size: r,
+    size: o,
     activeAppearance: a,
     "aria-label": s,
     tooltipContent: l,
     disableTooltip: c,
     ...d
-  } = t, u = /* @__PURE__ */ n(
+  } = r, u = /* @__PURE__ */ n(
     "button",
     {
-      ref: o,
-      className: Vo({ className: e, size: r, activeAppearance: a }),
+      ref: t,
+      className: Vt({ className: e, size: o, activeAppearance: a }),
       "aria-label": s,
       ...d
     }
   );
-  return c ? u : /* @__PURE__ */ n(kt, { content: l ?? s, children: u });
+  return c ? u : /* @__PURE__ */ n(Dr, { content: l ?? s, children: u });
 });
 Te.displayName = "IconButton";
-const Se = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ n("header", { ref: o, className: p(r, "fp-DialogBaseHeader"), ...a, children: e });
-}), Me = i.forwardRef((t, o) => {
-  const { className: e, size: r, ...a } = t;
-  return /* @__PURE__ */ n("div", { ref: o, className: Oo({ className: e, size: r }), ...a });
-}), Ie = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n("div", { ref: o, className: p(e, "fp-DialogBaseControls"), ...r });
-}), Oo = V("fp-DialogBaseSection", {
+const Se = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ n("header", { ref: t, className: p(o, "fp-DialogBaseHeader"), ...a, children: e });
+}), Me = i.forwardRef((r, t) => {
+  const { className: e, size: o, ...a } = r;
+  return /* @__PURE__ */ n("div", { ref: t, className: Ot({ className: e, size: o }), ...a });
+}), Ie = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n("div", { ref: t, className: p(e, "fp-DialogBaseControls"), ...o });
+}), Ot = V("fp-DialogBaseSection", {
   variants: {
     size: {
       base: "fp-DialogBaseSection-base",
@@ -690,41 +690,41 @@ const Se = i.forwardRef((t, o) => {
 Se.displayName = "Dialog.Header";
 Me.displayName = "Dialog.Section";
 Ie.displayName = "Dialog.Controls";
-const Bo = U.Root, Fo = U.Anchor, Go = U.Portal, _t = i.forwardRef((t, o) => /* @__PURE__ */ n(U.Trigger, { ref: o, ...t, asChild: !0 })), zt = i.forwardRef((t, o) => {
-  const { className: e, style: r, width: a, height: s, maxWidth: l, maxHeight: c, ...d } = t;
+const Bt = U.Root, Ft = U.Anchor, jt = U.Portal, _r = i.forwardRef((r, t) => /* @__PURE__ */ n(U.Trigger, { ref: t, ...r, asChild: !0 })), zr = i.forwardRef((r, t) => {
+  const { className: e, style: o, width: a, height: s, maxWidth: l, maxHeight: c, ...d } = r;
   return /* @__PURE__ */ n(
     U.Content,
     {
-      ref: o,
+      ref: t,
       className: p(e, "fp-DialogBaseContent"),
-      style: { ...r, width: a, height: s, maxWidth: l, maxHeight: c },
+      style: { ...o, width: a, height: s, maxWidth: l, maxHeight: c },
       ...d
     }
   );
-}), At = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(F, { ref: o, className: p(e, "fp-DialogBaseTitle"), weight: "strong", ...r });
-}), Et = i.forwardRef((t, o) => {
-  const { children: e, ...r } = t;
-  return /* @__PURE__ */ n(U.Close, { ref: o, asChild: !0, ...r, children: e || /* @__PURE__ */ n(Te, { "aria-label": "Close", disableTooltip: !0, children: /* @__PURE__ */ n(ot, {}) }) });
+}), Ar = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(F, { ref: t, className: p(e, "fp-DialogBaseTitle"), weight: "strong", ...o });
+}), Er = i.forwardRef((r, t) => {
+  const { children: e, ...o } = r;
+  return /* @__PURE__ */ n(U.Close, { ref: t, asChild: !0, ...o, children: e || /* @__PURE__ */ n(Te, { "aria-label": "Close", disableTooltip: !0, children: /* @__PURE__ */ n(tr, {}) }) });
 });
-_t.displayName = "Popover.Trigger";
-zt.displayName = "Popover.Content";
-At.displayName = "Popover.Title";
-Et.displayName = "Popover.Close";
-const ra = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+_r.displayName = "Popover.Trigger";
+zr.displayName = "Popover.Content";
+Ar.displayName = "Popover.Title";
+Er.displayName = "Popover.Close";
+const na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Anchor: Fo,
-  Close: Et,
-  Content: zt,
+  Anchor: Ft,
+  Close: Er,
+  Content: zr,
   Controls: Ie,
   Header: Se,
-  Portal: Go,
-  Root: Bo,
+  Portal: jt,
+  Root: Bt,
   Section: Me,
-  Title: At,
-  Trigger: _t
-}, Symbol.toStringTag, { value: "Module" })), Ho = B.Root, jo = B.Portal, Lt = i.forwardRef((t, o) => /* @__PURE__ */ n(B.Trigger, { ref: o, ...t, asChild: !0 })), Uo = V(["fp-DialogBaseContent", "fp-DialogContent"], {
+  Title: Ar,
+  Trigger: _r
+}, Symbol.toStringTag, { value: "Module" })), Gt = B.Root, Ht = B.Portal, Lr = i.forwardRef((r, t) => /* @__PURE__ */ n(B.Trigger, { ref: t, ...r, asChild: !0 })), Ut = V(["fp-DialogBaseContent", "fp-DialogContent"], {
   variants: {
     size: {
       1: "fp-size-1",
@@ -741,47 +741,47 @@ const ra = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     size: "2",
     placement: "top"
   }
-}), Vt = i.forwardRef((t, o) => {
-  const { children: e, className: r, size: a, placement: s, style: l, width: c, height: d, maxWidth: u, maxHeight: f, ...g } = t;
+}), Vr = i.forwardRef((r, t) => {
+  const { children: e, className: o, size: a, placement: s, style: l, width: c, height: d, maxWidth: u, maxHeight: g, ...f } = r;
   return /* @__PURE__ */ n(
     B.Content,
     {
-      ref: o,
-      className: Uo({ className: r, size: a, placement: s }),
+      ref: t,
+      className: Ut({ className: o, size: a, placement: s }),
       "aria-describedby": void 0,
-      style: { ...l, width: c, height: d, maxWidth: u, maxHeight: f },
-      ...g,
+      style: { ...l, width: c, height: d, maxWidth: u, maxHeight: g },
+      ...f,
       children: e
     }
   );
-}), Ot = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(B.Overlay, { ref: o, className: p(e, "fp-DialogBaseOverlay"), ...r });
-}), Bt = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ n(B.Title, { ref: o, className: p(r, "fp-DialogBaseTitle"), ...a, asChild: !0, children: /* @__PURE__ */ n(F, { weight: "strong", children: e }) });
-}), Ft = i.forwardRef((t, o) => {
-  const { children: e, ...r } = t;
-  return /* @__PURE__ */ n(B.Close, { ref: o, asChild: !0, ...r, children: e || /* @__PURE__ */ n(Te, { "aria-label": "Close", disableTooltip: !0, children: /* @__PURE__ */ n(ot, {}) }) });
+}), Or = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(B.Overlay, { ref: t, className: p(e, "fp-DialogBaseOverlay"), ...o });
+}), Br = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ n(B.Title, { ref: t, className: p(o, "fp-DialogBaseTitle"), ...a, asChild: !0, children: /* @__PURE__ */ n(F, { weight: "strong", children: e }) });
+}), Fr = i.forwardRef((r, t) => {
+  const { children: e, ...o } = r;
+  return /* @__PURE__ */ n(B.Close, { ref: t, asChild: !0, ...o, children: e || /* @__PURE__ */ n(Te, { "aria-label": "Close", disableTooltip: !0, children: /* @__PURE__ */ n(tr, {}) }) });
 });
-Lt.displayName = "Dialog.Trigger";
-Vt.displayName = "Dialog.Content";
-Ot.displayName = "Dialog.Overlay";
-Bt.displayName = "Dialog.Title";
-Ft.displayName = "Dialog.Close";
-const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+Lr.displayName = "Dialog.Trigger";
+Vr.displayName = "Dialog.Content";
+Or.displayName = "Dialog.Overlay";
+Br.displayName = "Dialog.Title";
+Fr.displayName = "Dialog.Close";
+const sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Close: Ft,
-  Content: Vt,
+  Close: Fr,
+  Content: Vr,
   Controls: Ie,
   Header: Se,
-  Overlay: Ot,
-  Portal: jo,
-  Root: Ho,
+  Overlay: Or,
+  Portal: Ht,
+  Root: Gt,
   Section: Me,
-  Title: Bt,
-  Trigger: Lt
-}, Symbol.toStringTag, { value: "Module" })), Wo = $.Root, qo = $.Portal, Gt = i.forwardRef((t, o) => /* @__PURE__ */ n($.Trigger, { ref: o, ...t, asChild: !0 })), Xo = V(["fp-DialogBaseContent", "fp-AlertDialogContent"], {
+  Title: Br,
+  Trigger: Lr
+}, Symbol.toStringTag, { value: "Module" })), qt = $.Root, Wt = $.Portal, jr = i.forwardRef((r, t) => /* @__PURE__ */ n($.Trigger, { ref: t, ...r, asChild: !0 })), Xt = V(["fp-DialogBaseContent", "fp-AlertDialogContent"], {
   variants: {
     size: {
       1: "fp-size-1",
@@ -797,146 +797,146 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     size: "2",
     placement: "top"
   }
-}), Ht = i.forwardRef((t, o) => {
-  const { className: e, size: r, placement: a, style: s, width: l, height: c, maxWidth: d, maxHeight: u, ...f } = t;
+}), Gr = i.forwardRef((r, t) => {
+  const { className: e, size: o, placement: a, style: s, width: l, height: c, maxWidth: d, maxHeight: u, ...g } = r;
   return /* @__PURE__ */ n(
     $.Content,
     {
-      ref: o,
-      className: Xo({ className: e, size: r, placement: a }),
+      ref: t,
+      className: Xt({ className: e, size: o, placement: a }),
       style: { ...s, width: l, height: c, maxWidth: d, maxHeight: u },
-      ...f
+      ...g
     }
   );
-}), jt = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n($.Overlay, { ref: o, className: p(e, "fp-DialogBaseOverlay"), ...r });
-}), Ut = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
-  return /* @__PURE__ */ n($.Title, { ref: o, className: p(r, "fp-AlertDialogTitle"), ...a, asChild: !0, children: /* @__PURE__ */ n(F, { weight: "strong", children: e }) });
-}), Wt = i.forwardRef((t, o) => {
-  const { children: e, className: r, ...a } = t;
+}), Hr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n($.Overlay, { ref: t, className: p(e, "fp-DialogBaseOverlay"), ...o });
+}), Ur = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
+  return /* @__PURE__ */ n($.Title, { ref: t, className: p(o, "fp-AlertDialogTitle"), ...a, asChild: !0, children: /* @__PURE__ */ n(F, { weight: "strong", children: e }) });
+}), qr = i.forwardRef((r, t) => {
+  const { children: e, className: o, ...a } = r;
   return /* @__PURE__ */ n(
     $.Description,
     {
-      ref: o,
-      className: p(r, "fp-AlertDialogDescription"),
+      ref: t,
+      className: p(o, "fp-AlertDialogDescription"),
       ...a,
       asChild: !0,
       children: /* @__PURE__ */ n(F, { children: e })
     }
   );
-}), qt = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n("div", { ref: o, className: p(e, "fp-AlertDialogActions"), ...r });
-}), Xt = i.forwardRef((t, o) => /* @__PURE__ */ n($.Cancel, { ref: o, asChild: !0, ...t })), Kt = i.forwardRef((t, o) => /* @__PURE__ */ n($.Action, { ref: o, asChild: !0, ...t }));
-Gt.displayName = "AlertDialog.Trigger";
-Ht.displayName = "AlertDialog.Content";
-jt.displayName = "AlertDialog.Overlay";
-Ut.displayName = "AlertDialog.Title";
-Wt.displayName = "AlertDialog.Description";
-qt.displayName = "AlertDialog.Actions";
-Xt.displayName = "AlertDialog.Cancel";
-Kt.displayName = "AlertDialog.Action";
-const na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Wr = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n("div", { ref: t, className: p(e, "fp-AlertDialogActions"), ...o });
+}), Xr = i.forwardRef((r, t) => /* @__PURE__ */ n($.Cancel, { ref: t, asChild: !0, ...r })), Kr = i.forwardRef((r, t) => /* @__PURE__ */ n($.Action, { ref: t, asChild: !0, ...r }));
+jr.displayName = "AlertDialog.Trigger";
+Gr.displayName = "AlertDialog.Content";
+Hr.displayName = "AlertDialog.Overlay";
+Ur.displayName = "AlertDialog.Title";
+qr.displayName = "AlertDialog.Description";
+Wr.displayName = "AlertDialog.Actions";
+Xr.displayName = "AlertDialog.Cancel";
+Kr.displayName = "AlertDialog.Action";
+const la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Action: Kt,
-  Actions: qt,
-  Cancel: Xt,
-  Content: Ht,
-  Description: Wt,
-  Overlay: jt,
-  Portal: qo,
-  Root: Wo,
-  Title: Ut,
-  Trigger: Gt
-}, Symbol.toStringTag, { value: "Module" })), [Yt, $e] = de(
+  Action: Kr,
+  Actions: Wr,
+  Cancel: Xr,
+  Content: Gr,
+  Description: qr,
+  Overlay: Hr,
+  Portal: Wt,
+  Root: qt,
+  Title: Ur,
+  Trigger: jr
+}, Symbol.toStringTag, { value: "Module" })), [Yr, $e] = de(
   "ValueFieldProvider",
   null
-), w = i.forwardRef((t, o) => {
-  const { className: e, disabled: r, ...a } = t, s = $e("Root");
-  return /* @__PURE__ */ n(Yt, { disabled: r, children: /* @__PURE__ */ n(
+), R = i.forwardRef((r, t) => {
+  const { className: e, disabled: o, ...a } = r, s = $e("Root");
+  return /* @__PURE__ */ n(Yr, { disabled: o, children: /* @__PURE__ */ n(
     "label",
     {
-      ref: o,
+      ref: t,
       className: p(e, "fp-ValueFieldRoot"),
-      "data-disabled": r || s != null && s.disabled ? "" : void 0,
+      "data-disabled": o || s != null && s.disabled ? "" : void 0,
       ...a
     }
   ) });
-}), W = i.forwardRef((t, o) => {
-  const { className: e, disabled: r, ...a } = t;
-  return /* @__PURE__ */ n(Yt, { disabled: r, children: /* @__PURE__ */ n(
+}), q = i.forwardRef((r, t) => {
+  const { className: e, disabled: o, ...a } = r;
+  return /* @__PURE__ */ n(Yr, { disabled: o, children: /* @__PURE__ */ n(
     "div",
     {
-      ref: o,
+      ref: t,
       className: p(e, "fp-ValueFieldMulti"),
-      "data-disabled": r ? "" : void 0,
+      "data-disabled": o ? "" : void 0,
       ...a
     }
   ) });
-}), q = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t, a = $e("Root");
+}), W = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r, a = $e("Root");
   return /* @__PURE__ */ n(
     "span",
     {
-      ref: o,
+      ref: t,
       className: p(e, "fp-ValueFieldLabel"),
       "data-disabled": a != null && a.disabled ? "" : void 0,
-      ...r
+      ...o
     }
   );
 });
-w.displayName = "ValueField.Root";
-q.displayName = "ValueField.Label";
-W.displayName = "ValueField.Multi";
-function E(t, o) {
-  const [e, r] = t, [a, s] = o;
+R.displayName = "ValueField.Root";
+W.displayName = "ValueField.Label";
+q.displayName = "ValueField.Multi";
+function E(r, t) {
+  const [e, o] = r, [a, s] = t;
   return function(l) {
-    return e === r || a === s ? a : (l - e) / (r - e) * (s - a) + a;
+    return e === o || a === s ? a : (l - e) / (o - e) * (s - a) + a;
   };
 }
-function Ko() {
-  const [t, o] = ee(!0), e = K(() => {
-    o(!0);
-  }, []), r = K(() => {
-    o(!1);
+function Kt() {
+  const [r, t] = ee(!0), e = K(() => {
+    t(!0);
+  }, []), o = K(() => {
+    t(!1);
   }, []), a = K(
     (s) => {
-      t && s.currentTarget.selectionStart === s.currentTarget.selectionEnd && (s.currentTarget.select(), o(!1));
+      r && s.currentTarget.selectionStart === s.currentTarget.selectionEnd && (s.currentTarget.select(), t(!1));
     },
-    [t]
+    [r]
   );
   return {
-    onMouseLeave: r,
+    onMouseLeave: o,
     onMouseUp: a,
     onFocus: e
   };
 }
-const Zt = i.forwardRef((t, o) => {
-  const { type: e = "text", className: r, selectOnClick: a = !1, ...s } = t, l = H(null), c = ce(l, o), { onMouseLeave: d, onMouseUp: u, onFocus: f } = Ko(), g = a ? He({ onMouseLeave: d, onMouseUp: u, onFocus: f }, s) : s;
-  return /* @__PURE__ */ n("input", { ref: c, type: e, className: p(r, "fp-Input"), ...g });
+const Zr = i.forwardRef((r, t) => {
+  const { type: e = "text", className: o, selectOnClick: a = !1, ...s } = r, l = G(null), c = ce(l, t), { onMouseLeave: d, onMouseUp: u, onFocus: g } = Kt(), f = a ? Ge({ onMouseLeave: d, onMouseUp: u, onFocus: g }, s) : s;
+  return /* @__PURE__ */ n("input", { ref: c, type: e, className: p(o, "fp-Input"), ...f });
 });
-Zt.displayName = "Input";
-const Yo = 1, Zo = 10, De = (t) => {
+Zr.displayName = "Input";
+const Yt = 1, Zt = 10, ke = (r) => {
   const {
-    className: o,
+    className: t,
     inputRef: e,
-    value: r,
+    value: o,
     onChange: a,
-    smallNudge: s = Yo,
-    bigNudge: l = Zo,
+    smallNudge: s = Yt,
+    bigNudge: l = Zt,
     formatter: c,
     disabled: d,
     ...u
-  } = t, f = H(null), g = ce(e, f), [v, T] = ee(null), h = v ?? c.format(r), C = $e("ValueField"), S = (m) => {
-    const P = c.parse(m, r);
-    if (m.length === 0 || !P.valid || P.value === r)
+  } = r, g = G(null), f = ce(e, g), [v, T] = ee(null), b = v ?? c.format(o), C = $e("ValueField"), S = (m) => {
+    const P = c.parse(m, o);
+    if (m.length === 0 || !P.valid || P.value === o)
       return M();
     T(null), a(P.value);
   }, M = () => {
     T(null);
-  }, te = (m) => {
+  }, re = (m) => {
     T(m.currentTarget.value);
   }, X = (m) => {
     const P = m.currentTarget;
@@ -946,11 +946,11 @@ const Yo = 1, Zo = 10, De = (t) => {
       if (!c.incrementBy)
         return;
       m.preventDefault();
-      const oe = c.parse(P.value, r), fe = oe.valid ? oe.value : r, re = m.shiftKey ? l : s, k = m.key === "ArrowUp" ? re : -re, _ = c.getIncrementTargets ? c.getIncrementTargets(P) : null, me = c.incrementBy(fe, k, _);
+      const te = c.parse(P.value, o), ge = te.valid ? te.value : o, oe = m.shiftKey ? l : s, D = m.key === "ArrowUp" ? oe : -oe, _ = c.getIncrementTargets ? c.getIncrementTargets(P) : null, me = c.incrementBy(ge, D, _);
       S(c.format(me)), requestAnimationFrame(() => {
         if (_ && c.getIncrementSelection) {
-          const [so, lo] = c.getIncrementSelection(_);
-          P.setSelectionRange(so, lo);
+          const [lt, it] = c.getIncrementSelection(_);
+          P.setSelectionRange(lt, it);
         } else
           P.select();
       });
@@ -959,47 +959,47 @@ const Yo = 1, Zo = 10, De = (t) => {
     S(m.currentTarget.value);
   };
   return /* @__PURE__ */ n(
-    Zt,
+    Zr,
     {
-      ref: g,
+      ref: f,
       dir: "auto",
       autoComplete: "off",
       spellCheck: "false",
       selectOnClick: !0,
-      className: p(o, "fp-ValueFieldBase"),
-      value: h,
-      onChange: te,
+      className: p(t, "fp-ValueFieldBase"),
+      value: b,
+      onChange: re,
       disabled: d || (C == null ? void 0 : C.disabled),
-      ...He(u, { onBlur: O, onKeyDown: X })
+      ...Ge(u, { onBlur: O, onKeyDown: X })
     }
   );
 };
-De.displayName = "ValueField.Base";
-const Jo = 15, x = i.forwardRef((t, o) => {
-  const { value: e, onChange: r, min: a, max: s, targetRange: l, precision: c, suffix: d, allowedUnits: u, ...f } = t, g = Oe(
-    () => Qo({ min: a, max: s, precision: c, targetRange: l, suffix: d, allowedUnits: u }),
+ke.displayName = "ValueField.Base";
+const Jt = 15, x = i.forwardRef((r, t) => {
+  const { value: e, onChange: o, min: a, max: s, targetRange: l, precision: c, suffix: d, allowedUnits: u, ...g } = r, f = Oe(
+    () => Qt({ min: a, max: s, precision: c, targetRange: l, suffix: d, allowedUnits: u }),
     [a, s, c, l, d, u]
   );
-  return /* @__PURE__ */ n(De, { inputRef: o, value: e, onChange: r, formatter: g, ...f });
+  return /* @__PURE__ */ n(ke, { inputRef: t, value: e, onChange: o, formatter: f, ...g });
 });
-function Qo(t = {}) {
-  const { min: o, max: e, targetRange: r, precision: a = Jo, suffix: s, allowedUnits: l = [] } = t, { toDisplayValue: c, fromDisplayValue: d } = er({ min: o, max: e, targetRange: r });
+function Qt(r = {}) {
+  const { min: t, max: e, targetRange: o, precision: a = Jt, suffix: s, allowedUnits: l = [] } = r, { toDisplayValue: c, fromDisplayValue: d } = eo({ min: t, max: e, targetRange: o });
   return {
-    parse: (u, f) => {
+    parse: (u, g) => {
       try {
         return {
           valid: !0,
           value: J(
             u,
-            (g) => or({
-              expression: g,
-              displayValue: c(f),
+            (f) => to({
+              expression: f,
+              displayValue: c(g),
               suffix: s,
               allowedUnits: l
             }),
             z(a),
             d,
-            I({ min: o, max: e })
+            I({ min: t, max: e })
           )
         };
       } catch {
@@ -1008,57 +1008,212 @@ function Qo(t = {}) {
     },
     format: (u) => J(
       u,
-      I({ min: o, max: e }),
+      I({ min: t, max: e }),
       c,
       z(a),
-      (f) => tr(f, s)
+      (g) => ro(g, s)
     ),
-    incrementBy(u, f) {
-      return u + d(f);
+    incrementBy(u, g) {
+      return u + d(g);
     }
   };
 }
-function er(t) {
-  const { min: o, max: e, targetRange: r } = t;
-  if (!r)
+function eo(r) {
+  const { min: t, max: e, targetRange: o } = r;
+  if (!o)
     return {
       toDisplayValue: (a) => a,
       fromDisplayValue: (a) => a
     };
-  if (typeof o != "number" || typeof e != "number")
+  if (typeof t != "number" || typeof e != "number")
     throw Error("'targetRange' requires specifying 'min' and 'max'.");
-  if (o === e)
+  if (t === e)
     throw Error("'min' and 'max' cannot be equal.");
   return {
-    toDisplayValue: E([o, e], r),
-    fromDisplayValue: E(r, [o, e])
+    toDisplayValue: E([t, e], o),
+    fromDisplayValue: E(o, [t, e])
   };
 }
-function tr(t, o) {
-  return Number.isNaN(t) ? "" : o ? `${t}${o}` : `${t}`;
+function ro(r, t) {
+  return Number.isNaN(r) ? "" : t ? `${r}${t}` : `${r}`;
 }
-function or(t) {
-  const { displayValue: o, expression: e, suffix: r = "", allowedUnits: a = [] } = t, s = "(\\d*\\.?\\d+)", l = `(?:${[...a, r].join("|")})*`, c = e.replace(new RegExp(`${s}${l}`, "gi"), (u, f) => f).replace(new RegExp(`${l}${s}`, "gi"), (u, f) => f).replace(new RegExp(`${s}%`, "gi"), (u, f) => `(${o}*${f}/100)`).replace(new RegExp(`%${s}`, "gi"), (u, f) => `(${o}*${f}/100)`).replace(new RegExp(`${s}x`, "gi"), (u, f) => `(${o}*${f})`).replace(new RegExp(`x${s}`, "gi"), (u, f) => `(${o}*${f})`).replace(new RegExp("(?<!\\d)x(?!\\d)", "gi"), `${o}`).trim(), d = po(c);
+function to(r) {
+  const { displayValue: t, expression: e, suffix: o = "", allowedUnits: a = [] } = r, s = "(\\d*\\.?\\d+)", l = `(?:${[...a, o].join("|")})*`, c = e.replace(new RegExp(`${s}${l}`, "gi"), (u, g) => g).replace(new RegExp(`${l}${s}`, "gi"), (u, g) => g).replace(new RegExp(`${s}%`, "gi"), (u, g) => `(${t}*${g}/100)`).replace(new RegExp(`%${s}`, "gi"), (u, g) => `(${t}*${g}/100)`).replace(new RegExp(`${s}x`, "gi"), (u, g) => `(${t}*${g})`).replace(new RegExp(`x${s}`, "gi"), (u, g) => `(${t}*${g})`).replace(new RegExp("(?<!\\d)x(?!\\d)", "gi"), `${t}`).trim(), d = dt(c);
   if (d === null)
     throw new Error("Invalid expression.");
   return d;
 }
-const Jt = i.forwardRef((t, o) => {
-  const { value: e, onChange: r, ignoreAlpha: a = !1, ...s } = t, l = Oe(() => rr({ ignoreAlpha: a }), [a]);
-  return /* @__PURE__ */ n(De, { inputRef: o, value: e, onChange: r, formatter: l, ...s });
+const Jr = {
+  aliceblue: { r: 240, g: 248, b: 255 },
+  antiquewhite: { r: 250, g: 235, b: 215 },
+  aqua: { r: 0, g: 255, b: 255 },
+  aquamarine: { r: 127, g: 255, b: 212 },
+  azure: { r: 240, g: 255, b: 255 },
+  beige: { r: 245, g: 245, b: 220 },
+  bisque: { r: 255, g: 228, b: 196 },
+  black: { r: 0, g: 0, b: 0 },
+  blanchedalmond: { r: 255, g: 235, b: 205 },
+  blue: { r: 0, g: 0, b: 255 },
+  blueviolet: { r: 138, g: 43, b: 226 },
+  brown: { r: 165, g: 42, b: 42 },
+  burlywood: { r: 222, g: 184, b: 135 },
+  cadetblue: { r: 95, g: 158, b: 160 },
+  chartreuse: { r: 127, g: 255, b: 0 },
+  chocolate: { r: 210, g: 105, b: 30 },
+  coral: { r: 255, g: 127, b: 80 },
+  cornflowerblue: { r: 100, g: 149, b: 237 },
+  cornsilk: { r: 255, g: 248, b: 220 },
+  crimson: { r: 220, g: 20, b: 60 },
+  cyan: { r: 0, g: 255, b: 255 },
+  darkblue: { r: 0, g: 0, b: 139 },
+  darkcyan: { r: 0, g: 139, b: 139 },
+  darkgoldenrod: { r: 184, g: 134, b: 11 },
+  darkgray: { r: 169, g: 169, b: 169 },
+  darkgreen: { r: 0, g: 100, b: 0 },
+  darkgrey: { r: 169, g: 169, b: 169 },
+  darkkhaki: { r: 189, g: 183, b: 107 },
+  darkmagenta: { r: 139, g: 0, b: 139 },
+  darkolivegreen: { r: 85, g: 107, b: 47 },
+  darkorange: { r: 255, g: 140, b: 0 },
+  darkorchid: { r: 153, g: 50, b: 204 },
+  darkred: { r: 139, g: 0, b: 0 },
+  darksalmon: { r: 233, g: 150, b: 122 },
+  darkseagreen: { r: 143, g: 188, b: 143 },
+  darkslateblue: { r: 72, g: 61, b: 139 },
+  darkslategray: { r: 47, g: 79, b: 79 },
+  darkslategrey: { r: 47, g: 79, b: 79 },
+  darkturquoise: { r: 0, g: 206, b: 209 },
+  darkviolet: { r: 148, g: 0, b: 211 },
+  deeppink: { r: 255, g: 20, b: 147 },
+  deepskyblue: { r: 0, g: 191, b: 255 },
+  dimgray: { r: 105, g: 105, b: 105 },
+  dimgrey: { r: 105, g: 105, b: 105 },
+  dodgerblue: { r: 30, g: 144, b: 255 },
+  firebrick: { r: 178, g: 34, b: 34 },
+  floralwhite: { r: 255, g: 250, b: 240 },
+  forestgreen: { r: 34, g: 139, b: 34 },
+  fuchsia: { r: 255, g: 0, b: 255 },
+  gainsboro: { r: 220, g: 220, b: 220 },
+  ghostwhite: { r: 248, g: 248, b: 255 },
+  gold: { r: 255, g: 215, b: 0 },
+  goldenrod: { r: 218, g: 165, b: 32 },
+  gray: { r: 128, g: 128, b: 128 },
+  green: { r: 0, g: 128, b: 0 },
+  greenyellow: { r: 173, g: 255, b: 47 },
+  grey: { r: 128, g: 128, b: 128 },
+  honeydew: { r: 240, g: 255, b: 240 },
+  hotpink: { r: 255, g: 105, b: 180 },
+  indianred: { r: 205, g: 92, b: 92 },
+  indigo: { r: 75, g: 0, b: 130 },
+  ivory: { r: 255, g: 255, b: 240 },
+  khaki: { r: 240, g: 230, b: 140 },
+  lavender: { r: 230, g: 230, b: 250 },
+  lavenderblush: { r: 255, g: 240, b: 245 },
+  lawngreen: { r: 124, g: 252, b: 0 },
+  lemonchiffon: { r: 255, g: 250, b: 205 },
+  lightblue: { r: 173, g: 216, b: 230 },
+  lightcoral: { r: 240, g: 128, b: 128 },
+  lightcyan: { r: 224, g: 255, b: 255 },
+  lightgoldenrodyellow: { r: 250, g: 250, b: 210 },
+  lightgray: { r: 211, g: 211, b: 211 },
+  lightgreen: { r: 144, g: 238, b: 144 },
+  lightgrey: { r: 211, g: 211, b: 211 },
+  lightpink: { r: 255, g: 182, b: 193 },
+  lightsalmon: { r: 255, g: 160, b: 122 },
+  lightseagreen: { r: 32, g: 178, b: 170 },
+  lightskyblue: { r: 135, g: 206, b: 250 },
+  lightslategray: { r: 119, g: 136, b: 153 },
+  lightslategrey: { r: 119, g: 136, b: 153 },
+  lightsteelblue: { r: 176, g: 196, b: 222 },
+  lightyellow: { r: 255, g: 255, b: 224 },
+  lime: { r: 0, g: 255, b: 0 },
+  limegreen: { r: 50, g: 205, b: 50 },
+  linen: { r: 250, g: 240, b: 230 },
+  magenta: { r: 255, g: 0, b: 255 },
+  maroon: { r: 128, g: 0, b: 0 },
+  mediumaquamarine: { r: 102, g: 205, b: 170 },
+  mediumblue: { r: 0, g: 0, b: 205 },
+  mediumorchid: { r: 186, g: 85, b: 211 },
+  mediumpurple: { r: 147, g: 112, b: 219 },
+  mediumseagreen: { r: 60, g: 179, b: 113 },
+  mediumslateblue: { r: 123, g: 104, b: 238 },
+  mediumspringgreen: { r: 0, g: 250, b: 154 },
+  mediumturquoise: { r: 72, g: 209, b: 204 },
+  mediumvioletred: { r: 199, g: 21, b: 133 },
+  midnightblue: { r: 25, g: 25, b: 112 },
+  mintcream: { r: 245, g: 255, b: 250 },
+  mistyrose: { r: 255, g: 228, b: 225 },
+  moccasin: { r: 255, g: 228, b: 181 },
+  navajowhite: { r: 255, g: 222, b: 173 },
+  navy: { r: 0, g: 0, b: 128 },
+  oldlace: { r: 253, g: 245, b: 230 },
+  olive: { r: 128, g: 128, b: 0 },
+  olivedrab: { r: 107, g: 142, b: 35 },
+  orange: { r: 255, g: 165, b: 0 },
+  orangered: { r: 255, g: 69, b: 0 },
+  orchid: { r: 218, g: 112, b: 214 },
+  palegoldenrod: { r: 238, g: 232, b: 170 },
+  palegreen: { r: 152, g: 251, b: 152 },
+  paleturquoise: { r: 175, g: 238, b: 238 },
+  palevioletred: { r: 219, g: 112, b: 147 },
+  papayawhip: { r: 255, g: 239, b: 213 },
+  peachpuff: { r: 255, g: 218, b: 185 },
+  peru: { r: 205, g: 133, b: 63 },
+  pink: { r: 255, g: 192, b: 203 },
+  plum: { r: 221, g: 160, b: 221 },
+  powderblue: { r: 176, g: 224, b: 230 },
+  purple: { r: 128, g: 0, b: 128 },
+  red: { r: 255, g: 0, b: 0 },
+  rosybrown: { r: 188, g: 143, b: 143 },
+  royalblue: { r: 65, g: 105, b: 225 },
+  saddlebrown: { r: 139, g: 69, b: 19 },
+  salmon: { r: 250, g: 128, b: 114 },
+  sandybrown: { r: 244, g: 164, b: 96 },
+  seagreen: { r: 46, g: 139, b: 87 },
+  seashell: { r: 255, g: 245, b: 238 },
+  sienna: { r: 160, g: 82, b: 45 },
+  silver: { r: 192, g: 192, b: 192 },
+  skyblue: { r: 135, g: 206, b: 235 },
+  slateblue: { r: 106, g: 90, b: 205 },
+  slategray: { r: 112, g: 128, b: 144 },
+  slategrey: { r: 112, g: 128, b: 144 },
+  snow: { r: 255, g: 250, b: 250 },
+  springgreen: { r: 0, g: 255, b: 127 },
+  steelblue: { r: 70, g: 130, b: 180 },
+  tan: { r: 210, g: 180, b: 140 },
+  teal: { r: 0, g: 128, b: 128 },
+  thistle: { r: 216, g: 191, b: 216 },
+  tomato: { r: 255, g: 99, b: 71 },
+  turquoise: { r: 64, g: 224, b: 208 },
+  violet: { r: 238, g: 130, b: 238 },
+  wheat: { r: 245, g: 222, b: 179 },
+  white: { r: 255, g: 255, b: 255 },
+  whitesmoke: { r: 245, g: 245, b: 245 },
+  yellow: { r: 255, g: 255, b: 0 },
+  yellowgreen: { r: 154, g: 205, b: 50 }
+}, Qr = i.forwardRef((r, t) => {
+  const { value: e, onChange: o, ignoreAlpha: a = !1, ...s } = r, l = Oe(() => oo({ ignoreAlpha: a }), [a]);
+  return /* @__PURE__ */ n(ke, { inputRef: t, value: e, onChange: o, formatter: l, ...s });
 });
-function rr(t) {
-  const { ignoreAlpha: o } = t;
+function oo(r) {
+  const { ignoreAlpha: t } = r;
   return {
-    parse(e, r) {
+    parse(e, o) {
+      if (ao(e)) {
+        const { r: a, g: s, b: l } = Jr[e];
+        return {
+          valid: !0,
+          value: { r: a / 255, g: s / 255, b: l / 255, a: o.a }
+        };
+      }
       try {
         return {
           value: J(
             e,
-            ar,
-            (a) => nr(a, r),
-            sr,
-            (a) => o ? { ...a, a: 1 } : a
+            no,
+            (a) => so(a, o),
+            lo,
+            (a) => t ? { ...a, a: 1 } : a
           ),
           valid: !0
         };
@@ -1069,184 +1224,187 @@ function rr(t) {
     format(e) {
       return (Math.round(e.r * 255).toString(16).padStart(2, "0") + Math.round(e.g * 255).toString(16).padStart(2, "0") + Math.round(e.b * 255).toString(16).padStart(2, "0")).toUpperCase();
     },
-    incrementBy(e, r, a) {
+    incrementBy(e, o, a) {
       return a ?? (a = { r: !0, g: !0, b: !0 }), {
-        r: a.r ? I(Math.round(e.r * 255) + r, { min: 0, max: 255 }) / 255 : e.r,
-        g: a.g ? I(Math.round(e.g * 255) + r, { min: 0, max: 255 }) / 255 : e.g,
-        b: a.b ? I(Math.round(e.b * 255) + r, { min: 0, max: 255 }) / 255 : e.b,
+        r: a.r ? I(Math.round(e.r * 255) + o, { min: 0, max: 255 }) / 255 : e.r,
+        g: a.g ? I(Math.round(e.g * 255) + o, { min: 0, max: 255 }) / 255 : e.g,
+        b: a.b ? I(Math.round(e.b * 255) + o, { min: 0, max: 255 }) / 255 : e.b,
         a: e.a
       };
     },
     getIncrementTargets(e) {
-      const r = e.selectionStart, a = e.selectionEnd;
-      return r === null || a === null ? null : {
-        r: r < 2 || r === 2 && a === 2,
-        g: r < 4 && a >= 3 || r === 4 && a === 4,
+      const o = e.selectionStart, a = e.selectionEnd;
+      return o === null || a === null ? null : {
+        r: o < 2 || o === 2 && a === 2,
+        g: o < 4 && a >= 3 || o === 4 && a === 4,
         b: a >= 5
       };
     },
     getIncrementSelection(e) {
-      let r, a;
-      return e ? (e.r ? r = 0 : e.g ? r = 2 : r = 4, e.b ? a = 6 : e.g ? a = 4 : a = 2, [r, a]) : [0, 6];
+      let o, a;
+      return e ? (e.r ? o = 0 : e.g ? o = 2 : o = 4, e.b ? a = 6 : e.g ? a = 4 : a = 2, [o, a]) : [0, 6];
     }
   };
 }
-function ar(t) {
+function ao(r) {
+  return Object.keys(Jr).includes(r);
+}
+function no(r) {
   var e;
-  const o = /[0-9a-f]+/gi;
-  return ((e = t.match(o)) == null ? void 0 : e[0]) ?? "";
+  const t = /[0-9a-f]+/gi;
+  return ((e = r.match(t)) == null ? void 0 : e[0]) ?? "";
 }
-function nr(t, o) {
-  if (!/^[0-9a-f]{1,8}$/i.test(t))
+function so(r, t) {
+  if (!/^[0-9a-f]{1,8}$/i.test(r))
     throw new Error("Invalid hex substring");
-  switch (t.length) {
+  switch (r.length) {
     case 1:
-      return t.repeat(6) + ae(o.a);
+      return r.repeat(6) + ae(t.a);
     case 2:
-      return t.repeat(3) + ae(o.a);
+      return r.repeat(3) + ae(t.a);
     case 3:
-      return t.split("").map((e) => e.repeat(2)).join("") + ae(o.a);
+      return r.split("").map((e) => e.repeat(2)).join("") + ae(t.a);
     case 4:
-      return t.slice(0, 3).split("").map((e) => e.repeat(2)).join("") + t[3].repeat(2);
+      return r.slice(0, 3).split("").map((e) => e.repeat(2)).join("") + r[3].repeat(2);
     case 5:
-      return t.slice(0, 3).split("").map((e) => e.repeat(2)).join("") + t.slice(-2);
+      return r.slice(0, 3).split("").map((e) => e.repeat(2)).join("") + r.slice(-2);
     case 6:
-      return t + ae(o.a);
+      return r + ae(t.a);
     case 7:
-      return t.slice(0, 6) + t[6].repeat(2);
+      return r.slice(0, 6) + r[6].repeat(2);
     case 8:
-      return t;
+      return r;
     default:
       throw new Error("Invalid hex substring");
   }
 }
-function sr(t) {
+function lo(r) {
   return {
-    r: parseInt(t.substring(0, 2), 16) / 255,
-    g: parseInt(t.substring(2, 4), 16) / 255,
-    b: parseInt(t.substring(4, 6), 16) / 255,
-    a: parseInt(t.substring(6, 8), 16) / 255
+    r: parseInt(r.substring(0, 2), 16) / 255,
+    g: parseInt(r.substring(2, 4), 16) / 255,
+    b: parseInt(r.substring(4, 6), 16) / 255,
+    a: parseInt(r.substring(6, 8), 16) / 255
   };
 }
-function ae(t) {
-  return Math.round(t * 255).toString(16);
+function ae(r) {
+  return Math.round(r * 255).toString(16);
 }
-const sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ia = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Hex: Jt,
-  Label: q,
-  Multi: W,
+  Hex: Qr,
+  Label: W,
+  Multi: q,
   Numeric: x,
-  Root: w
+  Root: R
 }, Symbol.toStringTag, { value: "Module" }));
-function ne(t) {
-  const o = z(t * 255, 0).toString(16);
-  return o.length < 2 ? "0" + o : o;
+function ne(r) {
+  const t = z(r * 255, 0).toString(16);
+  return t.length < 2 ? "0" + t : t;
 }
-function le({ r: t, g: o, b: e, a: r }) {
-  const a = r < 1 ? ne(r) : "";
-  return "#" + ne(t) + ne(o) + ne(e) + a;
+function le({ r, g: t, b: e, a: o }) {
+  const a = o < 1 ? ne(o) : "";
+  return "#" + ne(r) + ne(t) + ne(e) + a;
 }
-function lr(t) {
-  return le(Ce(t));
+function io(r) {
+  return le(Ce(r));
 }
-function ir(t) {
-  return le(L(t));
+function co(r) {
+  return le(L(r));
 }
-function Q({ r: t, g: o, b: e, a: r }) {
-  const a = Math.max(t, o, e), s = a - Math.min(t, o, e), l = s ? a === t ? (o - e) / s : a === o ? 2 + (e - t) / s : 4 + (t - o) / s : 0;
+function Q({ r, g: t, b: e, a: o }) {
+  const a = Math.max(r, t, e), s = a - Math.min(r, t, e), l = s ? a === r ? (t - e) / s : a === t ? 2 + (e - r) / s : 4 + (r - t) / s : 0;
   return {
     h: 60 * (l < 0 ? l + 6 : l),
     s: a ? s / a * 100 : 0,
     v: a * 100,
-    a: r
+    a: o
   };
 }
-function L({ h: t, s: o, v: e, a: r }) {
-  t = t / 360 * 6, o = o / 100, e = e / 100;
-  const a = Math.floor(t), s = e * (1 - o), l = e * (1 - (t - a) * o), c = e * (1 - (1 - t + a) * o), d = a % 6;
+function L({ h: r, s: t, v: e, a: o }) {
+  r = r / 360 * 6, t = t / 100, e = e / 100;
+  const a = Math.floor(r), s = e * (1 - t), l = e * (1 - (r - a) * t), c = e * (1 - (1 - r + a) * t), d = a % 6;
   return {
     r: [e, l, s, s, c, e][d],
     g: [c, e, e, l, s, s][d],
     b: [s, s, c, e, e, l][d],
-    a: r
+    a: o
   };
 }
-function Qt({ h: t, s: o, l: e, a: r }) {
-  return o *= (e < 50 ? e : 100 - e) / 100, {
-    h: t,
-    s: o > 0 ? 2 * o / (e + o) * 100 : 0,
-    v: e + o,
-    a: r
+function et({ h: r, s: t, l: e, a: o }) {
+  return t *= (e < 50 ? e : 100 - e) / 100, {
+    h: r,
+    s: t > 0 ? 2 * t / (e + t) * 100 : 0,
+    v: e + t,
+    a: o
   };
 }
-function eo({ h: t, s: o, v: e, a: r }) {
-  const a = (200 - o) * e / 100;
+function rt({ h: r, s: t, v: e, a: o }) {
+  const a = (200 - t) * e / 100;
   return {
-    h: t,
-    s: a > 0 && a < 200 ? o * e / 100 / (a <= 100 ? a : 200 - a) * 100 : 0,
+    h: r,
+    s: a > 0 && a < 200 ? t * e / 100 / (a <= 100 ? a : 200 - a) * 100 : 0,
     l: a / 2,
-    a: r
+    a: o
   };
 }
-function Ce(t) {
-  return L(Qt(t));
+function Ce(r) {
+  return L(et(r));
 }
-function Ee(t) {
-  return eo(Q(t));
+function Ee(r) {
+  return rt(Q(r));
 }
-function Y(t) {
-  const o = z(t.r, 4), e = z(t.g, 4), r = z(t.b, 4), a = z(t.a, 2);
-  return a < 1 ? `color(display-p3 ${o} ${e} ${r} / ${a})` : `color(display-p3 ${o} ${e} ${r})`;
+function Y(r) {
+  const t = z(r.r, 4), e = z(r.g, 4), o = z(r.b, 4), a = z(r.a, 2);
+  return a < 1 ? `color(display-p3 ${t} ${e} ${o} / ${a})` : `color(display-p3 ${t} ${e} ${o})`;
 }
-function Z(t) {
-  const o = Math.round(t.r * 255), e = Math.round(t.g * 255), r = Math.round(t.b * 255), a = t.a;
-  return a < 1 ? `rgb(${o} ${e} ${r} / ${a})` : `rgb(${o} ${e} ${r})`;
+function Z(r) {
+  const t = Math.round(r.r * 255), e = Math.round(r.g * 255), o = Math.round(r.b * 255), a = r.a;
+  return a < 1 ? `rgb(${t} ${e} ${o} / ${a})` : `rgb(${t} ${e} ${o})`;
 }
-function Le(t) {
-  const { r: o, g: e, b: r, a } = t;
+function Le(r) {
+  const { r: t, g: e, b: o, a } = r;
   return {
-    r: o + (1 - o) * (1 - a),
+    r: t + (1 - t) * (1 - a),
     g: e + (1 - e) * (1 - a),
-    b: r + (1 - r) * (1 - a),
+    b: o + (1 - o) * (1 - a),
     a: 1
   };
 }
-const cr = { r: 0, g: 0, b: 0, a: 1 }, pr = ["hex", "rgb", "hsl", "hsv"], [dr, D] = de("ColorPicker"), ur = (t) => {
+const po = { r: 0, g: 0, b: 0, a: 1 }, uo = ["hex", "rgb", "hsl", "hsv"], [go, k] = de("ColorPicker"), mo = (r) => {
   const {
-    colorSpace: o,
-    models: e = pr,
-    defaultActiveModel: r,
+    colorSpace: t,
+    models: e = uo,
+    defaultActiveModel: o,
     activeModel: a,
     onActiveModelChange: s,
     defaultColor: l,
     color: c,
     onColorChange: d,
     children: u
-  } = t;
-  fr(a, r, e);
-  const [f = cr, g] = be({
+  } = r;
+  fo(a, o, e);
+  const [g = po, f] = he({
     prop: c,
     defaultProp: l,
     onChange: d
-  }), [v = e[0], T] = be({
+  }), [v = e[0], T] = he({
     prop: a,
-    defaultProp: r,
+    defaultProp: o,
     onChange: s
-  }), [h, C] = ee({}), S = {
-    hsv: h.hsv ?? Q(f),
-    hsl: h.hsl ?? Ee(f),
-    rgb: h.rgb ?? f,
-    hex: h.hex ?? le(f)
+  }), [b, C] = ee({}), S = {
+    hsv: b.hsv ?? Q(g),
+    hsl: b.hsl ?? Ee(g),
+    rgb: b.rgb ?? g,
+    hex: b.hex ?? le(g)
   }, M = S.hsv.h;
   return /* @__PURE__ */ n(
-    dr,
+    go,
     {
-      colorSpace: o,
+      colorSpace: t,
       models: e,
       activeModel: v,
       onActiveModelChange: T,
-      color: f,
+      color: g,
       onColorChange: (X) => {
         const { mode: O, value: m } = X;
         O === "rgb" ? (C({
@@ -1254,17 +1412,17 @@ const cr = { r: 0, g: 0, b: 0, a: 1 }, pr = ["hex", "rgb", "hsl", "hsv"], [dr, D
           hsv: Q(m),
           hsl: Ee(m),
           hex: le(m)
-        }), g(m)) : O === "hsv" ? (C({
+        }), f(m)) : O === "hsv" ? (C({
           hsv: m,
-          hsl: eo(m),
+          hsl: rt(m),
           rgb: L(m),
-          hex: ir(m)
-        }), g(L(m))) : O === "hsl" && (C({
-          hsv: Qt(m),
+          hex: co(m)
+        }), f(L(m))) : O === "hsl" && (C({
+          hsv: et(m),
           hsl: m,
           rgb: Ce(m),
-          hex: lr(m)
-        }), g(Ce(m)));
+          hex: io(m)
+        }), f(Ce(m)));
       },
       hue: M,
       colorsByModel: S,
@@ -1272,100 +1430,100 @@ const cr = { r: 0, g: 0, b: 0, a: 1 }, pr = ["hex", "rgb", "hsl", "hsv"], [dr, D
     }
   );
 };
-function fr(t, o, e) {
+function fo(r, t, e) {
   if (e.length === 0)
     throw new Error(
       "The 'models' prop must contain at least one color model. Omit the 'models' prop entirely to use default models."
     );
-  if (t && !e.includes(t))
+  if (r && !e.includes(r))
     throw new Error(
-      `Invalid 'activeModel': '${t}' is not present in the 'models' array. Make sure 'activeModel' matches a model name in 'models'.`
+      `Invalid 'activeModel': '${r}' is not present in the 'models' array. Make sure 'activeModel' matches a model name in 'models'.`
     );
-  if (o && !e.includes(o))
+  if (t && !e.includes(t))
     throw new Error(
-      `Invalid 'defaultActiveModel': '${o}' is not present in the 'models' array. Make sure 'activeModel' matches a model name in 'models'.`
+      `Invalid 'defaultActiveModel': '${t}' is not present in the 'models' array. Make sure 'activeModel' matches a model name in 'models'.`
     );
 }
-const mr = 2, gr = 0, hr = 100, br = "horizontal", Cr = "ltr", ke = i.forwardRef((t, o) => {
+const bo = 2, ho = 0, Co = 100, No = "horizontal", yo = "ltr", De = i.forwardRef((r, t) => {
   const {
     className: e,
-    min: r = gr,
-    max: a = hr,
-    defaultValue: s = [r],
+    min: o = ho,
+    max: a = Co,
+    defaultValue: s = [o],
     value: l,
     onValueChange: c,
-    orientation: d = br,
-    dir: u = Cr,
-    inverted: f,
-    disabled: g,
+    orientation: d = No,
+    dir: u = yo,
+    inverted: g,
+    disabled: f,
     range: v = !0,
     rangeAnchor: T,
-    baseValue: h,
+    baseValue: b,
     hints: C,
     ...S
-  } = t, M = H(null), te = ce(M, o), { onPointerDown: X, focusVisible: O } = wr(M), [m, P] = ee(l ?? s), oe = H(l), fe = H(s);
+  } = r, M = G(null), re = ce(M, t), { onPointerDown: X, focusVisible: O } = xo(M), [m, P] = ee(l ?? s), te = G(l), ge = G(s);
   _e(() => {
-    ze(l, oe.current) && ze(s, fe.current) || P(l ?? s);
+    ze(l, te.current) && ze(s, ge.current) || P(l ?? s);
   }, [l, s]), _e(() => {
     M.current && M.current.style.setProperty(
       "--radix-slider-thumb-transform",
-      yr(d, u, f)
+      vo(d, u, g)
     );
-  }, [M, d, u, f]);
-  const re = (k) => {
-    const _ = k.map((me) => vr(me, C, r, a));
+  }, [M, d, u, g]);
+  const oe = (D) => {
+    const _ = D.map((me) => Po(me, C, o, a));
     c == null || c(_), P(_);
   };
-  return /* @__PURE__ */ b(
-    ge.Root,
+  return /* @__PURE__ */ h(
+    fe.Root,
     {
       tabIndex: -1,
-      ref: te,
+      ref: re,
       className: p(e, "fp-SliderRoot"),
       value: m,
-      onValueChange: re,
+      onValueChange: oe,
       onPointerDown: X,
-      min: r,
+      min: o,
       max: a,
       orientation: d,
       dir: u,
-      inverted: f,
-      disabled: g,
+      inverted: g,
+      disabled: f,
       ...S,
       children: [
-        /* @__PURE__ */ n(ge.Track, { className: "fp-SliderTrack" }),
+        /* @__PURE__ */ n(fe.Track, { className: "fp-SliderTrack" }),
         v && /* @__PURE__ */ n(
-          Rr,
+          Ro,
           {
             dir: u,
             value: m,
-            min: r,
+            min: o,
             max: a,
             orientation: d,
-            inverted: f,
+            inverted: g,
             rangeAnchor: T,
-            disabled: g
+            disabled: f
           }
         ),
-        C && C.map((k) => /* @__PURE__ */ n(
-          Nr,
+        C && C.map((D) => /* @__PURE__ */ n(
+          wo,
           {
-            hint: k,
-            baseValue: h,
-            min: r,
+            hint: D,
+            baseValue: b,
+            min: o,
             max: a,
             orientation: d,
             dir: u,
-            inverted: f
+            inverted: g
           },
-          k
+          D
         )),
-        m.map((k, _) => /* @__PURE__ */ n(
-          ge.Thumb,
+        m.map((D, _) => /* @__PURE__ */ n(
+          fe.Thumb,
           {
             className: p("fp-SliderThumb", {
               "fp-SliderThumb-focusVisible": O,
-              "fp-SliderThumb-baseValue": k === h
+              "fp-SliderThumb-baseValue": D === b
             })
           },
           _
@@ -1374,19 +1532,19 @@ const mr = 2, gr = 0, hr = 100, br = "horizontal", Cr = "ltr", ke = i.forwardRef
     }
   );
 });
-ke.displayName = "Slider";
-const Nr = (t) => {
-  const { baseValue: o, dir: e, inverted: r, max: a, min: s, orientation: l, hint: c } = t, { startEdge: d } = to(l, e, r), u = E([s, a], [0, 100])(c), f = 4;
+De.displayName = "Slider";
+const wo = (r) => {
+  const { baseValue: t, dir: e, inverted: o, max: a, min: s, orientation: l, hint: c } = r, { startEdge: d } = tt(l, e, o), u = E([s, a], [0, 100])(c), g = 4;
   return /* @__PURE__ */ n(Ve, { children: /* @__PURE__ */ n(
     "span",
     {
-      className: p("fp-SliderHint", { "fp-SliderHint-baseValue": c === o }),
+      className: p("fp-SliderHint", { "fp-SliderHint-baseValue": c === t }),
       "data-orientation": l,
-      style: { [d]: `calc(${u}% - ${f / 2}px)` }
+      style: { [d]: `calc(${u}% - ${g / 2}px)` }
     }
   ) });
-}, Rr = (t) => {
-  const { min: o, max: e, value: r, rangeAnchor: a = o, orientation: s, dir: l, inverted: c, disabled: d } = t, u = r.length > 1 ? Math.min(...r) : Math.min(a, ...r), f = r.length > 1 ? Math.max(...r) : Math.max(a, ...r), g = E([o, e], [0, 100])(u), v = 100 - E([o, e], [0, 100])(f), T = to(s, l, c);
+}, Ro = (r) => {
+  const { min: t, max: e, value: o, rangeAnchor: a = t, orientation: s, dir: l, inverted: c, disabled: d } = r, u = o.length > 1 ? Math.min(...o) : Math.min(a, ...o), g = o.length > 1 ? Math.max(...o) : Math.max(a, ...o), f = E([t, e], [0, 100])(u), v = 100 - E([t, e], [0, 100])(g), T = tt(s, l, c);
   return /* @__PURE__ */ n(
     "span",
     {
@@ -1394,14 +1552,14 @@ const Nr = (t) => {
       "data-orientation": s,
       "data-disabled": d ? "" : void 0,
       style: {
-        [T.startEdge]: `${g}%`,
+        [T.startEdge]: `${f}%`,
         [T.endEdge]: `${v}%`
       }
     }
   );
 };
-function to(t, o, e) {
-  const r = e ? "inverted" : "normal";
+function tt(r, t, e) {
+  const o = e ? "inverted" : "normal";
   return {
     vertical: {
       normal: {
@@ -1415,49 +1573,49 @@ function to(t, o, e) {
     },
     horizontal: {
       normal: {
-        startEdge: o === "ltr" ? "left" : "right",
-        endEdge: o === "ltr" ? "right" : "left"
+        startEdge: t === "ltr" ? "left" : "right",
+        endEdge: t === "ltr" ? "right" : "left"
       },
       inverted: {
-        startEdge: o === "ltr" ? "right" : "left",
-        endEdge: o === "ltr" ? "left" : "right"
+        startEdge: t === "ltr" ? "right" : "left",
+        endEdge: t === "ltr" ? "left" : "right"
       }
     }
-  }[t][r];
+  }[r][o];
 }
-function yr(t, o, e) {
-  const r = e ? "inverted" : "normal";
+function vo(r, t, e) {
+  const o = e ? "inverted" : "normal";
   return {
     vertical: {
       normal: "translateY(50%)",
       inverted: "translateY(-50%)"
     },
     horizontal: {
-      normal: o === "ltr" ? "translateX(-50%)" : "translateX(50%)",
-      inverted: o === "ltr" ? "translateX(50%)" : "translateX(-50%)"
+      normal: t === "ltr" ? "translateX(-50%)" : "translateX(50%)",
+      inverted: t === "ltr" ? "translateX(50%)" : "translateX(-50%)"
     }
-  }[t][r];
+  }[r][o];
 }
-function wr(t) {
-  const [o, e] = ee(!1), r = () => {
+function xo(r) {
+  const [t, e] = ee(!1), o = () => {
     var s;
-    e(!1), window.removeEventListener("pointerup", r), (s = t.current) == null || s.focus();
+    e(!1), window.removeEventListener("pointerup", o), (s = r.current) == null || s.focus();
   };
   return { onPointerDown: () => {
-    e(!0), window.addEventListener("pointerup", r);
-  }, focusVisible: !o };
+    e(!0), window.addEventListener("pointerup", o);
+  }, focusVisible: !t };
 }
-function vr(t, o, e, r) {
-  const a = E([0, 100], [0, r - e])(mr), s = o == null ? void 0 : o.find((l) => Math.abs(l - t) <= a);
-  return typeof s == "number" ? s : t;
+function Po(r, t, e, o) {
+  const a = E([0, 100], [0, o - e])(bo), s = t == null ? void 0 : t.find((l) => Math.abs(l - r) <= a);
+  return typeof s == "number" ? s : r;
 }
-const xr = (t) => {
-  const { className: o, style: e } = t, { activeModel: r, colorSpace: a, hue: s, color: l, onColorChange: c } = D("Hue"), d = Pr[r], u = (g) => {
-    const v = d.setHue(l, g[0]);
+const To = (r) => {
+  const { className: t, style: e } = r, { activeModel: o, colorSpace: a, hue: s, color: l, onColorChange: c } = k("Hue"), d = So[o], u = (f) => {
+    const v = d.setHue(l, f[0]);
     c({ mode: "rgb", value: v });
-  }, f = d.getThumbColor(s, a);
+  }, g = d.getThumbColor(s, a);
   return /* @__PURE__ */ n(
-    ke,
+    De,
     {
       "aria-label": "hue",
       range: !1,
@@ -1465,27 +1623,27 @@ const xr = (t) => {
       max: 359,
       value: [s],
       onValueChange: u,
-      className: `fp-ColorPickerHueSlider fp-color-model-${r} fp-color-space-${a} ${o}`,
-      style: { "--slider-thumb-bg": f, ...e }
+      className: `fp-ColorPickerHueSlider fp-color-model-${o} fp-color-space-${a} ${t}`,
+      style: { "--slider-thumb-bg": g, ...e }
     }
   );
 }, se = {
-  getHue: (t) => Math.round(Q(t).h),
-  setHue: (t, o) => {
-    const { s: e, v: r } = Q(t);
-    return L({ h: o, s: e, v: r, a: t.a });
+  getHue: (r) => Math.round(Q(r).h),
+  setHue: (r, t) => {
+    const { s: e, v: o } = Q(r);
+    return L({ h: t, s: e, v: o, a: r.a });
   },
-  getThumbColor: (t, o) => {
-    const { r: e, g: r, b: a } = L({ h: t, s: 100, v: 100, a: 1 });
-    return o === "display-p3" ? `color(display-p3 ${+e.toFixed(4)} ${+r.toFixed(4)} ${+a.toFixed(4)})` : `rgb(${Math.round(e * 255)} ${Math.round(r * 255)} ${Math.round(a * 255)})`;
+  getThumbColor: (r, t) => {
+    const { r: e, g: o, b: a } = L({ h: r, s: 100, v: 100, a: 1 });
+    return t === "display-p3" ? `color(display-p3 ${+e.toFixed(4)} ${+o.toFixed(4)} ${+a.toFixed(4)})` : `rgb(${Math.round(e * 255)} ${Math.round(o * 255)} ${Math.round(a * 255)})`;
   }
-}, Pr = {
+}, So = {
   rgb: se,
   hsl: se,
   hsv: se,
   hex: se
-}, Tr = (t) => {
-  const { className: o, style: e } = t, { colorSpace: r, color: a, onColorChange: s } = D("Hue"), l = {
+}, Mo = (r) => {
+  const { className: t, style: e } = r, { colorSpace: o, color: a, onColorChange: s } = k("Hue"), l = {
     srgb: {
       transparent: Z({ ...a, a: 0 }),
       opaque: Z({ ...a, a: 1 })
@@ -1501,7 +1659,7 @@ const xr = (t) => {
     s({ mode: "rgb", value: { ...a, a: z(u[0] / 100, 2) } });
   };
   return /* @__PURE__ */ n(
-    ke,
+    De,
     {
       "aria-label": "alpha",
       min: 0,
@@ -1509,7 +1667,7 @@ const xr = (t) => {
       range: !1,
       value: [a.a * 100],
       onValueChange: d,
-      className: `fp-ColorPickerAlphaSlider fp-color-space-${r} ${o}`,
+      className: `fp-ColorPickerAlphaSlider fp-color-space-${o} ${t}`,
       style: {
         "--track-bg-transparent-srgb": l.srgb.transparent,
         "--track-bg-opaque-srgb": l.srgb.opaque,
@@ -1521,46 +1679,46 @@ const xr = (t) => {
       }
     }
   );
-}, Sr = 8, Mr = (t) => {
-  const { onColorChange: o, colorsByModel: e, hue: r, colorSpace: a, activeModel: s } = D("ColorPicker.Area"), l = {
-    srgb: Z(L({ h: r, s: 100, v: 100, a: 1 })),
-    p3: Y(L({ h: r, s: 100, v: 100, a: 1 }))
+}, Io = 8, $o = (r) => {
+  const { onColorChange: t, colorsByModel: e, hue: o, colorSpace: a, activeModel: s } = k("ColorPicker.Area"), l = {
+    srgb: Z(L({ h: o, s: 100, v: 100, a: 1 })),
+    p3: Y(L({ h: o, s: 100, v: 100, a: 1 }))
   }, c = {
     srgb: Z(e.rgb),
     p3: Y(e.rgb)
-  }, d = Ir(e, s), u = H(null), { size: f } = $r(u), g = (h) => {
-    o(s === "hsl" ? {
+  }, d = ko(e, s), u = G(null), { size: g } = Do(u), f = (b) => {
+    t(s === "hsl" ? {
       mode: "hsl",
-      value: { h: r, s: h.x, l: 100 - h.y, a: e.rgb.a }
+      value: { h: o, s: b.x, l: 100 - b.y, a: e.rgb.a }
     } : {
       mode: "hsv",
-      value: { h: r, s: h.x, v: 100 - h.y, a: e.rgb.a }
+      value: { h: o, s: b.x, v: 100 - b.y, a: e.rgb.a }
     });
-  }, v = (h) => {
-    if (h.type === "pointerdown" && h.currentTarget.setPointerCapture(h.pointerId), h.type === "pointermove" && !h.currentTarget.hasPointerCapture(h.pointerId))
+  }, v = (b) => {
+    if (b.type === "pointerdown" && b.currentTarget.setPointerCapture(b.pointerId), b.type === "pointermove" && !b.currentTarget.hasPointerCapture(b.pointerId))
       return;
-    const C = h.currentTarget.getBoundingClientRect();
-    g({
-      x: J(h.clientX - C.x, E([0, f], [0, 100]), I({ min: 0, max: 100 })),
+    const C = b.currentTarget.getBoundingClientRect();
+    f({
+      x: J(b.clientX - C.x, E([0, g], [0, 100]), I({ min: 0, max: 100 })),
       y: J(
-        h.clientY - C.y - Sr,
-        E([0, f], [0, 100]),
+        b.clientY - C.y - Io,
+        E([0, g], [0, 100]),
         I({ min: 0, max: 100 })
       )
     });
-  }, T = (h) => {
-    const C = h.shiftKey ? 10 : 1, S = {
+  }, T = (b) => {
+    const C = b.shiftKey ? 10 : 1, S = {
       ArrowRight: { x: 1, y: 0 },
       ArrowLeft: { x: -1, y: 0 },
       ArrowDown: { x: 0, y: 1 },
       ArrowUp: { x: 0, y: -1 }
-    }[h.key];
-    S && g({
+    }[b.key];
+    S && f({
       x: I(d.x + S.x * C, { min: 0, max: 100 }),
       y: I(d.y + S.y * C, { min: 0, max: 100 })
     });
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ h(
     "div",
     {
       ref: u,
@@ -1591,38 +1749,38 @@ const xr = (t) => {
     }
   );
 };
-function Ir(t, o) {
-  if (o === "hsl") {
-    const e = t.hsl;
+function ko(r, t) {
+  if (t === "hsl") {
+    const e = r.hsl;
     return {
       x: e.s,
       y: 100 - e.l
     };
   } else {
-    const e = t.hsv;
+    const e = r.hsv;
     return {
       x: e.s,
       y: 100 - e.v
     };
   }
 }
-function $r(t) {
-  const [o, e] = i.useState(0);
+function Do(r) {
+  const [t, e] = i.useState(0);
   return i.useLayoutEffect(() => {
-    const r = t.current;
-    if (!r)
+    const o = r.current;
+    if (!o)
       return;
-    e(r.getBoundingClientRect().width);
+    e(o.getBoundingClientRect().width);
     const a = new ResizeObserver((s) => {
       for (const l of s)
         e(l.contentRect.width);
     });
-    return a.observe(r), () => {
-      a.unobserve(r);
+    return a.observe(o), () => {
+      a.unobserve(o);
     };
-  }, [t]), { size: o };
+  }, [r]), { size: t };
 }
-const he = {
+const be = {
   0: "fp-gap-0",
   px: "fp-gap-px",
   "0.5": "fp-gap-0_5",
@@ -1645,7 +1803,7 @@ const he = {
   14: "fp-gap-14",
   15: "fp-gap-15",
   16: "fp-gap-16"
-}, Dr = V("fp-Flex", {
+}, _o = V("fp-Flex", {
   variants: {
     direction: {
       row: "fp-direction-row",
@@ -1671,54 +1829,54 @@ const he = {
       wrap: "fp-wrap-wrap",
       wrapReverse: "fp-wrap-wrap-reverse"
     },
-    gap: he,
-    columnGap: he,
-    rowGap: he
+    gap: be,
+    columnGap: be,
+    rowGap: be
   },
   defaultVariants: {
     direction: "row"
   }
-}), oo = i.forwardRef((t, o) => {
-  const { className: e, direction: r, align: a, justify: s, wrap: l, gap: c, columnGap: d, rowGap: u, ...f } = t;
+}), ot = i.forwardRef((r, t) => {
+  const { className: e, direction: o, align: a, justify: s, wrap: l, gap: c, columnGap: d, rowGap: u, ...g } = r;
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: o,
-      className: Dr({ className: e, direction: r, align: a, justify: s, wrap: l, gap: c, columnGap: d, rowGap: u }),
-      ...f
+      ref: t,
+      className: _o({ className: e, direction: o, align: a, justify: s, wrap: l, gap: c, columnGap: d, rowGap: u }),
+      ...g
     }
   );
 });
-oo.displayName = "Flex";
-const kr = (t) => {
-  const { models: o, activeModel: e, onActiveModelChange: r } = D("ColorPicker.Input"), a = co(
+ot.displayName = "Flex";
+const zo = (r) => {
+  const { models: t, activeModel: e, onActiveModelChange: o } = k("ColorPicker.Input"), a = pt(
     {
-      hex: _r,
-      hsv: Ar,
-      hsl: Er,
-      rgb: zr
+      hex: Ao,
+      hsv: Lo,
+      hsl: Vo,
+      rgb: Eo
     },
-    o
+    t
   )[e];
-  return /* @__PURE__ */ b(oo, { gap: "2.5", className: t.className, style: t.style, children: [
-    o.length > 1 && /* @__PURE__ */ b(pt, { value: e, onValueChange: r, children: [
+  return /* @__PURE__ */ h(ot, { gap: "2.5", className: r.className, style: r.style, children: [
+    t.length > 1 && /* @__PURE__ */ h(pr, { value: e, onValueChange: o, children: [
       /* @__PURE__ */ n(ve, { style: { width: 56 } }),
-      /* @__PURE__ */ n(xe, { children: o.map((s) => /* @__PURE__ */ n(Pe, { value: s, children: s.toUpperCase() }, s)) })
+      /* @__PURE__ */ n(xe, { children: t.map((s) => /* @__PURE__ */ n(Pe, { value: s, children: s.toUpperCase() }, s)) })
     ] }),
     /* @__PURE__ */ n(a, {})
   ] });
-}, _r = () => {
-  const { colorsByModel: t, onColorChange: o } = D("ColorPicker.HEX"), e = t.rgb;
-  return /* @__PURE__ */ b(W, { children: [
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(Jt, { onChange: (s) => {
-      o({ mode: "rgb", value: s });
+}, Ao = () => {
+  const { colorsByModel: r, onColorChange: t } = k("ColorPicker.HEX"), e = r.rgb;
+  return /* @__PURE__ */ h(q, { children: [
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(Qr, { onChange: (s) => {
+      t({ mode: "rgb", value: s });
     }, value: e }) }),
-    /* @__PURE__ */ b(w, { style: { flex: "0 0 52px" }, children: [
+    /* @__PURE__ */ h(R, { style: { flex: "0 0 52px" }, children: [
       /* @__PURE__ */ n(
         x,
         {
           onChange: (s) => {
-            o({ mode: "rgb", value: { ...e, a: s } });
+            t({ mode: "rgb", value: { ...e, a: s } });
           },
           value: e.a,
           min: 0,
@@ -1728,18 +1886,18 @@ const kr = (t) => {
           allowedUnits: ["%"]
         }
       ),
-      /* @__PURE__ */ n(q, { children: "%" })
+      /* @__PURE__ */ n(W, { children: "%" })
     ] })
   ] });
-}, zr = () => {
-  const { colorsByModel: t, onColorChange: o } = D("ColorPicker.RGBA"), e = t.rgb, r = (a) => (s) => {
-    o({ mode: "rgb", value: { ...e, [a]: s } });
+}, Eo = () => {
+  const { colorsByModel: r, onColorChange: t } = k("ColorPicker.RGBA"), e = r.rgb, o = (a) => (s) => {
+    t({ mode: "rgb", value: { ...e, [a]: s } });
   };
-  return /* @__PURE__ */ b(W, { children: [
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ h(q, { children: [
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
       x,
       {
-        onChange: r("r"),
+        onChange: o("r"),
         value: e.r,
         min: 0,
         max: 1,
@@ -1747,10 +1905,10 @@ const kr = (t) => {
         precision: 0
       }
     ) }),
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
       x,
       {
-        onChange: r("g"),
+        onChange: o("g"),
         value: e.g,
         min: 0,
         max: 1,
@@ -1758,10 +1916,10 @@ const kr = (t) => {
         precision: 0
       }
     ) }),
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
       x,
       {
-        onChange: r("b"),
+        onChange: o("b"),
         value: e.b,
         min: 0,
         max: 1,
@@ -1769,11 +1927,11 @@ const kr = (t) => {
         precision: 0
       }
     ) }),
-    /* @__PURE__ */ b(w, { style: { flex: "0 0 52px" }, children: [
+    /* @__PURE__ */ h(R, { style: { flex: "0 0 52px" }, children: [
       /* @__PURE__ */ n(
         x,
         {
-          onChange: r("a"),
+          onChange: o("a"),
           value: e.a,
           min: 0,
           max: 1,
@@ -1782,22 +1940,22 @@ const kr = (t) => {
           allowedUnits: ["%"]
         }
       ),
-      /* @__PURE__ */ n(q, { children: "%" })
+      /* @__PURE__ */ n(W, { children: "%" })
     ] })
   ] });
-}, Ar = () => {
-  const { colorsByModel: t, onColorChange: o } = D("ColorPicker.HSVA"), e = t.hsv, r = (a) => (s) => {
-    o({ mode: "hsv", value: { ...e, [a]: s } });
+}, Lo = () => {
+  const { colorsByModel: r, onColorChange: t } = k("ColorPicker.HSVA"), e = r.hsv, o = (a) => (s) => {
+    t({ mode: "hsv", value: { ...e, [a]: s } });
   };
-  return /* @__PURE__ */ b(W, { children: [
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(x, { onChange: r("h"), value: e.h, min: 0, max: 360, precision: 0 }) }),
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(x, { onChange: r("s"), value: e.s, min: 0, max: 100, precision: 0 }) }),
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(x, { onChange: r("v"), value: e.v, min: 0, max: 100, precision: 0 }) }),
-    /* @__PURE__ */ b(w, { style: { flex: "0 0 52px" }, children: [
+  return /* @__PURE__ */ h(q, { children: [
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(x, { onChange: o("h"), value: e.h, min: 0, max: 360, precision: 0 }) }),
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(x, { onChange: o("s"), value: e.s, min: 0, max: 100, precision: 0 }) }),
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(x, { onChange: o("v"), value: e.v, min: 0, max: 100, precision: 0 }) }),
+    /* @__PURE__ */ h(R, { style: { flex: "0 0 52px" }, children: [
       /* @__PURE__ */ n(
         x,
         {
-          onChange: r("a"),
+          onChange: o("a"),
           value: e.a,
           min: 0,
           max: 1,
@@ -1806,22 +1964,22 @@ const kr = (t) => {
           allowedUnits: ["%"]
         }
       ),
-      /* @__PURE__ */ n(q, { children: "%" })
+      /* @__PURE__ */ n(W, { children: "%" })
     ] })
   ] });
-}, Er = () => {
-  const { colorsByModel: t, onColorChange: o } = D("ColorPicker.HSLA"), e = t.hsl, r = (a) => (s) => {
-    o({ mode: "hsl", value: { ...e, [a]: s } });
+}, Vo = () => {
+  const { colorsByModel: r, onColorChange: t } = k("ColorPicker.HSLA"), e = r.hsl, o = (a) => (s) => {
+    t({ mode: "hsl", value: { ...e, [a]: s } });
   };
-  return /* @__PURE__ */ b(W, { children: [
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(x, { onChange: r("h"), value: e.h, min: 0, max: 360, precision: 0 }) }),
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(x, { onChange: r("s"), value: e.s, min: 0, max: 100, precision: 0 }) }),
-    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(x, { onChange: r("l"), value: e.l, min: 0, max: 100, precision: 0 }) }),
-    /* @__PURE__ */ b(w, { style: { flex: "0 0 52px" }, children: [
+  return /* @__PURE__ */ h(q, { children: [
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(x, { onChange: o("h"), value: e.h, min: 0, max: 360, precision: 0 }) }),
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(x, { onChange: o("s"), value: e.s, min: 0, max: 100, precision: 0 }) }),
+    /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(x, { onChange: o("l"), value: e.l, min: 0, max: 100, precision: 0 }) }),
+    /* @__PURE__ */ h(R, { style: { flex: "0 0 52px" }, children: [
       /* @__PURE__ */ n(
         x,
         {
-          onChange: r("a"),
+          onChange: o("a"),
           value: e.a,
           min: 0,
           max: 1,
@@ -1830,39 +1988,39 @@ const kr = (t) => {
           allowedUnits: ["%"]
         }
       ),
-      /* @__PURE__ */ n(q, { children: "%" })
+      /* @__PURE__ */ n(W, { children: "%" })
     ] })
   ] });
-}, la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Alpha: Tr,
-  Area: Mr,
-  Hue: xr,
-  Input: kr,
-  Root: ur,
-  useColorPickerContext: D
-}, Symbol.toStringTag, { value: "Module" })), ro = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(Ne.Root, { ref: o, className: p(e, "fp-CollapsibleRoot"), ...r });
-}), ao = i.forwardRef((t, o) => {
-  const { className: e, children: r, ...a } = t;
-  return /* @__PURE__ */ b(Ne.Trigger, { ref: o, className: p(e, "fp-CollapsibleTrigger"), ...a, children: [
-    /* @__PURE__ */ n(ye, { viewBox: "4 4 16 16", size: "4", className: "fp-CollapsibleIndicator" }),
-    r
+  Alpha: Mo,
+  Area: $o,
+  Hue: To,
+  Input: zo,
+  Root: mo,
+  useColorPickerContext: k
+}, Symbol.toStringTag, { value: "Module" })), at = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(Ne.Root, { ref: t, className: p(e, "fp-CollapsibleRoot"), ...o });
+}), nt = i.forwardRef((r, t) => {
+  const { className: e, children: o, ...a } = r;
+  return /* @__PURE__ */ h(Ne.Trigger, { ref: t, className: p(e, "fp-CollapsibleTrigger"), ...a, children: [
+    /* @__PURE__ */ n(we, { viewBox: "4 4 16 16", size: "4", className: "fp-CollapsibleIndicator" }),
+    o
   ] });
-}), no = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(Ne.Content, { ref: o, className: p(e, "fp-CollapsibleContent"), ...r });
+}), st = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(Ne.Content, { ref: t, className: p(e, "fp-CollapsibleContent"), ...o });
 });
-ro.displayName = "Collapsible.Root";
-ao.displayName = "Collapsible.Trigger";
-no.displayName = "Collapsible.Content";
-const ia = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+at.displayName = "Collapsible.Root";
+nt.displayName = "Collapsible.Trigger";
+st.displayName = "Collapsible.Content";
+const pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Content: no,
-  Root: ro,
-  Trigger: ao
-}, Symbol.toStringTag, { value: "Module" })), Lr = V("fp-Button", {
+  Content: st,
+  Root: at,
+  Trigger: nt
+}, Symbol.toStringTag, { value: "Module" })), Oo = V("fp-Button", {
   variants: {
     variant: {
       primary: "fp-variant-primary",
@@ -1884,47 +2042,47 @@ const ia = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     variant: "secondary",
     size: "small"
   }
-}), Vr = i.forwardRef((t, o) => {
-  const { className: e, variant: r, size: a, fullWidth: s, ...l } = t;
-  return /* @__PURE__ */ n("button", { ref: o, className: Lr({ className: e, variant: r, size: a, fullWidth: s }), ...l });
+}), Bo = i.forwardRef((r, t) => {
+  const { className: e, variant: o, size: a, fullWidth: s, ...l } = r;
+  return /* @__PURE__ */ n("button", { ref: t, className: Oo({ className: e, variant: o, size: a, fullWidth: s }), ...l });
 });
-Vr.displayName = "Button";
-const Or = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(uo, { className: p(e, "fp-textarea"), ref: o, ...r });
+Bo.displayName = "Button";
+const Fo = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(ut, { className: p(e, "fp-textarea"), ref: t, ...o });
 });
-Or.displayName = "Textarea";
-const Br = i.forwardRef((t, o) => {
-  const { className: e, ...r } = t;
-  return /* @__PURE__ */ n(Ae.Root, { ref: o, className: p(e, "fp-switchRoot"), ...r, children: /* @__PURE__ */ n(Ae.Thumb, { ref: o, className: p(e, "fp-switchThumb") }) });
+Fo.displayName = "Textarea";
+const jo = i.forwardRef((r, t) => {
+  const { className: e, ...o } = r;
+  return /* @__PURE__ */ n(Ae.Root, { ref: t, className: p(e, "fp-switchRoot"), ...o, children: /* @__PURE__ */ n(Ae.Thumb, { ref: t, className: p(e, "fp-switchThumb") }) });
 });
-Br.displayName = "Switch";
+jo.displayName = "Switch";
 export {
-  na as AlertDialog,
-  Vr as Button,
-  Jr as Checkbox,
-  ia as Collapsible,
-  la as ColorPicker,
-  ta as ContextMenu,
-  aa as Dialog,
-  ea as DropdownMenu,
-  oo as Flex,
+  la as AlertDialog,
+  Bo as Button,
+  ea as Checkbox,
+  pa as Collapsible,
+  ca as ColorPicker,
+  oa as ContextMenu,
+  sa as Dialog,
+  ta as DropdownMenu,
+  ot as Flex,
   Te as IconButton,
-  Zt as Input,
-  Re as Label,
-  ho as Link,
-  go as Paragraph,
-  ra as Popover,
-  Zr as RadioGroup,
-  Yr as SegmentedControl,
-  Qr as Select,
-  ke as Slider,
-  Br as Switch,
-  Kr as Tabs,
+  Zr as Input,
+  ye as Label,
+  bt as Link,
+  ft as Paragraph,
+  na as Popover,
+  Qo as RadioGroup,
+  Jo as SegmentedControl,
+  ra as Select,
+  De as Slider,
+  jo as Switch,
+  Zo as Tabs,
   F as Text,
-  Or as Textarea,
-  kt as Tooltip,
-  oa as TooltipProvider,
-  sa as ValueField,
-  G as createIcon
+  Fo as Textarea,
+  Dr as Tooltip,
+  aa as TooltipProvider,
+  ia as ValueField,
+  j as createIcon
 };