bitboss-ui 2.1.99 → 2.1.100

package/dist/index261.js

@@ -1,36 +1,5 @@
-import { defineComponent as a, resolveComponent as o, createBlock as u, openBlock as l, resolveDynamicComponent as m, unref as c, withCtx as p, renderSlot as f } from "vue";
-import { _config as e } from "./index4.js";
-import { useLogger as i } from "./index271.js";
-import { useFrameworkDetection as k } from "./index143.js";
-const y = /* @__PURE__ */ a({
-  __name: "RouterComponent",
-  setup(g) {
-    const { isInertia: r, isNuxt: s } = k();
-    let t;
-    if (r) {
-      if (t = o(e.inertiaLinkName), typeof t == "string") {
-        const { warn: n } = i();
-        n(
-          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else if (s) {
-      if (t = o(e.nuxtLinkName), typeof t == "string") {
-        const { warn: n } = i();
-        n(
-          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else
-      t = "router-link";
-    return (n, d) => (l(), u(m(c(t)), null, {
-      default: p(() => [
-        f(n.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
+import { hash as r } from "./index244.js";
+const a = (o, t) => r(o) === r(t);
 export {
-  y as default
+  a as isEqual
 };

package/dist/index262.js

@@ -1,35 +1,4 @@
-import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-/* empty css         */
-import n from "./index215.js";
-const l = {}, s = {
-  class: "bb-error-icon",
-  fill: "none",
-  viewBox: "0 0 20 20",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function i(c, r) {
-  return t(), e("svg", s, r[0] || (r[0] = [
-    o("path", {
-      d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
-      fill: "currentColor"
-    }, null, -1),
-    o("path", {
-      d: "M9.99414 6.66666V9.99999",
-      stroke: "white",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, null, -1),
-    o("path", {
-      d: "M9.99414 13.3333H10.0025",
-      stroke: "white",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2"
-    }, null, -1)
-  ]));
-}
-const a = /* @__PURE__ */ n(l, [["render", i]]);
+const o = (e) => typeof e == "boolean" ? e : e === "true";
 export {
-  a as default
+  o as booleanishToBoolean
 };

package/dist/index263.js

@@ -1,30 +1,190 @@
-import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
-import { useLocale as s } from "./index231.js";
-const c = ["aria-label"], b = /* @__PURE__ */ l({
-  __name: "ClearableButton",
-  setup(u) {
-    const { t: o } = s();
-    return (i, e) => (r(), n("button", {
-      "aria-label": a(o)("common.clearLabel").value,
-      class: "bb-clearable-button",
-      type: "button"
-    }, e[0] || (e[0] = [
-      t("svg", {
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, [
-        t("path", {
-          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
-          fill: "none",
-          stroke: "currentColor",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round",
-          "stroke-width": "2"
-        })
-      ], -1)
-    ]), 8, c));
-  }
-});
+var C = Object.defineProperty, x = (a, e, t) => e in a ? C(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, y = (a, e, t) => x(a, typeof e != "symbol" ? e + "" : e, t);
+const M = {
+  "#": { pattern: /[0-9]/ },
+  "@": { pattern: /[a-zA-Z]/ },
+  "*": { pattern: /[a-zA-Z0-9]/ }
+}, w = (a, e, t) => a.replaceAll(e, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), N = (a, e, t) => {
+  var s;
+  return new Intl.NumberFormat(((s = t.number) == null ? void 0 : s.locale) ?? "en", {
+    minimumFractionDigits: a,
+    maximumFractionDigits: e,
+    roundingMode: "trunc"
+  });
+}, P = (a, e = !0, t) => {
+  var s, r, n, l;
+  const u = ((s = t.number) == null ? void 0 : s.unsigned) !== !0 && a.startsWith("-") ? "-" : "", p = ((r = t.number) == null ? void 0 : r.fraction) ?? 0;
+  let o = N(0, p, t);
+  const k = o.formatToParts(1000.12), m = ((n = k.find((i) => i.type === "group")) == null ? void 0 : n.value) ?? " ", f = ((l = k.find((i) => i.type === "decimal")) == null ? void 0 : l.value) ?? ".", c = w(a, m, f);
+  if (Number.isNaN(parseFloat(c))) return u;
+  const v = c.split(".");
+  if (v[1] != null && v[1].length >= 1) {
+    const i = v[1].length <= p ? v[1].length : p;
+    o = N(i, p, t);
+  }
+  let d = o.format(parseFloat(c));
+  return e ? p > 0 && c.endsWith(".") && !c.slice(0, -1).includes(".") && (d += f) : d = w(d, m, f), u + d;
+}, I = (a) => JSON.parse(a.replaceAll("'", '"')), T = (a, e = {}) => {
+  const t = { ...e };
+  a.dataset.maska != null && a.dataset.maska !== "" && (t.mask = F(a.dataset.maska)), a.dataset.maskaEager != null && (t.eager = E(a.dataset.maskaEager)), a.dataset.maskaReversed != null && (t.reversed = E(a.dataset.maskaReversed)), a.dataset.maskaTokensReplace != null && (t.tokensReplace = E(a.dataset.maskaTokensReplace)), a.dataset.maskaTokens != null && (t.tokens = O(a.dataset.maskaTokens));
+  const s = {};
+  return a.dataset.maskaNumberLocale != null && (s.locale = a.dataset.maskaNumberLocale), a.dataset.maskaNumberFraction != null && (s.fraction = parseInt(a.dataset.maskaNumberFraction)), a.dataset.maskaNumberUnsigned != null && (s.unsigned = E(a.dataset.maskaNumberUnsigned)), (a.dataset.maskaNumber != null || Object.values(s).length > 0) && (t.number = s), t;
+}, E = (a) => a !== "" ? !!JSON.parse(a) : !0, F = (a) => a.startsWith("[") && a.endsWith("]") ? I(a) : a, O = (a) => {
+  if (a.startsWith("{") && a.endsWith("}"))
+    return I(a);
+  const e = {};
+  return a.split("|").forEach((t) => {
+    const s = t.split(":");
+    e[s[0]] = {
+      pattern: S() ? new RegExp(s[1], "u") : new RegExp(s[1]),
+      optional: s[2] === "optional",
+      multiple: s[2] === "multiple",
+      repeated: s[2] === "repeated"
+    };
+  }), e;
+}, S = () => {
+  try {
+    return new RegExp("\\p{L}", "u"), !0;
+  } catch {
+    return !1;
+  }
+};
+class W {
+  constructor(e = {}) {
+    y(this, "opts", {}), y(this, "memo", /* @__PURE__ */ new Map());
+    const t = { ...e };
+    if (t.tokens != null) {
+      t.tokens = t.tokensReplace ? { ...t.tokens } : { ...M, ...t.tokens };
+      for (const s of Object.values(t.tokens))
+        typeof s.pattern == "string" && (s.pattern = S() ? new RegExp(s.pattern, "u") : new RegExp(s.pattern));
+    } else
+      t.tokens = M;
+    Array.isArray(t.mask) && (t.mask.length > 1 ? t.mask = [...t.mask].sort((s, r) => s.length - r.length) : t.mask = t.mask[0] ?? ""), t.mask === "" && (t.mask = null), this.opts = t;
+  }
+  masked(e) {
+    return this.process(String(e), this.findMask(String(e)));
+  }
+  unmasked(e) {
+    return this.process(String(e), this.findMask(String(e)), !1);
+  }
+  isEager() {
+    return this.opts.eager === !0;
+  }
+  isReversed() {
+    return this.opts.reversed === !0;
+  }
+  completed(e) {
+    const t = this.findMask(String(e));
+    if (this.opts.mask == null || t == null) return !1;
+    const s = this.process(String(e), t).length;
+    return typeof this.opts.mask == "string" ? s >= this.opts.mask.length : s >= t.length;
+  }
+  findMask(e) {
+    const t = this.opts.mask;
+    if (t == null)
+      return null;
+    if (typeof t == "string")
+      return t;
+    if (typeof t == "function")
+      return t(e);
+    const s = this.process(e, t.slice(-1).pop() ?? "", !1);
+    return t.find((r) => this.process(e, r, !1).length >= s.length) ?? "";
+  }
+  escapeMask(e) {
+    const t = [], s = [];
+    return e.split("").forEach((r, n) => {
+      r === "!" && e[n - 1] !== "!" ? s.push(n - s.length) : t.push(r);
+    }), { mask: t.join(""), escaped: s };
+  }
+  process(e, t, s = !0) {
+    if (this.opts.number != null) return P(e, s, this.opts);
+    if (t == null) return e;
+    const r = `v=${e},mr=${t},m=${s ? 1 : 0}`;
+    if (this.memo.has(r)) return this.memo.get(r);
+    const { mask: n, escaped: l } = this.escapeMask(t), u = [], p = this.opts.tokens != null ? this.opts.tokens : {}, o = this.isReversed() ? -1 : 1, k = this.isReversed() ? "unshift" : "push", m = this.isReversed() ? 0 : n.length - 1, f = this.isReversed() ? () => i > -1 && h > -1 : () => i < n.length && h < e.length, c = (b) => !this.isReversed() && b <= m || this.isReversed() && b >= m;
+    let v, d = -1, i = this.isReversed() ? n.length - 1 : 0, h = this.isReversed() ? e.length - 1 : 0, R = !1;
+    for (; f(); ) {
+      const b = n.charAt(i), g = p[b], A = g?.transform != null ? g.transform(e.charAt(h)) : e.charAt(h);
+      if (!l.includes(i) && g != null ? (A.match(g.pattern) != null ? (u[k](A), g.repeated ? (d === -1 ? d = i : i === m && i !== d && (i = d - o), m === d && (i -= o)) : g.multiple && (R = !0, i -= o), i += o) : g.multiple ? R && (i += o, h -= o, R = !1) : A === v ? v = void 0 : g.optional && (i += o, h -= o), h += o) : (s && !this.isEager() && u[k](b), A === b && !this.isEager() ? h += o : v = b, this.isEager() || (i += o)), this.isEager())
+        for (; c(i) && (p[n.charAt(i)] == null || l.includes(i)); ) {
+          if (s) {
+            if (u[k](n.charAt(i)), e.charAt(h) === n.charAt(i)) {
+              i += o, h += o;
+              continue;
+            }
+          } else n.charAt(i) === e.charAt(h) && (h += o);
+          i += o;
+        }
+    }
+    return this.memo.set(r, u.join("")), this.memo.get(r);
+  }
+}
+class V {
+  constructor(e, t = {}) {
+    y(this, "items", /* @__PURE__ */ new Map()), y(this, "eventAbortController"), y(this, "onInput", (s) => {
+      if (s instanceof CustomEvent && s.type === "input" && !s.isTrusted && !s.bubbles)
+        return;
+      const r = s.target, n = this.items.get(r);
+      if (n === void 0) return;
+      const l = "inputType" in s && s.inputType.startsWith("delete"), u = n.isEager(), p = l && u && n.unmasked(r.value) === "" ? "" : r.value;
+      this.fixCursor(r, l, () => this.setValue(r, p));
+    }), this.options = t, this.eventAbortController = new AbortController(), this.init(this.getInputs(e));
+  }
+  update(e = {}) {
+    this.options = { ...e }, this.init(Array.from(this.items.keys()));
+  }
+  updateValue(e) {
+    var t;
+    e.value !== "" && e.value !== ((t = this.processInput(e)) == null ? void 0 : t.masked) && this.setValue(e, e.value);
+  }
+  destroy() {
+    this.eventAbortController.abort(), this.items.clear();
+  }
+  init(e) {
+    const t = this.getOptions(this.options);
+    for (const s of e) {
+      if (!this.items.has(s)) {
+        const { signal: n } = this.eventAbortController;
+        s.addEventListener("input", this.onInput, { capture: !0, signal: n });
+      }
+      const r = new W(T(s, t));
+      this.items.set(s, r), queueMicrotask(() => this.updateValue(s)), s.selectionStart === null && r.isEager() && console.warn("Maska: input of `%s` type is not supported", s.type);
+    }
+  }
+  getInputs(e) {
+    return typeof e == "string" ? Array.from(document.querySelectorAll(e)) : "length" in e ? Array.from(e) : [e];
+  }
+  getOptions(e) {
+    const { onMaska: t, preProcess: s, postProcess: r, ...n } = e;
+    return n;
+  }
+  fixCursor(e, t, s) {
+    var r, n;
+    const l = e.selectionStart, u = e.value;
+    if (s(), l === null || l === u.length && !t) return;
+    const p = e.value, o = u.slice(0, l), k = p.slice(0, l), m = (r = this.processInput(e, o)) == null ? void 0 : r.unmasked, f = (n = this.processInput(e, k)) == null ? void 0 : n.unmasked;
+    if (m === void 0 || f === void 0) return;
+    let c = l;
+    o !== k && (c += t ? p.length - u.length : m.length - f.length), e.setSelectionRange(c, c);
+  }
+  setValue(e, t) {
+    const s = this.processInput(e, t);
+    s !== void 0 && (e.value = s.masked, this.options.onMaska != null && (Array.isArray(this.options.onMaska) ? this.options.onMaska.forEach((r) => r(s)) : this.options.onMaska(s)), e.dispatchEvent(new CustomEvent("maska", { detail: s })), e.dispatchEvent(new CustomEvent("input", { detail: s.masked })));
+  }
+  processInput(e, t) {
+    const s = this.items.get(e);
+    if (s === void 0) return;
+    let r = t ?? e.value;
+    this.options.preProcess != null && (r = this.options.preProcess(r));
+    let n = s.masked(r);
+    return this.options.postProcess != null && (n = this.options.postProcess(n)), {
+      masked: n,
+      unmasked: s.unmasked(r),
+      completed: s.completed(r)
+    };
+  }
+}
 export {
-  b as default
+  W as Mask,
+  V as MaskInput,
+  M as tokens
 };

package/dist/index264.js

@@ -0,0 +1,5 @@
+import { isEmpty as o } from "./index232.js";
+const m = (t) => !o(t);
+export {
+  m as isNotEmpty
+};

package/dist/index265.js

@@ -1,25 +1,6 @@
-const i = (t) => {
-  const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
-  return parseFloat(n) || 0;
-};
-function s(t) {
-  if (typeof t == "number")
-    return {
-      value: i(t),
-      unit: "px"
-    };
-  if (typeof t == "string") {
-    const r = /^(-?\d*\.?\d+)([a-zA-Z%]*)?$/, e = t.match(r);
-    if (e) {
-      const [, n, o = "px"] = e, a = parseFloat(n);
-      return {
-        value: i(a),
-        unit: o
-      };
-    }
-  }
-  throw new Error(`Invalid width: ${t}`);
-}
+import { curry as e } from "./index305.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  s as parseWidthString
+  t as baseWhen,
+  s as when
 };

package/dist/index266.js

@@ -1,11 +1,6 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
-  }
-  return -1;
-};
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  o as findRightIndex
+  x as isHex
 };

package/dist/index267.js

@@ -1,25 +1,203 @@
-const e = {
-  inert: ":not([inert]):not([inert] *)",
-  negTabIndex: ':not([tabindex^="-"])',
-  disabled: ":not(:disabled)"
-}, n = [
-  `a[href]${e.inert}${e.negTabIndex}`,
-  `area[href]${e.inert}${e.negTabIndex}`,
-  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
-  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
-  `select${e.inert}${e.negTabIndex}${e.disabled}`,
-  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
-  `button${e.inert}${e.negTabIndex}${e.disabled}`,
-  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
-  // Discard until Firefox supports `:has()`
-  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
-  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
-  `iframe${e.inert}${e.negTabIndex}`,
-  `audio[controls]${e.inert}${e.negTabIndex}`,
-  `video[controls]${e.inert}${e.negTabIndex}`,
-  `[contenteditable]${e.inert}${e.negTabIndex}`,
-  `[tabindex]${e.inert}${e.negTabIndex}`
-];
+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 "./index342.js";
+import { getHueFromRGB as F } from "./index343.js";
+import { hslToHex as b } from "./index344.js";
+import { useLocale as Z } from "./index233.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 {
-  n as default
+  ue as default
 };

package/dist/index269.js

@@ -1,7 +1,8 @@
-import { getDefaultExportFromCjs as e } from "./index343.js";
-import { __require as r } from "./index322.js";
-var o = r();
-const f = /* @__PURE__ */ e(o);
+import e from "./index321.js";
+import o from "./index322.js";
+import r from "./index323.js";
+const f = new r(o, e)._freeze();
 export {
+  r as Mime,
   f as default
 };

package/dist/index270.js

@@ -1,8 +1,18 @@
-function e(t, r) {
-  if (!/\d{4}-\d{2}-\d{2}/.test(t))
-    throw new Error(`${r} must be in the format YYYY-MM-DD`);
+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;
+  }
   return t;
-}
+}, null);
 export {
-  e as validateDateFormat
+  e as findInTree
 };