bitboss-ui 2.0.162 → 2.0.164

package/dist/index86.js

@@ -1,117 +1,182 @@
-import { defineComponent as E, computed as h, ref as g, onMounted as P, onBeforeUnmount as W, openBlock as k, createElementBlock as V, normalizeClass as $, createElementVNode as i, createVNode as S, unref as v, withCtx as w, renderSlot as c, toDisplayString as m, Fragment as R, renderList as F, nextTick as x } from "vue";
-import { debounce as T } from "./index251.js";
+import { defineComponent as U, mergeModels as F, useModel as D, getCurrentInstance as G, computed as d, ref as f, onMounted as O, onBeforeUnmount as j, openBlock as w, createElementBlock as x, normalizeClass as X, createElementVNode as r, createVNode as P, unref as m, normalizeProps as R, guardReactiveProps as $, withCtx as q, renderSlot as _, toDisplayString as h, Fragment as H, renderList as J, mergeProps as K, nextTick as N } from "vue";
 /* empty css       */
 /* empty css       */
-import z from "./index13.js";
+import M from "./index13.js";
 /* empty css        */
-import { useLocale as D } from "./index228.js";
-const G = ["aria-label"], I = { class: "bb-pagination__page-label sr-only" }, O = { class: "bb-pagination__page-label" }, j = { class: "bb-pagination__page-label" }, q = { class: "bb-pagination__page-label sr-only" }, Z = /* @__PURE__ */ E({
+import { debounce as Q } from "./index253.js";
+import { useLocale as Y } from "./index217.js";
+import { useRoute as Z } from "./index137.js";
+const ee = ["aria-label"], ae = { class: "bb-pagination__page-label sr-only" }, le = { class: "bb-pagination__page-label" }, te = { class: "bb-pagination__page-label" }, ne = { class: "bb-pagination__page-label sr-only" }, ge = /* @__PURE__ */ U({
   __name: "BbPagination",
-  props: {
+  props: /* @__PURE__ */ F({
     disabled: { type: Boolean },
     loading: { type: Boolean },
     align: { default: "right" },
     ellipsis: { default: "..." },
     label: { default: "Paginazione" },
     maxSize: { default: 6 },
-    modelValue: { default: 1 },
+    navigation: { type: Boolean },
+    replace: { type: Boolean },
+    querykey: { default: "page" },
     totalPages: { default: 1 }
-  },
+  }, {
+    modelValue: { default: 1 },
+    modelModifiers: {}
+  }),
   emits: ["update:modelValue"],
-  setup(B, { emit: L }) {
-    const a = B, f = L, { t: C } = D(), s = h(() => +a.totalPages), r = g(1), t = g(+a.maxSize), u = g(), d = g(), M = g(1 / 0), _ = () => {
-      u.value && d.value && (u.value.clientWidth < d.value.clientWidth ? t.value - 1 > 3 ? (t.value--, x(_)) : t.value = 3 : t.value < +a.maxSize && /* If there is enough space to fit one */
-      u.value.clientWidth - d.value.clientWidth > M.value && (t.value = Math.min(t.value + 1, +a.maxSize), x(_)));
+  setup(z) {
+    var C, A;
+    const a = z, { t: L } = Y(), n = D(z, "modelValue"), k = !!((A = (C = G()) == null ? void 0 : C.proxy) != null && A.$inertia), u = Z(), p = d(() => +a.totalPages), g = f(1), s = f(+a.maxSize), c = f(), b = f(), B = f(1 / 0), S = () => {
+      c.value && b.value && (c.value.clientWidth < b.value.clientWidth ? s.value - 1 > 3 ? (s.value--, N(S)) : s.value = 3 : s.value < +a.maxSize && /* If there is enough space to fit one */
+      c.value.clientWidth - b.value.clientWidth > B.value && (s.value = Math.min(s.value + 1, +a.maxSize), N(S)));
     };
     if (globalThis.ResizeObserver) {
-      const e = new ResizeObserver(T(_, 200));
-      P(() => {
-        if (u.value && d.value) {
-          const l = u.value.querySelectorAll(
+      const e = new ResizeObserver(Q(S, 200));
+      O(() => {
+        if (c.value && b.value) {
+          const l = c.value.querySelectorAll(
             ".bb-pagination__page"
           )[1];
           if (l) {
-            const p = getComputedStyle(d.value).columnGap.replaceAll(/\D/g, ""), o = Number(p);
-            M.value = l.clientWidth + o;
+            const o = getComputedStyle(b.value).columnGap.replaceAll(/\D/g, ""), i = Number(o);
+            B.value = l.clientWidth + i;
           }
-          e.observe(u.value);
+          e.observe(c.value);
         }
-      }), W(() => {
+      }), j(() => {
         e.disconnect();
       });
     }
-    const N = h(() => {
-      if (s.value <= 0 || isNaN(s.value) || s.value > Number.MAX_SAFE_INTEGER)
+    const E = d(() => {
+      if (p.value <= 0 || isNaN(p.value) || p.value > Number.MAX_SAFE_INTEGER)
         return [];
-      if (t.value <= 1) return [a.modelValue];
-      if (s.value <= t.value)
-        return b(s.value, r.value);
-      const e = t.value % 2 === 0, l = e ? t.value / 2 : Math.floor(t.value / 2), n = e ? l : l + 1, p = s.value - l;
-      if (n - a.modelValue >= 0)
+      if (s.value <= 1) return [n.value];
+      if (p.value <= s.value)
+        return y(p.value, g.value);
+      const e = s.value % 2 === 0, l = e ? s.value / 2 : Math.floor(s.value / 2), t = e ? l : l + 1, o = p.value - l;
+      if (t - n.value >= 0)
         return [
-          ...b(Math.max(1, t.value - 1), r.value),
+          ...y(Math.max(1, s.value - 1), g.value),
           a.ellipsis,
-          s.value
+          p.value
         ];
-      if (a.modelValue - p >= (e ? 1 : 0)) {
-        const o = t.value - 1, y = s.value - o + r.value;
+      if (n.value - o >= (e ? 1 : 0)) {
+        const i = s.value - 1, v = p.value - i + g.value;
         return [
-          r.value,
+          g.value,
           a.ellipsis,
-          ...b(o, y)
+          ...y(i, v)
         ];
       } else {
-        const o = Math.max(1, t.value - 3), y = o === 1 ? a.modelValue : a.modelValue - Math.ceil(o / 2) + r.value;
+        const i = Math.max(1, s.value - 3), v = i === 1 ? n.value : n.value - Math.ceil(i / 2) + g.value;
         return [
-          r.value,
+          g.value,
           a.ellipsis,
-          ...b(o, y),
+          ...y(i, v),
           a.ellipsis,
-          s.value
+          p.value
         ];
       }
-    }), A = h(() => N.value.map((e, l) => typeof e == "string" ? {
+    }), T = d(() => E.value.map((e, l) => typeof e == "string" ? {
       active: !1,
       key: `ellipsis-${l}`,
       page: e,
       ellipsis: !0,
       disabled: !0
     } : {
-      active: e === a.modelValue,
+      active: e === n.value,
       key: e,
       page: e,
       ellipsis: !1,
       disabled: !!a.disabled || +a.totalPages < 2 || a.loading
-    })), b = (e, l = 0) => Array.from({ length: e }, (n, p) => l + p);
-    return (e, l) => (k(), V("div", {
+    })), y = (e, l = 0) => Array.from({ length: e }, (t, o) => l + o), V = d(() => {
+      var l, t, o;
+      const e = {
+        disabled: n.value <= 1 || a.loading || a.disabled,
+        onClick: () => {
+          n.value > 1 && (n.value = n.value - 1);
+        },
+        class: "bb-pagination__page bb-pagination__page--previous"
+      };
+      if (a.navigation) {
+        const i = (n.value - 1).toString();
+        if (k) {
+          const v = new URL(globalThis.location.href);
+          v.searchParams.set(a.querykey, i), e.href = v.toString();
+        } else u.value && (e.to = {
+          path: (l = u.value) == null ? void 0 : l.path,
+          params: (t = u.value) == null ? void 0 : t.params,
+          query: { ...(o = u.value) == null ? void 0 : o.query, [a.querykey]: i }
+        }, e.replace = a.replace);
+      }
+      return e;
+    }), W = (e) => {
+      var t;
+      const l = {
+        class: ["bb-pagination__page"],
+        disabled: e.disabled,
+        onClick: () => {
+          typeof e.key == "number" && (n.value = e.key);
+        }
+      };
+      if (e.active && l.class.push("bb-pagination__page--active"), e.ellipsis && l.class.push("bb-pagination__page--ellipsis"), a.navigation) {
+        const o = e.key.toString();
+        if (k) {
+          const i = new URL(globalThis.location.href);
+          i.searchParams.set(a.querykey, o), l.href = i.toString();
+        } else u.value && (l.to = {
+          ...u.value,
+          query: { ...(t = u.value) == null ? void 0 : t.query, [a.querykey]: o }
+        }, l.replace = a.replace);
+      }
+      return l;
+    }, I = d(() => {
+      var l, t, o;
+      const e = {
+        disabled: n.value >= p.value || a.loading || a.disabled,
+        onClick: () => {
+          n.value < p.value && (n.value = n.value + 1);
+        },
+        class: "bb-pagination__page bb-pagination__page--next"
+      };
+      if (a.navigation) {
+        const i = (n.value + 1).toString();
+        if (k) {
+          const v = new URL(globalThis.location.href);
+          v.searchParams.set(a.querykey, i), e.href = v.toString();
+        } else u.value && (e.to = {
+          path: (l = u.value) == null ? void 0 : l.path,
+          params: (t = u.value) == null ? void 0 : t.params,
+          query: { ...(o = u.value) == null ? void 0 : o.query, [a.querykey]: i }
+        }, e.replace = a.replace);
+      }
+      return e;
+    });
+    return (e, l) => (w(), x("div", {
       ref_key: "outercontainer",
-      ref: u,
-      class: $(["bb-pagination", {
+      ref: c,
+      class: X(["bb-pagination", {
         [`bb-pagination--${e.align}`]: !0,
         "bb-pagination--disabled": e.disabled
       }])
     }, [
-      i("nav", { "aria-label": e.label }, [
-        i("ul", {
+      r("nav", { "aria-label": e.label }, [
+        r("ul", {
           ref_key: "innercontainer",
-          ref: d,
+          ref: b,
           class: "bb-pagination__pages"
         }, [
-          i("li", null, [
-            S(v(z), {
-              class: "bb-pagination__page bb-pagination__page--previous",
-              disabled: a.modelValue <= 1 || e.loading || e.disabled,
-              onClick: l[0] || (l[0] = (n) => f("update:modelValue", a.modelValue - 1))
-            }, {
-              default: w(() => [
-                c(e.$slots, "previous", {}, () => [
-                  i("span", I, m(v(C)("pagination.previous").value), 1),
-                  l[2] || (l[2] = i("svg", {
+          r("li", null, [
+            P(m(M), R($(V.value)), {
+              default: q(() => [
+                _(e.$slots, "previous", {}, () => [
+                  r("span", ae, h(m(L)("pagination.previous").value), 1),
+                  l[0] || (l[0] = r("svg", {
                     class: "bb-pagination__page-chevron",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg"
                   }, [
-                    i("path", {
+                    r("path", {
                       d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
                       fill: "currentColor"
                     })
@@ -119,49 +184,38 @@ const G = ["aria-label"], I = { class: "bb-pagination__page-label sr-only" }, O
                 ])
               ]),
               _: 3
-            }, 8, ["disabled"])
+            }, 16)
           ]),
-          (k(!0), V(R, null, F(A.value, (n) => (k(), V("li", {
-            key: n.key
+          (w(!0), x(H, null, J(T.value, (t) => (w(), x("li", {
+            key: t.key
           }, [
-            S(v(z), {
-              class: $(["bb-pagination__page", {
-                "bb-pagination__page--active": n.active,
-                "bb-pagination__page--ellipsis": n.ellipsis
-              }]),
-              disabled: n.disabled,
-              onClick: (p) => f("update:modelValue", n.key)
-            }, {
-              default: w(() => [
-                n.ellipsis === !0 ? c(e.$slots, "ellipsis", { key: 0 }, () => [
-                  i("span", O, m(a.ellipsis), 1)
-                ]) : c(e.$slots, "item", {
+            P(m(M), K({ ref_for: !0 }, W(t)), {
+              default: q(() => [
+                t.ellipsis === !0 ? _(e.$slots, "ellipsis", { key: 0 }, () => [
+                  r("span", le, h(a.ellipsis), 1)
+                ]) : _(e.$slots, "item", {
                   key: 1,
-                  active: n.active,
-                  disabled: n.disabled,
-                  item: n.key
+                  active: t.active,
+                  disabled: t.disabled,
+                  item: t.key
                 }, () => [
-                  i("span", j, m(n.key), 1)
+                  r("span", te, h(t.key), 1)
                 ])
               ]),
               _: 2
-            }, 1032, ["class", "disabled", "onClick"])
+            }, 1040)
           ]))), 128)),
-          i("li", null, [
-            S(v(z), {
-              class: "bb-pagination__page bb-pagination__page--next",
-              disabled: a.modelValue >= +s.value || e.loading || e.disabled,
-              onClick: l[1] || (l[1] = (n) => f("update:modelValue", a.modelValue + 1))
-            }, {
-              default: w(() => [
-                c(e.$slots, "next", {}, () => [
-                  i("span", q, m(v(C)("pagination.next").value), 1),
-                  l[3] || (l[3] = i("svg", {
+          r("li", null, [
+            P(m(M), R($(I.value)), {
+              default: q(() => [
+                _(e.$slots, "next", {}, () => [
+                  r("span", ne, h(m(L)("pagination.next").value), 1),
+                  l[1] || (l[1] = r("svg", {
                     class: "bb-pagination__page-chevron",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg"
                   }, [
-                    i("path", {
+                    r("path", {
                       d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
                       fill: "currentColor"
                     })
@@ -169,13 +223,13 @@ const G = ["aria-label"], I = { class: "bb-pagination__page-label sr-only" }, O
                 ])
               ]),
               _: 3
-            }, 8, ["disabled"])
+            }, 16)
           ])
         ], 512)
-      ], 8, G)
+      ], 8, ee)
     ], 2));
   }
 });
 export {
-  Z as default
+  ge as default
 };

package/dist/index88.js

@@ -1,14 +1,14 @@
 import { defineComponent as O, ref as n, computed as v, openBlock as y, createElementBlock as S, mergeProps as F, createElementVNode as p, renderSlot as k, normalizeProps as H, guardReactiveProps as V, createVNode as q, withCtx as T, createBlock as I, toDisplayString as W, unref as z, createCommentVNode as A, nextTick as R } from "vue";
-import { useFocusTrap as j } from "./index219.js";
+import { useFocusTrap as j } from "./index208.js";
 import { useId as G } from "./index8.js";
 import { useIntersectionObserver as J } from "./index132.js";
-import { waitFor as K } from "./index249.js";
+import { waitFor as K } from "./index219.js";
 import Q from "./index13.js";
 /* empty css        */
-import U from "./index221.js";
+import U from "./index210.js";
 /* empty css         */
-import { useLocale as X } from "./index228.js";
-import { useDebounceFn as Y } from "./index206.js";
+import { useLocale as X } from "./index217.js";
+import { useDebounceFn as Y } from "./index254.js";
 const Z = { class: "bb-popover__close-label sr-only" }, ce = /* @__PURE__ */ O({
   __name: "BbPopover",
   props: {

package/dist/index90.js

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

package/package.json

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

package/dist/index215.js

@@ -1,5 +0,0 @@
-import { hash as o } from "./index277.js";
-const t = (r, h = "bb") => `${h}${o(r)}`;
-export {
-  t as hash
-};

package/dist/index223.js

@@ -1,202 +0,0 @@
-import { defineComponent as j, ref as c, onMounted as J, watch as Q, openBlock as _, createElementBlock as R, createElementVNode as w, createTextVNode as B, toDisplayString as C, unref as x, createCommentVNode as K } from "vue";
-import { useResizeObserver as Z } from "./index132.js";
-import { hexToRgb as O } from "./index329.js";
-import { getHueFromRGB as F } from "./index330.js";
-import { hslToHex as y } from "./index331.js";
-import { useLocale as ee } from "./index228.js";
-const te = {
-  id: "mainCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, ae = { key: 0 }, ne = {
-  id: "hueCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, oe = { key: 0 }, de = /* @__PURE__ */ j({
-  __name: "ColorPallette",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(N, { emit: T }) {
-    const D = N, f = T, { t: h } = ee(), o = c(D.modelValue), d = c(
-      y(F(...O(o.value ?? "#ff0000")), 100, 50)
-    ), P = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), H = () => {
-      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());
-    }, I = () => {
-      const e = s.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = s.value;
-      if (!e) return;
-      const t = I();
-      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 = I();
-      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");
-    }, V = () => {
-      const e = r.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, m = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = V();
-      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), L(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, L = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = V();
-      if (!t) return;
-      const a = 10, n = 16, i = u.value.x - a / 2, S = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(i, S, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, q = (e) => {
-      s.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), b.value = !0, G(e));
-    }, z = (e) => {
-      r.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), k.value = !0, W(e));
-    }, G = (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);
-    }, W = (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);
-    }, A = (e) => {
-      b.value ? G(e) : k.value && W(e);
-    }, E = () => {
-      b.value = !1, k.value = !1;
-    }, U = (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();
-    }, X = (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(), L(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      H(), M(o.value ?? "#ff0000");
-    }), Z(P, () => {
-      H(), M(o.value ?? "#ff0000");
-    }), Q(
-      () => D.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, M(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, [S, $, Y] = i;
-      return `#${((1 << 24) + (S << 16) + ($ << 8) + Y).toString(16).slice(1)}`;
-    };
-    function M(e) {
-      var a;
-      const t = F(...O(e));
-      d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
-    }
-    return (e, t) => (_(), R("div", {
-      ref_key: "paletteRef",
-      ref: P,
-      "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: U,
-        onPointerdown: q
-      }, null, 544),
-      w("p", te, [
-        B(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
-        o.value ? (_(), R("span", ae, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : K("", !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: X,
-        onPointerdown: z
-      }, null, 544),
-      w("p", ne, [
-        B(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
-        d.value ? (_(), R("span", oe, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : K("", !0)
-      ])
-    ], 512));
-  }
-});
-export {
-  de as default
-};

package/dist/index260.js

@@ -1,4 +0,0 @@
-const o = (e) => e[0];
-export {
-  o as head
-};

package/dist/index279.js

@@ -1,5 +0,0 @@
-import o from "./index221.js";
-/* empty css         */
-export {
-  o as default
-};

package/dist/index304.js

@@ -1,4 +0,0 @@
-import f from "./index252.js";
-export {
-  f as default
-};

package/dist/index329.js

@@ -1,10 +0,0 @@
-function i(t) {
-  if (t = t.replace(/^#/, ""), !/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(t))
-    throw new Error("Invalid hex code");
-  t.length === 3 && (t = t.split("").map((n) => n + n).join(""));
-  const r = parseInt(t.slice(0, 2), 16), s = parseInt(t.slice(2, 4), 16), o = parseInt(t.slice(4, 6), 16);
-  return [r, s, o];
-}
-export {
-  i as hexToRgb
-};