@pantograph/vue 0.30.8 → 0.30.10

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-BDXrVKWB.js → ColorPicker.vue_vue_type_style_index_0_lang-D_7EPnnc.js}

@@ -1,7 +1,7 @@
-import { onUnmounted as d0, defineComponent as $t, onMounted as zt, onBeforeUnmount as c0, createElementBlock as Te, openBlock as K, normalizeClass as G, unref as _, createElementVNode as Ne, ref as en, computed as te, watch as h0, reactive as p0, createVNode as Wn, createCommentVNode as Bn, createBlock as nn, isRef as b0, Fragment as m0, renderList as g0 } from "vue";
-import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-CBomTo6K.js";
-import { _ as Zn } from "./Input.vue_vue_type_script_setup_true_lang-CzKEJH7a.js";
-import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-BiFW4jfz.js";
+import { onUnmounted as d0, defineComponent as $t, onMounted as zt, onBeforeUnmount as c0, createElementBlock as Te, openBlock as K, normalizeClass as G, unref as _, createElementVNode as Ne, ref as en, computed as te, watch as h0, reactive as p0, createVNode as Bn, createCommentVNode as Wn, createBlock as nn, isRef as b0, Fragment as m0, renderList as g0 } from "vue";
+import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-DxSqcwKk.js";
+import { _ as Zn } from "./Input.vue_vue_type_script_setup_true_lang-9w1hhP5f.js";
+import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-C2GqZ0-u.js";
 import { useVModel as Un } from "@pantograph/utils-vue";
 import { createContext as y0 } from "reka-ui";
 import { normCls as be, getBemElement as me, getBemBlock as v0, getComponentOptions as k0, getBemModifier as Jn } from "@pantograph/utils";
@@ -158,23 +158,23 @@ const z0 = {
   turn: 360
 }, Re = {
   from(e) {
-    return e != null && e.endsWith("%") ? oe.from(e, { referenceValue: 1 }) : A.from(e, { min: 0, max: 1 });
+    return e != null && e.endsWith("%") ? oe.from(e, { referenceValue: 1 }) : V.from(e, { min: 0, max: 1 });
   },
   to(e) {
-    return A.to(e);
+    return V.to(e);
   }
 }, Gn = {
   from(e) {
     const n = e.match(/deg|g?rad|turn$/);
     if (n === null)
-      return A.from(e);
+      return V.from(e);
     const t = n[0];
-    return A.from(e.slice(0, -t.length)) * z0[t];
+    return V.from(e.slice(0, -t.length)) * z0[t];
   },
   to(e) {
-    return A.to(e);
+    return V.to(e);
   }
-}, A = {
+}, V = {
   from(e, { min: n = Number.NEGATIVE_INFINITY, max: t = Number.POSITIVE_INFINITY } = {}) {
     return e != null && e.endsWith(".") ? NaN : xe(Number(e), n, t);
   },
@@ -183,17 +183,17 @@ const z0 = {
   }
 }, oe = {
   from(e, { referenceValue: n = 100, min: t = 0, max: r = 100 } = {}) {
-    return e != null && e.endsWith("%") ? A.from(e.slice(0, -1), { min: t, max: r }) * n / 100 : NaN;
+    return e != null && e.endsWith("%") ? V.from(e.slice(0, -1), { min: t, max: r }) * n / 100 : NaN;
   },
   to(e) {
-    return `${A.to(e)}%`;
+    return `${V.to(e)}%`;
   }
 }, rn = {
   from(e) {
-    return e != null && e.endsWith("%") ? oe.from(e, { referenceValue: 255 }) : A.from(e, { min: 0, max: 255 });
+    return e != null && e.endsWith("%") ? oe.from(e, { referenceValue: 255 }) : V.from(e, { min: 0, max: 255 });
   },
   to(e) {
-    return A.to(e);
+    return V.to(e);
   }
 }, T0 = {
   hsl: {
@@ -485,7 +485,7 @@ const Ht = (e, n) => {
       )
     )
   )
-) : void 0, X = {}, It = {}, Se = [], St = {}, V0 = (e) => e, v = (e) => (X[e.mode] = {
+) : void 0, X = {}, It = {}, Se = [], St = {}, A0 = (e) => e, v = (e) => (X[e.mode] = {
   ...X[e.mode],
   ...e.toMode
 }, Object.keys(e.fromMode || {}).forEach((n) => {
@@ -495,10 +495,10 @@ const Ht = (e, n) => {
     throw new Error(`Missing interpolator for: ${n}`);
   typeof e.interpolate[n] == "function" && (e.interpolate[n] = {
     use: e.interpolate[n]
-  }), e.interpolate[n].fixup || (e.interpolate[n].fixup = V0);
+  }), e.interpolate[n].fixup || (e.interpolate[n].fixup = A0);
 }), It[e.mode] = e, (e.parse || []).forEach((n) => {
   q0(n, e.mode);
-}), Rt(e.mode)), A0 = (e) => It[e], q0 = (e, n) => {
+}), Rt(e.mode)), V0 = (e) => It[e], q0 = (e, n) => {
   if (typeof e == "string") {
     if (!n)
       throw new Error("'mode' required when 'parser' is a string");
@@ -645,7 +645,7 @@ function Y0(e) {
   const r = { mode: t }, o = Lt(e, !1);
   if (!o)
     return;
-  const i = A0(t).channels;
+  const i = V0(t).channels;
   for (let a = 0, f, s; a < i.length; a++)
     f = o[a], s = i[a], f.type !== l.None && (r[s] = f.type === l.Number ? f.value : f.value / 100, s === "alpha" && (r[s] = Math.max(0, Math.min(1, r[s]))));
   return r;
@@ -674,7 +674,7 @@ function Lt(e, n) {
     return t.length === 3 && t.push({ type: l.None, value: void 0 }), t.every((o) => o.type !== l.Alpha) ? t : void 0;
   }
 }
-function W0(e, n) {
+function B0(e, n) {
   e._i = 0;
   let t = e[e._i++];
   if (!t || t.type !== l.Function)
@@ -686,14 +686,14 @@ function W0(e, n) {
 const Et = (e) => {
   if (typeof e != "string")
     return;
-  const n = F0(e), t = n ? W0(n, !0) : void 0;
+  const n = F0(e), t = n ? B0(n, !0) : void 0;
   let r, o = 0, i = Se.length;
   for (; o < i; )
     if ((r = Se[o++](e, t)) !== void 0)
       return r;
   return n ? Y0(n) : void 0;
 };
-function B0(e, n) {
+function W0(e, n) {
   if (!n || n[0] !== "rgb" && n[0] !== "rgba")
     return;
   const t = { mode: "rgb" }, [, r, o, i, a] = n;
@@ -726,7 +726,7 @@ const Z0 = (e) => e === "transparent" ? { mode: "rgb", r: 0, g: 0, b: 0, alpha:
   mode: "rgb",
   channels: ["r", "g", "b", "alpha"],
   parse: [
-    B0,
+    W0,
     R0,
     E0,
     P0,
@@ -898,11 +898,11 @@ const tr = ({ r: e, g: n, b: t, alpha: r }) => {
   average: {
     h: O
   }
-}, W = ({ l: e, a: n, b: t, alpha: r }, o = "lch") => {
+}, B = ({ l: e, a: n, b: t, alpha: r }, o = "lch") => {
   n === void 0 && (n = 0), t === void 0 && (t = 0);
   let i = Math.sqrt(n * n + t * t), a = { mode: o, l: e, c: i };
   return i && (a.h = H(Math.atan2(t, n) * 180 / Math.PI)), r !== void 0 && (a.alpha = r), a;
-}, B = ({ l: e, c: n, h: t, alpha: r }, o = "lab") => {
+}, W = ({ l: e, c: n, h: t, alpha: r }, o = "lab") => {
   t === void 0 && (t = 0);
   let i = {
     mode: o,
@@ -911,7 +911,7 @@ const tr = ({ r: e, g: n, b: t, alpha: r }) => {
     b: n ? n * Math.sin(t / 180 * Math.PI) : 0
   };
   return r !== void 0 && (i.alpha = r), i;
-}, Xt = Math.pow(29, 3) / Math.pow(3, 3), Vt = Math.pow(6, 3) / Math.pow(29, 3), T = {
+}, Xt = Math.pow(29, 3) / Math.pow(3, 3), At = Math.pow(6, 3) / Math.pow(29, 3), T = {
   X: 0.3457 / 0.3585,
   Y: 1,
   Z: (1 - 0.3457 - 0.3585) / 0.3585
@@ -920,8 +920,8 @@ const tr = ({ r: e, g: n, b: t, alpha: r }) => {
   Y: 1,
   Z: (1 - 0.3127 - 0.329) / 0.329
 };
-let sn = (e) => Math.pow(e, 3) > Vt ? Math.pow(e, 3) : (116 * e - 16) / Xt;
-const At = ({ l: e, a: n, b: t, alpha: r }) => {
+let sn = (e) => Math.pow(e, 3) > At ? Math.pow(e, 3) : (116 * e - 16) / Xt;
+const Vt = ({ l: e, a: n, b: t, alpha: r }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let o = (e + 16) / 116, i = n / 500 + o, a = o - t / 200, f = {
     mode: "xyz65",
@@ -930,7 +930,7 @@ const At = ({ l: e, a: n, b: t, alpha: r }) => {
     z: sn(a) * ae.Z
   };
   return r !== void 0 && (f.alpha = r), f;
-}, je = (e) => ne(At(e)), dn = (e) => e > Vt ? Math.cbrt(e) : (Xt * e + 16) / 116, qt = ({ x: e, y: n, z: t, alpha: r }) => {
+}, je = (e) => ne(Vt(e)), dn = (e) => e > At ? Math.cbrt(e) : (Xt * e + 16) / 116, qt = ({ x: e, y: n, z: t, alpha: r }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let o = dn(e / ae.X), i = dn(n / ae.Y), a = dn(t / ae.Z), f = {
     mode: "lab65",
@@ -942,22 +942,22 @@ const At = ({ l: e, a: n, b: t, alpha: r }) => {
 }, De = (e) => {
   let n = qt(ee(e));
   return e.r === e.b && e.b === e.g && (n.a = n.b = 0), n;
-}, Ee = 1, Ot = 1, Me = 26 / 180 * Math.PI, Xe = Math.cos(Me), Ve = Math.sin(Me), jt = 100 / Math.log(139 / 100), Pn = ({ l: e, c: n, h: t, alpha: r }) => {
+}, Ee = 1, Ot = 1, Me = 26 / 180 * Math.PI, Xe = Math.cos(Me), Ae = Math.sin(Me), jt = 100 / Math.log(139 / 100), Pn = ({ l: e, c: n, h: t, alpha: r }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let o = {
     mode: "lab65",
     l: (Math.exp(e * Ee / jt) - 1) / 39e-4
   }, i = (Math.exp(0.0435 * n * Ot * Ee) - 1) / 0.075, a = i * Math.cos(t / 180 * Math.PI - Me), f = i * Math.sin(t / 180 * Math.PI - Me);
-  return o.a = a * Xe - f / 0.83 * Ve, o.b = a * Ve + f / 0.83 * Xe, r !== void 0 && (o.alpha = r), o;
+  return o.a = a * Xe - f / 0.83 * Ae, o.b = a * Ae + f / 0.83 * Xe, r !== void 0 && (o.alpha = r), o;
 }, Hn = ({ l: e, a: n, b: t, alpha: r }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
-  let o = n * Xe + t * Ve, i = 0.83 * (t * Xe - n * Ve), a = Math.sqrt(o * o + i * i), f = {
+  let o = n * Xe + t * Ae, i = 0.83 * (t * Xe - n * Ae), a = Math.sqrt(o * o + i * i), f = {
     mode: "dlch",
     l: jt / Ee * Math.log(1 + 39e-4 * e),
     c: Math.log(1 + 0.075 * a) / (0.0435 * Ot * Ee)
   };
   return f.c && (f.h = H((Math.atan2(i, o) + Me) / Math.PI * 180)), r !== void 0 && (f.alpha = r), f;
-}, at = (e) => Pn(W(e, "dlch")), ft = (e) => B(Hn(e), "dlab"), ar = {
+}, at = (e) => Pn(B(e, "dlch")), ft = (e) => W(Hn(e), "dlab"), ar = {
   mode: "dlab",
   parse: ["--din99o-lab"],
   serialize: "--din99o-lab",
@@ -990,12 +990,12 @@ const At = ({ l: e, a: n, b: t, alpha: r }) => {
   serialize: "--din99o-lch",
   toMode: {
     lab65: Pn,
-    dlab: (e) => B(e, "dlab"),
+    dlab: (e) => W(e, "dlab"),
     rgb: (e) => je(Pn(e))
   },
   fromMode: {
     lab65: Hn,
-    dlab: (e) => W(e, "dlch"),
+    dlab: (e) => B(e, "dlch"),
     rgb: (e) => Hn(De(e))
   },
   channels: ["l", "c", "h", "alpha"],
@@ -1257,7 +1257,7 @@ function Yt({ r: e, g: n, b: t, alpha: r }) {
   };
   return o - i !== 0 && (a.h = (o === e ? (n - t) / (o - i) + (n < t) * 6 : o === n ? (t - e) / (o - i) + 2 : (e - n) / (o - i) + 4) * 60), r !== void 0 && (a.alpha = r), a;
 }
-const Wt = {
+const Bt = {
   mode: "hsv",
   toMode: {
     rgb: Ft
@@ -1361,18 +1361,18 @@ const yr = {
   average: {
     h: O
   }
-}, Bt = 203, Fe = 0.1593017578125, Zt = 78.84375, Ye = 0.8359375, We = 18.8515625, Be = 18.6875;
+}, Wt = 203, Fe = 0.1593017578125, Zt = 78.84375, Ye = 0.8359375, Be = 18.8515625, We = 18.6875;
 function cn(e) {
   if (e < 0) return 0;
   const n = Math.pow(e, 1 / Zt);
-  return 1e4 * Math.pow(Math.max(0, n - Ye) / (We - Be * n), 1 / Fe);
+  return 1e4 * Math.pow(Math.max(0, n - Ye) / (Be - We * n), 1 / Fe);
 }
 function hn(e) {
   if (e < 0) return 0;
   const n = Math.pow(e / 1e4, Fe);
-  return Math.pow((Ye + We * n) / (1 + Be * n), Zt);
+  return Math.pow((Ye + Be * n) / (1 + We * n), Zt);
 }
-const pn = (e) => Math.max(e / Bt, 0), lt = ({ i: e, t: n, p: t, alpha: r }) => {
+const pn = (e) => Math.max(e / Wt, 0), lt = ({ i: e, t: n, p: t, alpha: r }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   const o = cn(
     e + 0.008609037037932761 * n + 0.11102962500302593 * t
@@ -1393,7 +1393,7 @@ const pn = (e) => Math.max(e / Bt, 0), lt = ({ i: e, t: n, p: t, alpha: r }) =>
     )
   };
   return r !== void 0 && (f.alpha = r), f;
-}, bn = (e = 0) => Math.max(e * Bt, 0), ut = ({ x: e, y: n, z: t, alpha: r }) => {
+}, bn = (e = 0) => Math.max(e * Wt, 0), ut = ({ x: e, y: n, z: t, alpha: r }) => {
   const o = bn(e), i = bn(n), a = bn(t), f = hn(
     0.3592832590121217 * o + 0.6976051147779502 * i - 0.0358915932320289 * a
   ), s = hn(
@@ -1429,7 +1429,7 @@ const pn = (e) => Math.max(e / Bt, 0), lt = ({ i: e, t: n, p: t, alpha: r }) =>
 }, kr = 134.03437499999998, wr = 16295499532821565e-27, mn = (e) => {
   if (e < 0) return 0;
   let n = Math.pow(e / 1e4, Fe);
-  return Math.pow((Ye + We * n) / (1 + Be * n), kr);
+  return Math.pow((Ye + Be * n) / (1 + We * n), kr);
 }, gn = (e = 0) => Math.max(e * 203, 0), Ut = ({ x: e, y: n, z: t, alpha: r }) => {
   e = gn(e), n = gn(n), t = gn(t);
   let o = 1.15 * e - 0.15 * t, i = 0.66 * n + 0.34 * e, a = mn(0.41478972 * o + 0.579999 * i + 0.014648 * t), f = mn(-0.20151 * o + 1.120649 * i + 0.0531008 * t), s = mn(-0.0166008 * o + 0.2648 * i + 0.6684799 * t), d = (a + f) / 2, b = {
@@ -1442,7 +1442,7 @@ const pn = (e) => Math.max(e / Bt, 0), lt = ({ i: e, t: n, p: t, alpha: r }) =>
 }, _r = 134.03437499999998, st = 16295499532821565e-27, xn = (e) => {
   if (e < 0) return 0;
   let n = Math.pow(e, 1 / _r);
-  return 1e4 * Math.pow((Ye - n) / (Be * n - We), 1 / Fe);
+  return 1e4 * Math.pow((Ye - n) / (We * n - Be), 1 / Fe);
 }, Mn = (e) => e / 203, Jt = ({ j: e, a: n, b: t, alpha: r }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let o = (e + st) / (0.44 + 0.56 * (e + st)), i = xn(o + 0.13860504 * n + 0.058047316 * t), a = xn(o - 0.13860504 * n - 0.058047316 * t), f = xn(o - 0.096019242 * n - 0.8118919 * t), s = {
@@ -1557,7 +1557,7 @@ const Xn = ({ l: e, a: n, b: t, alpha: r }) => {
     z: 0.013923904500943465 * n + 0.09708128566574634 * t + 0.7140993584005155 * r
   };
   return o !== void 0 && (i.alpha = o), i;
-}, vn = (e) => e > En ? Math.cbrt(e) : (Ze * e + 16) / 116, Vn = ({ x: e, y: n, z: t, alpha: r }) => {
+}, vn = (e) => e > En ? Math.cbrt(e) : (Ze * e + 16) / 116, An = ({ x: e, y: n, z: t, alpha: r }) => {
   e === void 0 && (e = 0), n === void 0 && (n = 0), t === void 0 && (t = 0);
   let o = vn(e / T.X), i = vn(n / T.Y), a = vn(t / T.Z), f = {
     mode: "lab",
@@ -1567,7 +1567,7 @@ const Xn = ({ l: e, a: n, b: t, alpha: r }) => {
   };
   return r !== void 0 && (f.alpha = r), f;
 }, e0 = (e) => {
-  let n = Vn(ve(e));
+  let n = An(ve(e));
   return e.r === e.b && e.b === e.g && (n.a = n.b = 0), n;
 };
 function Tr(e, n) {
@@ -1583,14 +1583,14 @@ function Tr(e, n) {
       )
     )), t;
 }
-const An = {
+const Vn = {
   mode: "lab",
   toMode: {
     xyz50: Xn,
     rgb: Qt
   },
   fromMode: {
-    xyz50: Vn,
+    xyz50: An,
     rgb: e0
   },
   channels: ["l", "a", "b", "alpha"],
@@ -1608,12 +1608,12 @@ const An = {
     alpha: { use: u, fixup: N }
   }
 }, Nr = {
-  ...An,
+  ...Vn,
   mode: "lab65",
   parse: ["--lab-d65"],
   serialize: "--lab-d65",
   toMode: {
-    xyz65: At,
+    xyz65: Vt,
     rgb: je
   },
   fromMode: {
@@ -1654,12 +1654,12 @@ function Cr(e, n) {
 const qn = {
   mode: "lch",
   toMode: {
-    lab: B,
-    rgb: (e) => Qt(B(e))
+    lab: W,
+    rgb: (e) => Qt(W(e))
   },
   fromMode: {
-    rgb: (e) => W(e0(e)),
-    lab: W
+    rgb: (e) => B(e0(e)),
+    lab: B
   },
   channels: ["l", "c", "h", "alpha"],
   ranges: {
@@ -1687,12 +1687,12 @@ const qn = {
   parse: ["--lch-d65"],
   serialize: "--lch-d65",
   toMode: {
-    lab65: (e) => B(e, "lab65"),
-    rgb: (e) => je(B(e, "lab65"))
+    lab65: (e) => W(e, "lab65"),
+    rgb: (e) => je(W(e, "lab65"))
   },
   fromMode: {
-    rgb: (e) => W(De(e), "lch65"),
-    lab65: (e) => W(e, "lch65")
+    rgb: (e) => B(De(e), "lch65"),
+    lab65: (e) => B(e, "lch65")
   },
   ranges: {
     l: [0, 100],
@@ -1733,14 +1733,14 @@ const qn = {
   n === void 0 && (n = 0), t === void 0 && (t = 0);
   let o = n / (13 * e) + Er, i = t / (13 * e) + Xr, a = T.Y * (e <= 8 ? e / Ze : Math.pow((e + 16) / 116, 3)), f = a * (9 * o) / (4 * i), s = a * (12 - 3 * o - 20 * i) / (4 * i), d = { mode: "xyz50", x: f, y: a, z: s };
   return r !== void 0 && (d.alpha = r), d;
-}, Vr = (e) => n0(Rn(ve(e))), Ar = (e) => ye(In(t0(e))), qr = {
+}, Ar = (e) => n0(Rn(ve(e))), Vr = (e) => ye(In(t0(e))), qr = {
   mode: "lchuv",
   toMode: {
     luv: t0,
-    rgb: Ar
+    rgb: Vr
   },
   fromMode: {
-    rgb: Vr,
+    rgb: Ar,
     luv: n0
   },
   channels: ["l", "c", "h", "alpha"],
@@ -1839,7 +1839,7 @@ function Sn(e) {
   const r = 1.170873786407767;
   return 0.5 * (r * e - 0.206 + Math.sqrt((r * e - 0.206) * (r * e - 0.206) + 4 * 0.03 * r * e));
 }
-function Ae(e) {
+function Ve(e) {
   return (e * e + 0.206 * e) / (1.170873786407767 * (e + 0.03));
 }
 function Dr(e, n) {
@@ -1847,7 +1847,7 @@ function Dr(e, n) {
   -1.88170328 * e - 0.80936493 * n > 1 ? (t = 1.19086277, r = 1.76576728, o = 0.59662641, i = 0.75515197, a = 0.56771245, f = 4.0767416621, s = -3.3077115913, d = 0.2309699292) : 1.81444104 * e - 1.19445276 * n > 1 ? (t = 0.73956515, r = -0.45954404, o = 0.08285427, i = 0.1254107, a = 0.14503204, f = -1.2684380046, s = 2.6097574011, d = -0.3413193965) : (t = 1.35733652, r = -915799e-8, o = -1.1513021, i = -0.50559606, a = 692167e-8, f = -0.0041960863, s = -0.7034186147, d = 1.707614701);
   let b = t + r * e + o * n + i * e * e + a * e * n, c = 0.3963377774 * e + 0.2158037573 * n, p = -0.1055613458 * e - 0.0638541728 * n, x = -0.0894841775 * e - 1.291485548 * n;
   {
-    let k = 1 + b * c, w = 1 + b * p, $ = 1 + b * x, P = k * k * k, M = w * w * w, R = $ * $ * $, V = 3 * c * k * k, j = 3 * p * w * w, Z = 3 * x * $ * $, U = 6 * c * c * k, J = 6 * p * p * w, D = 6 * x * x * $, F = f * P + s * M + d * R, I = f * V + s * j + d * Z, y = f * U + s * J + d * D;
+    let k = 1 + b * c, w = 1 + b * p, $ = 1 + b * x, P = k * k * k, M = w * w * w, R = $ * $ * $, A = 3 * c * k * k, j = 3 * p * w * w, Z = 3 * x * $ * $, U = 6 * c * c * k, J = 6 * p * p * w, D = 6 * x * x * $, F = f * P + s * M + d * R, I = f * A + s * j + d * Z, y = f * U + s * J + d * D;
     b = b - F * I / (I * I - 0.5 * F * y);
   }
   return b;
@@ -1866,7 +1866,7 @@ function Fr(e, n, t, r, o, i = null) {
     {
       let f = t - o, s = r, d = 0.3963377774 * e + 0.2158037573 * n, b = -0.1055613458 * e - 0.0638541728 * n, c = -0.0894841775 * e - 1.291485548 * n, p = f + s * d, x = f + s * b, k = f + s * c;
       {
-        let w = o * (1 - a) + a * t, $ = a * r, P = w + $ * d, M = w + $ * b, R = w + $ * c, V = P * P * P, j = M * M * M, Z = R * R * R, U = 3 * p * P * P, J = 3 * x * M * M, D = 3 * k * R * R, F = 6 * p * p * P, I = 6 * x * x * M, y = 6 * k * k * R, m = 4.0767416621 * V - 3.3077115913 * j + 0.2309699292 * Z - 1, g = 4.0767416621 * U - 3.3077115913 * J + 0.2309699292 * D, z = 4.0767416621 * F - 3.3077115913 * I + 0.2309699292 * y, S = g / (g * g - 0.5 * m * z), L = -m * S, de = -1.2684380046 * V + 2.6097574011 * j - 0.3413193965 * Z - 1, E = -1.2684380046 * U + 2.6097574011 * J - 0.3413193965 * D, u0 = -1.2684380046 * F + 2.6097574011 * I - 0.3413193965 * y, Dn = E / (E * E - 0.5 * de * u0), Ke = -de * Dn, Fn = -0.0041960863 * V - 0.7034186147 * j + 1.707614701 * Z - 1, Ge = -0.0041960863 * U - 0.7034186147 * J + 1.707614701 * D, s0 = -0.0041960863 * F - 0.7034186147 * I + 1.707614701 * y, Yn = Ge / (Ge * Ge - 0.5 * Fn * s0), Qe = -Fn * Yn;
+        let w = o * (1 - a) + a * t, $ = a * r, P = w + $ * d, M = w + $ * b, R = w + $ * c, A = P * P * P, j = M * M * M, Z = R * R * R, U = 3 * p * P * P, J = 3 * x * M * M, D = 3 * k * R * R, F = 6 * p * p * P, I = 6 * x * x * M, y = 6 * k * k * R, m = 4.0767416621 * A - 3.3077115913 * j + 0.2309699292 * Z - 1, g = 4.0767416621 * U - 3.3077115913 * J + 0.2309699292 * D, z = 4.0767416621 * F - 3.3077115913 * I + 0.2309699292 * y, S = g / (g * g - 0.5 * m * z), L = -m * S, de = -1.2684380046 * A + 2.6097574011 * j - 0.3413193965 * Z - 1, E = -1.2684380046 * U + 2.6097574011 * J - 0.3413193965 * D, u0 = -1.2684380046 * F + 2.6097574011 * I - 0.3413193965 * y, Dn = E / (E * E - 0.5 * de * u0), Ke = -de * Dn, Fn = -0.0041960863 * A - 0.7034186147 * j + 1.707614701 * Z - 1, Ge = -0.0041960863 * U - 0.7034186147 * J + 1.707614701 * D, s0 = -0.0041960863 * F - 0.7034186147 * I + 1.707614701 * y, Yn = Ge / (Ge * Ge - 0.5 * Fn * s0), Qe = -Fn * Yn;
         L = S >= 0 ? L : 1e6, Ke = Dn >= 0 ? Ke : 1e6, Qe = Yn >= 0 ? Qe : 1e6, a += Math.min(L, Math.min(Ke, Qe));
       }
     }
@@ -1904,7 +1904,7 @@ function ht(e) {
 }
 function pt(e) {
   let n = e.h !== void 0 ? e.h : 0, t = e.s !== void 0 ? e.s : 0, r = e.l !== void 0 ? e.l : 0;
-  const o = { mode: "oklab", l: Ae(r) };
+  const o = { mode: "oklab", l: Ve(r) };
   if (e.alpha !== void 0 && (o.alpha = e.alpha), !t || r === 1)
     return o.a = o.b = 0, o;
   let i = Math.cos(n / 180 * Math.PI), a = Math.sin(n / 180 * Math.PI), [f, s, d] = a0(o.l, i, a), b, c, p, x;
@@ -1928,7 +1928,7 @@ const Yr = {
   }
 };
 function bt(e) {
-  let n = e.l !== void 0 ? e.l : 0, t = e.a !== void 0 ? e.a : 0, r = e.b !== void 0 ? e.b : 0, o = Math.sqrt(t * t + r * r), i = o ? t / o : 1, a = o ? r / o : 1, [f, s] = jn(i, a), d = 0.5, b = 1 - d / f, c = s / (o + n * s), p = c * n, x = c * o, k = Ae(p), w = x * k / p, $ = ke({ l: k, a: i * w, b: a * w }), P = Math.cbrt(
+  let n = e.l !== void 0 ? e.l : 0, t = e.a !== void 0 ? e.a : 0, r = e.b !== void 0 ? e.b : 0, o = Math.sqrt(t * t + r * r), i = o ? t / o : 1, a = o ? r / o : 1, [f, s] = jn(i, a), d = 0.5, b = 1 - d / f, c = s / (o + n * s), p = c * n, x = c * o, k = Ve(p), w = x * k / p, $ = ke({ l: k, a: i * w, b: a * w }), P = Math.cbrt(
     1 / Math.max($.r, $.g, $.b, 0)
   );
   n = n / P, o = o / P * Sn(n) / n, n = Sn(n);
@@ -1942,17 +1942,17 @@ function bt(e) {
 function mt(e) {
   const n = { mode: "oklab" };
   e.alpha !== void 0 && (n.alpha = e.alpha);
-  const t = e.h !== void 0 ? e.h : 0, r = e.s !== void 0 ? e.s : 0, o = e.v !== void 0 ? e.v : 0, i = Math.cos(t / 180 * Math.PI), a = Math.sin(t / 180 * Math.PI), [f, s] = jn(i, a), d = 0.5, b = 1 - d / f, c = 1 - r * d / (d + s - s * b * r), p = r * s * d / (d + s - s * b * r), x = Ae(c), k = p * x / c, w = ke({
+  const t = e.h !== void 0 ? e.h : 0, r = e.s !== void 0 ? e.s : 0, o = e.v !== void 0 ? e.v : 0, i = Math.cos(t / 180 * Math.PI), a = Math.sin(t / 180 * Math.PI), [f, s] = jn(i, a), d = 0.5, b = 1 - d / f, c = 1 - r * d / (d + s - s * b * r), p = r * s * d / (d + s - s * b * r), x = Ve(c), k = p * x / c, w = ke({
     l: x,
     a: i * k,
     b: a * k
   }), $ = Math.cbrt(
     1 / Math.max(w.r, w.g, w.b, 0)
-  ), P = Ae(o * c), M = p * P / c;
+  ), P = Ve(o * c), M = p * P / c;
   return n.l = P * $, n.a = M * i * $, n.b = M * a * $, n;
 }
-const Wr = {
-  ...Wt,
+const Br = {
+  ...Bt,
   mode: "okhsv",
   channels: ["h", "s", "v", "alpha"],
   parse: ["--okhsv"],
@@ -1966,7 +1966,7 @@ const Wr = {
     rgb: (e) => Je(mt(e))
   }
 };
-function Br(e, n) {
+function Wr(e, n) {
   if (!n || n[0] !== "oklab")
     return;
   const t = { mode: "oklab" }, [, r, o, i, a] = n;
@@ -1983,7 +1983,7 @@ function Br(e, n) {
     )), t;
 }
 const Zr = {
-  ...An,
+  ...Vn,
   mode: "oklab",
   toMode: {
     lrgb: ke,
@@ -1998,7 +1998,7 @@ const Zr = {
     a: [-0.4, 0.4],
     b: [-0.4, 0.4]
   },
-  parse: [Br],
+  parse: [Wr],
   serialize: (e) => `oklab(${e.l !== void 0 ? e.l : "none"} ${e.a !== void 0 ? e.a : "none"} ${e.b !== void 0 ? e.b : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`
 };
 function Ur(e, n) {
@@ -2033,12 +2033,12 @@ const Jr = {
   ...qn,
   mode: "oklch",
   toMode: {
-    oklab: (e) => B(e, "oklab"),
-    rgb: (e) => Je(B(e, "oklab"))
+    oklab: (e) => W(e, "oklab"),
+    rgb: (e) => Je(W(e, "oklab"))
   },
   fromMode: {
-    rgb: (e) => W(Ue(e), "oklch"),
-    oklab: (e) => W(e, "oklch")
+    rgb: (e) => B(Ue(e), "oklch"),
+    oklab: (e) => B(e, "oklch")
   },
   parse: [Ur],
   serialize: (e) => `oklch(${e.l !== void 0 ? e.l : "none"} ${e.c !== void 0 ? e.c : "none"} ${e.h !== void 0 ? e.h : "none"}${e.alpha < 1 ? ` / ${e.alpha}` : ""})`,
@@ -2208,7 +2208,7 @@ const Jr = {
   serialize: "xyz-d50",
   toMode: {
     rgb: ye,
-    lab: Vn
+    lab: An
   },
   fromMode: {
     rgb: ve,
@@ -2326,12 +2326,12 @@ v(ar);
 v(fr);
 v(sr);
 v(Dt);
-v(Wt);
+v(Bt);
 v(yr);
 v(vr);
 v($r);
 v(zr);
-v(An);
+v(Vn);
 v(Nr);
 v(qn);
 v(Pr);
@@ -2339,7 +2339,7 @@ v(qr);
 v(Or);
 v(jr);
 v(Yr);
-v(Wr);
+v(Br);
 v(Zr);
 v(Jr);
 v(Kr);
@@ -2435,7 +2435,7 @@ const vo = /* @__PURE__ */ $t({
   ...k0("ColorPicker"),
   __name: "ColorPicker",
   props: {
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     color: {},
     defaultColor: { default: "#ffffffff" },
     format: {},
@@ -2462,7 +2462,7 @@ const vo = /* @__PURE__ */ $t({
     }), b = te(
       () => d.value && t.includes(d.value) ? d.value : "hex"
     ), c = (y) => ["hex", "hex8"].includes(y) ? "hex" : y, p = te(() => c(b.value)), x = te(() => r.hideAlpha || b.value === "hex"), k = "#ffffffff", w = te(() => s.value ?? r.defaultColor ?? k);
-    h0(w, V);
+    h0(w, A);
     const $ = te(() => {
       const y = p.value, m = M[y];
       return y.split("").map((g) => {
@@ -2524,7 +2524,7 @@ const vo = /* @__PURE__ */ $t({
       }
       ((S = i.value) == null ? void 0 : S.nodeType) === 1 && ((L = a.value) == null ? void 0 : L.nodeType) === 1 && ((de = f.value) == null ? void 0 : de.nodeType) === 1 && U(i.value, a.value, f.value);
     }
-    function V(y) {
+    function A(y) {
       const m = et(y);
       if (m !== null)
         R(m.format, m.color);
@@ -2561,15 +2561,15 @@ const vo = /* @__PURE__ */ $t({
       const m = y.currentTarget, g = Number(m.step), z = ["ArrowLeft", "ArrowDown"].includes(y.key) ? -1 : 1, S = Number(m.value) + z * g * 10, L = xe(S, Number(m.min), Number(m.max));
       m.value = String(L - z * g);
     }
-    const { openEyeDropper: F } = Mo(V);
-    zt(() => V(w.value)), $o({ colorSpace: a, thumb: f, colors: M, setColor: R });
+    const { openEyeDropper: F } = Mo(A);
+    zt(() => A(w.value)), $o({ colorSpace: a, thumb: f, colors: M, setColor: R });
     const I = me(ie, "slider");
     return (y, m) => (K(), Te("div", {
       ref_key: "colorPicker",
       ref: i,
       class: G(_(be)(_(ie), r.class))
     }, [
-      Wn(vo),
+      Bn(vo),
       Ne("div", {
         class: G(_(me)(_(ie), "sliders"))
       }, [
@@ -2583,7 +2583,7 @@ const vo = /* @__PURE__ */ $t({
           onKeydownPassive: D,
           onInput: m[0] || (m[0] = (g) => j(g, "h"))
         }, null, 42, ko),
-        x.value ? Bn("", !0) : (K(), Te("input", {
+        x.value ? Wn("", !0) : (K(), Te("input", {
           key: 0,
           class: G(_(be)(_(I), _(Jn)(_(I), "alpha"))),
           value: M.hsv.a,
@@ -2598,7 +2598,7 @@ const vo = /* @__PURE__ */ $t({
       Ne("div", {
         class: G(_(me)(_(ie), "inputs"))
       }, [
-        Wn(M0, {
+        Bn(M0, {
           options: ["hex", "hsl", "hwb", "rgb"],
           size: "sm",
           modelValue: _(d),
@@ -2626,7 +2626,7 @@ const vo = /* @__PURE__ */ $t({
           size: "sm",
           type: "outline",
           variant: "icon"
-        }, null, 8, ["onClick"])) : Bn("", !0)
+        }, null, 8, ["onClick"])) : Wn("", !0)
       ], 2)
     ], 2));
   }