bitboss-ui 2.1.82 → 2.1.83

package/dist/index224.js

@@ -1,17 +1,203 @@
-import { isNil as f } from "./index239.js";
-import { computed as t, unref as o } from "vue";
-const a = ({ modelValue: e, iteratee: h, multiple: u }) => {
-  const i = t(
-    () => new Array().concat(o(e))
-  ), s = t(() => i.value.reduce(
-    (r, n) => (h(n) ? r.coherent.push(n) : r.incoherent.push(n), r),
-    { coherent: [], incoherent: [] }
-  )), c = t(() => u && !o(e).length || !u && f(o(e)) ? !0 : !s.value.incoherent.length);
-  return {
-    status: s,
-    coherent: c
-  };
-};
+import { defineComponent as j, ref as s, onMounted as J, watch as Q, createElementBlock as M, openBlock as S, createElementVNode as x, createTextVNode as L, createCommentVNode as B, toDisplayString as y, unref as w } from "vue";
+import { hexToRgb as K } from "./index340.js";
+import { getHueFromRGB as F } from "./index341.js";
+import { hslToHex as b } from "./index342.js";
+import { useLocale as Z } from "./index220.js";
+const ee = {
+  id: "mainCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, te = { key: 0 }, ae = {
+  id: "hueCanvasDesc",
+  "aria-live": "polite",
+  class: "sr-only"
+}, ne = { key: 0 }, ue = /* @__PURE__ */ j({
+  __name: "ColorPallette",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(N, { emit: O }) {
+    const _ = N, f = O, { t: h } = Z(), o = s(_.modelValue), d = s(
+      b(F(...K(o.value ?? "#ff0000")), 100, 50)
+    ), T = s(null), i = s(null), r = s(null), l = s({ x: 0, y: 0 }), u = s({ x: 0 }), p = s(!1), P = s(!1), q = () => {
+      const e = i.value, t = r.value;
+      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), g());
+    }, R = () => {
+      const e = i.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, v = () => {
+      const e = i.value;
+      if (!e) return;
+      const t = R();
+      if (!t) return;
+      t.clearRect(0, 0, e.width, e.height);
+      const a = t.createLinearGradient(0, 0, e.width, 0);
+      a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
+      const n = t.createLinearGradient(0, 0, 0, e.height);
+      n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
+    }, m = () => {
+      const e = R();
+      e && (e.beginPath(), e.arc(
+        l.value.x,
+        l.value.y,
+        8,
+        0,
+        2 * Math.PI
+      ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
+        l.value.x,
+        l.value.y,
+        7,
+        0,
+        2 * Math.PI
+      ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
+    }, D = () => {
+      const e = r.value;
+      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
+    }, g = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = D();
+      if (!t) return;
+      const a = t.createLinearGradient(0, 0, e.width, 0);
+      for (let n = 0; n <= 360; n += 60)
+        a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
+      a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), H(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
+    }, H = () => {
+      const e = r.value;
+      if (!e) return;
+      const t = D();
+      if (!t) return;
+      const a = 10, n = 16, c = u.value.x - a / 2, k = e.height / 2 - n / 2;
+      t.beginPath(), t.roundRect(c, k, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
+    }, E = (e) => {
+      const t = i.value;
+      t && (t.setPointerCapture(e.pointerId), p.value = !0, I(e));
+    }, U = (e) => {
+      const t = r.value;
+      t && (t.setPointerCapture(e.pointerId), P.value = !0, V(e));
+    }, I = (e) => {
+      const t = i.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left)), c = Math.max(0, Math.min(t.height - 1, e.clientY - a.top));
+      l.value = { x: n, y: c }, v(), m(), o.value = C(), f("update:modelValue", o.value);
+    }, V = (e) => {
+      const t = r.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left));
+      u.value = { x: n };
+      const c = n / t.width * 360;
+      d.value = b(c, 100, 50), g(), v(), m(), o.value = C(), f("update:modelValue", o.value);
+    }, G = (e) => {
+      p.value ? I(e) : P.value && V(e);
+    }, W = (e) => {
+      const t = p.value ? i.value : r.value;
+      t && t.releasePointerCapture(e.pointerId), p.value = !1, P.value = !1;
+    }, X = (e) => {
+      switch (e.key) {
+        case "ArrowUp":
+          l.value.y = Math.max(0, l.value.y - 5);
+          break;
+        case "ArrowDown":
+          l.value.y = Math.min(
+            i.value?.height ?? 0,
+            l.value.y + 5
+          );
+          break;
+        case "ArrowLeft":
+          l.value.x = Math.max(0, l.value.x - 5);
+          break;
+        case "ArrowRight":
+          l.value.x = Math.min(
+            i.value?.width ?? 0,
+            l.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
+    }, $ = (e) => {
+      switch (e.key) {
+        case "ArrowLeft":
+          u.value.x = Math.max(0, u.value.x - 5);
+          break;
+        case "ArrowRight":
+          u.value.x = Math.min(
+            r.value?.width ?? 0,
+            u.value.x + 5
+          );
+          break;
+        default:
+          return;
+      }
+      const a = u.value.x / (r.value?.width ?? 1) * 360;
+      d.value = b(a, 100, 50), g(), H(), v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
+    };
+    J(() => {
+      q(), A(o.value ?? "#ff0000");
+    }), Q(
+      () => _.modelValue,
+      (e) => {
+        !e || e === o.value || (o.value = e, A(e), g(), v());
+      }
+    );
+    const C = () => {
+      const e = i.value;
+      if (!e) return "#ffffff";
+      const t = e.getContext("2d");
+      if (!t) return "#ffffff";
+      const { x: a, y: n } = l.value, c = t.getImageData(a, n, 1, 1).data, [k, z, Y] = c;
+      return `#${((1 << 24) + (k << 16) + (z << 8) + Y).toString(16).slice(1)}`;
+    };
+    function A(e) {
+      const t = F(...K(e));
+      d.value = b(t, 100, 50), u.value.x = t / 360 * (r.value?.width ?? 0);
+    }
+    return (e, t) => (S(), M("span", {
+      ref_key: "paletteRef",
+      ref: T,
+      "aria-label": "Color Picker",
+      class: "bb-color-palette",
+      role: "application"
+    }, [
+      x("canvas", {
+        ref_key: "mainCanvasRef",
+        ref: i,
+        "aria-describedby": "mainCanvasDesc",
+        "aria-label": "Main Color Selection",
+        class: "bb-color-palette__canvas",
+        role: "application",
+        tabindex: "0",
+        onKeydown: X,
+        onPointerdown: E,
+        onPointermove: G,
+        onPointerup: W
+      }, null, 544),
+      x("span", ee, [
+        L(y(w(h)("colorInput.mainCanvasDesc")) + " ", 1),
+        o.value ? (S(), M("span", te, y(w(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : B("", !0)
+      ]),
+      x("canvas", {
+        ref_key: "hueCanvasRef",
+        ref: r,
+        "aria-describedby": "hueCanvasDesc",
+        "aria-label": "Hue Selection",
+        class: "bb-color-palette__hue-canvas",
+        role: "application",
+        tabindex: "0",
+        onKeydown: $,
+        onPointerdown: U,
+        onPointermove: G,
+        onPointerup: W
+      }, null, 544),
+      x("span", ae, [
+        L(y(w(h)("colorInput.hueCanvasDesc")) + " ", 1),
+        d.value ? (S(), M("span", ne, y(w(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : B("", !0)
+      ])
+    ], 512));
+  }
+});
 export {
-  a as useCoherence
+  ue as default
 };

package/dist/index226.js

@@ -1,14 +1,137 @@
-import { hash as e } from "./index225.js";
-import { debouncedWatch as s } from "./index214.js";
-const n = (o, c, h) => {
-  s(
-    o,
-    (r, t) => {
-      e(r) !== e(t) && c(r, t);
-    },
-    h
-  );
-};
+import { defineComponent as A, mergeModels as L, useModel as T, ref as c, computed as a, watch as F, onMounted as S, createBlock as N, openBlock as w, resolveDynamicComponent as U, mergeProps as g, unref as y, withModifiers as h, withCtx as j, createElementVNode as q, createElementBlock as I, createCommentVNode as R, renderSlot as X, nextTick as z } from "vue";
+import { useCancelableFunction as G } from "./index335.js";
+import { useUntil as H } from "./index221.js";
+import { extractDomContainer as x } from "./index237.js";
+import { waitFor as J } from "./index336.js";
+import { arrow as K, useFloating as O } from "./index337.js";
+import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index338.js";
+const oe = {
+  key: 0,
+  class: "bb-common-popover__bubble"
+}, ue = /* @__PURE__ */ A({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ L({
+    arrowPadding: {},
+    eager: { type: Boolean },
+    offset: {},
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    anchor: {},
+    boundary: {},
+    dialog: { type: Boolean },
+    hideArrow: { type: Boolean },
+    tag: { default: "span" },
+    flip: { type: Boolean, default: !0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const o = m, r = T(m, "modelValue"), s = c(r.value), C = a(() => o.dialog ? "dialog" : "span"), t = c(), f = c(), _ = a(() => {
+      const e = o.anchor;
+      return e && typeof e == "object" && "getBoundingClientRect" in e && !(e instanceof Element) ? e : x(e);
+    }), B = H(r, { initialValue: o.eager }), P = a(() => {
+      if (o.boundary)
+        return typeof o.boundary == "string" ? document.querySelector(o.boundary) ?? void 0 : x(o.boundary) ?? void 0;
+    }), k = a(() => {
+      const e = P.value;
+      return [
+        ...o.flip ? [Q(e ? { boundary: e } : void 0)] : [],
+        W(o.offset),
+        Y({ padding: o.padding, ...e ? { boundary: e } : {} }),
+        Z(),
+        ...o.hideArrow ? [] : [
+          K({
+            element: f,
+            padding: o.arrowPadding
+          })
+        ]
+      ];
+    }), { floatingStyles: E, placement: M, middlewareData: u, update: v } = O(
+      _,
+      t,
+      {
+        placement: o.placement,
+        whileElementsMounted: ee,
+        middleware: k,
+        strategy: "fixed"
+      }
+    ), { execute: b } = G(
+      ({ signal: e }, n) => new Promise((l) => {
+        let i;
+        const p = () => {
+          i && clearTimeout(i);
+        };
+        e.addEventListener("abort", p), n ? ($(), v(), J(() => !!t.value).then(() => {
+          s.value = !0, e.removeEventListener("abort", p), l(void 0);
+        })) : (s.value = !1, i = setTimeout(() => {
+          z(() => {
+            t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", p), v(), l(void 0);
+          });
+        }, o.transitionDuration));
+      })
+    ), $ = () => {
+      if (!t.value) return;
+      if (!o.dialog) return t.value.showPopover();
+      t.value.showModal();
+    };
+    F(r, b), S(() => {
+      r.value && b(r.value);
+    });
+    const D = a(() => {
+      const e = r.value ? void 0 : -1, n = Math.round(u.value.arrow?.x ?? 0), l = o.dialog ? void 0 : "manual";
+      return {
+        style: {
+          ...E.value,
+          "--transition-duration": `${o.transitionDuration}ms`,
+          "--page-padding": `${o.padding}px`,
+          "--arrow-offset-x": `${n}px`
+        },
+        popover: l,
+        tabindex: e
+      };
+    }), V = a(() => {
+      if (u.value.arrow) {
+        const { x: e, y: n } = u.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${n}px`
+          }
+        };
+      }
+    }), d = () => {
+      r.value = !1;
+    };
+    return (e, n) => (w(), N(U(C.value), g({
+      ref_key: "wrapper",
+      ref: t,
+      class: ["bb-common-popover", {
+        "bb-common-popover--open": s.value,
+        "bb-common-popover--no-arrow": e.hideArrow,
+        [`bb-common-popover--${y(M)}`]: !0
+      }]
+    }, D.value, {
+      onClick: h(d, ["self", "stop"]),
+      onContextmenu: h(d, ["self", "stop", "prevent"]),
+      onClose: d
+    }), {
+      default: j(() => [
+        q("span", g({
+          ref_key: "bubblearrow",
+          ref: f,
+          class: "bb-common-popover__arrow"
+        }, V.value), null, 16),
+        y(B) ? (w(), I("span", oe, [
+          X(e.$slots, "default")
+        ])) : R("", !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
 export {
-  n as useHashedWatcher
+  ue as default
 };

package/dist/index228.js

@@ -1,6 +1,5 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+import r from "./index306.js";
+const t = r;
 export {
-  x as isHex
+  t as deburr
 };

package/dist/index229.js

@@ -1,15 +1,8 @@
-import { locales as t } from "./index301.js";
-import { _config as m } from "./index4.js";
-import { get as c } from "./index271.js";
-import { readonly as l, computed as n } from "vue";
-const p = (o, ...r) => l(
-  n(() => c(t[m.locale], o).replace(
-    /\{(\d+)\}/g,
-    (a, e) => r[e]
-  ))
-), d = () => ({
-  t: p
-});
+import e from "./index303.js";
+import o from "./index304.js";
+import r from "./index305.js";
+const f = new r(o, e)._freeze();
 export {
-  d as useLocale
+  r as Mime,
+  f as default
 };

package/dist/index23.js

@@ -9,15 +9,15 @@ import Pe from "./index248.js";
 import { identity as Re } from "./index249.js";
 import { isEmpty as qe } from "./index250.js";
 import { useId as Te } from "./index8.js";
-import { useLocale as je } from "./index229.js";
+import { useLocale as je } from "./index220.js";
 import { useMobile as Ne } from "./index9.js";
-import { vMaska as _e } from "./index230.js";
+import { vMaska as _e } from "./index223.js";
 import He from "./index21.js";
 /* empty css        */
 import We from "./index136.js";
 /* empty css         */
 import Ue from "./index138.js";
-import Ke from "./index233.js";
+import Ke from "./index226.js";
 /* empty css         */
 const ze = { class: "bb-base-date-picker-input__inner-wrapper" }, Ge = ["id", "aria-invalid", "aria-label", "autocomplete", "autofocus", "disabled", "name", "readonly", "required", "value"], Xe = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Ze = ["id", "aria-invalid", "aria-label", "autocomplete", "disabled", "name", "readonly", "required", "value"], Je = ["id", "aria-invalid", "autocomplete", "autofocus", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Qe = ["aria-label", "aria-expanded", "disabled"], xe = ["inert"], K = "DD/MM/YYYY", k = "YYYY-MM-DD", Da = /* @__PURE__ */ Ye({
   __name: "BaseDatePickerInput",

package/dist/index230.js

@@ -1,22 +1,18 @@
-import { MaskInput as r } from "./index265.js";
-const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
-  if (a.arg == null || a.instance == null) return;
-  const s = "setup" in a.instance.$.type;
-  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
-}, k = (a, n) => {
-  var s;
-  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
-  if (t == null || t?.type === "file") return;
-  let e = {};
-  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
-    const l = (o) => {
-      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
-      p(n, i);
-    };
-    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+const e = (o, r, f) => o.reduce((t, n) => {
+  if (t) return t;
+  if (f(n))
+    return n;
+  if (r in n) {
+    const i = e(
+      [].concat(n[r]),
+      r,
+      f
+    );
+    if (i)
+      return i;
   }
-  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
-};
+  return t;
+}, null);
 export {
-  k as vMaska
+  e as findInTree
 };

package/dist/index231.js

@@ -1,203 +1,4 @@
-import { defineComponent as j, ref as s, onMounted as J, watch as Q, createElementBlock as M, openBlock as S, createElementVNode as x, createTextVNode as L, createCommentVNode as B, toDisplayString as y, unref as w } from "vue";
-import { hexToRgb as K } from "./index338.js";
-import { getHueFromRGB as F } from "./index339.js";
-import { hslToHex as b } from "./index340.js";
-import { useLocale as Z } from "./index229.js";
-const ee = {
-  id: "mainCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, te = { key: 0 }, ae = {
-  id: "hueCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, ne = { key: 0 }, ue = /* @__PURE__ */ j({
-  __name: "ColorPallette",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(N, { emit: O }) {
-    const _ = N, f = O, { t: h } = Z(), o = s(_.modelValue), d = s(
-      b(F(...K(o.value ?? "#ff0000")), 100, 50)
-    ), T = s(null), i = s(null), r = s(null), l = s({ x: 0, y: 0 }), u = s({ x: 0 }), p = s(!1), P = s(!1), q = () => {
-      const e = i.value, t = r.value;
-      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), g());
-    }, R = () => {
-      const e = i.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = i.value;
-      if (!e) return;
-      const t = R();
-      if (!t) return;
-      t.clearRect(0, 0, e.width, e.height);
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
-      const n = t.createLinearGradient(0, 0, 0, e.height);
-      n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, m = () => {
-      const e = R();
-      e && (e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        8,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        7,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
-    }, D = () => {
-      const e = r.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, g = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = D();
-      if (!t) return;
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      for (let n = 0; n <= 360; n += 60)
-        a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
-      a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), H(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, H = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = D();
-      if (!t) return;
-      const a = 10, n = 16, c = u.value.x - a / 2, k = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(c, k, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, E = (e) => {
-      const t = i.value;
-      t && (t.setPointerCapture(e.pointerId), p.value = !0, I(e));
-    }, U = (e) => {
-      const t = r.value;
-      t && (t.setPointerCapture(e.pointerId), P.value = !0, V(e));
-    }, I = (e) => {
-      const t = i.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left)), c = Math.max(0, Math.min(t.height - 1, e.clientY - a.top));
-      l.value = { x: n, y: c }, v(), m(), o.value = C(), f("update:modelValue", o.value);
-    }, V = (e) => {
-      const t = r.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left));
-      u.value = { x: n };
-      const c = n / t.width * 360;
-      d.value = b(c, 100, 50), g(), v(), m(), o.value = C(), f("update:modelValue", o.value);
-    }, G = (e) => {
-      p.value ? I(e) : P.value && V(e);
-    }, W = (e) => {
-      const t = p.value ? i.value : r.value;
-      t && t.releasePointerCapture(e.pointerId), p.value = !1, P.value = !1;
-    }, X = (e) => {
-      switch (e.key) {
-        case "ArrowUp":
-          l.value.y = Math.max(0, l.value.y - 5);
-          break;
-        case "ArrowDown":
-          l.value.y = Math.min(
-            i.value?.height ?? 0,
-            l.value.y + 5
-          );
-          break;
-        case "ArrowLeft":
-          l.value.x = Math.max(0, l.value.x - 5);
-          break;
-        case "ArrowRight":
-          l.value.x = Math.min(
-            i.value?.width ?? 0,
-            l.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
-    }, $ = (e) => {
-      switch (e.key) {
-        case "ArrowLeft":
-          u.value.x = Math.max(0, u.value.x - 5);
-          break;
-        case "ArrowRight":
-          u.value.x = Math.min(
-            r.value?.width ?? 0,
-            u.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      const a = u.value.x / (r.value?.width ?? 1) * 360;
-      d.value = b(a, 100, 50), g(), H(), v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      q(), A(o.value ?? "#ff0000");
-    }), Q(
-      () => _.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, A(e), g(), v());
-      }
-    );
-    const C = () => {
-      const e = i.value;
-      if (!e) return "#ffffff";
-      const t = e.getContext("2d");
-      if (!t) return "#ffffff";
-      const { x: a, y: n } = l.value, c = t.getImageData(a, n, 1, 1).data, [k, z, Y] = c;
-      return `#${((1 << 24) + (k << 16) + (z << 8) + Y).toString(16).slice(1)}`;
-    };
-    function A(e) {
-      const t = F(...K(e));
-      d.value = b(t, 100, 50), u.value.x = t / 360 * (r.value?.width ?? 0);
-    }
-    return (e, t) => (S(), M("span", {
-      ref_key: "paletteRef",
-      ref: T,
-      "aria-label": "Color Picker",
-      class: "bb-color-palette",
-      role: "application"
-    }, [
-      x("canvas", {
-        ref_key: "mainCanvasRef",
-        ref: i,
-        "aria-describedby": "mainCanvasDesc",
-        "aria-label": "Main Color Selection",
-        class: "bb-color-palette__canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: X,
-        onPointerdown: E,
-        onPointermove: G,
-        onPointerup: W
-      }, null, 544),
-      x("span", ee, [
-        L(y(w(h)("colorInput.mainCanvasDesc")) + " ", 1),
-        o.value ? (S(), M("span", te, y(w(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : B("", !0)
-      ]),
-      x("canvas", {
-        ref_key: "hueCanvasRef",
-        ref: r,
-        "aria-describedby": "hueCanvasDesc",
-        "aria-label": "Hue Selection",
-        class: "bb-color-palette__hue-canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: $,
-        onPointerdown: U,
-        onPointermove: G,
-        onPointerup: W
-      }, null, 544),
-      x("span", ae, [
-        L(y(w(h)("colorInput.hueCanvasDesc")) + " ", 1),
-        d.value ? (S(), M("span", ne, y(w(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : B("", !0)
-      ])
-    ], 512));
-  }
-});
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  ue as default
+  s as isCssColor
 };

package/dist/index232.js

@@ -0,0 +1,13 @@
+function c(n, r, e) {
+  const i = typeof r == "string" ? r.split(".") : r;
+  let t = n;
+  for (const o of i)
+    if (t && typeof t == "object" && o in t)
+      t = t[o];
+    else
+      return e;
+  return t === void 0 ? e : t;
+}
+export {
+  c as get
+};