bitboss-ui 2.0.171 → 2.0.173

package/dist/index246.js

@@ -1,46 +1,7 @@
-import { defineComponent as _, computed as a, createElementBlock as c, openBlock as o, createElementVNode as p, Fragment as b, renderList as h, createBlock as k, normalizeClass as f, withCtx as y, createTextVNode as x, toDisplayString as B } from "vue";
-import C from "./index13.js";
-/* empty css        */
-const M = { class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector" }, v = { class: "content" }, E = /* @__PURE__ */ _({
-  __name: "BaseDatePickerMonthSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:month"],
-  setup(l, { emit: d }) {
-    const s = l, m = d, i = a(() => s.cursor.month()), u = a(
-      () => new Array(12).fill(0).map((r, t) => {
-        const n = s.cursor.clone().startOf("year").add(t, "month");
-        return {
-          text: n.format("MMMM"),
-          key: n.unix(),
-          selected: n.month() === i.value,
-          handler: () => m("update:month", t)
-        };
-      })
-    );
-    return (r, t) => (o(), c("div", M, [
-      p("div", v, [
-        (o(!0), c(b, null, h(u.value, (e) => (o(), k(C, {
-          key: e.key,
-          class: f({
-            content__btn: !0,
-            "content__btn--selected": e.selected
-          }),
-          disabled: r.disabled,
-          type: "button",
-          onClick: e.handler
-        }, {
-          default: y(() => [
-            x(B(e.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ])
-    ]));
-  }
-});
+import { getDefaultExportFromCjs as r } from "./index302.js";
+import { __require as o } from "./index313.js";
+var t = o();
+const m = /* @__PURE__ */ r(t);
 export {
-  E as default
+  m as default
 };

package/dist/index247.js

@@ -1,7 +1,4 @@
-import o from "./index316.js";
-/* empty css         */
-import t from "./index291.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
+const n = (t) => t == null || Number.isNaN(t) || typeof t == "object" && Object.keys(t).length === 0 || typeof t == "string" && t.trim().length === 0 || t instanceof Map && [...t.keys()].length === 0 || t instanceof Set && [...t.keys()].length === 0;
 export {
-  m as default
+  n as isEmpty
 };

package/dist/index248.js

@@ -1,62 +1,13 @@
-import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
-import { range as H } from "./index342.js";
-import M from "./index13.js";
-/* empty css        */
-const n = 10, l = 3, V = /* @__PURE__ */ g({
-  __name: "BaseDatePickerYearSelector",
-  props: {
-    cursor: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:year"],
-  setup(p, { emit: _ }) {
-    const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
-      () => H(c.value, s.value).map((e) => ({
-        text: e,
-        key: e,
-        selected: e === r.value,
-        handler: () => b("update:year", e)
-      }))
-    ), k = (e) => {
-      const t = e.target;
-      t.scrollTop <= 100 ? c.value = Math.max(
-        c.value - n * l,
-        r.value - 200
-      ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
-    };
-    return h(() => {
-      if (!o.value) return;
-      const e = o.value.querySelector(
-        ".content__btn--selected"
-      );
-      e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
-    }), (e, t) => (u(), m("div", {
-      ref_key: "container",
-      ref: o,
-      class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
-    }, [
-      y("div", {
-        class: "content",
-        onScrollPassive: k
-      }, [
-        (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
-          key: a.key,
-          class: S({
-            content__btn: !0,
-            "content__btn--selected": a.selected
-          }),
-          disabled: e.disabled,
-          onClick: a.handler
-        }, {
-          default: T(() => [
-            E(w(a.text), 1)
-          ]),
-          _: 2
-        }, 1032, ["class", "disabled", "onClick"]))), 128))
-      ], 32)
-    ], 512));
-  }
-});
+import { ref as a, watch as c, toValue as u } from "vue";
+const i = (e, { initialValue: o = !1, nextValue: r = !0 } = {}) => {
+  const t = a(o), n = c(
+    () => u(e),
+    (s) => {
+      s && (t.value = r, n());
+    }
+  );
+  return t;
+};
 export {
-  V as default
+  i as useUntil
 };

package/dist/index249.js

@@ -1,7 +1,22 @@
-import { getDefaultExportFromCjs as r } from "./index327.js";
-import { __require as o } from "./index318.js";
-var t = o();
-const m = /* @__PURE__ */ r(t);
+import { MaskInput as r } from "./index231.js";
+const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
+  if (a.arg == null || a.instance == null) return;
+  const s = "setup" in a.instance.$.type;
+  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
+}, k = (a, n) => {
+  var s;
+  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
+  if (t == null || (t == null ? void 0 : t.type) === "file") return;
+  let e = {};
+  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
+    const l = (o) => {
+      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
+      p(n, i);
+    };
+    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
+  }
+  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
+};
 export {
-  m as default
+  k as vMaska
 };

package/dist/index25.js

@@ -1,12 +1,12 @@
 import { defineComponent as ae, ref as a, computed as i, getCurrentInstance as oe, useAttrs as se, onMounted as ne, onBeforeUnmount as ie, nextTick as N, watch as re, createBlock as ue, openBlock as y, withCtx as W, createElementVNode as o, mergeProps as F, createElementBlock as B, createCommentVNode as V, renderSlot as r, createTextVNode as de, toDisplayString as E, createVNode as ce } from "vue";
-import { useFocusTrap as fe } from "./index251.js";
+import { useFocusTrap as fe } from "./index232.js";
 import { useId as H } from "./index8.js";
 import { wait as g } from "./index135.js";
-import { waitFor as be } from "./index221.js";
-import { useModalsState as h } from "./index259.js";
+import { waitFor as be } from "./index233.js";
+import { useModalsState as h } from "./index234.js";
 import { useMobile as pe } from "./index9.js";
-import ve from "./index222.js";
-import { useLocale as me } from "./index231.js";
+import ve from "./index235.js";
+import { useLocale as me } from "./index224.js";
 import ye from "./index111.js";
 /* empty css         */
 const ge = { class: "bb-base-dialog-close" }, he = ["aria-label"], Se = /* @__PURE__ */ ae({

package/dist/index250.js

@@ -1,4 +1,122 @@
-const e = (t) => t;
+import { defineComponent as _, mergeModels as B, useModel as V, ref as r, watch as b, onMounted as A, computed as D, createBlock as c, openBlock as g, resolveDynamicComponent as w, normalizeStyle as x, normalizeClass as S, unref as s, withCtx as y, renderSlot as h, createCommentVNode as z, mergeProps as k, createElementVNode as C } from "vue";
+import { useFloating as E, arrow as N } from "./index337.js";
+import { flip as F, offset as H, shift as U, hide as j, autoUpdate as q } from "./index338.js";
+const G = { class: "bb-common-popover__bubble" }, O = /* @__PURE__ */ _({
+  __name: "CommonPopover",
+  props: /* @__PURE__ */ B({
+    arrowPadding: {},
+    offset: {},
+    block: { type: Boolean },
+    padding: { default: 0 },
+    placement: {},
+    transitionDuration: { default: 250 },
+    containerAttributes: {},
+    dialog: { type: Boolean },
+    renderContent: { type: Boolean, default: !0 },
+    tag: { default: "span" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const a = i, l = V(i, "modelValue"), d = r(l.value);
+    l.value = !1;
+    const u = r(), o = r(), p = r(), { floatingStyles: M, placement: $, middlewareData: n } = E(
+      u,
+      o,
+      {
+        placement: a.placement,
+        whileElementsMounted: q,
+        middleware: [
+          F(),
+          H(a.offset),
+          U({ padding: a.padding }),
+          j(),
+          N({
+            element: p,
+            padding: a.arrowPadding
+          })
+        ],
+        strategy: "fixed"
+      }
+    );
+    b(
+      () => {
+        var e, t;
+        return (t = (e = n.value) == null ? void 0 : e.hide) == null ? void 0 : t.referenceHidden;
+      },
+      (e) => {
+        e && (l.value = !1);
+      }
+    ), b(l, (e) => {
+      e ? o.value && (a.dialog ? o.value.showModal() : o.value.showPopover()) : o.value && (a.dialog ? o.value.close() : o.value.hidePopover());
+    }), A(() => {
+      d.value && o.value && (l.value = d.value, a.dialog ? o.value.showModal() : o.value.showPopover());
+    });
+    const P = D(() => {
+      if (n.value.arrow) {
+        const { x: e, y: t } = n.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${t}px`
+          }
+        };
+      }
+    });
+    return (e, t) => (g(), c(w(e.dialog ? "div" : e.tag), {
+      ref_key: "wrapper",
+      ref: u,
+      class: S(["bb-common-popover", {
+        "bb-common-popover--open": l.value && !!o.value,
+        "bb-common-popover--block": a.block,
+        [`bb-common-popover--${s($)}`]: !0
+      }]),
+      style: x({
+        "--transition-duration": `${a.transitionDuration}ms`
+      })
+    }, {
+      default: y(() => {
+        var m, f, v;
+        return [
+          h(e.$slots, "activator"),
+          e.renderContent ? (g(), c(w(e.dialog ? "dialog" : e.tag), k({
+            key: 0,
+            ref_key: "content",
+            ref: o,
+            class: ["bb-common-popover__bubble-container", {
+              "bb-common-popover__bubble-container--open": l.value && !!o.value
+            }],
+            popover: "manual",
+            style: {
+              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
+              ...s(M),
+              "--arrow-offset-x": Math.round(((v = (f = s(n)) == null ? void 0 : f.arrow) == null ? void 0 : v.x) ?? 0) + "px",
+              "--page-padding": `${e.padding}px`
+            },
+            tabindex: l.value ? void 0 : -1
+          }, e.containerAttributes, {
+            onClose: t[0] || (t[0] = (I) => l.value = !1)
+          }), {
+            default: y(() => [
+              C("span", k({
+                ref_key: "bubblearrow",
+                ref: p,
+                class: "bb-common-popover__arrow"
+              }, P.value), null, 16),
+              C("span", G, [
+                h(e.$slots, "default")
+              ])
+            ]),
+            _: 3
+          }, 16, ["class", "style", "tabindex"])) : z("", !0)
+        ];
+      }),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
 export {
-  e as identity
+  O as default
 };

package/dist/index252.js

@@ -1,22 +1,6 @@
-import { MaskInput as r } from "./index266.js";
-const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
-  if (a.arg == null || a.instance == null) return;
-  const s = "setup" in a.instance.$.type;
-  a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
-}, k = (a, n) => {
-  var s;
-  const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
-  if (t == null || (t == null ? void 0 : t.type) === "file") return;
-  let e = {};
-  if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
-    const l = (o) => {
-      const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
-      p(n, i);
-    };
-    e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
-  }
-  u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
-};
+import { curry as e } from "./index312.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  k as vMaska
+  t as baseWhen,
+  s as when
 };

package/dist/index253.js

@@ -1,96 +1,6 @@
-import { defineComponent as h, toRef as y, ref as o, computed as n, watch as x, createBlock as $, openBlock as b, withCtx as A, createElementBlock as k, mergeProps as l, createElementVNode as f, renderSlot as B } from "vue";
-import C from "./index222.js";
-import c from "./index346.js";
-import { useFloating as D, arrow as E } from "./index213.js";
-import { flip as P, offset as F, shift as M, autoUpdate as S } from "./index234.js";
-const W = /* @__PURE__ */ h({
-  __name: "CommonFloating",
-  props: {
-    arrowPadding: {},
-    eager: { type: Boolean },
-    offset: {},
-    padding: {},
-    placement: {},
-    theme: { default: "default" },
-    transitionDuration: {},
-    containerAttributes: { default: () => ({}) },
-    bubbleAttributes: {},
-    wrapper: {},
-    baseClass: {},
-    open: { type: Boolean },
-    teleportTarget: {}
-  },
-  setup(d) {
-    const e = d, m = y(e, "wrapper"), i = o(), s = o(), p = o(), { floatingStyles: g, placement: w, middlewareData: a } = D(
-      i,
-      s,
-      {
-        placement: e.placement,
-        whileElementsMounted: S,
-        middleware: [
-          P(),
-          F(e.offset),
-          M({ padding: e.padding }),
-          E({
-            element: p,
-            padding: e.arrowPadding
-          })
-        ]
-      }
-    ), _ = n(() => {
-      if (a.value.arrow) {
-        const { x: t, y: r } = a.value.arrow;
-        return {
-          style: {
-            left: `${t}px`,
-            top: `${r}px`
-          }
-        };
-      }
-    }), u = n(() => {
-      var t, r;
-      return c({}, e.containerAttributes, {
-        class: {
-          "bb-floating": !0,
-          [`bb-floating--${w.value}`]: !0,
-          [`${e.baseClass}__bubble-container--${e.theme}`]: e.theme,
-          "bb-floating--hidden": !e.open,
-          "bb-floating--open": e.open
-        },
-        style: {
-          ...g.value,
-          "--transition-duration": `${e.transitionDuration}ms`,
-          "--arrow-offset-x": Math.round(((r = (t = a.value) == null ? void 0 : t.arrow) == null ? void 0 : r.x) ?? 0) + "px"
-        },
-        tabindex: e.open ? void 0 : -1
-      });
-    }), v = n(() => c({}, e.bubbleAttributes, {}));
-    return x(
-      () => e.open,
-      (t) => {
-        t && (i.value = m.value);
-      }
-    ), (t, r) => (b(), $(C, { target: t.teleportTarget }, {
-      default: A(() => [
-        (b(), k("span", l(u.value, {
-          key: u.value.id,
-          ref_key: "content",
-          ref: s
-        }), [
-          f("span", l({
-            ref_key: "bubblearrow",
-            ref: p,
-            class: "bb-floating__arrow"
-          }, _.value), null, 16),
-          f("span", l({ class: "bb-floating__bubble" }, v.value), [
-            B(t.$slots, "default")
-          ], 16)
-        ], 16))
-      ]),
-      _: 3
-    }, 8, ["target"]));
-  }
-});
+function x(e) {
+  return /^#([A-Fa-f0-9]{6})$/.test(e);
+}
 export {
-  W as default
+  x as isHex
 };

package/dist/index254.js

@@ -0,0 +1,202 @@
+import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as _, openBlock as R, createElementVNode as w, createTextVNode as B, createCommentVNode as K, toDisplayString as C, unref as x } from "vue";
+import { useResizeObserver as Z } from "./index137.js";
+import { hexToRgb as O } from "./index339.js";
+import { getHueFromRGB as F } from "./index340.js";
+import { hslToHex as y } from "./index341.js";
+import { useLocale as ee } from "./index224.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/index256.js

@@ -1,6 +1,20 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+import { isNil as c } from "./index264.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 {
-  x as isHex
+  y as matchAnyKey
 };