bitboss-ui 2.1.34 → 2.1.35

package/dist/index246.js

@@ -1,231 +1,4 @@
-import { defineComponent as U, ref as f, computed as x, watch as D, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as v, renderSlot as m, createTextVNode as z, toDisplayString as g, unref as H, Fragment as Z, renderList as ee } from "vue";
-import { isNil as b } from "./index225.js";
-import { useVirtualizer as te } from "./index336.js";
-import { isNotNil as oe } from "./index143.js";
-import { hash as L } from "./index221.js";
-import { useLocale as ne } from "./index240.js";
-const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
-  key: 0,
-  class: "bb-listbox__loading"
-}, se = {
-  key: 1,
-  class: "bb-listbox__no-data"
-}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, be = /* @__PURE__ */ U({
-  __name: "ListBox",
-  props: {
-    compact: { type: Boolean },
-    options: {},
-    open: { type: Boolean },
-    loading: { type: Boolean },
-    multiple: { type: Boolean },
-    transitionDuration: { default: 250 },
-    loadingText: {},
-    noDataText: {}
-  },
-  emits: ["option:selected", "option:unselected"],
-  setup(N, { expose: V, emit: O }) {
-    const o = N, y = O, { t: I } = ne(), s = f(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
-      () => o.options.map((e) => ({ ...e, id: C(e.value) }))
-    ), c = te({
-      get count() {
-        return o.options.length;
-      },
-      getScrollElement: () => s.value ? s.value : null,
-      estimateSize: () => o.compact ? 32 : 40,
-      overscan: 5,
-      measureElement: () => o.compact ? 32 : 40,
-      useAnimationFrameWithResizeObserver: !0
-    }), F = (e) => {
-      e && c.value.measureElement(e);
-    }, M = x(() => c.value.getVirtualItems()), A = x(() => c.value.getTotalSize()), n = f(null), a = x(
-      () => o.open && o.options.some((e) => !e.disabled)
-    ), _ = (e = 1) => {
-      const l = b(n.value) ? -1 : n.value;
-      let t = (l + e) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = _(e + 1);
-      return t;
-    }, R = () => {
-      if (!a.value) return;
-      const e = _();
-      n.value = e, u();
-    }, S = (e = 1) => {
-      const l = b(n.value) ? 0 : n.value;
-      let t = (l - e + o.options.length) % o.options.length;
-      for (; o.options[t].disabled && t !== l; )
-        t = S(e + 1);
-      return t;
-    }, P = async () => {
-      if (!a.value) return;
-      const e = S();
-      n.value = e, u();
-    }, W = () => {
-      if (!a.value) return;
-      let e = 0;
-      for (; o.options[e].disabled; )
-        e++;
-      n.value = e, u();
-    }, q = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].disabled && e !== 0; )
-        e--;
-      n.value = e, u();
-    }, J = () => {
-      if (!a.value) return;
-      let e = 0;
-      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
-        e++;
-      n.value = e % o.options.length, u();
-    }, Y = () => {
-      if (!a.value) return;
-      let e = o.options.length - 1;
-      for (; o.options[e].selected && e > 0; )
-        e--;
-      n.value = e === -1 ? o.options.length - 1 : e, u();
-    }, j = (e) => {
-      if (!a.value) return;
-      const l = o.options.findIndex(
-        (t) => t.valueHash === e
-      );
-      l >= 0 && (n.value = l), u();
-    }, k = () => {
-      n.value = null;
-    }, u = () => {
-      s.value && oe(n.value) && c.value.scrollToIndex(n.value, {
-        align: "center",
-        behavior: "smooth"
-      });
-    }, w = () => {
-      if (b(n.value) || !o.open) return;
-      const e = o.options[n.value];
-      e.selected ? y("option:unselected", e) : y("option:selected", e);
-    }, B = f(0), E = () => {
-      s.value && (B.value = s.value.scrollHeight);
-    }, G = (e) => !e.disabled, K = (e) => {
-      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
-        if (!s.value.querySelector('[role="listbox"]'))
-          throw new Error("Could not find listbox in DOM tree.");
-        let t = e.target, r = t.dataset.index;
-        for (; b(r) && t.parentElement; )
-          t = t.parentElement, r = t.dataset.index;
-        if (r) {
-          const T = o.options[+r];
-          T && G(T) && (n.value = +r, w());
-        }
-      }
-    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
-    return D(
-      () => o.open,
-      () => {
-        E();
-      },
-      { flush: "post" }
-    ), D(
-      () => o.options,
-      (e, l) => {
-        L(e.map((t) => t.valueHash)) !== L(l.map((t) => t.valueHash)) && (c.value.calculateRange(), E(), k());
-      },
-      {
-        flush: "post"
-      }
-    ), V({
-      focusNext: R,
-      focusPrevious: P,
-      focusFirst: W,
-      focusFirstSelected: J,
-      focusLast: q,
-      focusLastSelected: Y,
-      blur: k,
-      confirmOption: w,
-      focusByHash: j,
-      getHighlighted: Q
-    }), (e, l) => (p(), d("span", {
-      class: $(["bb-listbox", {
-        "bb-listbox--compact": e.compact,
-        "bb-listbox--loading": e.loading,
-        "bb-listbox--multiple": e.multiple,
-        "bb-listbox--no-data": !i.value.length,
-        "bb-listbox--open": e.open
-      }]),
-      style: h({
-        "--transition-duration": `${e.transitionDuration}ms`,
-        "--overlay-min-height": `${B.value}px`
-      }),
-      onClick: X(K, ["stop"])
-    }, [
-      v("span", le, [
-        v("span", {
-          ref_key: "inner",
-          ref: s,
-          class: "bb-listbox__inner-container",
-          tabindex: "-1"
-        }, [
-          m(e.$slots, "options:prepend"),
-          e.loading && !e.options.length ? (p(), d("span", ie, [
-            m(e.$slots, "loading", {}, () => [
-              z(g(e.loadingText || H(I)("common.loadingText").value), 1)
-            ])
-          ])) : e.options.length ? (p(), d("span", {
-            key: 2,
-            role: "listbox",
-            style: h({
-              height: `${A.value}px`
-            }),
-            tabindex: "-1"
-          }, [
-            (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
-              key: i.value[t.index].value,
-              ref_for: !0,
-              ref: F,
-              "aria-selected": n.value === r ? !0 : void 0,
-              class: $({
-                "bb-listbox__option autocomplete-option": !0,
-                "autocomplete-option--focused": n.value === t.index,
-                "autocomplete-option--selected": i.value[t.index].selected,
-                "autocomplete-option--disabled": i.value[t.index].disabled
-              }),
-              "data-index": t.index,
-              role: "option",
-              style: h({
-                transform: `translateY(${t.start}px)`
-              })
-            }, [
-              m(e.$slots, "option", {
-                disabled: !!i.value[t.index].disabled,
-                focused: n.value === t.index,
-                index: t.index,
-                item: i.value[t.index].item,
-                selected: !!i.value[t.index].selected,
-                text: i.value[t.index].text,
-                value: i.value[t.index].value
-              }, () => [
-                l[0] || (l[0] = v("svg", {
-                  class: "autocomplete-option__checkbox",
-                  role: "presentation",
-                  viewBox: "276.411 158.834 114.971 114.97"
-                }, [
-                  v("path", {
-                    d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-                    fill: "none",
-                    "stroke-linecap": "round",
-                    "stroke-width": "14px"
-                  })
-                ], -1)),
-                v("span", ue, g(i.value[t.index].text), 1)
-              ])
-            ], 14, ae))), 128))
-          ], 4)) : (p(), d("span", se, [
-            m(e.$slots, "no-data", {}, () => [
-              z(g(e.noDataText || H(I)("common.noDataText").value), 1)
-            ])
-          ])),
-          m(e.$slots, "options:append")
-        ], 512)
-      ])
-    ], 6));
-  }
-});
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  be as default
+  s as isCssColor
 };

package/dist/index247.js

@@ -1,15 +1,6 @@
-import { ref as c, watch as f, toValue as u } from "vue";
-const p = (e, { initialValue: r = !1, nextValue: o = !0 } = {}) => {
-  const t = c(r);
-  if (r) return t;
-  const n = f(
-    () => u(e),
-    (s) => {
-      s && (t.value = o, n());
-    }
-  );
-  return t;
-};
+import { curry as e } from "./index314.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  p as useUntil
+  t as baseWhen,
+  s as when
 };

package/dist/index248.js

@@ -1,6 +1,185 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
+var w = Object.defineProperty, C = (a, e, t) => e in a ? w(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, A = (a, e, t) => C(a, typeof e != "symbol" ? e + "" : e, t);
+const R = {
+  "#": { pattern: /[0-9]/ },
+  "@": { pattern: /[a-zA-Z]/ },
+  "*": { pattern: /[a-zA-Z0-9]/ }
+}, N = (a, e, t) => a.replaceAll(e, "").replace(t, ".").replace("..", ".").replace(/[^.\d]/g, ""), I = (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 = I(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 = N(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 = I(i, p, t);
+  }
+  let d = o.format(parseFloat(c));
+  return e ? p > 0 && c.endsWith(".") && !c.slice(0, -1).includes(".") && (d += f) : d = N(d, m, f), u + d;
+};
+class T {
+  constructor(e = {}) {
+    A(this, "opts", {}), A(this, "memo", /* @__PURE__ */ new Map());
+    const t = { ...e };
+    if (t.tokens != null) {
+      t.tokens = t.tokensReplace ? { ...t.tokens } : { ...R, ...t.tokens };
+      for (const s of Object.values(t.tokens))
+        typeof s.pattern == "string" && (s.pattern = new RegExp(s.pattern));
+    } else
+      t.tokens = R;
+    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, M = !1;
+    for (; f(); ) {
+      const b = n.charAt(i), g = p[b], y = (g == null ? void 0 : g.transform) != null ? g.transform(e.charAt(h)) : e.charAt(h);
+      if (!l.includes(i) && g != null ? (y.match(g.pattern) != null ? (u[k](y), g.repeated ? (d === -1 ? d = i : i === m && i !== d && (i = d - o), m === d && (i -= o)) : g.multiple && (M = !0, i -= o), i += o) : g.multiple ? M && (i += o, h -= o, M = !1) : y === v ? v = void 0 : g.optional && (i += o, h -= o), h += o) : (s && !this.isEager() && u[k](b), y === 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);
+  }
+}
+const S = (a) => JSON.parse(a.replaceAll("'", '"')), F = (a, e = {}) => {
+  const t = { ...e };
+  a.dataset.maska != null && a.dataset.maska !== "" && (t.mask = W(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 = x(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, W = (a) => a.startsWith("[") && a.endsWith("]") ? S(a) : a, x = (a) => {
+  if (a.startsWith("{") && a.endsWith("}"))
+    return S(a);
+  const e = {};
+  return a.split("|").forEach((t) => {
+    const s = t.split(":");
+    e[s[0]] = {
+      pattern: new RegExp(s[1]),
+      optional: s[2] === "optional",
+      multiple: s[2] === "multiple",
+      repeated: s[2] === "repeated"
+    };
+  }), e;
+};
+class O {
+  constructor(e, t = {}) {
+    A(this, "items", /* @__PURE__ */ new Map()), A(this, "eventAbortController"), A(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 T(F(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 {
-  x as isHex
+  T as Mask,
+  O as MaskInput,
+  R as tokens
 };

package/dist/index249.js

@@ -1,199 +1,15 @@
-import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as S, openBlock as _, createElementVNode as w, createTextVNode as A, createCommentVNode as E, toDisplayString as C, unref as x } from "vue";
-import { hexToRgb as B } from "./index339.js";
-import { getHueFromRGB as K } from "./index340.js";
-import { hslToHex as y } from "./index341.js";
-import { useLocale as Z } from "./index240.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 }, ce = /* @__PURE__ */ j({
-  __name: "ColorPallette",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(F, { emit: N }) {
-    const R = F, f = N, { t: h } = Z(), o = c(R.modelValue), d = c(
-      y(K(...B(o.value ?? "#ff0000")), 100, 50)
-    ), O = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), T = () => {
-      const e = s.value, t = r.value;
-      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
-    }, D = () => {
-      const e = s.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = s.value;
-      if (!e) return;
-      const t = D();
-      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;
-    }, p = () => {
-      const e = D();
-      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");
-    }, P = () => {
-      const e = r.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, m = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = P();
-      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 = P();
-      if (!t) return;
-      const a = 10, n = 16, i = u.value.x - a / 2, M = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(i, M, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, q = (e) => {
-      s.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), b.value = !0, I(e));
-    }, U = (e) => {
-      r.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), k.value = !0, V(e));
-    }, I = (e) => {
-      const t = s.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left)), i = Math.max(0, Math.min(t.height, e.clientY - a.top));
-      l.value = { x: n, y: i }, v(), p(), o.value = g(), 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, e.clientX - a.left));
-      u.value = { x: n };
-      const i = n / t.width * 360;
-      d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
-    }, L = (e) => {
-      b.value ? I(e) : k.value && V(e);
-    }, G = () => {
-      b.value = !1, k.value = !1;
-    }, X = (e) => {
-      var a, n;
-      switch (e.key) {
-        case "ArrowUp":
-          l.value.y = Math.max(0, l.value.y - 5);
-          break;
-        case "ArrowDown":
-          l.value.y = Math.min(
-            ((a = s.value) == null ? void 0 : a.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(
-            ((n = s.value) == null ? void 0 : n.width) ?? 0,
-            l.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
-    }, $ = (e) => {
-      var n, i;
-      switch (e.key) {
-        case "ArrowLeft":
-          u.value.x = Math.max(0, u.value.x - 5);
-          break;
-        case "ArrowRight":
-          u.value.x = Math.min(
-            ((n = r.value) == null ? void 0 : n.width) ?? 0,
-            u.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
-      d.value = y(a, 100, 50), m(), H(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      T(), W(o.value ?? "#ff0000");
-    }), Q(
-      () => R.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, W(e), m(), v());
-      }
-    );
-    const g = () => {
-      const e = s.value;
-      if (!e) return "#ffffff";
-      const t = e.getContext("2d");
-      if (!t) return "#ffffff";
-      const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [M, z, Y] = i;
-      return `#${((1 << 24) + (M << 16) + (z << 8) + Y).toString(16).slice(1)}`;
-    };
-    function W(e) {
-      var a;
-      const t = K(...B(e));
-      d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
-    }
-    return (e, t) => (_(), S("span", {
-      ref_key: "paletteRef",
-      ref: O,
-      "aria-label": "Color Picker",
-      class: "bb-color-palette",
-      role: "application"
-    }, [
-      w("canvas", {
-        ref_key: "mainCanvasRef",
-        ref: s,
-        "aria-describedby": "mainCanvasDesc",
-        "aria-label": "Main Color Selection",
-        class: "bb-color-palette__canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: X,
-        onPointerdown: q
-      }, null, 544),
-      w("span", ee, [
-        A(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
-        o.value ? (_(), S("span", te, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : E("", !0)
-      ]),
-      w("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
-      }, null, 544),
-      w("span", ae, [
-        A(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
-        d.value ? (_(), S("span", ne, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : E("", !0)
-      ])
-    ], 512));
+const c = (t, r) => {
+  if (typeof t == "string") {
+    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
+    if (n) {
+      const [, o, a] = n;
+      return a ? t : o + "px";
+    } else if (t in r)
+      return r[t] + "px";
+    throw new Error(`Invalid size: ${t}`);
   }
-});
+  return t + "px";
+};
 export {
-  ce as default
+  c as parseSize
 };

package/dist/index25.js

@@ -1,9 +1,9 @@
 import { defineComponent as q, mergeModels as E, useModel as A, computed as p, ref as T, watch as H, onMounted as K, createElementBlock as r, openBlock as d, withModifiers as O, normalizeStyle as R, normalizeClass as U, unref as v, createCommentVNode as g, Fragment as j, createElementVNode as t, renderSlot as s, createTextVNode as G, toDisplayString as V, nextTick as J } from "vue";
-import { parseSize as Q } from "./index259.js";
+import { parseSize as Q } from "./index249.js";
 import { useId as S } from "./index8.js";
-import { useLocale as X } from "./index240.js";
+import { useLocale as X } from "./index230.js";
 import { useMobile as Y } from "./index9.js";
-import { useUntil as Z } from "./index247.js";
+import { useUntil as Z } from "./index250.js";
 import { wait as y } from "./index138.js";
 const x = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], ee = {
   ref: "header",

package/dist/index250.js

@@ -0,0 +1,15 @@
+import { ref as c, watch as f, toValue as u } from "vue";
+const p = (e, { initialValue: r = !1, nextValue: o = !0 } = {}) => {
+  const t = c(r);
+  if (r) return t;
+  const n = f(
+    () => u(e),
+    (s) => {
+      s && (t.value = o, n());
+    }
+  );
+  return t;
+};
+export {
+  p as useUntil
+};