@alfadocs/ui-kit-debug 1.56.0 → 1.57.0

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

@@ -1,14 +1,15 @@
-import { jsx as l, jsxs as h, Fragment as ke } from "react/jsx-runtime";
-import { forwardRef as ye, useId as Pe, useState as T, useMemo as E, useCallback as $e, useRef as G, useEffect as Z } from "react";
+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 * as F from "@radix-ui/react-popover";
-import { c as te } from "./index-D2ZczOXr.js";
-import { useTranslation as Ne } from "react-i18next";
-import { u as Ae, a as Me } from "./form-field-context-DtiROUJV.js";
-import { S as se } from "./slider-pZ95bEm7.js";
-import { u as Se } from "./registry-DvAUVLHh.js";
-import { C as re } from "./check-DrFSN__t.js";
-import { X as Te } from "./x-B5YnXwCz.js";
-const Ee = {
+import { u as Ae, f as Me } 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 { S as re } from "./slider-pZ95bEm7.js";
+import { u as Le } from "./registry-DvAUVLHh.js";
+import { C as ne } from "./check-DrFSN__t.js";
+import { X as ze } from "./x-B5YnXwCz.js";
+const Re = {
   id: "color-picker",
   capabilities: ["set_value"],
   state: {
@@ -55,13 +56,13 @@ const Ee = {
     }
   }
 };
-function Le(e) {
+function Ie(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;
-  return ne(r, s, n, d);
+  return oe(r, s, n, d);
 }
-function ne(e, t, r, s) {
+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;
   if (n !== d) {
@@ -82,7 +83,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 ze(e) {
+function Fe(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)`;
 }
@@ -92,23 +93,23 @@ function W(e) {
     return { r: s, g: s, b: s };
   const n = s < 0.5 ? s * (1 + r) : s + r - s * r, d = 2 * s - n;
   return {
-    r: j(d, n, t + 1 / 3),
-    g: j(d, n, t),
-    b: j(d, n, t - 1 / 3)
+    r: D(d, n, t + 1 / 3),
+    g: D(d, n, t),
+    b: D(d, n, t - 1 / 3)
   };
 }
-function j(e, t, r) {
+function D(e, t, r) {
   let s = r;
   return s < 0 && (s += 1), s > 1 && (s -= 1), s < 1 / 6 ? e + (t - e) * 6 * s : s < 1 / 2 ? t : s < 2 / 3 ? e + (t - e) * (2 / 3 - s) * 6 : e;
 }
-function D(e, t) {
+function j(e, t) {
   switch (t) {
     case "hex":
       return C(e);
     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 ze(e);
+      return Fe(e);
   }
 }
 function y(e) {
@@ -116,7 +117,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 : Le(t);
+    return !/^[0-9a-fA-F]{3,8}$/.test(n) || ![3, 4, 6, 8].includes(n.length) ? null : Ie(t);
   }
   const r = t.match(
     /^hsla?\(\s*([\d.]+)\s*[,/]\s*([\d.]+)%?\s*[,/]\s*([\d.]+)%?\s*(?:[,/]\s*([\d.]+))?\s*\)$/
@@ -133,25 +134,25 @@ function y(e) {
   );
   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 ne(n, d, c, m);
+    return oe(n, d, c, m);
   }
   return null;
 }
-function ee(e) {
+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 Re(e, t) {
-  const r = ee(e), s = ee(t), n = Math.max(r, s), d = Math.min(r, s);
+function He(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 Ie(e) {
+function _e(e) {
   return e >= 4.5;
 }
-function Fe(e) {
+function Oe(e) {
   return e >= 7;
 }
-const He = [
+const Be = [
   { name: "Pink 500", hex: "#e91e63", textColor: "#ffffff" },
   { name: "Black", hex: "#000000", textColor: "#ffffff" },
   { name: "Blue 500", hex: "#2196f3", textColor: "#ffffff" },
@@ -182,7 +183,7 @@ const He = [
   { name: "Orange 900", hex: "#e65100", textColor: "#000000" },
   { name: "White", hex: "#ffffff", textColor: "#000000" },
   { name: "Yellow 500", hex: "#ffeb3b", textColor: "#000000" }
-], sa = [
+], ia = [
   { name: "Blue 300", hex: "#70738c" },
   { name: "Blue 500", hex: "#292e53" },
   { name: "Blue 700", hex: "#1d213b" },
@@ -201,7 +202,7 @@ const He = [
   { name: "Grey 300", hex: "#f9f6f3" },
   { name: "Grey 500", hex: "#f6f1ed" },
   { name: "Grey 700", hex: "#afaba8" }
-], ra = [
+], da = [
   { name: "Tomato", hex: "#d50000" },
   { name: "Flamingo", hex: "#e67c73" },
   { name: "Tangerine", hex: "#f4511e" },
@@ -213,7 +214,7 @@ const He = [
   { name: "Lavender", hex: "#7986cb" },
   { name: "Grape", hex: "#8e24aa" },
   { name: "Graphite", hex: "#616161" }
-], u = 6, _e = te(
+], u = 6, Ve = 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)]",
@@ -232,7 +233,7 @@ const He = [
     },
     defaultVariants: { size: "md" }
   }
-), Be = te(
+), Ge = 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",
@@ -267,20 +268,20 @@ const He = [
     },
     defaultVariants: { selected: !1, size: "md" }
   }
-), Oe = [
+), De = [
   "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(" "), Ve = [
+].join(" "), je = [
   "ds:bg-[image:repeating-conic-gradient(var(--color-grey-700)_0%_25%,transparent_0%_50%)]",
   "ds:bg-[size:8px_8px]"
-].join(" "), Ge = [
+].join(" "), Ke = [
   "ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:p-[var(--spacing-sm)]"
-].join(" "), je = [
+].join(" "), We = [
   "ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:p-[var(--spacing-xs)]"
-].join(" "), De = [
+].join(" "), Ue = [
   "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",
@@ -288,14 +289,14 @@ const He = [
   "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(" "), Ke = [
+].join(" "), Xe = [
   "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(" "), oe = "ds:[&>span:first-child]:bg-transparent ds:[&>span:first-child>span]:bg-transparent", We = ye(
+].join(" "), ie = "ds:[&>span:first-child]:bg-transparent ds:[&>span:first-child>span]:bg-transparent", Ye = Pe(
   (e, t) => {
     const {
       value: r,
@@ -306,11 +307,11 @@ const He = [
       palette: m,
       against: w,
       size: x = "md",
-      disabled: ie = !1,
-      variant: de = "inline",
+      disabled: de = !1,
+      variant: le = "inline",
       compact: S = !0,
       className: U
-    } = e, { t: g } = Ne("ui"), N = Ae(), le = Pe(), P = Me(N) || le, v = N.disabled || ie, L = r !== void 0, [X, ce] = T(() => {
+    } = e, { t: g } = Se("ui"), $ = Te(), ce = Ne(), P = Ee($) || ce, b = $.disabled || de, L = r !== void 0, [X, fe] = T(() => {
       const a = r ?? s;
       if (a) {
         const i = y(a);
@@ -323,41 +324,41 @@ const He = [
         if (a) return a;
       }
       return X;
-    }, [L, r, X]), b = $e(
+    }, [L, r, X]), v = $e(
       (a) => {
         const i = c ? a : { ...a, a: 1 };
-        L || ce(i), n == null || n(D(i, d));
+        L || fe(i), n == null || n(j(i, d));
       },
       [c, d, L, n]
-    ), [Y, H] = T(() => C(o)), [fe, z] = T(!1), $ = G(void 0), _ = G(o);
-    _.current = o, Z(() => {
-      H(C(o)), z(!1), $.current !== void 0 && (clearTimeout($.current), $.current = void 0);
-    }, [o]), Z(() => () => {
-      $.current !== void 0 && clearTimeout($.current);
+    ), [Y, H] = T(() => C(o)), [ue, z] = T(!1), N = G(void 0), _ = G(o);
+    _.current = o, ee(() => {
+      H(C(o)), z(!1), N.current !== void 0 && (clearTimeout(N.current), N.current = void 0);
+    }, [o]), ee(() => () => {
+      N.current !== void 0 && clearTimeout(N.current);
     }, []);
-    const ue = () => {
+    const he = () => {
       const a = y(Y);
-      a ? (z(!1), b(a)) : (z(!0), $.current = setTimeout(() => {
-        $.current = void 0, z(!1), H(C(_.current));
+      a ? (z(!1), v(a)) : (z(!0), N.current = setTimeout(() => {
+        N.current = void 0, z(!1), H(C(_.current));
       }, 800));
     }, A = E(() => m ? m.map(
       (a) => typeof a == "string" ? { name: a.toUpperCase(), hex: a } : a
-    ) : He, [m]), he = C(o), B = E(
+    ) : Be, [m]), me = C(o), O = E(
       () => A.map((a) => {
         const i = y(a.hex);
         return i ? C(i).toLowerCase() : null;
       }),
       [A]
     ).findIndex(
-      (a) => a !== null && a === he.toLowerCase()
+      (a) => a !== null && a === me.toLowerCase()
     ), R = G(null), [p, q] = T(
-      B >= 0 ? B : 0
-    ), me = (a) => {
+      O >= 0 ? O : 0
+    ), ge = (a) => {
       var f;
       const i = (f = R.current) == null ? void 0 : f.querySelectorAll('[role="gridcell"]');
       i != null && i[a] && (i[a].focus(), q(a));
-    }, ge = (a) => {
-      if (v) return;
+    }, pe = (a) => {
+      if (b) return;
       const i = A.length;
       let f = p;
       const k = (typeof window < "u" && R.current ? window.getComputedStyle(R.current).direction === "rtl" : !1) ? -1 : 1;
@@ -395,31 +396,31 @@ const He = [
         case " ": {
           a.preventDefault();
           const M = y(A[p].hex);
-          M && b(M);
+          M && v(M);
           return;
         }
         default:
           return;
       }
-      a.preventDefault(), me(f);
-    }, [pe, xe] = T(!1), ve = E(
+      a.preventDefault(), ge(f);
+    }, [xe, J] = T(!1), be = E(
       () => ({
         getValue: () => C(_.current),
         setValue: (a) => {
           const i = y(a);
-          i && b(i);
+          i && v(i);
         }
       }),
-      [b]
+      [v]
     );
-    Se(Ee, ve, P);
+    Le(Re, be, P);
     const I = E(() => {
       if (!w) return null;
       const a = y(w);
       if (!a) return null;
-      const i = Re(o, a);
-      return { ratio: i, aa: Ie(i), aaa: Fe(i) };
-    }, [w, o]), be = (
+      const i = He(o, a);
+      return { ratio: i, aa: _e(i), aaa: Oe(i) };
+    }, [w, o]), ve = (
       // eslint-disable-next-line jsx-a11y/interactive-supports-focus -- inner gridcells are individually focusable via roving tabindex
       /* @__PURE__ */ l(
         "div",
@@ -427,12 +428,12 @@ const He = [
           ref: R,
           role: "grid",
           "aria-label": g("inputs.colorPicker.paletteLabel", "Colour palette"),
-          onKeyDown: ge,
+          onKeyDown: pe,
           className: "ds:grid ds:grid-cols-6 ds:gap-[var(--spacing-xs)]",
           children: A.map((a, i) => {
             const f = Math.floor(i / u) * u;
             return i === f ? /* @__PURE__ */ l("div", { role: "row", className: "ds:contents", children: A.slice(f, f + u).map((k, M) => {
-              const O = f + M, V = O === B;
+              const B = f + M, V = B === O;
               return (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- parent grid handles keyboard navigation via onKeyDown
                 /* @__PURE__ */ l(
@@ -444,16 +445,16 @@ const He = [
                       name: k.name,
                       hex: k.hex
                     }),
-                    tabIndex: O === p ? 0 : -1,
+                    tabIndex: B === p ? 0 : -1,
                     onClick: () => {
-                      if (v) return;
-                      const Q = y(k.hex);
-                      Q && b(Q), q(O);
+                      if (b) return;
+                      const Z = y(k.hex);
+                      Z && v(Z), q(B);
                     },
-                    className: Be({ selected: V, size: x }),
+                    className: Ge({ selected: V, size: x }),
                     style: { "--swatch-bg": k.hex },
                     children: V ? /* @__PURE__ */ l(
-                      re,
+                      ne,
                       {
                         "aria-hidden": "true",
                         className: "ds:absolute ds:inset-0 ds:m-auto ds:size-4 ds:text-[var(--background)] ds:mix-blend-difference"
@@ -467,7 +468,7 @@ const He = [
           })
         }
       )
-    ), Ce = S ? null : /* @__PURE__ */ h(ke, { children: [
+    ), Ce = S ? null : /* @__PURE__ */ h(ye, { children: [
       /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
         /* @__PURE__ */ l(
           "label",
@@ -483,10 +484,10 @@ const He = [
             id: `${P}-hex`,
             type: "text",
             value: Y,
-            disabled: v,
+            disabled: b,
             onChange: (a) => H(a.target.value),
-            onBlur: ue,
-            className: `${Ke} ${fe ? "ds:border-[var(--destructive)]" : "ds:border-[color:var(--control-border)]"}`
+            onBlur: he,
+            className: `${Xe} ${ue ? "ds:border-[var(--destructive)]" : "ds:border-[color:var(--control-border)]"}`
           }
         ) })
       ] }),
@@ -499,9 +500,9 @@ const He = [
             min: 0,
             max: 360,
             value: o.h,
-            onChange: (a) => b({ ...o, h: a }),
+            onChange: (a) => v({ ...o, h: a }),
             formatValue: (a) => `H ${Math.round(a)}°`,
-            disabled: v
+            disabled: b
           }
         ),
         /* @__PURE__ */ l(
@@ -512,9 +513,9 @@ const He = [
             min: 0,
             max: 100,
             value: o.s,
-            onChange: (a) => b({ ...o, s: a }),
+            onChange: (a) => v({ ...o, s: a }),
             formatValue: (a) => `S ${Math.round(a)}%`,
-            disabled: v
+            disabled: b
           }
         ),
         /* @__PURE__ */ l(
@@ -525,9 +526,9 @@ const He = [
             min: 0,
             max: 100,
             value: o.l,
-            onChange: (a) => b({ ...o, l: a }),
+            onChange: (a) => v({ ...o, l: a }),
             formatValue: (a) => `L ${Math.round(a)}%`,
-            disabled: v
+            disabled: b
           }
         ),
         c ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
@@ -536,7 +537,7 @@ const He = [
             /* @__PURE__ */ l(
               "div",
               {
-                className: `ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ${Ve}`,
+                className: `ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ${je}`,
                 "aria-hidden": "true"
               }
             ),
@@ -551,17 +552,17 @@ const He = [
               }
             ),
             /* @__PURE__ */ l(
-              se,
+              re,
               {
                 min: 0,
                 max: 100,
                 step: 1,
                 value: [Math.round(o.a * 100)],
-                onValueChange: ([a]) => b({ ...o, a: a / 100 }),
+                onValueChange: ([a]) => v({ ...o, a: a / 100 }),
                 "aria-label": g("inputs.colorPicker.opacity", "Opacity"),
                 formatValue: (a) => `${a}%`,
-                disabled: v,
-                className: oe
+                disabled: b,
+                className: ie
               }
             )
           ] })
@@ -577,8 +578,8 @@ const He = [
             /* @__PURE__ */ l("span", { className: "ds:tabular-nums", children: g("inputs.colorPicker.contrastRatio", {
               ratio: I.ratio.toFixed(1)
             }) }),
-            /* @__PURE__ */ l(ae, { level: "AA", passes: I.aa, t: g }),
-            /* @__PURE__ */ l(ae, { level: "AAA", passes: I.aaa, t: g })
+            /* @__PURE__ */ l(te, { level: "AA", passes: I.aa, t: g }),
+            /* @__PURE__ */ l(te, { level: "AAA", passes: I.aaa, t: g })
           ]
         }
       ) : null,
@@ -591,43 +592,46 @@ const He = [
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ l("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:tabular-nums", children: D(o, d) })
+        /* @__PURE__ */ l("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:tabular-nums", children: j(o, d) })
       ] })
-    ] }), J = /* @__PURE__ */ h(
+    ] }), Q = /* @__PURE__ */ h(
       "div",
       {
-        className: S ? x === "sm" ? je : Ge : Oe,
+        className: S ? x === "sm" ? We : Ke : De,
         children: [
-          be,
+          ve,
           Ce
         ]
       }
-    );
-    return de === "inline" ? /* @__PURE__ */ l(
+    ), we = Ae(!0, {
+      getAnchor: Me,
+      onReturnToTrigger: () => J(!1)
+    });
+    return le === "inline" ? /* @__PURE__ */ l(
       "div",
       {
         ref: t,
         id: P,
         className: U,
-        "aria-describedby": N.describedBy || void 0,
-        "aria-invalid": N.invalid || void 0,
-        "aria-disabled": v || void 0,
+        "aria-describedby": $.describedBy || void 0,
+        "aria-invalid": $.invalid || void 0,
+        "aria-disabled": b || void 0,
         "data-component": "color-picker",
         "data-component-id": P,
         "data-testid": "color-picker",
-        children: J
+        children: Q
       }
-    ) : /* @__PURE__ */ h(F.Root, { open: pe, onOpenChange: xe, children: [
-      /* @__PURE__ */ l(F.Trigger, { asChild: !0, disabled: v, children: /* @__PURE__ */ h(
+    ) : /* @__PURE__ */ h(F.Root, { open: xe, onOpenChange: J, children: [
+      /* @__PURE__ */ l(F.Trigger, { asChild: !0, disabled: b, children: /* @__PURE__ */ h(
         "button",
         {
           ref: t,
           type: "button",
           id: P,
-          "aria-describedby": N.describedBy || void 0,
-          "aria-invalid": N.invalid || void 0,
+          "aria-describedby": $.describedBy || void 0,
+          "aria-invalid": $.invalid || void 0,
           "aria-label": S ? g("inputs.colorPicker.triggerLabel", "Choose colour") : void 0,
-          className: _e({ size: x, className: U }),
+          className: Ve({ size: x, className: U }),
           "data-component": "color-picker",
           "data-component-id": P,
           "data-testid": "color-picker-trigger",
@@ -640,7 +644,7 @@ const He = [
                 style: { "--swatch-bg": C(o) }
               }
             ),
-            S ? null : /* @__PURE__ */ l("span", { className: "ds:text-start ds:truncate ds:tabular-nums", children: D(o, d) })
+            S ? null : /* @__PURE__ */ l("span", { className: "ds:text-start ds:truncate ds:tabular-nums", children: j(o, d) })
           ]
         }
       ) }),
@@ -649,15 +653,16 @@ const He = [
         {
           sideOffset: 4,
           align: "start",
-          className: De,
-          children: J
+          className: Ue,
+          onKeyDown: we,
+          children: Q
         }
       ) })
     ] });
   }
 );
-We.displayName = "ColorPicker";
-function ae({
+Ye.displayName = "ColorPicker";
+function te({
   level: e,
   passes: t,
   t: r
@@ -672,13 +677,13 @@ function ae({
       }
     ),
     t ? /* @__PURE__ */ l(
-      re,
+      ne,
       {
         "aria-hidden": "true",
         className: "ds:size-4 ds:text-[var(--success)]"
       }
     ) : /* @__PURE__ */ l(
-      Te,
+      ze,
       {
         "aria-hidden": "true",
         className: "ds:size-4 ds:text-[var(--destructive)]"
@@ -709,7 +714,7 @@ function K({
         }
       ),
       /* @__PURE__ */ l(
-        se,
+        re,
         {
           min: r,
           max: s,
@@ -719,18 +724,18 @@ function K({
           "aria-label": e,
           formatValue: c,
           disabled: m,
-          className: oe
+          className: ie
         }
       )
     ] })
   ] });
 }
 export {
-  He as A,
-  sa as B,
-  We as C,
-  ra as G,
-  Re as c,
-  Le as h
+  Be as A,
+  ia as B,
+  Ye as C,
+  da as G,
+  He as c,
+  Ie as h
 };
-//# sourceMappingURL=color-picker-BRQ4Y9SO.js.map
+//# sourceMappingURL=color-picker-BsggJovx.js.map