bitboss-ui 2.0.165 → 2.0.166

package/dist/index267.js

@@ -1,12 +1,230 @@
-const o = (t, r) => {
-  const e = {};
-  for (const c in t)
-    if (Object.prototype.hasOwnProperty.call(t, c)) {
-      const n = t[c];
-      r(n, c, t) && (e[c] = n);
-    }
-  return e;
-};
+import { defineComponent as U, ref as f, computed as x, watch as E, createElementBlock as d, openBlock as c, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as p, renderSlot as m, createTextVNode as H, toDisplayString as g, unref as L, Fragment as Z, renderList as ee } from "vue";
+import { isNil as b } from "./index235.js";
+import { useVirtualizer as te } from "./index350.js";
+import { isNotNil as oe } from "./index140.js";
+import { hash as N } from "./index255.js";
+import { useLocale as ne } from "./index216.js";
+const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
+  key: 0,
+  class: "bb-listbox__loading"
+}, se = {
+  key: 1,
+  class: "bb-listbox__no-data"
+}, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__content" }, re = { class: "autocomplete-option__label" }, xe = /* @__PURE__ */ U({
+  __name: "ListBox",
+  props: {
+    compact: { type: Boolean },
+    options: {},
+    open: { type: Boolean },
+    loading: { type: Boolean },
+    multiple: { type: Boolean },
+    transitionDuration: { default: 250 },
+    loadingText: {},
+    noDataText: {}
+  },
+  emits: ["option:selected", "option:unselected"],
+  setup(V, { expose: z, emit: C }) {
+    const o = V, _ = C, { t: y } = ne(), s = f(null), O = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
+      () => o.options.map((e) => ({ ...e, id: O(e.value) }))
+    ), v = te({
+      get count() {
+        return o.options.length;
+      },
+      getScrollElement: () => s.value,
+      estimateSize: () => 42,
+      overscan: 5
+    }), F = (e) => {
+      e && v.value.measureElement(e);
+    }, M = x(() => v.value.getVirtualItems()), A = x(() => v.value.getTotalSize()), n = f(null), a = x(
+      () => o.open && o.options.some((e) => !e.disabled)
+    ), I = (e = 1) => {
+      const l = b(n.value) ? -1 : n.value;
+      let t = (l + e) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = I(e + 1);
+      return t;
+    }, P = () => {
+      if (!a.value) return;
+      const e = I();
+      n.value = e, u();
+    }, S = (e = 1) => {
+      const l = b(n.value) ? 0 : n.value;
+      let t = (l - e + o.options.length) % o.options.length;
+      for (; o.options[t].disabled && t !== l; )
+        t = S(e + 1);
+      return t;
+    }, R = async () => {
+      if (!a.value) return;
+      const e = S();
+      n.value = e, u();
+    }, q = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e].disabled; )
+        e++;
+      n.value = e, u();
+    }, J = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].disabled && e !== 0; )
+        e--;
+      n.value = e, u();
+    }, W = () => {
+      if (!a.value) return;
+      let e = 0;
+      for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
+        e++;
+      n.value = e % o.options.length, u();
+    }, Y = () => {
+      if (!a.value) return;
+      let e = o.options.length - 1;
+      for (; o.options[e].selected && e > 0; )
+        e--;
+      n.value = e === -1 ? o.options.length - 1 : e, u();
+    }, j = (e) => {
+      if (!a.value) return;
+      const l = o.options.findIndex(
+        (t) => t.valueHash === e
+      );
+      l >= 0 && (n.value = l), u();
+    }, k = () => {
+      n.value = null;
+    }, u = () => {
+      s.value && oe(n.value) && v.value.scrollToIndex(n.value, {
+        align: "center",
+        behavior: "smooth"
+      });
+    }, w = () => {
+      if (b(n.value) || !o.open) return;
+      const e = o.options[n.value];
+      e.selected ? _("option:unselected", e) : _("option:selected", e);
+    }, B = f(0), T = () => {
+      s.value && (B.value = s.value.scrollHeight);
+    }, G = (e) => !e.disabled, K = (e) => {
+      if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
+        if (!s.value.querySelector('[role="listbox"]'))
+          throw new Error("Could not find listbox in DOM tree.");
+        let t = e.target, r = t.dataset.index;
+        for (; b(r) && t.parentElement; )
+          t = t.parentElement, r = t.dataset.index;
+        if (r) {
+          const D = o.options[+r];
+          D && G(D) && (n.value = +r, w());
+        }
+      }
+    }, Q = () => b(n.value) ? void 0 : o.options[n.value];
+    return E(
+      () => o.open,
+      () => {
+        T();
+      },
+      { flush: "post" }
+    ), E(
+      () => o.options,
+      (e, l) => {
+        N(e.map((t) => t.valueHash)) !== N(l.map((t) => t.valueHash)) && (v.value.calculateRange(), T(), k());
+      },
+      {
+        flush: "post"
+      }
+    ), z({
+      focusNext: P,
+      focusPrevious: R,
+      focusFirst: q,
+      focusFirstSelected: W,
+      focusLast: J,
+      focusLastSelected: Y,
+      blur: k,
+      confirmOption: w,
+      focusByHash: j,
+      getHighlighted: Q
+    }), (e, l) => (c(), d("div", {
+      class: $(["bb-listbox", {
+        "bb-listbox--compact": e.compact,
+        "bb-listbox--loading": e.loading,
+        "bb-listbox--multiple": e.multiple,
+        "bb-listbox--no-data": !i.value.length,
+        "bb-listbox--open": e.open
+      }]),
+      style: h({
+        "--transition-duration": `${e.transitionDuration}ms`,
+        "--overlay-min-height": `${B.value}px`
+      }),
+      onClick: X(K, ["stop"])
+    }, [
+      p("div", le, [
+        p("div", {
+          ref_key: "inner",
+          ref: s,
+          class: "bb-listbox__inner-container"
+        }, [
+          m(e.$slots, "options:prepend"),
+          e.loading && !e.options.length ? (c(), d("div", ie, [
+            m(e.$slots, "loading", {}, () => [
+              H(g(e.loadingText || L(y)("common.loadingText").value), 1)
+            ])
+          ])) : e.options.length ? (c(), d("div", {
+            key: 2,
+            role: "listbox",
+            style: h({
+              height: `${A.value}px`
+            }),
+            tabindex: "-1"
+          }, [
+            (c(!0), d(Z, null, ee(M.value, (t, r) => (c(), d("div", {
+              key: i.value[t.index].value,
+              ref_for: !0,
+              ref: F,
+              "aria-selected": n.value === r ? !0 : void 0,
+              class: $({
+                "bb-listbox__option autocomplete-option": !0,
+                "autocomplete-option--focused": n.value === t.index,
+                "autocomplete-option--selected": i.value[t.index].selected,
+                "autocomplete-option--disabled": i.value[t.index].disabled
+              }),
+              "data-index": t.index,
+              role: "option",
+              style: h({
+                transform: `translateY(${t.start}px)`
+              })
+            }, [
+              p("span", ue, [
+                m(e.$slots, "option", {
+                  disabled: !!i.value[t.index].disabled,
+                  focused: n.value === t.index,
+                  index: t.index,
+                  item: i.value[t.index].item,
+                  selected: !!i.value[t.index].selected,
+                  text: i.value[t.index].text,
+                  value: i.value[t.index].value
+                }, () => [
+                  l[0] || (l[0] = p("svg", {
+                    class: "autocomplete-option__checkbox",
+                    role: "presentation",
+                    viewBox: "276.411 158.834 114.971 114.97"
+                  }, [
+                    p("path", {
+                      d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+                      fill: "none",
+                      "stroke-linecap": "round",
+                      "stroke-width": "14px"
+                    })
+                  ], -1)),
+                  p("span", re, g(i.value[t.index].text), 1)
+                ])
+              ])
+            ], 14, ae))), 128))
+          ], 4)) : (c(), d("div", se, [
+            m(e.$slots, "no-data", {}, () => [
+              H(g(e.noDataText || L(y)("common.noDataText").value), 1)
+            ])
+          ])),
+          m(e.$slots, "options:append")
+        ], 512)
+      ])
+    ], 6));
+  }
+});
 export {
-  o as pickBy
+  xe as default
 };

package/dist/index268.js

@@ -1,5 +1,370 @@
-const o = () => {
+import { flip as et, offset as it, shift as nt, arrow as ot, computePosition as st } from "./index333.js";
+import { createCoords as b, rectToClientRect as X, round as D, max as T, min as z, floor as A } from "./index334.js";
+import { getOverflowAncestors as $, isElement as x, getDocumentElement as C, getWindow as E, getFrameElement as U, getComputedStyle as y, isHTMLElement as R, isTopLayer as S, getParentNode as W, isLastTraversableNode as N, isTableElement as rt, isContainingBlock as j, getContainingBlock as ct, getNodeName as M, isOverflowElement as _, getNodeScroll as H, isWebKit as G } from "./index331.js";
+function J(t) {
+  const e = y(t);
+  let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
+  const o = R(t), c = o ? t.offsetWidth : n, s = o ? t.offsetHeight : i, r = D(n) !== c || D(i) !== s;
+  return r && (n = c, i = s), {
+    width: n,
+    height: i,
+    $: r
+  };
+}
+function k(t) {
+  return x(t) ? t : t.contextElement;
+}
+function F(t) {
+  const e = k(t);
+  if (!R(e))
+    return b(1);
+  const n = e.getBoundingClientRect(), {
+    width: i,
+    height: o,
+    $: c
+  } = J(e);
+  let s = (c ? D(n.width) : n.width) / i, r = (c ? D(n.height) : n.height) / o;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!r || !Number.isFinite(r)) && (r = 1), {
+    x: s,
+    y: r
+  };
+}
+const lt = /* @__PURE__ */ b(0);
+function Q(t) {
+  const e = E(t);
+  return !G() || !e.visualViewport ? lt : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function ft(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== E(t) ? !1 : e;
+}
+function L(t, e, n, i) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const o = t.getBoundingClientRect(), c = k(t);
+  let s = b(1);
+  e && (i ? x(i) && (s = F(i)) : s = F(t));
+  const r = ft(c, n, i) ? Q(c) : b(0);
+  let l = (o.left + r.x) / s.x, f = (o.top + r.y) / s.y, u = o.width / s.x, h = o.height / s.y;
+  if (c) {
+    const m = E(c), g = i && x(i) ? E(i) : i;
+    let v = m, a = U(v);
+    for (; a && i && g !== v; ) {
+      const p = F(a), d = a.getBoundingClientRect(), w = y(a), O = d.left + (a.clientLeft + parseFloat(w.paddingLeft)) * p.x, B = d.top + (a.clientTop + parseFloat(w.paddingTop)) * p.y;
+      l *= p.x, f *= p.y, u *= p.x, h *= p.y, l += O, f += B, v = E(a), a = U(v);
+    }
+  }
+  return X({
+    width: u,
+    height: h,
+    x: l,
+    y: f
+  });
+}
+function ut(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: i,
+    strategy: o
+  } = t;
+  const c = o === "fixed", s = C(i), r = e ? S(e.floating) : !1;
+  if (i === s || r && c)
+    return n;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, f = b(1);
+  const u = b(0), h = R(i);
+  if ((h || !h && !c) && ((M(i) !== "body" || _(s)) && (l = H(i)), R(i))) {
+    const m = L(i);
+    f = F(i), u.x = m.x + i.clientLeft, u.y = m.y + i.clientTop;
+  }
+  return {
+    width: n.width * f.x,
+    height: n.height * f.y,
+    x: n.x * f.x - l.scrollLeft * f.x + u.x,
+    y: n.y * f.y - l.scrollTop * f.y + u.y
+  };
+}
+function ht(t) {
+  return Array.from(t.getClientRects());
+}
+function Y(t) {
+  return L(C(t)).left + H(t).scrollLeft;
+}
+function at(t) {
+  const e = C(t), n = H(t), i = t.ownerDocument.body, o = T(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), c = T(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
+  let s = -n.scrollLeft + Y(t);
+  const r = -n.scrollTop;
+  return y(i).direction === "rtl" && (s += T(e.clientWidth, i.clientWidth) - o), {
+    width: o,
+    height: c,
+    x: s,
+    y: r
+  };
+}
+function dt(t, e) {
+  const n = E(t), i = C(t), o = n.visualViewport;
+  let c = i.clientWidth, s = i.clientHeight, r = 0, l = 0;
+  if (o) {
+    c = o.width, s = o.height;
+    const f = G();
+    (!f || f && e === "fixed") && (r = o.offsetLeft, l = o.offsetTop);
+  }
+  return {
+    width: c,
+    height: s,
+    x: r,
+    y: l
+  };
+}
+function gt(t, e) {
+  const n = L(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, c = R(t) ? F(t) : b(1), s = t.clientWidth * c.x, r = t.clientHeight * c.y, l = o * c.x, f = i * c.y;
+  return {
+    width: s,
+    height: r,
+    x: l,
+    y: f
+  };
+}
+function K(t, e, n) {
+  let i;
+  if (e === "viewport")
+    i = dt(t, n);
+  else if (e === "document")
+    i = at(C(t));
+  else if (x(e))
+    i = gt(e, n);
+  else {
+    const o = Q(t);
+    i = {
+      ...e,
+      x: e.x - o.x,
+      y: e.y - o.y
+    };
+  }
+  return X(i);
+}
+function Z(t, e) {
+  const n = W(t);
+  return n === e || !x(n) || N(n) ? !1 : y(n).position === "fixed" || Z(n, e);
+}
+function pt(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let i = $(t, [], !1).filter((r) => x(r) && M(r) !== "body"), o = null;
+  const c = y(t).position === "fixed";
+  let s = c ? W(t) : t;
+  for (; x(s) && !N(s); ) {
+    const r = y(s), l = j(s);
+    !l && r.position === "fixed" && (o = null), (c ? !l && !o : !l && r.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || _(s) && !l && Z(t, s)) ? i = i.filter((u) => u !== s) : o = r, s = W(s);
+  }
+  return e.set(t, i), i;
+}
+function wt(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: i,
+    strategy: o
+  } = t;
+  const s = [...n === "clippingAncestors" ? S(e) ? [] : pt(e, this._c) : [].concat(n), i], r = s[0], l = s.reduce((f, u) => {
+    const h = K(e, u, o);
+    return f.top = T(h.top, f.top), f.right = z(h.right, f.right), f.bottom = z(h.bottom, f.bottom), f.left = T(h.left, f.left), f;
+  }, K(e, r, o));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function mt(t) {
+  const {
+    width: e,
+    height: n
+  } = J(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function vt(t, e, n) {
+  const i = R(e), o = C(e), c = n === "fixed", s = L(t, !0, c, e);
+  let r = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = b(0);
+  if (i || !i && !c)
+    if ((M(e) !== "body" || _(o)) && (r = H(e)), i) {
+      const h = L(e, !0, c, e);
+      l.x = h.x + e.clientLeft, l.y = h.y + e.clientTop;
+    } else o && (l.x = Y(o));
+  const f = s.left + r.scrollLeft - l.x, u = s.top + r.scrollTop - l.y;
+  return {
+    x: f,
+    y: u,
+    width: s.width,
+    height: s.height
+  };
+}
+function V(t) {
+  return y(t).position === "static";
+}
+function P(t, e) {
+  return !R(t) || y(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+}
+function tt(t, e) {
+  const n = E(t);
+  if (S(t))
+    return n;
+  if (!R(t)) {
+    let o = W(t);
+    for (; o && !N(o); ) {
+      if (x(o) && !V(o))
+        return o;
+      o = W(o);
+    }
+    return n;
+  }
+  let i = P(t, e);
+  for (; i && rt(i) && V(i); )
+    i = P(i, e);
+  return i && N(i) && V(i) && !j(i) ? n : i || ct(t) || n;
+}
+const xt = async function(t) {
+  const e = this.getOffsetParent || tt, n = this.getDimensions, i = await n(t.floating);
+  return {
+    reference: vt(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: i.width,
+      height: i.height
+    }
+  };
+};
+function yt(t) {
+  return y(t).direction === "rtl";
+}
+const bt = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ut,
+  getDocumentElement: C,
+  getClippingRect: wt,
+  getOffsetParent: tt,
+  getElementRects: xt,
+  getClientRects: ht,
+  getDimensions: mt,
+  getScale: F,
+  isElement: x,
+  isRTL: yt
+};
+function Rt(t, e) {
+  let n = null, i;
+  const o = C(t);
+  function c() {
+    var r;
+    clearTimeout(i), (r = n) == null || r.disconnect(), n = null;
+  }
+  function s(r, l) {
+    r === void 0 && (r = !1), l === void 0 && (l = 1), c();
+    const {
+      left: f,
+      top: u,
+      width: h,
+      height: m
+    } = t.getBoundingClientRect();
+    if (r || e(), !h || !m)
+      return;
+    const g = A(u), v = A(o.clientWidth - (f + h)), a = A(o.clientHeight - (u + m)), p = A(f), w = {
+      rootMargin: -g + "px " + -v + "px " + -a + "px " + -p + "px",
+      threshold: T(0, z(1, l)) || 1
+    };
+    let O = !0;
+    function B(q) {
+      const I = q[0].intersectionRatio;
+      if (I !== l) {
+        if (!O)
+          return s();
+        I ? s(!1, I) : i = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      O = !1;
+    }
+    try {
+      n = new IntersectionObserver(B, {
+        ...w,
+        // Handle <iframe>s
+        root: o.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(B, w);
+    }
+    n.observe(t);
+  }
+  return s(!0), c;
+}
+function Lt(t, e, n, i) {
+  i === void 0 && (i = {});
+  const {
+    ancestorScroll: o = !0,
+    ancestorResize: c = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: r = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = i, f = k(t), u = o || c ? [...f ? $(f) : [], ...$(e)] : [];
+  u.forEach((d) => {
+    o && d.addEventListener("scroll", n, {
+      passive: !0
+    }), c && d.addEventListener("resize", n);
+  });
+  const h = f && r ? Rt(f, n) : null;
+  let m = -1, g = null;
+  s && (g = new ResizeObserver((d) => {
+    let [w] = d;
+    w && w.target === f && g && (g.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var O;
+      (O = g) == null || O.observe(e);
+    })), n();
+  }), f && !l && g.observe(f), g.observe(e));
+  let v, a = l ? L(t) : null;
+  l && p();
+  function p() {
+    const d = L(t);
+    a && (d.x !== a.x || d.y !== a.y || d.width !== a.width || d.height !== a.height) && n(), a = d, v = requestAnimationFrame(p);
+  }
+  return n(), () => {
+    var d;
+    u.forEach((w) => {
+      o && w.removeEventListener("scroll", n), c && w.removeEventListener("resize", n);
+    }), h == null || h(), (d = g) == null || d.disconnect(), g = null, l && cancelAnimationFrame(v);
+  };
+}
+const Tt = it, Ft = nt, Wt = et, Bt = ot, At = (t, e, n) => {
+  const i = /* @__PURE__ */ new Map(), o = {
+    platform: bt,
+    ...n
+  }, c = {
+    ...o.platform,
+    _c: i
+  };
+  return st(t, e, {
+    ...o,
+    platform: c
+  });
 };
 export {
-  o as noop
+  Bt as arrow,
+  Lt as autoUpdate,
+  At as computePosition,
+  Wt as flip,
+  $ as getOverflowAncestors,
+  Tt as offset,
+  bt as platform,
+  Ft as shift
 };

package/dist/index269.js

@@ -1,11 +1,7 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
-  }
-  return -1;
-};
+import { getDefaultExportFromCjs as e } from "./index315.js";
+import { __require as r } from "./index321.js";
+var o = r();
+const p = /* @__PURE__ */ e(o);
 export {
-  o as findRightIndex
+  p as default
 };

package/dist/index27.js

@@ -1,10 +1,10 @@
-import { defineComponent as S, computed as n, openBlock as r, createElementBlock as c, normalizeClass as T, createBlock as w, resolveDynamicComponent as B, normalizeProps as o, guardReactiveProps as l, withCtx as b, renderSlot as E, createTextVNode as V, toDisplayString as p, createElementVNode as d, unref as m, createVNode as P, Fragment as D, renderList as I } from "vue";
-import { deburr as N } from "./index234.js";
-import { getAsPercentage as $ } from "./index131.js";
+import { defineComponent as S, computed as n, createElementBlock as c, openBlock as r, normalizeClass as T, createBlock as w, createVNode as B, createElementVNode as p, resolveDynamicComponent as E, normalizeProps as o, guardReactiveProps as l, withCtx as b, renderSlot as P, createTextVNode as V, toDisplayString as d, unref as m, Fragment as D, renderList as I } from "vue";
+import { deburr as N } from "./index247.js";
+import { getAsPercentage as $ } from "./index136.js";
 import { useId as F } from "./index8.js";
-import R from "./index126.js";
-/* empty css         */
-import j from "./index128.js";
+import R from "./index69.js";
+/* empty css        */
+import j from "./index111.js";
 /* empty css         */
 const q = ["id"], G = {
   "aria-live": "polite",
@@ -87,23 +87,23 @@ const q = ["id"], G = {
         "bb-base-input-outer-container--compact": e.compact
       }])
     }, [
-      (r(), w(B(t.tag), o(l(L.value)), {
+      (r(), w(E(t.tag), o(l(L.value)), {
         default: b(() => [
-          (r(), w(B(t.labelTag), o(l(z.value)), {
+          (r(), w(E(t.labelTag), o(l(z.value)), {
             default: b(() => [
-              E(t.$slots, "label", o(l({ text: t.label, hasErrors: u.value })), () => [
-                V(p(t.label), 1)
+              P(t.$slots, "label", o(l({ text: t.label, hasErrors: u.value })), () => [
+                V(d(t.label), 1)
               ])
             ]),
             _: 3
           }, 16)),
-          d("span", o(l(k.value)), [
-            E(t.$slots, "input", o(l({ id: m(s), name: C.value, hasErrors: u.value, ariaDescribedby: m(f) })))
+          p("span", o(l(k.value)), [
+            P(t.$slots, "input", o(l({ id: m(s), name: C.value, hasErrors: u.value, ariaDescribedby: m(f) })))
           ], 16)
         ]),
         _: 3
       }, 16)),
-      P(R, {
+      B(R, {
         class: "bb-base-input-container__hint-container",
         eager: !0,
         "model-value": h.value,
@@ -111,20 +111,20 @@ const q = ["id"], G = {
         "transition-duration": 200
       }, {
         default: b(() => [
-          d("span", {
+          p("span", {
             id: m(f),
             class: "bb-base-input-container__hint"
-          }, p(t.hint), 9, q)
+          }, d(t.hint), 9, q)
         ]),
         _: 1
       }, 8, ["model-value"]),
-      d("span", G, [
-        P(j, { tag: "span" }, {
+      p("span", G, [
+        B(j, { tag: "span" }, {
           default: b(() => [
             (r(!0), c(D, null, I(_.value, (a) => (r(), c("span", {
               key: a,
               class: "bb-base-input-container__error"
-            }, p(a), 1))), 128))
+            }, d(a), 1))), 128))
           ]),
           _: 1
         })