bitboss-ui 2.1.76 → 2.1.77

package/dist/index95.js

@@ -1,18 +1,18 @@
-import { defineComponent as G, mergeModels as E, ref as U, useTemplateRef as q, computed as s, useModel as H, watch as m, nextTick as K, createElementBlock as j, openBlock as A, Fragment as J, renderSlot as B, createCommentVNode as C, createVNode as Q, normalizeProps as X, mergeProps as V, unref as v, withCtx as $, createElementVNode as f, createBlock as Y } from "vue";
-import { useId as Z } from "./index8.js";
-import { useIntersectionObserver as _, useElementSize as ee } from "./index141.js";
-import { useLocale as te } from "./index225.js";
-import { useUntil as oe } from "./index246.js";
-import ae from "./index13.js";
+import { defineComponent as re, mergeModels as I, ref as N, useTemplateRef as ae, computed as s, useModel as ie, watch as C, createElementBlock as se, openBlock as Y, Fragment as le, renderSlot as G, createCommentVNode as W, createVNode as ue, normalizeProps as de, mergeProps as X, unref as S, withCtx as F, createElementVNode as B, createBlock as ce, nextTick as pe } from "vue";
+import { useId as me } from "./index8.js";
+import { useIntersectionObserver as ve, useElementSize as fe } from "./index141.js";
+import { useLocale as be } from "./index232.js";
+import { useUntil as he } from "./index240.js";
+import ge from "./index13.js";
 /* empty css        */
-import re from "./index243.js";
+import we from "./index243.js";
 /* empty css         */
-import { extractDomContainer as P } from "./index264.js";
-import { parseWidthString as I } from "./index280.js";
-const ne = ["inert"], he = /* @__PURE__ */ G({
+import { extractDomContainer as H } from "./index245.js";
+import { parseWidthString as U } from "./index246.js";
+const Ee = ["inert"], Le = 500, ye = 10, De = /* @__PURE__ */ re({
   inheritAttrs: !1,
   __name: "BbPopover",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ I({
     arrowPadding: { default: 10 },
     closeLabel: {},
     block: { type: Boolean },
@@ -21,146 +21,206 @@ const ne = ["inert"], he = /* @__PURE__ */ G({
     id: {},
     offset: { default: 3 },
     padding: { default: 10 },
-    placement: { default: "bottom" },
     showClose: { type: Boolean, default: !0 },
     theme: { default: "default" },
     transitionDuration: { default: 300 },
+    placement: { default: "bottom" },
     activator: {},
     boundary: {},
     focusTarget: {},
     restoreFocus: { type: Boolean, default: !0 },
+    trigger: { default: "click" },
     width: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ E(["shown", "hidden"], ["update:modelValue"]),
-  setup(b, { expose: M, emit: O }) {
-    const a = b, h = O, { t: R } = te(), { id: S } = Z(), l = a.id ?? S.value, c = `bbp_${l}`, r = U(), g = q("popoverRef"), w = s(() => P(g.value)), o = H(b, "modelValue"), d = oe(o), p = s(() => a.activator != null), y = (e) => {
-      r.value = P(e) ?? void 0;
-    }, T = s(() => ({
-      "aria-expanded": d.value ? o.value : void 0,
-      "aria-controls": d.value ? c : void 0,
-      "aria-haspopup": "dialog",
-      id: l,
-      disabled: !!a.disabled,
-      ref: y,
-      onClick: u
-    }));
-    m(
-      () => a.activator,
+  emits: /* @__PURE__ */ I(["shown", "hidden"], ["update:modelValue"]),
+  setup(M, { expose: _, emit: q }) {
+    const o = M, O = q, { t: z } = be(), { id: J } = me(), c = o.id ?? J.value, b = `bbp_${c}`, r = N(), T = ae("popoverRef"), V = s(() => H(T.value)), n = ie(M, "modelValue"), p = he(n), h = s(() => o.activator != null), x = s(() => {
+      const e = o.trigger;
+      return new Set(Array.isArray(e) ? e : [e]);
+    }), g = (e, t) => ({
+      getBoundingClientRect: () => ({
+        x: e,
+        y: t,
+        width: 0,
+        height: 0,
+        top: t,
+        left: e,
+        right: e,
+        bottom: t,
+        toJSON() {
+          return this;
+        }
+      })
+    }), d = N(null), K = s(
+      () => o.placement === "cursor" && d.value ? d.value : r.value
+    );
+    let D, a = null, m = !1;
+    const w = () => {
+      clearTimeout(D), a = null;
+    }, R = (e) => {
+      r.value = H(e) ?? void 0;
+    }, j = s(() => {
+      const e = x.value;
+      return {
+        "aria-expanded": p.value ? n.value : void 0,
+        "aria-controls": p.value ? b : void 0,
+        "aria-haspopup": "dialog",
+        id: c,
+        disabled: !!o.disabled,
+        ref: R,
+        ...e.has("click") ? { onClick: E } : {},
+        ...e.has("contextMenu") ? {
+          onContextmenu: L,
+          onPointerdown: y,
+          onPointermove: k,
+          onPointerup: u,
+          onPointercancel: u
+        } : {}
+      };
+    });
+    C(
+      () => o.activator,
       (e) => {
-        e && y(e);
+        e && R(e);
       },
       { immediate: !0 }
-    ), m(
-      r,
-      (e, t, n) => {
-        !e || !p.value || (e.addEventListener("click", u), e.setAttribute("aria-haspopup", "dialog"), n(() => {
-          e.removeEventListener("click", u), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup");
-        }));
+    ), C(
+      [r, x],
+      ([e, t], i, P) => {
+        if (!e || !h.value) return;
+        const A = [];
+        t.has("click") && (e.addEventListener("click", E), A.push(() => e.removeEventListener("click", E))), t.has("contextMenu") && (e.addEventListener("contextmenu", L), e.addEventListener("pointerdown", y), e.addEventListener("pointermove", k), e.addEventListener("pointerup", u), e.addEventListener("pointercancel", u), A.push(() => {
+          e.removeEventListener("contextmenu", L), e.removeEventListener("pointerdown", y), e.removeEventListener("pointermove", k), e.removeEventListener("pointerup", u), e.removeEventListener("pointercancel", u), w();
+        })), e.setAttribute("aria-haspopup", "dialog"), P(() => {
+          A.forEach((ne) => ne()), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-haspopup");
+        });
       },
       { immediate: !0 }
-    ), m(
-      [r, o, d],
-      ([e, t, n]) => {
-        !e || !p.value || !n || (e.setAttribute("id", l), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", c));
+    ), C(
+      [r, n, p],
+      ([e, t, i]) => {
+        !e || !h.value || !i || (e.setAttribute("id", c), e.setAttribute("aria-expanded", String(t)), e.setAttribute("aria-controls", b));
       },
       { immediate: !0 }
-    ), _(
+    ), ve(
       r,
       ([{ intersectionRatio: e }]) => {
-        e !== 1 && o.value && i();
+        e !== 1 && n.value && l();
       },
       { threshold: [0, 1] }
     );
-    const k = (e) => {
+    const v = (e) => {
       const t = e.target;
       if (!(t instanceof Node)) return;
-      const n = w.value?.contains(t), z = r.value?.contains(t);
-      !n && !z && i();
-    }, L = (e) => {
-      e.key === "Escape" && (e.preventDefault(), i());
-    }, D = () => {
-      document.addEventListener("click", k, { passive: !0 }), document.addEventListener("keydown", L);
-    }, N = () => {
-      document.removeEventListener("click", k), document.removeEventListener("keydown", L);
-    }, u = async (e) => {
-      if (o.value) {
-        i();
+      const i = V.value?.contains(t), P = r.value?.contains(t);
+      !i && !P && l();
+    }, $ = (e) => {
+      e.key === "Escape" && (e.preventDefault(), l());
+    }, Q = () => {
+      document.addEventListener("click", v, { passive: !0 }), document.addEventListener("contextmenu", v, { passive: !0 }), document.addEventListener("keydown", $);
+    }, Z = () => {
+      document.removeEventListener("click", v), document.removeEventListener("contextmenu", v), document.removeEventListener("keydown", $);
+    }, f = async () => {
+      if (o.disabled) return;
+      n.value = !0, Q(), await pe();
+      const e = o.focusTarget ?? (o.showClose ? ".bb-popover__close" : '[tabindex]:not([tabindex="-1"]), button, a, input, select, textarea'), t = V.value?.querySelector(e);
+      t instanceof HTMLElement && t.focus(), O("shown");
+    }, E = async (e) => {
+      if (n.value) {
+        l();
+        return;
+      }
+      if (m) {
+        m = !1, e.preventDefault(), e.stopPropagation();
         return;
       }
-      if (a.disabled) return;
-      e.stopImmediatePropagation(), o.value = !0, D(), await K();
-      const t = a.focusTarget ?? (a.showClose ? ".bb-popover__close" : '[tabindex]:not([tabindex="-1"]), button, a, input, select, textarea'), n = w.value?.querySelector(t);
-      n instanceof HTMLElement && n.focus(), h("shown");
-    }, i = () => {
-      o.value && (o.value = !1, N(), a.restoreFocus && r.value && r.value.focus(), h("hidden"));
-    }, W = s(() => {
-      if (!a.width) return !1;
-      const { unit: e } = I(a.width);
+      e.stopImmediatePropagation(), o.placement === "cursor" && (d.value = g(e.clientX, e.clientY)), await f();
+    }, L = (e) => {
+      o.disabled || (e.preventDefault(), e.stopPropagation(), !(o.placement === "cursor" && (d.value = g(e.clientX, e.clientY), n.value)) && (n.value ? l() : f()));
+    }, y = (e) => {
+      o.disabled || e.pointerType === "mouse" || (m = !1, a = { x: e.clientX, y: e.clientY }, D = setTimeout(() => {
+        m = !0, o.placement === "cursor" && a && (d.value = g(
+          a.x,
+          a.y
+        )), a = null, f();
+      }, Le));
+    }, k = (e) => {
+      if (!a) return;
+      const t = e.clientX - a.x, i = e.clientY - a.y;
+      Math.sqrt(t * t + i * i) > ye && w();
+    }, u = () => {
+      w();
+    }, l = () => {
+      n.value && (n.value = !1, Z(), o.restoreFocus && r.value && r.value.focus(), O("hidden"));
+    }, ee = s(() => {
+      if (!o.width) return !1;
+      const { unit: e } = U(o.width);
       return e === "%";
-    }), { width: F } = ee(
-      s(() => W.value ? r.value : void 0),
+    }), { width: te } = fe(
+      s(() => ee.value ? r.value : void 0),
       { width: 0, height: 0 },
       { box: "border-box" }
-    ), x = s(() => {
-      if (!a.width) return;
-      const { value: e, unit: t } = I(a.width);
-      return t === "%" && r.value ? `${F.value * (e / 100)}px` : `${e}px`;
+    ), oe = s(() => {
+      if (!o.width) return;
+      const { value: e, unit: t } = U(o.width);
+      return t === "%" && r.value ? `${te.value * (e / 100)}px` : `${e}px`;
     });
-    return M({
+    return _({
       /** Opens the popover programmatically */
-      show: u,
+      show: f,
       /** Closes the popover programmatically */
-      close: i,
+      close: l,
       /** Whether the popover is currently open */
-      isOpen: s(() => o.value)
-    }), (e, t) => (A(), j(J, null, [
-      p.value ? C("", !0) : B(e.$slots, "activator", X(V({ key: 0 }, {
-        props: T.value,
+      isOpen: s(() => n.value)
+    }), (e, t) => (Y(), se(le, null, [
+      h.value ? W("", !0) : G(e.$slots, "activator", de(X({ key: 0 }, {
+        props: j.value,
         disabled: !!e.disabled,
-        isOpen: o.value,
+        isOpen: n.value,
         placement: e.placement
       }))),
-      Q(re, V({
-        id: c,
+      ue(we, X({
+        id: b,
         ref_key: "popoverRef",
-        ref: g,
-        modelValue: o.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n),
-        anchor: r.value,
-        "aria-labelledby": v(d) ? v(l) : void 0,
+        ref: T,
+        modelValue: n.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (i) => n.value = i),
+        anchor: K.value,
+        "aria-labelledby": S(p) ? S(c) : void 0,
         "arrow-padding": e.arrowPadding,
         boundary: e.boundary,
         class: ["bb-popover", `bb-popover--${e.theme}`],
         dialog: "",
         eager: e.eager,
         offset: e.offset,
+        "hide-arrow": e.placement === "cursor",
         padding: e.padding,
-        placement: e.placement,
-        style: { width: x.value },
+        placement: e.placement === "cursor" ? "bottom-start" : e.placement,
+        style: { width: oe.value },
         "transition-duration": e.transitionDuration
       }, e.$attrs), {
-        default: $(() => [
-          f("span", {
+        default: F(() => [
+          B("span", {
             class: "bb-popover__content",
-            inert: !o.value
+            inert: !n.value
           }, [
-            e.showClose ? (A(), Y(ae, {
+            e.showClose ? (Y(), ce(ge, {
               key: 0,
-              "aria-label": e.closeLabel || v(R)("common.closeLabel").value,
+              "aria-label": e.closeLabel || S(z)("common.closeLabel").value,
               class: "bb-popover__close",
-              onClick: i
+              onClick: l
             }, {
-              default: $(() => t[1] || (t[1] = [
-                f("svg", {
+              default: F(() => t[1] || (t[1] = [
+                B("svg", {
                   "aria-hidden": "true",
                   fill: "none",
                   viewBox: "0 0 24 24",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  f("path", {
+                  B("path", {
                     d: "M23 23L1 1M23 1L1 23",
                     stroke: "currentColor",
                     "stroke-linecap": "round",
@@ -169,20 +229,20 @@ const ne = ["inert"], he = /* @__PURE__ */ G({
                 ], -1)
               ])),
               _: 1
-            }, 8, ["aria-label"])) : C("", !0),
-            B(e.$slots, "default", {
-              close: i,
+            }, 8, ["aria-label"])) : W("", !0),
+            G(e.$slots, "default", {
+              close: l,
               disabled: !!e.disabled,
-              open: o.value,
+              open: n.value,
               placement: e.placement
             })
-          ], 8, ne)
+          ], 8, Ee)
         ]),
         _: 3
-      }, 16, ["modelValue", "anchor", "aria-labelledby", "arrow-padding", "boundary", "class", "eager", "offset", "padding", "placement", "style", "transition-duration"])
+      }, 16, ["modelValue", "anchor", "aria-labelledby", "arrow-padding", "boundary", "class", "eager", "offset", "hide-arrow", "padding", "placement", "style", "transition-duration"])
     ], 64));
   }
 });
 export {
-  he as default
+  De as default
 };

package/dist/index97.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index215.js";
+import { clamp as p } from "./index214.js";
 import { getAsPercentageBetween as i } from "./index139.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",

package/dist/types/CommonProps.d.ts

@@ -190,7 +190,7 @@ export type CommonProps = {
      */
     placeholder?: InputHTMLAttributes['placeholder'];
     /**
-     * Position of the overlay in respect to the related activator..
+     * Position of the overlay in respect to the related activator.
      */
     placement?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.76",
+	"version": "2.1.77",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {

package/dist/index235.js

@@ -1,19 +0,0 @@
-import { computed as u, unref as a } from "vue";
-import { hash as d } from "./index227.js";
-const p = ({
-  items: m,
-  key: e
-}) => {
-  const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
-    const t = {}, s = Array.from(a(m) ?? []);
-    for (let r = 0; r < s.length; r++) {
-      const c = s[r];
-      t[n(c)] = c;
-    }
-    return t;
-  });
-  return { data: o, get: (t) => o.value[n(t)] };
-};
-export {
-  p as useIndexById
-};

package/dist/index261.js

@@ -1,9 +0,0 @@
-function o(t, e, n, r, a) {
-  if (n === e)
-    throw new Error("Original boundaries cannot be equal.");
-  const c = (t - e) / (n - e);
-  return r + c * (a - r);
-}
-export {
-  o as transpose
-};

package/dist/index263.js

@@ -1,5 +0,0 @@
-const o = () => {
-};
-export {
-  o as noop
-};

package/dist/index267.js

@@ -1,203 +0,0 @@
-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 "./index225.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 {
-  ue as default
-};

package/dist/index280.js

@@ -1,25 +0,0 @@
-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}`);
-}
-export {
-  s as parseWidthString
-};

package/dist/index308.js

@@ -1,17 +0,0 @@
-import { __module as e } from "./index309.js";
-var a = e.exports, u;
-function i() {
-  return u ? e.exports : (u = 1, function(_, o) {
-    (function(n, r) {
-      _.exports = r();
-    })(a, function() {
-      return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(n) {
-        var r = ["th", "st", "nd", "rd"], t = n % 100;
-        return "[" + n + (r[(t - 20) % 10] || r[t] || r[0]) + "]";
-      } };
-    });
-  }(e), e.exports);
-}
-export {
-  i as __require
-};