@alfadocs/ui-kit 1.30.0 → 1.32.0

package/dist/_chunks/{color-picker-CU303VjY.js → color-picker-Bl5f0iK1.js}

@@ -5,9 +5,9 @@ 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-DN1CWkKB.js";
-import { u as Se } from "./registry-DvAUVLHh.js";
+import { u as Me } from "./registry-DvAUVLHh.js";
 import { C as re } from "./check-DrFSN__t.js";
-import { X as Me } from "./x-B5YnXwCz.js";
+import { X as Se } from "./x-B5YnXwCz.js";
 const Te = {
   id: "color-picker",
   capabilities: ["set_value"],
@@ -69,10 +69,13 @@ function ne(e, t, r, s) {
     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;
   }
   return {
-    h: Math.round(m * 360),
-    s: Math.round(w * 100),
-    l: Math.round(c * 100),
-    a: Math.round(s * 100) / 100
+    // 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,
+    s: w * 100,
+    l: c * 100,
+    a: s
   };
 }
 function C(e) {
@@ -103,7 +106,7 @@ function D(e, t) {
     case "hex":
       return C(e);
     case "hsl":
-      return e.a < 1 ? `hsla(${e.h}, ${e.s}%, ${e.l}%, ${e.a})` : `hsl(${e.h}, ${e.s}%, ${e.l}%)`;
+      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);
   }
@@ -305,7 +308,7 @@ const He = [
       size: x = "md",
       disabled: ie = !1,
       variant: de = "inline",
-      compact: M = !0,
+      compact: S = !0,
       className: U
     } = e, { t: g } = Ne(), N = Ae(), le = Pe(), P = N.id || le, v = N.disabled || ie, L = r !== void 0, [X, ce] = T(() => {
       const a = r ?? s;
@@ -384,15 +387,15 @@ const He = [
           f = p % u;
           break;
         case "PageDown": {
-          const S = Math.floor((i - 1) / u) * u;
-          f = Math.min(S + p % u, i - 1);
+          const M = Math.floor((i - 1) / u) * u;
+          f = Math.min(M + p % u, i - 1);
           break;
         }
         case "Enter":
         case " ": {
           a.preventDefault();
-          const S = y(A[p].hex);
-          S && b(S);
+          const M = y(A[p].hex);
+          M && b(M);
           return;
         }
         default:
@@ -409,7 +412,7 @@ const He = [
       }),
       [b]
     );
-    Se(Te, ve, P);
+    Me(Te, ve, P);
     const I = E(() => {
       if (!w) return null;
       const a = y(w);
@@ -428,8 +431,8 @@ const He = [
           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, S) => {
-              const O = f + S, V = O === B;
+            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;
               return (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- parent grid handles keyboard navigation via onKeyDown
                 /* @__PURE__ */ l(
@@ -464,7 +467,7 @@ const He = [
           })
         }
       )
-    ), Ce = M ? null : /* @__PURE__ */ h(ke, { children: [
+    ), Ce = S ? null : /* @__PURE__ */ h(ke, { children: [
       /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
         /* @__PURE__ */ l(
           "label",
@@ -497,7 +500,7 @@ const He = [
             max: 360,
             value: o.h,
             onChange: (a) => b({ ...o, h: a }),
-            formatValue: (a) => `H ${a}°`,
+            formatValue: (a) => `H ${Math.round(a)}°`,
             disabled: v
           }
         ),
@@ -510,7 +513,7 @@ const He = [
             max: 100,
             value: o.s,
             onChange: (a) => b({ ...o, s: a }),
-            formatValue: (a) => `S ${a}%`,
+            formatValue: (a) => `S ${Math.round(a)}%`,
             disabled: v
           }
         ),
@@ -523,7 +526,7 @@ const He = [
             max: 100,
             value: o.l,
             onChange: (a) => b({ ...o, l: a }),
-            formatValue: (a) => `L ${a}%`,
+            formatValue: (a) => `L ${Math.round(a)}%`,
             disabled: v
           }
         ),
@@ -593,7 +596,7 @@ const He = [
     ] }), J = /* @__PURE__ */ h(
       "div",
       {
-        className: M ? x === "sm" ? Ge : Ve : Be,
+        className: S ? x === "sm" ? Ge : Ve : Be,
         children: [
           be,
           Ce
@@ -623,7 +626,7 @@ const He = [
           id: P,
           "aria-describedby": N.describedBy || void 0,
           "aria-invalid": N.invalid || void 0,
-          "aria-label": M ? g("inputs.colorPicker.triggerLabel", "Choose colour") : void 0,
+          "aria-label": S ? g("inputs.colorPicker.triggerLabel", "Choose colour") : void 0,
           className: _e({ size: x, className: U }),
           "data-component": "color-picker",
           "data-component-id": P,
@@ -632,12 +635,12 @@ const He = [
             /* @__PURE__ */ l(
               "span",
               {
-                className: `ds:inline-block ds:size-5 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:shrink-0 ds:bg-[var(--swatch-bg)]${M ? "" : " ds:me-[var(--spacing-sm)]"}`,
+                className: `ds:inline-block ds:size-5 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:shrink-0 ds:bg-[var(--swatch-bg)]${S ? "" : " ds:me-[var(--spacing-sm)]"}`,
                 "aria-hidden": "true",
                 style: { "--swatch-bg": C(o) }
               }
             ),
-            M ? 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: D(o, d) })
           ]
         }
       ) }),
@@ -675,7 +678,7 @@ function ae({
         className: "ds:size-4 ds:text-[var(--success)]"
       }
     ) : /* @__PURE__ */ l(
-      Me,
+      Se,
       {
         "aria-hidden": "true",
         className: "ds:size-4 ds:text-[var(--destructive)]"
@@ -730,4 +733,4 @@ export {
   ze as c,
   Ee as h
 };
-//# sourceMappingURL=color-picker-CU303VjY.js.map
+//# sourceMappingURL=color-picker-Bl5f0iK1.js.map