bitboss-ui 2.0.151 → 2.0.152

package/dist/index209.js

@@ -1,127 +1,43 @@
-import { getDefaultExportFromCjs as et, commonjsGlobal as nt } from "./index277.js";
-import { __module as B } from "./index295.js";
-(function(I, at) {
-  (function(U, k) {
-    I.exports = k();
-  })(nt, function() {
-    var U = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, k = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, j = /\d/, L = /\d\d/, s = /\d\d?/, x = /\d*[^-_:/,()\s\d]+/, m = {}, Q = function(t) {
-      return (t = +t) + (t > 68 ? 1900 : 2e3);
-    }, o = function(t) {
-      return function(r) {
-        this[t] = +r;
-      };
-    }, X = [/[+-]\d\d:?(\d\d)?|Z/, function(t) {
-      (this.zone || (this.zone = {})).offset = function(r) {
-        if (!r || r === "Z") return 0;
-        var e = r.match(/([+-]|\d\d)/g), n = 60 * e[1] + (+e[2] || 0);
-        return n === 0 ? 0 : e[0] === "+" ? -n : n;
-      }(t);
-    }], F = function(t) {
-      var r = m[t];
-      return r && (r.indexOf ? r : r.s.concat(r.f));
-    }, G = function(t, r) {
-      var e, n = m.meridiem;
-      if (n) {
-        for (var h = 1; h <= 24; h += 1) if (t.indexOf(n(h, 0, r)) > -1) {
-          e = h > 12;
-          break;
-        }
-      } else e = t === (r ? "pm" : "PM");
-      return e;
-    }, J = { A: [x, function(t) {
-      this.afternoon = G(t, !1);
-    }], a: [x, function(t) {
-      this.afternoon = G(t, !0);
-    }], Q: [j, function(t) {
-      this.month = 3 * (t - 1) + 1;
-    }], S: [j, function(t) {
-      this.milliseconds = 100 * +t;
-    }], SS: [L, function(t) {
-      this.milliseconds = 10 * +t;
-    }], SSS: [/\d{3}/, function(t) {
-      this.milliseconds = +t;
-    }], s: [s, o("seconds")], ss: [s, o("seconds")], m: [s, o("minutes")], mm: [s, o("minutes")], H: [s, o("hours")], h: [s, o("hours")], HH: [s, o("hours")], hh: [s, o("hours")], D: [s, o("day")], DD: [L, o("day")], Do: [x, function(t) {
-      var r = m.ordinal, e = t.match(/\d+/);
-      if (this.day = e[0], r) for (var n = 1; n <= 31; n += 1) r(n).replace(/\[|\]/g, "") === t && (this.day = n);
-    }], w: [s, o("week")], ww: [L, o("week")], M: [s, o("month")], MM: [L, o("month")], MMM: [x, function(t) {
-      var r = F("months"), e = (F("monthsShort") || r.map(function(n) {
-        return n.slice(0, 3);
-      })).indexOf(t) + 1;
-      if (e < 1) throw new Error();
-      this.month = e % 12 || e;
-    }], MMMM: [x, function(t) {
-      var r = F("months").indexOf(t) + 1;
-      if (r < 1) throw new Error();
-      this.month = r % 12 || r;
-    }], Y: [/[+-]?\d+/, o("year")], YY: [L, function(t) {
-      this.year = Q(t);
-    }], YYYY: [/\d{4}/, o("year")], Z: X, ZZ: X };
-    function K(t) {
-      var r, e;
-      r = t, e = m && m.formats;
-      for (var n = (t = r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(v, l, f) {
-        var i = f && f.toUpperCase();
-        return l || e[f] || U[f] || e[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(M, Y, D) {
-          return Y || D.slice(1);
-        });
-      })).match(k), h = n.length, c = 0; c < h; c += 1) {
-        var y = n[c], p = J[y], u = p && p[0], d = p && p[1];
-        n[c] = d ? { regex: u, parser: d } : y.replace(/^\[|\]$/g, "");
-      }
-      return function(v) {
-        for (var l = {}, f = 0, i = 0; f < h; f += 1) {
-          var M = n[f];
-          if (typeof M == "string") i += M.length;
-          else {
-            var Y = M.regex, D = M.parser, $ = v.slice(i), g = Y.exec($)[0];
-            D.call(l, g), v = v.replace(g, "");
-          }
-        }
-        return function(w) {
-          var S = w.afternoon;
-          if (S !== void 0) {
-            var a = w.hours;
-            S ? a < 12 && (w.hours += 12) : a === 12 && (w.hours = 0), delete w.afternoon;
-          }
-        }(l), l;
-      };
-    }
-    return function(t, r, e) {
-      e.p.customParseFormat = !0, t && t.parseTwoDigitYear && (Q = t.parseTwoDigitYear);
-      var n = r.prototype, h = n.parse;
-      n.parse = function(c) {
-        var y = c.date, p = c.utc, u = c.args;
-        this.$u = p;
-        var d = u[1];
-        if (typeof d == "string") {
-          var v = u[2] === !0, l = u[3] === !0, f = v || l, i = u[2];
-          l && (i = u[2]), m = this.$locale(), !v && i && (m = e.Ls[i]), this.$d = function($, g, w, S) {
-            try {
-              if (["x", "X"].indexOf(g) > -1) return new Date((g === "X" ? 1e3 : 1) * $);
-              var a = K(g)($), H = a.year, A = a.month, N = a.day, R = a.hours, W = a.minutes, tt = a.seconds, rt = a.milliseconds, V = a.zone, q = a.week, O = /* @__PURE__ */ new Date(), P = N || (H || A ? 1 : O.getDate()), z = H || O.getFullYear(), T = 0;
-              H && !A || (T = A > 0 ? A - 1 : O.getMonth());
-              var Z, C = R || 0, E = W || 0, _ = tt || 0, b = rt || 0;
-              return V ? new Date(Date.UTC(z, T, P, C, E, _, b + 60 * V.offset * 1e3)) : w ? new Date(Date.UTC(z, T, P, C, E, _, b)) : (Z = new Date(z, T, P, C, E, _, b), q && (Z = S(Z).week(q).toDate()), Z);
-            } catch {
-              return /* @__PURE__ */ new Date("");
-            }
-          }(y, d, p, e), this.init(), i && i !== !0 && (this.$L = this.locale(i).$L), f && y != this.format(d) && (this.$d = /* @__PURE__ */ new Date("")), m = {};
-        } else if (d instanceof Array) for (var M = d.length, Y = 1; Y <= M; Y += 1) {
-          u[1] = d[Y - 1];
-          var D = e.apply(this, u);
-          if (D.isValid()) {
-            this.$d = D.$d, this.$L = D.$L, this.init();
-            break;
-          }
-          Y === M && (this.$d = /* @__PURE__ */ new Date(""));
-        }
-        else h.call(this, c);
-      };
-    };
+import { unrefElement as A } from "./index132.js";
+import { toValue as n, notNullish as g, tryOnScopeDispose as y } from "./index207.js";
+import { ref as i, computed as D, watch as F } from "vue";
+import { createFocusTrap as T } from "./index274.js";
+function E(f, a = {}) {
+  let e;
+  const { immediate: l, ...p } = a, r = i(!1), s = i(!1), c = (t) => e && e.activate(t), u = (t) => e && e.deactivate(t), v = () => {
+    e && (e.pause(), s.value = !0);
+  }, m = () => {
+    e && (e.unpause(), s.value = !1);
+  }, d = D(() => {
+    const t = n(f);
+    return (Array.isArray(t) ? t : [t]).map((h) => {
+      const o = n(h);
+      return typeof o == "string" ? o : A(o);
+    }).filter(g);
   });
-})(B);
-var ot = B.exports;
-const ht = /* @__PURE__ */ et(ot);
+  return F(
+    d,
+    (t) => {
+      t.length && (e = T(t, {
+        ...p,
+        onActivate() {
+          r.value = !0, a.onActivate && a.onActivate();
+        },
+        onDeactivate() {
+          r.value = !1, a.onDeactivate && a.onDeactivate();
+        }
+      }), l && c());
+    },
+    { flush: "post" }
+  ), y(() => u()), {
+    hasFocus: r,
+    isPaused: s,
+    activate: c,
+    deactivate: u,
+    pause: v,
+    unpause: m
+  };
+}
 export {
-  ht as default
+  E as useFocusTrap
 };

package/dist/index21.js

@@ -5,22 +5,22 @@ import { _config as C } from "./index4.js";
 import { useId as F } from "./index8.js";
 import f from "./index13.js";
 /* empty css        */
-import s from "./index208.js";
-import G from "./index210.js";
-import J from "./index211.js";
-import K from "./index212.js";
-import Q from "./index213.js";
-import X from "./index226.js";
-import ee from "./index227.js";
-import { hash as M } from "./index228.js";
-import { last as ae } from "./index215.js";
-import { useLogger as te } from "./index229.js";
-import oe from "./index230.js";
-import le from "./index231.js";
-import re from "./index232.js";
-import B from "./index233.js";
-import se from "./index234.js";
-import { useLocale as de } from "./index217.js";
+import s from "./index222.js";
+import G from "./index224.js";
+import J from "./index225.js";
+import K from "./index226.js";
+import Q from "./index227.js";
+import X from "./index233.js";
+import ee from "./index234.js";
+import { hash as M } from "./index235.js";
+import { last as ae } from "./index229.js";
+import { useLogger as te } from "./index236.js";
+import oe from "./index237.js";
+import le from "./index238.js";
+import re from "./index239.js";
+import B from "./index240.js";
+import se from "./index241.js";
+import { useLocale as de } from "./index218.js";
 const ie = { class: "bb-base-date-picker" }, ne = { class: "bb-base-date-picker__body" }, ue = { class: "bb-base-date-picker__controls" }, me = { class: "sr-only" }, pe = { class: "sr-only" }, ce = { class: "sr-only" }, fe = {
   style: { transform: "rotate(180deg)" },
   viewBox: "0 0 24 24",

package/dist/index210.js

@@ -1,18 +1,22 @@
-import { getDefaultExportFromCjs as f, commonjsGlobal as n } from "./index277.js";
-import { __module as e } from "./index279.js";
-(function(s, a) {
-  (function(i, t) {
-    s.exports = t();
-  })(n, function() {
-    return function(i, t) {
-      t.prototype.isSameOrAfter = function(r, o) {
-        return this.isSame(r, o) || this.isAfter(r, o);
-      };
+import { MaskInput as r } from "./index257.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);
-var m = e.exports;
-const c = /* @__PURE__ */ f(m);
+    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 {
-  c as default
+  k as vMaska
 };

package/dist/index211.js

@@ -1,18 +1,96 @@
-import { getDefaultExportFromCjs as i, commonjsGlobal as n } from "./index277.js";
-import { __module as t } from "./index280.js";
-(function(s, a) {
-  (function(f, o) {
-    s.exports = o();
-  })(n, function() {
-    return function(f, o) {
-      o.prototype.isSameOrBefore = function(e, r) {
-        return this.isSame(e, r) || this.isBefore(e, r);
-      };
-    };
-  });
-})(t);
-var m = t.exports;
-const c = /* @__PURE__ */ i(m);
+import { defineComponent as h, toRef as y, ref as o, computed as n, watch as x, openBlock as b, createBlock as $, withCtx as A, createElementBlock as k, mergeProps as l, createElementVNode as f, renderSlot as B } from "vue";
+import C from "./index253.js";
+import c from "./index332.js";
+import { useFloating as D, arrow as E } from "./index263.js";
+import { autoUpdate as P, flip as F, offset as M, shift as S } from "./index266.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: P,
+        middleware: [
+          F(),
+          M(e.offset),
+          S({ 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"]));
+  }
+});
 export {
-  c as default
+  W as default
 };

package/dist/index213.js

@@ -1,17 +1,202 @@
-import { commonjsGlobal as a, getDefaultExportFromCjs as _ } from "./index277.js";
-import { __module as n } from "./index282.js";
-(function(o, s) {
-  (function(r, e) {
-    o.exports = e();
-  })(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(r) {
-      var e = ["th", "st", "nd", "rd"], t = r % 100;
-      return "[" + r + (e[(t - 20) % 10] || e[t] || e[0]) + "]";
-    } };
-  });
-})(n);
-var u = n.exports;
-const p = /* @__PURE__ */ _(u);
+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 "./index218.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 {
-  p as default
+  de as default
 };

package/dist/index215.js

@@ -1,4 +1,68 @@
-const e = (t) => t[t.length - 1];
+import { defineComponent as _, ref as $, openBlock as r, createElementBlock as k, normalizeClass as y, renderSlot as n, createElementVNode as c, createBlock as s, unref as p, createCommentVNode as l, createVNode as i } from "vue";
+/* empty css       */
+/* empty css       */
+import m from "./index127.js";
+/* empty css         */
+import C from "./index129.js";
+/* empty css         */
+import h from "./index321.js";
+import B from "./index322.js";
+/* empty css         */
+const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, A = /* @__PURE__ */ _({
+  __name: "CommonInputInnerContainer",
+  props: {
+    "append:icon": {},
+    clearable: { type: Boolean },
+    "prepend:icon": {},
+    preventFocus: { type: Boolean }
+  },
+  emits: ["click:clear"],
+  setup(u, { emit: d }) {
+    const t = u, f = d, o = $(), a = () => {
+      var e;
+      !o.value || t.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
+    }, b = () => {
+      f("click:clear"), a();
+    };
+    return (e, E) => (r(), k("span", {
+      ref_key: "container",
+      ref: o,
+      class: y(["bb-common-input-inner-container", {
+        "bb-common-input-inner-container--clearable": t.clearable
+      }]),
+      onClick: a
+    }, [
+      n(e.$slots, "prepend", {}, () => [
+        c("span", v, [
+          n(e.$slots, "prefix")
+        ])
+      ]),
+      e.$props["prepend:icon"] ? (r(), s(p(m), {
+        key: 0,
+        class: "bb-common-input-inner-container__prepend-icon",
+        type: e.$props["prepend:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      n(e.$slots, "default"),
+      i(B, {
+        "aria-hidden": !e.clearable,
+        tabindex: e.clearable ? 0 : -1,
+        onClick: b
+      }, null, 8, ["aria-hidden", "tabindex"]),
+      e.$props["append:icon"] ? (r(), s(p(m), {
+        key: 1,
+        class: "bb-common-input-inner-container__append-icon",
+        type: e.$props["append:icon"]
+      }, null, 8, ["type"])) : l("", !0),
+      i(h),
+      i(p(C)),
+      n(e.$slots, "append", {}, () => [
+        c("span", I, [
+          n(e.$slots, "suffix")
+        ])
+      ])
+    ], 2));
+  }
+});
 export {
-  e as last
+  A as default
 };