@alfadocs/ui-kit 1.53.0 → 1.54.0

package/dist/_chunks/{color-picker-Yl99lHuF.js → color-picker-Bu0wM8xv.js}

@@ -1,14 +1,14 @@
 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 * as H from "@radix-ui/react-popover";
+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 } from "./form-field-context-B3APVHKx.js";
-import { S as se } from "./slider-BRq2lL-l.js";
-import { u as Me } from "./registry-DvAUVLHh.js";
+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 Se } from "./x-B5YnXwCz.js";
-const Te = {
+import { X as Te } from "./x-B5YnXwCz.js";
+const Ee = {
   id: "color-picker",
   capabilities: ["set_value"],
   state: {
@@ -55,7 +55,7 @@ const Te = {
     }
   }
 };
-function Ee(e) {
+function Le(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;
@@ -82,7 +82,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 Le(e) {
+function ze(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)`;
 }
@@ -108,7 +108,7 @@ function D(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 Le(e);
+      return ze(e);
   }
 }
 function y(e) {
@@ -116,7 +116,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 : Ee(t);
+    return !/^[0-9a-fA-F]{3,8}$/.test(n) || ![3, 4, 6, 8].includes(n.length) ? null : Le(t);
   }
   const r = t.match(
     /^hsla?\(\s*([\d.]+)\s*[,/]\s*([\d.]+)%?\s*[,/]\s*([\d.]+)%?\s*(?:[,/]\s*([\d.]+))?\s*\)$/
@@ -141,14 +141,14 @@ function ee(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 ze(e, t) {
+function Re(e, t) {
   const r = ee(e), s = ee(t), n = Math.max(r, s), d = Math.min(r, s);
   return Math.round((n + 0.05) / (d + 0.05) * 100) / 100;
 }
-function Re(e) {
+function Ie(e) {
   return e >= 4.5;
 }
-function Ie(e) {
+function Fe(e) {
   return e >= 7;
 }
 const He = [
@@ -182,7 +182,7 @@ const He = [
   { name: "Orange 900", hex: "#e65100", textColor: "#000000" },
   { name: "White", hex: "#ffffff", textColor: "#000000" },
   { name: "Yellow 500", hex: "#ffeb3b", textColor: "#000000" }
-], ta = [
+], sa = [
   { name: "Blue 300", hex: "#70738c" },
   { name: "Blue 500", hex: "#292e53" },
   { name: "Blue 700", hex: "#1d213b" },
@@ -201,7 +201,7 @@ const He = [
   { name: "Grey 300", hex: "#f9f6f3" },
   { name: "Grey 500", hex: "#f6f1ed" },
   { name: "Grey 700", hex: "#afaba8" }
-], sa = [
+], ra = [
   { name: "Tomato", hex: "#d50000" },
   { name: "Flamingo", hex: "#e67c73" },
   { name: "Tangerine", hex: "#f4511e" },
@@ -232,7 +232,7 @@ const He = [
     },
     defaultVariants: { size: "md" }
   }
-), Fe = te(
+), Be = te(
   [
     "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 +267,20 @@ const He = [
     },
     defaultVariants: { selected: !1, size: "md" }
   }
-), Be = [
+), Oe = [
   "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(" "), Oe = [
+].join(" "), Ve = [
   "ds:bg-[image:repeating-conic-gradient(var(--color-grey-700)_0%_25%,transparent_0%_50%)]",
   "ds:bg-[size:8px_8px]"
-].join(" "), Ve = [
+].join(" "), Ge = [
   "ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:p-[var(--spacing-sm)]"
-].join(" "), Ge = [
+].join(" "), je = [
   "ds:rounded-[var(--radius-md)] ds:bg-[var(--background)] ds:text-[var(--foreground)]",
   "ds:p-[var(--spacing-xs)]"
-].join(" "), je = [
+].join(" "), De = [
   "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 +288,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(" "), De = [
+].join(" "), Ke = [
   "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", Ke = ye(
+].join(" "), oe = "ds:[&>span:first-child]:bg-transparent ds:[&>span:first-child>span]:bg-transparent", We = ye(
   (e, t) => {
     const {
       value: r,
@@ -310,7 +310,7 @@ const He = [
       variant: de = "inline",
       compact: S = !0,
       className: U
-    } = e, { t: g } = Ne("ui"), N = Ae(), le = Pe(), P = N.id || le, v = N.disabled || ie, L = r !== void 0, [X, ce] = T(() => {
+    } = e, { t: g } = Ne("ui"), N = Ae(), le = Pe(), P = Me(N) || le, v = N.disabled || ie, L = r !== void 0, [X, ce] = T(() => {
       const a = r ?? s;
       if (a) {
         const i = y(a);
@@ -329,16 +329,16 @@ const He = [
         L || ce(i), n == null || n(D(i, d));
       },
       [c, d, L, n]
-    ), [Y, _] = T(() => C(o)), [fe, z] = T(!1), $ = G(void 0), F = G(o);
-    F.current = o, Z(() => {
-      _(C(o)), z(!1), $.current !== void 0 && (clearTimeout($.current), $.current = void 0);
+    ), [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);
     }, []);
     const ue = () => {
       const a = y(Y);
       a ? (z(!1), b(a)) : (z(!0), $.current = setTimeout(() => {
-        $.current = void 0, z(!1), _(C(F.current));
+        $.current = void 0, z(!1), H(C(_.current));
       }, 800));
     }, A = E(() => m ? m.map(
       (a) => typeof a == "string" ? { name: a.toUpperCase(), hex: a } : a
@@ -404,7 +404,7 @@ const He = [
       a.preventDefault(), me(f);
     }, [pe, xe] = T(!1), ve = E(
       () => ({
-        getValue: () => C(F.current),
+        getValue: () => C(_.current),
         setValue: (a) => {
           const i = y(a);
           i && b(i);
@@ -412,13 +412,13 @@ const He = [
       }),
       [b]
     );
-    Me(Te, ve, P);
+    Se(Ee, ve, P);
     const I = E(() => {
       if (!w) return null;
       const a = y(w);
       if (!a) return null;
-      const i = ze(o, a);
-      return { ratio: i, aa: Re(i), aaa: Ie(i) };
+      const i = Re(o, a);
+      return { ratio: i, aa: Ie(i), aaa: Fe(i) };
     }, [w, o]), be = (
       // eslint-disable-next-line jsx-a11y/interactive-supports-focus -- inner gridcells are individually focusable via roving tabindex
       /* @__PURE__ */ l(
@@ -450,7 +450,7 @@ const He = [
                       const Q = y(k.hex);
                       Q && b(Q), q(O);
                     },
-                    className: Fe({ selected: V, size: x }),
+                    className: Be({ selected: V, size: x }),
                     style: { "--swatch-bg": k.hex },
                     children: V ? /* @__PURE__ */ l(
                       re,
@@ -484,9 +484,9 @@ const He = [
             type: "text",
             value: Y,
             disabled: v,
-            onChange: (a) => _(a.target.value),
+            onChange: (a) => H(a.target.value),
             onBlur: ue,
-            className: `${De} ${fe ? "ds:border-[var(--destructive)]" : "ds:border-[color:var(--border)]"}`
+            className: `${Ke} ${fe ? "ds:border-[var(--destructive)]" : "ds:border-[color:var(--border)]"}`
           }
         ) })
       ] }),
@@ -536,7 +536,7 @@ const He = [
             /* @__PURE__ */ l(
               "div",
               {
-                className: `ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ${Oe}`,
+                className: `ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ${Ve}`,
                 "aria-hidden": "true"
               }
             ),
@@ -596,7 +596,7 @@ const He = [
     ] }), J = /* @__PURE__ */ h(
       "div",
       {
-        className: S ? x === "sm" ? Ge : Ve : Be,
+        className: S ? x === "sm" ? je : Ge : Oe,
         children: [
           be,
           Ce
@@ -617,8 +617,8 @@ const He = [
         "data-testid": "color-picker",
         children: J
       }
-    ) : /* @__PURE__ */ h(H.Root, { open: pe, onOpenChange: xe, children: [
-      /* @__PURE__ */ l(H.Trigger, { asChild: !0, disabled: v, children: /* @__PURE__ */ h(
+    ) : /* @__PURE__ */ h(F.Root, { open: pe, onOpenChange: xe, children: [
+      /* @__PURE__ */ l(F.Trigger, { asChild: !0, disabled: v, children: /* @__PURE__ */ h(
         "button",
         {
           ref: t,
@@ -644,19 +644,19 @@ const He = [
           ]
         }
       ) }),
-      /* @__PURE__ */ l(H.Portal, { children: /* @__PURE__ */ l(
-        H.Content,
+      /* @__PURE__ */ l(F.Portal, { children: /* @__PURE__ */ l(
+        F.Content,
         {
           sideOffset: 4,
           align: "start",
-          className: je,
+          className: De,
           children: J
         }
       ) })
     ] });
   }
 );
-Ke.displayName = "ColorPicker";
+We.displayName = "ColorPicker";
 function ae({
   level: e,
   passes: t,
@@ -678,7 +678,7 @@ function ae({
         className: "ds:size-4 ds:text-[var(--success)]"
       }
     ) : /* @__PURE__ */ l(
-      Se,
+      Te,
       {
         "aria-hidden": "true",
         className: "ds:size-4 ds:text-[var(--destructive)]"
@@ -727,10 +727,10 @@ function K({
 }
 export {
   He as A,
-  ta as B,
-  Ke as C,
-  sa as G,
-  ze as c,
-  Ee as h
+  sa as B,
+  We as C,
+  ra as G,
+  Re as c,
+  Le as h
 };
-//# sourceMappingURL=color-picker-Yl99lHuF.js.map
+//# sourceMappingURL=color-picker-Bu0wM8xv.js.map