@alfadocs/ui-kit 1.66.0 → 1.68.0

package/dist/_chunks/{color-picker-BsggJovx.js → color-picker-AcaWuKah.js}

@@ -1,15 +1,16 @@
-import { jsx as l, jsxs as h, Fragment as ye } from "react/jsx-runtime";
-import { forwardRef as Pe, useId as Ne, useState as T, useMemo as E, useCallback as $e, useRef as G, useEffect as ee } from "react";
+import { jsx as l, jsxs as m, Fragment as Ne } from "react/jsx-runtime";
+import { forwardRef as Pe, useId as $e, useState as T, useMemo as E, useCallback as Ae, useRef as G, useEffect as ee } from "react";
 import * as F from "@radix-ui/react-popover";
-import { u as Ae, f as Me } from "./non-modal-tab-exit-j3CPOuE3.js";
+import { u as Me, f as Se } from "./non-modal-tab-exit-j3CPOuE3.js";
 import { c as se } from "./index-D2ZczOXr.js";
-import { useTranslation as Se } from "react-i18next";
-import { u as Te, a as Ee } from "./form-field-context-DtiROUJV.js";
+import { useTranslation as Te } from "react-i18next";
+import { a as Ee } from "./format-number-DdzqwMs1.js";
+import { u as Le, a as ze } from "./form-field-context-DtiROUJV.js";
 import { S as re } from "./slider-pZ95bEm7.js";
-import { u as Le } from "./registry-DvAUVLHh.js";
+import { u as Re } from "./registry-DvAUVLHh.js";
 import { C as ne } from "./check-DrFSN__t.js";
-import { X as ze } from "./x-B5YnXwCz.js";
-const Re = {
+import { X as Ie } from "./x-B5YnXwCz.js";
+const Fe = {
   id: "color-picker",
   capabilities: ["set_value"],
   state: {
@@ -56,7 +57,7 @@ const Re = {
     }
   }
 };
-function Ie(e) {
+function He(e) {
   let t = e.startsWith("#") ? e.slice(1) : e;
   (t.length === 3 || t.length === 4) && (t = t.split("").map((c) => c + c).join(""));
   const r = parseInt(t.slice(0, 2), 16) / 255, s = parseInt(t.slice(2, 4), 16) / 255, n = parseInt(t.slice(4, 6), 16) / 255, d = t.length === 8 ? parseInt(t.slice(6, 8), 16) / 255 : 1;
@@ -64,16 +65,16 @@ function Ie(e) {
 }
 function oe(e, t, r, s) {
   const n = Math.max(e, t, r), d = Math.min(e, t, r), c = (n + d) / 2;
-  let m = 0, w = 0;
+  let h = 0, w = 0;
   if (n !== d) {
     const x = n - d;
-    w = c > 0.5 ? x / (2 - n - d) : x / (n + d), n === e ? m = ((t - r) / x + (t < r ? 6 : 0)) / 6 : n === t ? m = ((r - e) / x + 2) / 6 : m = ((e - t) / x + 4) / 6;
+    w = c > 0.5 ? x / (2 - n - d) : x / (n + d), n === e ? h = ((t - r) / x + (t < r ? 6 : 0)) / 6 : n === t ? h = ((r - e) / x + 2) / 6 : h = ((e - t) / x + 4) / 6;
   }
   return {
     // Preserve byte identity through RGB -> HSL -> RGB. Palette colours
     // can be server identifiers, so even one changed channel is a different
     // selection. Round human-facing labels only, never this stored value.
-    h: m * 360,
+    h: h * 360,
     s: w * 100,
     l: c * 100,
     a: s
@@ -83,7 +84,7 @@ function C(e) {
   const { r: t, g: r, b: s } = W(e), n = (c) => Math.round(c * 255).toString(16).padStart(2, "0"), d = `#${n(t)}${n(r)}${n(s)}`;
   return e.a < 1 ? `${d}${n(e.a)}` : d;
 }
-function Fe(e) {
+function _e(e) {
   const { r: t, g: r, b: s } = W(e), n = Math.round(t * 255), d = Math.round(r * 255), c = Math.round(s * 255);
   return e.a < 1 ? `rgba(${n}, ${d}, ${c}, ${e.a})` : `rgba(${n}, ${d}, ${c}, 1)`;
 }
@@ -109,7 +110,7 @@ function j(e, t) {
     case "hsl":
       return e.a < 1 ? `hsla(${Math.round(e.h)}, ${Math.round(e.s)}%, ${Math.round(e.l)}%, ${e.a})` : `hsl(${Math.round(e.h)}, ${Math.round(e.s)}%, ${Math.round(e.l)}%)`;
     case "rgba":
-      return Fe(e);
+      return _e(e);
   }
 }
 function y(e) {
@@ -117,7 +118,7 @@ function y(e) {
   if (!t) return null;
   if (t.startsWith("#")) {
     const n = t.slice(1);
-    return !/^[0-9a-fA-F]{3,8}$/.test(n) || ![3, 4, 6, 8].includes(n.length) ? null : Ie(t);
+    return !/^[0-9a-fA-F]{3,8}$/.test(n) || ![3, 4, 6, 8].includes(n.length) ? null : He(t);
   }
   const r = t.match(
     /^hsla?\(\s*([\d.]+)\s*[,/]\s*([\d.]+)%?\s*[,/]\s*([\d.]+)%?\s*(?:[,/]\s*([\d.]+))?\s*\)$/
@@ -133,8 +134,8 @@ function y(e) {
     /^rgba?\(\s*([\d.]+)\s*[,/]\s*([\d.]+)\s*[,/]\s*([\d.]+)\s*(?:[,/]\s*([\d.]+))?\s*\)$/
   );
   if (s) {
-    const n = parseFloat(s[1]) / 255, d = parseFloat(s[2]) / 255, c = parseFloat(s[3]) / 255, m = s[4] !== void 0 ? parseFloat(s[4]) : 1;
-    return oe(n, d, c, m);
+    const n = parseFloat(s[1]) / 255, d = parseFloat(s[2]) / 255, c = parseFloat(s[3]) / 255, h = s[4] !== void 0 ? parseFloat(s[4]) : 1;
+    return oe(n, d, c, h);
   }
   return null;
 }
@@ -142,17 +143,17 @@ function ae(e) {
   const { r: t, g: r, b: s } = W(e), n = (d) => d <= 0.03928 ? d / 12.92 : Math.pow((d + 0.055) / 1.055, 2.4);
   return 0.2126 * n(t) + 0.7152 * n(r) + 0.0722 * n(s);
 }
-function He(e, t) {
+function Oe(e, t) {
   const r = ae(e), s = ae(t), n = Math.max(r, s), d = Math.min(r, s);
   return Math.round((n + 0.05) / (d + 0.05) * 100) / 100;
 }
-function _e(e) {
+function Be(e) {
   return e >= 4.5;
 }
-function Oe(e) {
+function Ve(e) {
   return e >= 7;
 }
-const Be = [
+const Ge = [
   { name: "Pink 500", hex: "#e91e63", textColor: "#ffffff" },
   { name: "Black", hex: "#000000", textColor: "#ffffff" },
   { name: "Blue 500", hex: "#2196f3", textColor: "#ffffff" },
@@ -183,7 +184,7 @@ const Be = [
   { name: "Orange 900", hex: "#e65100", textColor: "#000000" },
   { name: "White", hex: "#ffffff", textColor: "#000000" },
   { name: "Yellow 500", hex: "#ffeb3b", textColor: "#000000" }
-], ia = [
+], ca = [
   { name: "Blue 300", hex: "#70738c" },
   { name: "Blue 500", hex: "#292e53" },
   { name: "Blue 700", hex: "#1d213b" },
@@ -202,7 +203,7 @@ const Be = [
   { name: "Grey 300", hex: "#f9f6f3" },
   { name: "Grey 500", hex: "#f6f1ed" },
   { name: "Grey 700", hex: "#afaba8" }
-], da = [
+], fa = [
   { name: "Tomato", hex: "#d50000" },
   { name: "Flamingo", hex: "#e67c73" },
   { name: "Tangerine", hex: "#f4511e" },
@@ -214,7 +215,7 @@ const Be = [
   { name: "Lavender", hex: "#7986cb" },
   { name: "Grape", hex: "#8e24aa" },
   { name: "Graphite", hex: "#616161" }
-], u = 6, Ve = se(
+], u = 6, De = se(
   [
     "ds:inline-flex ds:items-center ds:w-full",
     "ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--control-border)] ds:bg-[var(--background)] ds:text-[var(--foreground)]",
@@ -233,7 +234,7 @@ const Be = [
     },
     defaultVariants: { size: "md" }
   }
-), Ge = se(
+), je = se(
   [
     "ds:relative ds:rounded-[var(--radius-sm)] ds:border-2 ds:cursor-pointer",
     "ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
@@ -268,20 +269,20 @@ const Be = [
     },
     defaultVariants: { selected: !1, size: "md" }
   }
-), De = [
+), Ke = [
   "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
   "ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:p-[var(--spacing-md)]"
-].join(" "), je = [
+].join(" "), We = [
   "ds:bg-[image:repeating-conic-gradient(var(--color-grey-700)_0%_25%,transparent_0%_50%)]",
   "ds:bg-[size:8px_8px]"
-].join(" "), Ke = [
+].join(" "), Ue = [
   "ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:p-[var(--spacing-sm)]"
-].join(" "), We = [
+].join(" "), Xe = [
   "ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:p-[var(--spacing-xs)]"
-].join(" "), Ue = [
+].join(" "), Ye = [
   "ds:z-[var(--z-popover)] ds:rounded-[var(--radius-md)]",
   "ds:border ds:border-[color:var(--border)] ds:bg-[var(--background)] ds:shadow-[var(--shadow-lg)]",
   "ds:w-72",
@@ -289,14 +290,14 @@ const Be = [
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
   "ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=top]:slide-in-from-bottom-2",
   "ds:data-[side=left]:slide-in-from-right-2 ds:data-[side=right]:slide-in-from-left-2"
-].join(" "), Xe = [
+].join(" "), qe = [
   "ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)] ds:text-[length:var(--font-size-sm)]",
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), ie = "ds:[&>span:first-child]:bg-transparent ds:[&>span:first-child>span]:bg-transparent", Ye = Pe(
+].join(" "), ie = "ds:[&>span:first-child]:bg-transparent ds:[&>span:first-child>span]:bg-transparent", Je = Pe(
   (e, t) => {
     const {
       value: r,
@@ -304,14 +305,14 @@ const Be = [
       onChange: n,
       format: d = "hex",
       allowOpacity: c = !1,
-      palette: m,
+      palette: h,
       against: w,
       size: x = "md",
       disabled: de = !1,
       variant: le = "inline",
       compact: S = !0,
       className: U
-    } = e, { t: g } = Se("ui"), $ = Te(), ce = Ne(), P = Ee($) || ce, b = $.disabled || de, L = r !== void 0, [X, fe] = T(() => {
+    } = e, { t: g, i18n: ce } = Te("ui"), $ = Le(), fe = $e(), N = ze($) || fe, b = $.disabled || de, L = r !== void 0, [X, ue] = T(() => {
       const a = r ?? s;
       if (a) {
         const i = y(a);
@@ -324,40 +325,40 @@ const Be = [
         if (a) return a;
       }
       return X;
-    }, [L, r, X]), v = $e(
+    }, [L, r, X]), v = Ae(
       (a) => {
         const i = c ? a : { ...a, a: 1 };
-        L || fe(i), n == null || n(j(i, d));
+        L || ue(i), n == null || n(j(i, d));
       },
       [c, d, L, n]
-    ), [Y, H] = T(() => C(o)), [ue, z] = T(!1), N = G(void 0), _ = G(o);
+    ), [Y, H] = T(() => C(o)), [me, z] = T(!1), P = G(void 0), _ = G(o);
     _.current = o, ee(() => {
-      H(C(o)), z(!1), N.current !== void 0 && (clearTimeout(N.current), N.current = void 0);
+      H(C(o)), z(!1), P.current !== void 0 && (clearTimeout(P.current), P.current = void 0);
     }, [o]), ee(() => () => {
-      N.current !== void 0 && clearTimeout(N.current);
+      P.current !== void 0 && clearTimeout(P.current);
     }, []);
     const he = () => {
       const a = y(Y);
-      a ? (z(!1), v(a)) : (z(!0), N.current = setTimeout(() => {
-        N.current = void 0, z(!1), H(C(_.current));
+      a ? (z(!1), v(a)) : (z(!0), P.current = setTimeout(() => {
+        P.current = void 0, z(!1), H(C(_.current));
       }, 800));
-    }, A = E(() => m ? m.map(
+    }, A = E(() => h ? h.map(
       (a) => typeof a == "string" ? { name: a.toUpperCase(), hex: a } : a
-    ) : Be, [m]), me = C(o), O = E(
+    ) : Ge, [h]), ge = C(o), O = E(
       () => A.map((a) => {
         const i = y(a.hex);
         return i ? C(i).toLowerCase() : null;
       }),
       [A]
     ).findIndex(
-      (a) => a !== null && a === me.toLowerCase()
+      (a) => a !== null && a === ge.toLowerCase()
     ), R = G(null), [p, q] = T(
       O >= 0 ? O : 0
-    ), ge = (a) => {
+    ), pe = (a) => {
       var f;
       const i = (f = R.current) == null ? void 0 : f.querySelectorAll('[role="gridcell"]');
       i != null && i[a] && (i[a].focus(), q(a));
-    }, pe = (a) => {
+    }, xe = (a) => {
       if (b) return;
       const i = A.length;
       let f = p;
@@ -402,8 +403,8 @@ const Be = [
         default:
           return;
       }
-      a.preventDefault(), ge(f);
-    }, [xe, J] = T(!1), be = E(
+      a.preventDefault(), pe(f);
+    }, [be, J] = T(!1), ve = E(
       () => ({
         getValue: () => C(_.current),
         setValue: (a) => {
@@ -413,14 +414,14 @@ const Be = [
       }),
       [v]
     );
-    Le(Re, be, P);
+    Re(Fe, ve, N);
     const I = E(() => {
       if (!w) return null;
       const a = y(w);
       if (!a) return null;
-      const i = He(o, a);
-      return { ratio: i, aa: _e(i), aaa: Oe(i) };
-    }, [w, o]), ve = (
+      const i = Oe(o, a);
+      return { ratio: i, aa: Be(i), aaa: Ve(i) };
+    }, [w, o]), Ce = (
       // eslint-disable-next-line jsx-a11y/interactive-supports-focus -- inner gridcells are individually focusable via roving tabindex
       /* @__PURE__ */ l(
         "div",
@@ -428,7 +429,7 @@ const Be = [
           ref: R,
           role: "grid",
           "aria-label": g("inputs.colorPicker.paletteLabel", "Colour palette"),
-          onKeyDown: pe,
+          onKeyDown: xe,
           className: "ds:grid ds:grid-cols-6 ds:gap-[var(--spacing-xs)]",
           children: A.map((a, i) => {
             const f = Math.floor(i / u) * u;
@@ -451,7 +452,7 @@ const Be = [
                       const Z = y(k.hex);
                       Z && v(Z), q(B);
                     },
-                    className: Ge({ selected: V, size: x }),
+                    className: je({ selected: V, size: x }),
                     style: { "--swatch-bg": k.hex },
                     children: V ? /* @__PURE__ */ l(
                       ne,
@@ -468,12 +469,12 @@ const Be = [
           })
         }
       )
-    ), Ce = S ? null : /* @__PURE__ */ h(ye, { children: [
-      /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+    ), we = S ? null : /* @__PURE__ */ m(Ne, { children: [
+      /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
         /* @__PURE__ */ l(
           "label",
           {
-            htmlFor: `${P}-hex`,
+            htmlFor: `${N}-hex`,
             className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]",
             children: g("inputs.colorPicker.hex", "Hex")
           }
@@ -481,17 +482,17 @@ const Be = [
         /* @__PURE__ */ l("bdi", { dir: "ltr", children: /* @__PURE__ */ l(
           "input",
           {
-            id: `${P}-hex`,
+            id: `${N}-hex`,
             type: "text",
             value: Y,
             disabled: b,
             onChange: (a) => H(a.target.value),
             onBlur: he,
-            className: `${Xe} ${ue ? "ds:border-[var(--destructive)]" : "ds:border-[color:var(--control-border)]"}`
+            className: `${qe} ${me ? "ds:border-[var(--destructive)]" : "ds:border-[color:var(--control-border)]"}`
           }
         ) })
       ] }),
-      /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
         /* @__PURE__ */ l(
           K,
           {
@@ -531,13 +532,13 @@ const Be = [
             disabled: b
           }
         ),
-        c ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+        c ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
           /* @__PURE__ */ l("label", { className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: g("inputs.colorPicker.opacity", "Opacity") }),
-          /* @__PURE__ */ h("div", { className: "ds:relative", children: [
+          /* @__PURE__ */ m("div", { className: "ds:relative", children: [
             /* @__PURE__ */ l(
               "div",
               {
-                className: `ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ${je}`,
+                className: `ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ${We}`,
                 "aria-hidden": "true"
               }
             ),
@@ -568,7 +569,7 @@ const Be = [
           ] })
         ] }) : null
       ] }),
-      I ? /* @__PURE__ */ h(
+      I ? /* @__PURE__ */ m(
         "div",
         {
           className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]",
@@ -576,14 +577,17 @@ const Be = [
           "aria-live": "polite",
           children: [
             /* @__PURE__ */ l("span", { className: "ds:tabular-nums", children: g("inputs.colorPicker.contrastRatio", {
-              ratio: I.ratio.toFixed(1)
+              ratio: Ee(I.ratio, ce.language, {
+                minimumFractionDigits: 1,
+                maximumFractionDigits: 1
+              })
             }) }),
             /* @__PURE__ */ l(te, { level: "AA", passes: I.aa, t: g }),
             /* @__PURE__ */ l(te, { level: "AAA", passes: I.aaa, t: g })
           ]
         }
       ) : null,
-      /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
         /* @__PURE__ */ l(
           "div",
           {
@@ -594,46 +598,46 @@ const Be = [
         ),
         /* @__PURE__ */ l("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:tabular-nums", children: j(o, d) })
       ] })
-    ] }), Q = /* @__PURE__ */ h(
+    ] }), Q = /* @__PURE__ */ m(
       "div",
       {
-        className: S ? x === "sm" ? We : Ke : De,
+        className: S ? x === "sm" ? Xe : Ue : Ke,
         children: [
-          ve,
-          Ce
+          Ce,
+          we
         ]
       }
-    ), we = Ae(!0, {
-      getAnchor: Me,
+    ), ke = Me(!0, {
+      getAnchor: Se,
       onReturnToTrigger: () => J(!1)
     });
     return le === "inline" ? /* @__PURE__ */ l(
       "div",
       {
         ref: t,
-        id: P,
+        id: N,
         className: U,
         "aria-describedby": $.describedBy || void 0,
         "aria-invalid": $.invalid || void 0,
         "aria-disabled": b || void 0,
         "data-component": "color-picker",
-        "data-component-id": P,
+        "data-component-id": N,
         "data-testid": "color-picker",
         children: Q
       }
-    ) : /* @__PURE__ */ h(F.Root, { open: xe, onOpenChange: J, children: [
-      /* @__PURE__ */ l(F.Trigger, { asChild: !0, disabled: b, children: /* @__PURE__ */ h(
+    ) : /* @__PURE__ */ m(F.Root, { open: be, onOpenChange: J, children: [
+      /* @__PURE__ */ l(F.Trigger, { asChild: !0, disabled: b, children: /* @__PURE__ */ m(
         "button",
         {
           ref: t,
           type: "button",
-          id: P,
+          id: N,
           "aria-describedby": $.describedBy || void 0,
           "aria-invalid": $.invalid || void 0,
           "aria-label": S ? g("inputs.colorPicker.triggerLabel", "Choose colour") : void 0,
-          className: Ve({ size: x, className: U }),
+          className: De({ size: x, className: U }),
           "data-component": "color-picker",
-          "data-component-id": P,
+          "data-component-id": N,
           "data-testid": "color-picker-trigger",
           children: [
             /* @__PURE__ */ l(
@@ -653,21 +657,21 @@ const Be = [
         {
           sideOffset: 4,
           align: "start",
-          className: Ue,
-          onKeyDown: we,
+          className: Ye,
+          onKeyDown: ke,
           children: Q
         }
       ) })
     ] });
   }
 );
-Ye.displayName = "ColorPicker";
+Je.displayName = "ColorPicker";
 function te({
   level: e,
   passes: t,
   t: r
 }) {
-  return /* @__PURE__ */ h("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+  return /* @__PURE__ */ m("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
     /* @__PURE__ */ l(
       "abbr",
       {
@@ -683,7 +687,7 @@ function te({
         className: "ds:size-4 ds:text-[var(--success)]"
       }
     ) : /* @__PURE__ */ l(
-      ze,
+      Ie,
       {
         "aria-hidden": "true",
         className: "ds:size-4 ds:text-[var(--destructive)]"
@@ -700,11 +704,11 @@ function K({
   value: n,
   onChange: d,
   formatValue: c,
-  disabled: m
+  disabled: h
 }) {
-  return /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
     /* @__PURE__ */ l("label", { className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: e }),
-    /* @__PURE__ */ h("div", { className: "ds:relative", children: [
+    /* @__PURE__ */ m("div", { className: "ds:relative", children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -723,7 +727,7 @@ function K({
           onValueChange: ([w]) => d(w),
           "aria-label": e,
           formatValue: c,
-          disabled: m,
+          disabled: h,
           className: ie
         }
       )
@@ -731,11 +735,11 @@ function K({
   ] });
 }
 export {
-  Be as A,
-  ia as B,
-  Ye as C,
-  da as G,
-  He as c,
-  Ie as h
+  Ge as A,
+  ca as B,
+  Je as C,
+  fa as G,
+  Oe as c,
+  He as h
 };
-//# sourceMappingURL=color-picker-BsggJovx.js.map
+//# sourceMappingURL=color-picker-AcaWuKah.js.map