bitboss-ui 2.1.111 → 2.1.112

package/dist/index265.js

@@ -1,55 +1,4 @@
-import { useLogger as y } from "./index238.js";
-const g = (t, i) => {
-  if (!i.length) return;
-  const n = Array.from(
-    t.querySelectorAll(":scope > thead th")
-  );
-  if (!n.length) return;
-  const { error: r } = y(), p = n.length, u = i.map((e) => ({
-    index: typeof e == "number" ? e : e.index,
-    position: typeof e == "number" ? "left" : e.position
-  })).sort((e, o) => e.position !== o.position ? e.position === "left" ? -1 : 1 : e.position === "left" ? e.index - o.index : o.index - e.index).reduce((e, o) => {
-    const l = n[o.index];
-    if (!l)
-      return r(
-        `BbTable fixedColumns: Cannot affix column at index ${o.index}. Table has ${p} columns (valid indices: 0–${p - 1}).`
-      ), e;
-    const { width: c } = l.getBoundingClientRect(), m = e.filter((h) => h.position === o.position).reduce((h, x) => h + x.width, 0);
-    return e.push({
-      index: o.index,
-      position: o.position,
-      width: Math.floor(c),
-      offset: m
-    }), e;
-  }, []);
-  Array.from(
-    t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")
-  ).forEach((e) => {
-    u.forEach((o) => {
-      const l = e.querySelector(
-        `:scope > :nth-child(${o.index + 1})`
-      );
-      l && (l.style.position = "sticky", l.style[o.position] = `${o.offset}px`);
-    });
-  });
-}, d = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), A = (t, i, n) => {
-  const r = [...d(t)];
-  return i && r.push(...d(i)), n && r.push(...d(n)), r;
-}, $ = (t, i, n, r, p, a) => {
-  const f = [...d(t)], u = (s) => typeof s == "function" ? s(r, p, a) : s;
-  if (i) {
-    const s = u(i);
-    s && f.push(...d(s));
-  }
-  if (n) {
-    const s = u(n);
-    s && f.push(...d(s));
-  }
-  return f;
-};
+const e = (t) => t;
 export {
-  g as applyFixedTableColumns,
-  w as columnKeyToSlotName,
-  $ as mergeCellClasses,
-  A as mergeHeaderClasses
+  e as identity
 };

package/dist/index266.js

@@ -1,12 +1,11 @@
-const o = (t, r) => {
-  const e = {};
-  for (const c in t)
-    if (Object.prototype.hasOwnProperty.call(t, c)) {
-      const n = t[c];
-      r(n, c, t) && (e[c] = n);
-    }
-  return e;
-};
+import { get as o } from "./index278.js";
+const e = () => ({
+  getItemValue(n, f) {
+    if (typeof f > "u") return n;
+    if (typeof f == "function") return f(n);
+    if (typeof f == "string") return o(n, f);
+  }
+});
 export {
-  o as pickBy
+  e as useItemValue
 };

package/dist/index267.js

@@ -1,5 +1,23 @@
-const o = () => {
-};
+function i(e, o) {
+  const l = {}, u = e.length;
+  for (let n = 0; n < u; n++) {
+    const s = e[n];
+    let f;
+    if (typeof o == "function")
+      f = o(s, n, e);
+    else {
+      const t = s[o];
+      if (typeof t == "string" || typeof t == "number" || typeof t == "symbol")
+        f = t;
+      else
+        throw new Error(
+          `Property "${String(o)}" must be of type string, number, or symbol`
+        );
+    }
+    l[f] = s;
+  }
+  return l;
+}
 export {
-  o as noop
+  i as indexBy
 };

package/dist/index268.js

@@ -1,5 +1,6 @@
-import { hash as r } from "./index237.js";
-const a = (o, t) => r(o) === r(t);
+import { curry as e } from "./index328.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  a as isEqual
+  t as baseWhen,
+  s as when
 };

package/dist/index269.js

@@ -1,88 +1,27 @@
-import { defineComponent as p, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as o, renderSlot as t, createCommentVNode as h, createTextVNode as l, toDisplayString as i, unref as b, Fragment as m, renderList as u } from "vue";
-import { useLocale as g } from "./index235.js";
-const k = { class: "bb-cr-container__container" }, y = {
-  key: 0,
-  class: "bb-cr-container__loading-container"
-}, $ = {
-  key: 1,
-  class: "bb-cr-container__no-data-container"
-}, C = /* @__PURE__ */ p({
-  __name: "OptionsContainer",
-  props: {
-    direction: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    loadingText: {},
-    loading: { type: Boolean },
-    noDataText: {},
-    options: {}
-  },
-  setup(f) {
-    const { t: d } = g();
-    return (e, T) => (s(), n("span", {
-      ref: "container",
-      class: r(["bb-cr-container", {
-        "bb-cr-container--errors": e.hasErrors,
-        "bb-cr-container--horizontal": e.direction === "horizontal",
-        "bb-cr-container--vertical": e.direction === "vertical"
-      }])
-    }, [
-      o("span", k, [
-        t(e.$slots, "prepend"),
-        !e.options.length && e.loading ? (s(), n("span", y, [
-          t(e.$slots, "loading", {}, () => [
-            l(i(e.loadingText || b(d)("common.loadingText")), 1)
-          ])
-        ])) : e.options.length ? h("", !0) : (s(), n("span", $, [
-          t(e.$slots, "no-data", {}, () => [
-            l(i(e.noDataText || b(d)("common.noDataText")), 1)
-          ])
-        ])),
-        (s(!0), n(m, null, u(e.options, (a, c) => (s(), n(m, {
-          key: a?.valueHash || c
-        }, [
-          t(e.$slots, "option:prepend", {
-            id: a.valueHash,
-            checked: !!a.selected,
-            disabled: !!a.disabled,
-            item: a.item,
-            text: a.text
-          }),
-          o("label", {
-            class: r(["bb-cr-container-option", { "bb-base-radio-selected": a.selected }])
-          }, [
-            t(e.$slots, "input", {
-              index: c,
-              option: a
-            }),
-            o("span", {
-              class: r({
-                "bb-cr-container-option__text": !0,
-                "sr-only": e.hideLabel
-              })
-            }, [
-              t(e.$slots, "label", {
-                checked: !!a.selected,
-                item: a.item,
-                text: a.text
-              }, () => [
-                l(i(a.text), 1)
-              ])
-            ], 2)
-          ], 2),
-          t(e.$slots, "option:append", {
-            id: a.valueHash,
-            checked: !!a.selected,
-            disabled: !!a.disabled,
-            item: a.item,
-            text: a.text
-          })
-        ], 64))), 128)),
-        t(e.$slots, "append")
-      ])
-    ], 2));
-  }
-});
+const a = new RegExp("\\p{Lu}", "u"), f = new RegExp("\\p{Ll}", "u"), R = new RegExp("\\p{N}", "u"), c = /\s/u, d = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/u, A = new RegExp("\\p{Extended_Pictographic}", "u"), W = /* @__PURE__ */ new Set([
+  ".",
+  ",",
+  ":",
+  ";",
+  "!",
+  "|",
+  "'",
+  "`",
+  '"',
+  "(",
+  ")",
+  "[",
+  "]",
+  "{",
+  "}"
+]), _ = /* @__PURE__ */ new Set(["-", "_", "/", "\\", "+", "="]), m = /* @__PURE__ */ new Set(["i", "l", "I", "j", "t", "f", "r"]), p = /* @__PURE__ */ new Set(["W", "M", "w", "m", "@", "%", "&", "#"]), I = (t) => c.test(t) ? 0.42 : A.test(t) ? 1.95 : d.test(t) ? 1.8 : W.has(t) ? 0.48 : _.has(t) ? 0.66 : m.has(t) ? 0.72 : p.has(t) ? 1.28 : R.test(t) ? 0.92 : a.test(t) ? 1.08 : f.test(t) ? 0.9 : 1, C = (t, n) => {
+  const e = t, i = n.fontWidth * 2, s = n.fontWidth * 0.6, r = n.estimationBias ?? 1, E = Array.from(e).reduce((u, o) => u + I(o) * n.fontWidth, 0);
+  return Math.max(
+    i,
+    (E + s) * r
+  );
+}, T = (t) => Math.max(10, t * 1.2);
 export {
-  C as default
+  C as estimateBreadcrumbItemWidth,
+  T as estimateEllipsisWidth
 };

package/dist/index270.js

@@ -0,0 +1,4 @@
+const e = (t) => t[t.length - 1];
+export {
+  e as last
+};

package/dist/index271.js

@@ -1,20 +1,20 @@
-import { isNil as a } from "./index230.js";
-import { computed as n, unref as h } from "vue";
-const v = ({ modelValue: r, iteratee: c, multiple: t }) => {
-  const s = n(
-    () => new Array().concat(h(r))
-  ), e = n(() => s.value.reduce(
-    (o, u) => (c(u) ? o.coherent.push(u) : o.incoherent.push(u), o),
-    { coherent: [], incoherent: [] }
-  )), i = n(() => t && !h(r).length || !t && a(h(r)) ? !0 : !e.value.incoherent.length), l = n(
-    () => t ? e.value.coherent : e.value.coherent[0] ?? null
-  );
-  return {
-    status: e,
-    coherent: i,
-    coherentValue: l
-  };
+import { isNil as c } from "./index250.js";
+const a = (t, r) => {
+  if (!Object.prototype.hasOwnProperty.call(t, r))
+    throw new Error(
+      `Object ${JSON.stringify(t, null, 2)} has no property named "${r.toString()}"`
+    );
+}, l = (t) => typeof t == "string" ? t.toLocaleLowerCase() : JSON.stringify(t).toLowerCase(), y = (t, r, s) => {
+  const i = s.toLocaleLowerCase();
+  for (let e = 0; e < r.length; e++) {
+    const n = r[e];
+    a(t, n);
+    const o = t[n];
+    if (c(o)) continue;
+    if (l(o).includes(i)) return !0;
+  }
+  return !1;
 };
 export {
-  v as useCoherence
+  y as matchAnyKey
 };

package/dist/index272.js

@@ -1,375 +1,14 @@
-import { defineComponent as Ae, ref as c, computed as L, onMounted as xe, onUnmounted as Re, watch as Le, createElementBlock as b, openBlock as w, createElementVNode as u, createCommentVNode as G, unref as $, normalizeStyle as y, normalizeClass as te, Fragment as ne, renderList as re } from "vue";
-import { useLocale as $e } from "./index235.js";
-const Se = ["aria-label"], Be = { class: "bb-color-palette__controls" }, Ie = { class: "bb-color-palette__preview-wrap" }, Ee = { class: "bb-color-palette__sliders" }, He = ["aria-label", "aria-valuenow"], We = ["aria-label", "aria-valuenow"], Ke = ["aria-label", "disabled"], Ve = {
-  key: 0,
-  class: "bb-color-palette__swatches"
-}, Ge = ["aria-label", "aria-pressed", "onClick"], ze = /* @__PURE__ */ Ae({
-  __name: "ColorPalette",
-  props: {
-    modelValue: {},
-    alpha: { type: Boolean, default: !1 },
-    picker: { type: Boolean, default: !1 },
-    swatches: { type: [Boolean, Array] }
-  },
-  emits: ["update:modelValue"],
-  setup(le, { expose: oe, emit: se }) {
-    function k(e, a, t) {
-      const n = (r) => {
-        const l = (r + e / 60) % 6;
-        return t - t * a * Math.max(Math.min(l, 4 - l, 1), 0);
-      };
-      return [
-        Math.round(n(5) * 255),
-        Math.round(n(3) * 255),
-        Math.round(n(1) * 255)
-      ];
-    }
-    function U(e, a, t) {
-      const n = e / 255, r = a / 255, l = t / 255, s = Math.max(n, r, l), g = Math.min(n, r, l), _ = s - g, De = s === 0 ? 0 : _ / s, Pe = s;
-      let R = 0;
-      return _ !== 0 && (s === n ? R = ((r - l) / _ + (r < l ? 6 : 0)) / 6 : s === r ? R = ((l - n) / _ + 2) / 6 : R = ((n - r) / _ + 4) / 6), [R * 360, De, Pe];
-    }
-    function T(e) {
-      const a = e.replace(/^#/, "");
-      return a.length === 3 ? [
-        parseInt(a[0] + a[0], 16),
-        parseInt(a[1] + a[1], 16),
-        parseInt(a[2] + a[2], 16),
-        1
-      ] : a.length === 6 ? [
-        parseInt(a.slice(0, 2), 16),
-        parseInt(a.slice(2, 4), 16),
-        parseInt(a.slice(4, 6), 16),
-        1
-      ] : a.length === 8 ? [
-        parseInt(a.slice(0, 2), 16),
-        parseInt(a.slice(2, 4), 16),
-        parseInt(a.slice(4, 6), 16),
-        parseInt(a.slice(6, 8), 16) / 255
-      ] : [0, 0, 0, 1];
-    }
-    function F(e) {
-      return Math.round(Math.max(0, Math.min(255, e))).toString(16).padStart(2, "0");
-    }
-    function ie(e, a, t, n, r) {
-      const l = `#${F(e)}${F(a)}${F(t)}`;
-      return r ? l + F(n * 255) : l;
-    }
-    const ce = [
-      ["#FFCDD2", "#EF9A9A", "#F44336", "#D32F2F", "#B71C1C"],
-      // Red
-      ["#FFE0B2", "#FFCC80", "#FF9800", "#F57C00", "#E65100"],
-      // Orange
-      ["#FFF9C4", "#FFF59D", "#FFEB3B", "#FBC02D", "#F57F17"],
-      // Yellow
-      ["#C8E6C9", "#A5D6A7", "#4CAF50", "#388E3C", "#1B5E20"],
-      // Green
-      ["#BBDEFB", "#90CAF9", "#2196F3", "#1976D2", "#0D47A1"],
-      // Blue
-      ["#E1BEE7", "#CE93D8", "#9C27B0", "#7B1FA2", "#4A148C"]
-      // Purple
-    ], o = le, ue = se, { t: M } = $e(), i = c(0), v = c(1), p = c(1), h = c(1), S = L(() => {
-      const [e, a, t] = k(i.value, v.value, p.value);
-      return ie(e, a, t, h.value, o.alpha);
-    }), ve = L(() => {
-      const [e, a, t] = k(i.value, v.value, p.value);
-      return o.alpha ? `rgba(${e},${a},${t},${h.value})` : `rgb(${e},${a},${t})`;
-    }), pe = L(() => !!o.swatches), he = L(
-      () => Array.isArray(o.swatches) ? o.swatches : ce
-    ), z = c(null), m = c(null), B = c(null), D = c(null), P = c(null), A = c(null), x = c(null), C = () => {
-      const e = m.value;
-      if (!e || e.width === 0 || e.height === 0) return;
-      const a = e.getContext("2d");
-      if (!a) return;
-      const [t, n, r] = k(i.value, 1, 1), l = a.createLinearGradient(0, 0, e.width, 0);
-      l.addColorStop(0, "#ffffff"), l.addColorStop(1, `rgb(${t},${n},${r})`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
-      const s = a.createLinearGradient(0, 0, 0, e.height);
-      s.addColorStop(0, "rgba(0,0,0,0)"), s.addColorStop(1, "rgba(0,0,0,1)"), a.fillStyle = s, a.fillRect(0, 0, e.width, e.height);
-    }, de = () => {
-      const e = B.value;
-      if (!e || e.width === 0 || e.height === 0) return;
-      const a = e.getContext("2d");
-      if (!a) return;
-      const t = a.createLinearGradient(0, 0, e.width, 0);
-      for (let n = 0; n <= 6; n++)
-        t.addColorStop(n / 6, `hsl(${n * 60},100%,50%)`);
-      a.fillStyle = t, a.fillRect(0, 0, e.width, e.height);
-    }, f = () => {
-      const e = D.value;
-      if (!e || e.width === 0 || e.height === 0) return;
-      const a = e.getContext("2d");
-      if (!a) return;
-      a.clearRect(0, 0, e.width, e.height);
-      const [t, n, r] = k(i.value, v.value, p.value), l = a.createLinearGradient(0, 0, e.width, 0);
-      l.addColorStop(0, `rgba(${t},${n},${r},0)`), l.addColorStop(1, `rgba(${t},${n},${r},1)`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
-    }, fe = () => {
-      C(), de(), o.alpha && f();
-    };
-    let I = null;
-    const E = (e) => {
-      e.width = e.offsetWidth, e.height = e.offsetHeight;
-    }, X = () => {
-      const e = m.value, a = B.value;
-      !e || !a || e.offsetWidth === 0 || (E(e), E(a), o.alpha && D.value && E(D.value), fe());
-    };
-    xe(() => {
-      I = new ResizeObserver(X), m.value && I.observe(m.value), N(o.modelValue), X();
-    }), Re(() => {
-      I?.disconnect();
-    });
-    const N = (e) => {
-      if (e)
-        try {
-          const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
-          s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r;
-        } catch {
-        }
-    };
-    Le(
-      () => o.modelValue,
-      (e) => {
-        !e || e === S.value || (N(e), C(), o.alpha && f());
-      }
-    );
-    const d = () => ue("update:modelValue", S.value), H = c(!1), O = (e) => {
-      const a = P.value;
-      if (!a) return { s: v.value, v: p.value };
-      const t = a.getBoundingClientRect();
-      return {
-        s: Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)),
-        v: Math.max(0, Math.min(1, 1 - (e.clientY - t.top) / t.height))
-      };
-    }, be = (e) => {
-      P.value?.setPointerCapture(e.pointerId), H.value = !0;
-      const { s: a, v: t } = O(e);
-      v.value = a, p.value = t, o.alpha && f(), d();
-    }, we = (e) => {
-      if (!H.value) return;
-      const { s: a, v: t } = O(e);
-      v.value = a, p.value = t, o.alpha && f(), d();
-    }, Y = (e) => {
-      P.value?.releasePointerCapture(e.pointerId), H.value = !1;
-    }, Ce = (e) => {
-      const a = e.shiftKey ? 0.05 : 0.01;
-      switch (e.key) {
-        case "ArrowLeft":
-          v.value = Math.max(0, v.value - a);
-          break;
-        case "ArrowRight":
-          v.value = Math.min(1, v.value + a);
-          break;
-        case "ArrowUp":
-          p.value = Math.min(1, p.value + a);
-          break;
-        case "ArrowDown":
-          p.value = Math.max(0, p.value - a);
-          break;
-        default:
-          return;
-      }
-      o.alpha && f(), d(), e.preventDefault();
-    }, W = c(!1), Z = (e) => {
-      const a = A.value;
-      if (!a) return i.value;
-      const t = a.getBoundingClientRect();
-      return Math.max(
-        0,
-        Math.min(360, (e.clientX - t.left) / t.width * 360)
-      );
-    }, me = (e) => {
-      A.value?.setPointerCapture(e.pointerId), W.value = !0, i.value = Z(e), C(), o.alpha && f(), d();
-    }, ge = (e) => {
-      W.value && (i.value = Z(e), C(), o.alpha && f(), d());
-    }, j = (e) => {
-      A.value?.releasePointerCapture(e.pointerId), W.value = !1;
-    }, _e = (e) => {
-      const a = e.shiftKey ? 10 : 1;
-      switch (e.key) {
-        case "ArrowLeft":
-          i.value = Math.max(0, i.value - a);
-          break;
-        case "ArrowRight":
-          i.value = Math.min(360, i.value + a);
-          break;
-        default:
-          return;
-      }
-      C(), o.alpha && f(), d(), e.preventDefault();
-    }, K = c(!1), q = (e) => {
-      const a = x.value;
-      if (!a) return h.value;
-      const t = a.getBoundingClientRect();
-      return Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
-    }, ye = (e) => {
-      x.value?.setPointerCapture(e.pointerId), K.value = !0, h.value = q(e), d();
-    }, ke = (e) => {
-      K.value && (h.value = q(e), d());
-    }, J = (e) => {
-      x.value?.releasePointerCapture(e.pointerId), K.value = !1;
-    }, Fe = (e) => {
-      const a = e.shiftKey ? 0.05 : 0.01;
-      switch (e.key) {
-        case "ArrowLeft":
-          h.value = Math.max(0, h.value - a);
-          break;
-        case "ArrowRight":
-          h.value = Math.min(1, h.value + a);
-          break;
-        default:
-          return;
-      }
-      d(), e.preventDefault();
-    }, Q = "EyeDropper" in window, V = c(!1), Me = async () => {
-      if (Q)
-        try {
-          V.value = !0;
-          const e = window, t = await new e.EyeDropper().open();
-          ae(t.sRGBHex);
-        } catch {
-        } finally {
-          V.value = !1;
-        }
-    }, ee = (e) => S.value.slice(0, 7).toLowerCase() === e.slice(0, 7).toLowerCase(), ae = (e) => {
-      const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
-      s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r, C(), o.alpha && f(), d();
-    };
-    return oe({ el: z }), (e, a) => (w(), b("div", {
-      ref_key: "pickerRef",
-      ref: z,
-      class: "bb-color-palette"
-    }, [
-      u("div", {
-        ref_key: "canvasWrapRef",
-        ref: P,
-        class: "bb-color-palette__canvas-wrap",
-        role: "application",
-        tabindex: "0",
-        "aria-label": $(M)("colorInput.mainCanvasDesc").value,
-        onPointerdown: be,
-        onPointermove: we,
-        onPointerup: Y,
-        onPointercancel: Y,
-        onKeydown: Ce
-      }, [
-        u("canvas", {
-          ref_key: "mainCanvasRef",
-          ref: m,
-          class: "bb-color-palette__canvas",
-          "aria-hidden": "true"
-        }, null, 512),
-        u("div", {
-          class: "bb-color-palette__canvas-thumb",
-          style: y({ left: `${v.value * 100}%`, top: `${(1 - p.value) * 100}%` }),
-          "aria-hidden": "true"
-        }, null, 4)
-      ], 40, Se),
-      u("div", Be, [
-        u("div", Ie, [
-          u("div", {
-            class: te(["bb-color-palette__preview", { "bb-color-palette__preview--alpha": e.alpha }]),
-            style: y({ "--bb-picker-preview-color": ve.value })
-          }, null, 6)
-        ]),
-        u("div", Ee, [
-          u("div", {
-            ref_key: "hueWrapRef",
-            ref: A,
-            class: "bb-color-palette__slider-wrap",
-            role: "slider",
-            tabindex: "0",
-            "aria-label": $(M)("colorInput.hueCanvasDesc").value,
-            "aria-valuenow": Math.round(i.value),
-            "aria-valuemin": "0",
-            "aria-valuemax": "360",
-            onPointerdown: me,
-            onPointermove: ge,
-            onPointerup: j,
-            onPointercancel: j,
-            onKeydown: _e
-          }, [
-            u("canvas", {
-              ref_key: "hueCanvasRef",
-              ref: B,
-              class: "bb-color-palette__slider-track",
-              "aria-hidden": "true"
-            }, null, 512),
-            u("div", {
-              class: "bb-color-palette__slider-thumb",
-              style: y({ left: `${i.value / 360 * 100}%` }),
-              "aria-hidden": "true"
-            }, null, 4)
-          ], 40, He),
-          e.alpha ? (w(), b("div", {
-            key: 0,
-            ref_key: "alphaWrapRef",
-            ref: x,
-            class: "bb-color-palette__slider-wrap bb-color-palette__slider-wrap--alpha",
-            role: "slider",
-            tabindex: "0",
-            "aria-label": $(M)("colorInput.alphaSliderDesc").value,
-            "aria-valuenow": Math.round(h.value * 100),
-            "aria-valuemin": "0",
-            "aria-valuemax": "100",
-            onPointerdown: ye,
-            onPointermove: ke,
-            onPointerup: J,
-            onPointercancel: J,
-            onKeydown: Fe
-          }, [
-            u("canvas", {
-              ref_key: "alphaCanvasRef",
-              ref: D,
-              class: "bb-color-palette__slider-track",
-              "aria-hidden": "true"
-            }, null, 512),
-            u("div", {
-              class: "bb-color-palette__slider-thumb",
-              style: y({ left: `${h.value * 100}%` }),
-              "aria-hidden": "true"
-            }, null, 4)
-          ], 40, We)) : G("", !0)
-        ]),
-        e.picker && Q ? (w(), b("button", {
-          key: 0,
-          class: "bb-color-palette__eyedropper",
-          type: "button",
-          "aria-label": $(M)("colorInput.eyeDropper").value,
-          disabled: V.value || void 0,
-          onClick: Me
-        }, a[0] || (a[0] = [
-          u("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "currentColor",
-            "aria-hidden": "true"
-          }, [
-            u("path", { d: "M20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L13.71,3.71L12.29,5.12L13.41,6.24L3,16.59V21H7.41L17.76,10.59L18.88,11.71L20.29,10.29L18.88,8.88L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63M6.58,19H5V17.42L13.29,9.12L14.88,10.71L6.58,19Z" })
-          ], -1)
-        ]), 8, Ke)) : G("", !0)
-      ]),
-      pe.value ? (w(), b("div", Ve, [
-        (w(!0), b(ne, null, re(he.value, (t, n) => (w(), b("div", {
-          key: n,
-          class: "bb-color-palette__swatch-group"
-        }, [
-          (w(!0), b(ne, null, re(t, (r) => (w(), b("button", {
-            key: r,
-            class: te(["bb-color-palette__swatch", {
-              "bb-color-palette__swatch--active": ee(r)
-            }]),
-            style: y({ background: r }),
-            "aria-label": r,
-            "aria-pressed": ee(r),
-            type: "button",
-            onClick: (l) => ae(r)
-          }, null, 14, Ge))), 128))
-        ]))), 128))
-      ])) : G("", !0)
-    ], 512));
-  }
-});
+import { ref as t } from "vue";
+const n = () => {
+  const e = t([]);
+  return { array: e, set: (...r) => {
+    e.value = r;
+  }, add: (...r) => {
+    e.value.push(...r);
+  }, remove: (r) => {
+    e.value = e.value.filter(r);
+  } };
+};
 export {
-  ze as default
+  n as useArray
 };