@bcc-code/component-library-vue 0.0.0-dev.b7ec5fd → 0.0.0-dev.ed57818

package/dist/component-library.js

@@ -10181,7 +10181,175 @@ const QS = { class: "flex items-center gap-2" }, _S = ["for"], lN = /* @__PURE__
     ]));
   }
 });
-var ex = `
+var ai = {
+  name: "TimesCircleIcon",
+  extends: oe
+};
+function ex(t, e, n, r, i, o) {
+  return he(RI, t.pti());
+}
+ai.render = ex;
+var tx = `
+    .p-chip {
+        display: inline-flex;
+        align-items: center;
+        background: dt('chip.background');
+        color: dt('chip.color');
+        border-radius: dt('chip.border.radius');
+        padding-block: dt('chip.padding.y');
+        padding-inline: dt('chip.padding.x');
+        gap: dt('chip.gap');
+    }
+
+    .p-chip-icon {
+        color: dt('chip.icon.color');
+        font-size: dt('chip.icon.size');
+        width: dt('chip.icon.size');
+        height: dt('chip.icon.size');
+    }
+
+    .p-chip-image {
+        border-radius: 50%;
+        width: dt('chip.image.width');
+        height: dt('chip.image.height');
+        margin-inline-start: calc(-1 * dt('chip.padding.y'));
+    }
+
+    .p-chip:has(.p-chip-remove-icon) {
+        padding-inline-end: dt('chip.padding.y');
+    }
+
+    .p-chip:has(.p-chip-image) {
+        padding-block-start: calc(dt('chip.padding.y') / 2);
+        padding-block-end: calc(dt('chip.padding.y') / 2);
+    }
+
+    .p-chip-remove-icon {
+        cursor: pointer;
+        font-size: dt('chip.remove.icon.size');
+        width: dt('chip.remove.icon.size');
+        height: dt('chip.remove.icon.size');
+        color: dt('chip.remove.icon.color');
+        border-radius: 50%;
+        transition:
+            outline-color dt('chip.transition.duration'),
+            box-shadow dt('chip.transition.duration');
+        outline-color: transparent;
+    }
+
+    .p-chip-remove-icon:focus-visible {
+        box-shadow: dt('chip.remove.icon.focus.ring.shadow');
+        outline: dt('chip.remove.icon.focus.ring.width') dt('chip.remove.icon.focus.ring.style') dt('chip.remove.icon.focus.ring.color');
+        outline-offset: dt('chip.remove.icon.focus.ring.offset');
+    }
+`, nx = {
+  root: "p-chip p-component",
+  image: "p-chip-image",
+  icon: "p-chip-icon",
+  label: "p-chip-label",
+  removeIcon: "p-chip-remove-icon"
+}, ox = E.extend({
+  name: "chip",
+  style: tx,
+  classes: nx
+}), rx = {
+  name: "BaseChip",
+  extends: A,
+  props: {
+    label: {
+      type: [String, Number],
+      default: null
+    },
+    icon: {
+      type: String,
+      default: null
+    },
+    image: {
+      type: String,
+      default: null
+    },
+    removable: {
+      type: Boolean,
+      default: !1
+    },
+    removeIcon: {
+      type: String,
+      default: void 0
+    }
+  },
+  style: ox,
+  provide: function() {
+    return {
+      $pcChip: this,
+      $parentInstance: this
+    };
+  }
+}, Tr = {
+  name: "Chip",
+  extends: rx,
+  inheritAttrs: !1,
+  emits: ["remove"],
+  data: function() {
+    return {
+      visible: !0
+    };
+  },
+  methods: {
+    onKeydown: function(e) {
+      (e.key === "Enter" || e.key === "Backspace") && this.close(e);
+    },
+    close: function(e) {
+      this.visible = !1, this.$emit("remove", e);
+    }
+  },
+  computed: {
+    dataP: function() {
+      return X({
+        removable: this.removable
+      });
+    }
+  },
+  components: {
+    TimesCircleIcon: ai
+  }
+}, ix = ["aria-label", "data-p"], ax = ["src"];
+function lx(t, e, n, r, i, o) {
+  return i.visible ? (d(), f("div", c({
+    key: 0,
+    class: t.cx("root"),
+    "aria-label": t.label
+  }, t.ptmi("root"), {
+    "data-p": o.dataP
+  }), [b(t.$slots, "default", {}, function() {
+    return [t.image ? (d(), f("img", c({
+      key: 0,
+      src: t.image
+    }, t.ptm("image"), {
+      class: t.cx("image")
+    }), null, 16, ax)) : t.$slots.icon ? (d(), y(C(t.$slots.icon), c({
+      key: 1,
+      class: t.cx("icon")
+    }, t.ptm("icon")), null, 16, ["class"])) : t.icon ? (d(), f("span", c({
+      key: 2,
+      class: [t.cx("icon"), t.icon]
+    }, t.ptm("icon")), null, 16)) : v("", !0), t.label !== null ? (d(), f("div", c({
+      key: 3,
+      class: t.cx("label")
+    }, t.ptm("label")), D(t.label), 17)) : v("", !0)];
+  }), t.removable ? b(t.$slots, "removeicon", {
+    key: 0,
+    removeCallback: o.close,
+    keydownCallback: o.onKeydown
+  }, function() {
+    return [(d(), y(C(t.removeIcon ? "span" : "TimesCircleIcon"), c({
+      class: [t.cx("removeIcon"), t.removeIcon],
+      onClick: o.close,
+      onKeydown: o.onKeydown
+    }, t.ptm("removeIcon")), null, 16, ["class", "onClick", "onKeydown"]))];
+  }) : v("", !0)], 16, ix)) : v("", !0);
+}
+Tr.render = lx;
+var sx = `
     .p-iconfield {
         position: relative;
         display: block;
@@ -10226,16 +10394,16 @@ var ex = `
         height: dt('form.field.lg.font.size');
         margin-top: calc(-1 * (dt('form.field.lg.font.size') / 2));
     }
-`, tx = {
+`, dx = {
   root: "p-iconfield"
-}, nx = E.extend({
+}, ux = E.extend({
   name: "iconfield",
-  style: ex,
-  classes: tx
-}), ox = {
+  style: sx,
+  classes: dx
+}), cx = {
   name: "BaseIconField",
   extends: A,
-  style: nx,
+  style: ux,
   provide: function() {
     return {
       $pcIconField: this,
@@ -10244,24 +10412,24 @@ var ex = `
   }
 }, Ln = {
   name: "IconField",
-  extends: ox,
+  extends: cx,
   inheritAttrs: !1
 };
-function rx(t, e, n, r, i, o) {
+function px(t, e, n, r, i, o) {
   return d(), f("div", c({
     class: t.cx("root")
   }, t.ptmi("root")), [b(t.$slots, "default")], 16);
 }
-Ln.render = rx;
-var ix = {
+Ln.render = px;
+var fx = {
   root: "p-inputicon"
-}, ax = E.extend({
+}, hx = E.extend({
   name: "inputicon",
-  classes: ix
-}), lx = {
+  classes: fx
+}), mx = {
   name: "BaseInputIcon",
   extends: A,
-  style: ax,
+  style: hx,
   props: {
     class: null
   },
@@ -10273,7 +10441,7 @@ var ix = {
   }
 }, qt = {
   name: "InputIcon",
-  extends: lx,
+  extends: mx,
   inheritAttrs: !1,
   computed: {
     containerClass: function() {
@@ -10281,39 +10449,39 @@ var ix = {
     }
   }
 };
-function sx(t, e, n, r, i, o) {
+function bx(t, e, n, r, i, o) {
   return d(), f("span", c({
     class: o.containerClass
   }, t.ptmi("root"), {
     "aria-hidden": "true"
   }), [b(t.$slots, "default")], 16);
 }
-qt.render = sx;
+qt.render = bx;
 var Bn = {
   name: "AngleDownIcon",
   extends: oe
 };
-function dx(t, e, n, r, i, o) {
+function gx(t, e, n, r, i, o) {
   return he(Pu, t.pti());
 }
-Bn.render = dx;
+Bn.render = gx;
 var pi = {
   name: "AngleUpIcon",
   extends: oe
 };
-function ux(t, e, n, r, i, o) {
+function vx(t, e, n, r, i, o) {
   return he(XI, t.pti());
 }
-pi.render = ux;
+pi.render = vx;
 var Ue = {
   name: "TimesIcon",
   extends: oe
 };
-function cx(t, e, n, r, i, o) {
+function yx(t, e, n, r, i, o) {
   return he(xu, t.pti());
 }
-Ue.render = cx;
-var px = `
+Ue.render = yx;
+var kx = `
     .p-inputtext {
         font-family: inherit;
         font-feature-settings: inherit;
@@ -10391,7 +10559,7 @@ var px = `
     .p-inputtext-fluid {
         width: 100%;
     }
-`, fx = {
+`, wx = {
   root: function(e) {
     var n = e.instance, r = e.props;
     return ["p-inputtext p-component", {
@@ -10403,14 +10571,14 @@ var px = `
       "p-inputtext-fluid": n.$fluid
     }];
   }
-}, hx = E.extend({
+}, Ix = E.extend({
   name: "inputtext",
-  style: px,
-  classes: fx
-}), mx = {
+  style: kx,
+  classes: wx
+}), Cx = {
   name: "BaseInputText",
   extends: rt,
-  style: hx,
+  style: Ix,
   provide: function() {
     return {
       $pcInputText: this,
@@ -10426,14 +10594,14 @@ function lo(t) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
   }, lo(t);
 }
-function bx(t, e, n) {
-  return (e = gx(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+function Sx(t, e, n) {
+  return (e = xx(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function gx(t) {
-  var e = vx(t, "string");
+function xx(t) {
+  var e = Px(t, "string");
   return lo(e) == "symbol" ? e : e + "";
 }
-function vx(t, e) {
+function Px(t, e) {
   if (lo(t) != "object" || !t) return t;
   var n = t[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -10445,7 +10613,7 @@ function vx(t, e) {
 }
 var mt = {
   name: "InputText",
-  extends: mx,
+  extends: Cx,
   inheritAttrs: !1,
   methods: {
     onInput: function(e) {
@@ -10462,15 +10630,15 @@ var mt = {
       }), this.formField);
     },
     dataP: function() {
-      return X(bx({
+      return X(Sx({
         invalid: this.$invalid,
         fluid: this.$fluid,
         filled: this.$variant === "filled"
       }, this.size, this.size));
     }
   }
-}, yx = ["value", "name", "disabled", "aria-invalid", "data-p"];
-function kx(t, e, n, r, i, o) {
+}, Ox = ["value", "name", "disabled", "aria-invalid", "data-p"];
+function Tx(t, e, n, r, i, o) {
   return d(), f("input", c({
     type: "text",
     class: t.cx("root"),
@@ -10482,10 +10650,10 @@ function kx(t, e, n, r, i, o) {
     onInput: e[0] || (e[0] = function() {
       return o.onInput && o.onInput.apply(o, arguments);
     })
-  }, o.attrs), null, 16, yx);
+  }, o.attrs), null, 16, Ox);
 }
-mt.render = kx;
-var wx = `
+mt.render = Tx;
+var Lx = `
     .p-inputnumber {
         display: inline-flex;
         position: relative;
@@ -10677,7 +10845,7 @@ var wx = `
     .p-inputnumber-horizontal .p-inputnumber-clear-icon {
         inset-inline-end: calc(dt('inputnumber.button.width') + dt('form.field.padding.x'));
     }
-`, Ix = {
+`, Bx = {
   root: function(e) {
     var n = e.instance, r = e.props;
     return ["p-inputnumber p-component p-inputwrapper", {
@@ -10705,11 +10873,11 @@ var wx = `
       "p-disabled": r.showButtons && r.min !== null && n.minBoundry()
     }];
   }
-}, Cx = E.extend({
+}, $x = E.extend({
   name: "inputnumber",
-  style: wx,
-  classes: Ix
-}), Sx = {
+  style: Lx,
+  classes: Bx
+}), Mx = {
   name: "BaseInputNumber",
   extends: rt,
   props: {
@@ -10853,7 +11021,7 @@ var wx = `
       default: !1
     }
   },
-  style: Cx,
+  style: $x,
   provide: function() {
     return {
       $pcInputNumber: this,
@@ -10891,13 +11059,13 @@ function os(t) {
   return t;
 }
 function _i(t, e, n) {
-  return (e = xx(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+  return (e = Dx(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function xx(t) {
-  var e = Px(t, "string");
+function Dx(t) {
+  var e = Ex(t, "string");
   return so(e) == "symbol" ? e : e + "";
 }
-function Px(t, e) {
+function Ex(t, e) {
   if (so(t) != "object" || !t) return t;
   var n = t[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -10907,24 +11075,24 @@ function Px(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-function Ox(t) {
-  return $x(t) || Bx(t) || Lx(t) || Tx();
+function Ax(t) {
+  return Kx(t) || Fx(t) || zx(t) || Rx();
 }
-function Tx() {
+function Rx() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Lx(t, e) {
+function zx(t, e) {
   if (t) {
     if (typeof t == "string") return ea(t, e);
     var n = {}.toString.call(t).slice(8, -1);
     return n === "Object" && t.constructor && (n = t.constructor.name), n === "Map" || n === "Set" ? Array.from(t) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ea(t, e) : void 0;
   }
 }
-function Bx(t) {
+function Fx(t) {
   if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
 }
-function $x(t) {
+function Kx(t) {
   if (Array.isArray(t)) return ea(t);
 }
 function ea(t, e) {
@@ -10934,7 +11102,7 @@ function ea(t, e) {
 }
 var Za = {
   name: "InputNumber",
-  extends: Sx,
+  extends: Mx,
   inheritAttrs: !1,
   emits: ["input", "focus", "blur"],
   inject: {
@@ -11024,7 +11192,7 @@ var Za = {
     },
     constructParser: function() {
       this.numberFormat = new Intl.NumberFormat(this.locale, this.getOptions());
-      var e = Ox(new Intl.NumberFormat(this.locale, {
+      var e = Ax(new Intl.NumberFormat(this.locale, {
         useGrouping: !1
       }).format(9876543210)).reverse(), n = new Map(e.map(function(r, i) {
         return [r, i];
@@ -11544,8 +11712,8 @@ var Za = {
     AngleDownIcon: Bn,
     TimesIcon: Ue
   }
-}, Mx = ["data-p"], Dx = ["data-p"], Ex = ["disabled", "data-p"], Ax = ["disabled", "data-p"], Rx = ["disabled", "data-p"], zx = ["disabled", "data-p"];
-function Fx(t, e, n, r, i, o) {
+}, Vx = ["data-p"], jx = ["data-p"], Nx = ["disabled", "data-p"], Hx = ["disabled", "data-p"], Ux = ["disabled", "data-p"], qx = ["disabled", "data-p"];
+function Gx(t, e, n, r, i, o) {
   var a = S("InputText"), s = S("TimesIcon");
   return d(), f("span", c({
     class: t.cx("root")
@@ -11615,7 +11783,7 @@ function Fx(t, e, n, r, i, o) {
       }, t.ptm("incrementIcon"), {
         "data-pc-section": "incrementicon"
       }), null, 16, ["class"]))];
-    })], 16, Ex)];
+    })], 16, Nx)];
   }), b(t.$slots, "decrementbutton", {
     listeners: o.downButtonListeners
   }, function() {
@@ -11634,8 +11802,8 @@ function Fx(t, e, n, r, i, o) {
       }, t.ptm("decrementIcon"), {
         "data-pc-section": "decrementicon"
       }), null, 16, ["class"]))];
-    })], 16, Ax)];
-  })], 16, Dx)) : v("", !0), b(t.$slots, "incrementbutton", {
+    })], 16, Hx)];
+  })], 16, jx)) : v("", !0), b(t.$slots, "incrementbutton", {
     listeners: o.upButtonListeners
   }, function() {
     return [t.showButtons && t.buttonLayout !== "stacked" ? (d(), f("button", c({
@@ -11654,7 +11822,7 @@ function Fx(t, e, n, r, i, o) {
       }, t.ptm("incrementIcon"), {
         "data-pc-section": "incrementicon"
       }), null, 16, ["class"]))];
-    })], 16, Rx)) : v("", !0)];
+    })], 16, Ux)) : v("", !0)];
   }), b(t.$slots, "decrementbutton", {
     listeners: o.downButtonListeners
   }, function() {
@@ -11674,10 +11842,10 @@ function Fx(t, e, n, r, i, o) {
       }, t.ptm("decrementIcon"), {
         "data-pc-section": "decrementicon"
       }), null, 16, ["class"]))];
-    })], 16, zx)) : v("", !0)];
-  })], 16, Mx);
+    })], 16, qx)) : v("", !0)];
+  })], 16, Vx);
 }
-Za.render = Fx;
+Za.render = Gx;
 const sN = /* @__PURE__ */ Ve({
   inheritAttrs: !1,
   __name: "BccInput",
@@ -11722,7 +11890,7 @@ const sN = /* @__PURE__ */ Ve({
     }));
   }
 });
-var Kx = `
+var Wx = `
     .p-message {
         display: grid;
         grid-template-rows: 1fr;
@@ -12037,7 +12205,7 @@ var Kx = `
             grid-template-rows: 0fr;
         }
     }
-`, Vx = {
+`, Yx = {
   root: function(e) {
     var n = e.props;
     return ["p-message p-component p-message-" + n.severity, {
@@ -12053,11 +12221,11 @@ var Kx = `
   text: "p-message-text",
   closeButton: "p-message-close-button",
   closeIcon: "p-message-close-icon"
-}, jx = E.extend({
+}, Zx = E.extend({
   name: "message",
-  style: Kx,
-  classes: Vx
-}), Nx = {
+  style: Wx,
+  classes: Yx
+}), Xx = {
   name: "BaseMessage",
   extends: A,
   props: {
@@ -12094,7 +12262,7 @@ var Kx = `
       default: null
     }
   },
-  style: jx,
+  style: Zx,
   provide: function() {
     return {
       $pcMessage: this,
@@ -12111,13 +12279,13 @@ function uo(t) {
   }, uo(t);
 }
 function rs(t, e, n) {
-  return (e = Hx(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+  return (e = Jx(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function Hx(t) {
-  var e = Ux(t, "string");
+function Jx(t) {
+  var e = Qx(t, "string");
   return uo(e) == "symbol" ? e : e + "";
 }
-function Ux(t, e) {
+function Qx(t, e) {
   if (uo(t) != "object" || !t) return t;
   var n = t[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -12129,7 +12297,7 @@ function Ux(t, e) {
 }
 var Xa = {
   name: "Message",
-  extends: Nx,
+  extends: Xx,
   inheritAttrs: !1,
   emits: ["close", "life-end"],
   timeout: null,
@@ -12189,21 +12357,21 @@ function as(t) {
   for (var e = 1; e < arguments.length; e++) {
     var n = arguments[e] != null ? arguments[e] : {};
     e % 2 ? is(Object(n), !0).forEach(function(r) {
-      qx(t, r, n[r]);
+      _x(t, r, n[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : is(Object(n)).forEach(function(r) {
       Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
   return t;
 }
-function qx(t, e, n) {
-  return (e = Gx(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+function _x(t, e, n) {
+  return (e = e2(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function Gx(t) {
-  var e = Wx(t, "string");
+function e2(t) {
+  var e = t2(t, "string");
   return co(e) == "symbol" ? e : e + "";
 }
-function Wx(t, e) {
+function t2(t, e) {
   if (co(t) != "object" || !t) return t;
   var n = t[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -12213,8 +12381,8 @@ function Wx(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-var Yx = ["data-p"], Zx = ["data-p"], Xx = ["data-p"], Jx = ["aria-label", "data-p"], Qx = ["data-p"];
-function _x(t, e, n, r, i, o) {
+var n2 = ["data-p"], o2 = ["data-p"], r2 = ["data-p"], i2 = ["aria-label", "data-p"], a2 = ["data-p"];
+function l2(t, e, n, r, i, o) {
   var a = S("TimesIcon"), s = se("ripple");
   return d(), y(ke, c({
     name: "p-message",
@@ -12248,7 +12416,7 @@ function _x(t, e, n, r, i, o) {
         key: 0,
         class: t.cx("text"),
         "data-p": o.dataP
-      }, t.ptm("text")), [b(t.$slots, "default")], 16, Xx)) : v("", !0), t.closable ? Z((d(), f("button", c({
+      }, t.ptm("text")), [b(t.$slots, "default")], 16, r2)) : v("", !0), t.closable ? Z((d(), f("button", c({
         key: 1,
         class: t.cx("closeButton"),
         "aria-label": o.closeAriaLabel,
@@ -12262,17 +12430,17 @@ function _x(t, e, n, r, i, o) {
           key: 0,
           class: [t.cx("closeIcon"), t.closeIcon],
           "data-p": o.dataP
-        }, t.ptm("closeIcon")), null, 16, Qx)) : (d(), y(a, c({
+        }, t.ptm("closeIcon")), null, 16, a2)) : (d(), y(a, c({
           key: 1,
           class: [t.cx("closeIcon"), t.closeIcon],
           "data-p": o.dataP
         }, t.ptm("closeIcon")), null, 16, ["class", "data-p"]))];
-      })], 16, Jx)), [[s]]) : v("", !0)], 16, Zx))], 16)], 16, Yx)) : v("", !0)];
+      })], 16, i2)), [[s]]) : v("", !0)], 16, o2))], 16)], 16, n2)) : v("", !0)];
     }),
     _: 3
   }, 16);
 }
-Xa.render = _x;
+Xa.render = l2;
 const dN = /* @__PURE__ */ Ve({
   __name: "BccMessage",
   props: {
@@ -12325,7 +12493,7 @@ const dN = /* @__PURE__ */ Ve({
     ]), 1040));
   }
 });
-var e2 = {
+var s2 = {
   root: function(e) {
     var n = e.instance, r = e.props;
     return ["p-tab", {
@@ -12333,10 +12501,10 @@ var e2 = {
       "p-disabled": r.disabled
     }];
   }
-}, t2 = E.extend({
+}, d2 = E.extend({
   name: "tab",
-  classes: e2
-}), n2 = {
+  classes: s2
+}), u2 = {
   name: "BaseTab",
   extends: A,
   props: {
@@ -12357,7 +12525,7 @@ var e2 = {
       default: !1
     }
   },
-  style: t2,
+  style: d2,
   provide: function() {
     return {
       $pcTab: this,
@@ -12366,7 +12534,7 @@ var e2 = {
   }
 }, Du = {
   name: "Tab",
-  extends: n2,
+  extends: u2,
   inheritAttrs: !1,
   inject: ["$pcTabs", "$pcTabList"],
   methods: {
@@ -12508,7 +12676,7 @@ var e2 = {
     ripple: ae
   }
 };
-function o2(t, e, n, r, i, o) {
+function c2(t, e, n, r, i, o) {
   var a = se("ripple");
   return t.asChild ? b(t.$slots, "default", {
     key: 1,
@@ -12529,38 +12697,38 @@ function o2(t, e, n, r, i, o) {
     _: 3
   }, 16, ["class", "data-p", "onClick"])), [[a]]);
 }
-Du.render = o2;
+Du.render = c2;
 var mn = {
   name: "ChevronLeftIcon",
   extends: oe
 };
-function r2(t, e, n, r, i, o) {
+function p2(t, e, n, r, i, o) {
   return he(FI, t.pti());
 }
-mn.render = r2;
+mn.render = p2;
 var tt = {
   name: "ChevronRightIcon",
   extends: oe
 };
-function i2(t, e, n, r, i, o) {
+function f2(t, e, n, r, i, o) {
   return he(KI, t.pti());
 }
-tt.render = i2;
-var a2 = {
+tt.render = f2;
+var h2 = {
   root: "p-tablist",
   content: "p-tablist-content p-tablist-viewport",
   tabList: "p-tablist-tab-list",
   activeBar: "p-tablist-active-bar",
   prevButton: "p-tablist-prev-button p-tablist-nav-button",
   nextButton: "p-tablist-next-button p-tablist-nav-button"
-}, l2 = E.extend({
+}, m2 = E.extend({
   name: "tablist",
-  classes: a2
-}), s2 = {
+  classes: h2
+}), b2 = {
   name: "BaseTabList",
   extends: A,
   props: {},
-  style: l2,
+  style: m2,
   provide: function() {
     return {
       $pcTabList: this,
@@ -12569,7 +12737,7 @@ var a2 = {
   }
 }, Eu = {
   name: "TabList",
-  extends: s2,
+  extends: b2,
   inheritAttrs: !1,
   inject: ["$pcTabs"],
   data: function() {
@@ -12669,8 +12837,8 @@ var a2 = {
   directives: {
     ripple: ae
   }
-}, d2 = ["data-p"], u2 = ["aria-label", "tabindex"], c2 = ["data-p"], p2 = ["aria-orientation"], f2 = ["aria-label", "tabindex"];
-function h2(t, e, n, r, i, o) {
+}, g2 = ["data-p"], v2 = ["aria-label", "tabindex"], y2 = ["data-p"], k2 = ["aria-orientation"], w2 = ["aria-label", "tabindex"];
+function I2(t, e, n, r, i, o) {
   var a = se("ripple");
   return d(), f("div", c({
     ref: "list",
@@ -12690,7 +12858,7 @@ function h2(t, e, n, r, i, o) {
     "data-pc-group-section": "navigator"
   }), [(d(), y(C(o.templates.previcon || "ChevronLeftIcon"), c({
     "aria-hidden": "true"
-  }, t.ptm("prevIcon")), null, 16))], 16, u2)), [[a]]) : v("", !0), k("div", c({
+  }, t.ptm("prevIcon")), null, 16))], 16, v2)), [[a]]) : v("", !0), k("div", c({
     ref: "content",
     class: t.cx("content"),
     onScroll: e[1] || (e[1] = function() {
@@ -12707,7 +12875,7 @@ function h2(t, e, n, r, i, o) {
     class: t.cx("activeBar"),
     role: "presentation",
     "aria-hidden": "true"
-  }, t.ptm("activeBar")), null, 16)], 16, p2)], 16, c2), o.showNavigators && i.isNextButtonEnabled ? Z((d(), f("button", c({
+  }, t.ptm("activeBar")), null, 16)], 16, k2)], 16, y2), o.showNavigators && i.isNextButtonEnabled ? Z((d(), f("button", c({
     key: 1,
     ref: "nextButton",
     type: "button",
@@ -12721,20 +12889,20 @@ function h2(t, e, n, r, i, o) {
     "data-pc-group-section": "navigator"
   }), [(d(), y(C(o.templates.nexticon || "ChevronRightIcon"), c({
     "aria-hidden": "true"
-  }, t.ptm("nextIcon")), null, 16))], 16, f2)), [[a]]) : v("", !0)], 16, d2);
+  }, t.ptm("nextIcon")), null, 16))], 16, w2)), [[a]]) : v("", !0)], 16, g2);
 }
-Eu.render = h2;
-var m2 = {
+Eu.render = I2;
+var C2 = {
   root: function(e) {
     var n = e.instance;
     return ["p-tabpanel", {
       "p-tabpanel-active": n.active
     }];
   }
-}, b2 = E.extend({
+}, S2 = E.extend({
   name: "tabpanel",
-  classes: m2
-}), g2 = {
+  classes: C2
+}), x2 = {
   name: "BaseTabPanel",
   extends: A,
   props: {
@@ -12762,7 +12930,7 @@ var m2 = {
     contentProps: null,
     disabled: Boolean
   },
-  style: b2,
+  style: S2,
   provide: function() {
     return {
       $pcTabPanel: this,
@@ -12771,7 +12939,7 @@ var m2 = {
   }
 }, Au = {
   name: "TabPanel",
-  extends: g2,
+  extends: x2,
   inheritAttrs: !1,
   inject: ["$pcTabs"],
   computed: {
@@ -12810,7 +12978,7 @@ var m2 = {
     }
   }
 };
-function v2(t, e, n, r, i, o) {
+function P2(t, e, n, r, i, o) {
   var a, s;
   return o.$pcTabs ? (d(), f(L, {
     key: 1
@@ -12833,17 +13001,17 @@ function v2(t, e, n, r, i, o) {
     key: 0
   });
 }
-Au.render = v2;
-var y2 = {
+Au.render = P2;
+var O2 = {
   root: "p-tabpanels"
-}, k2 = E.extend({
+}, T2 = E.extend({
   name: "tabpanels",
-  classes: y2
-}), w2 = {
+  classes: O2
+}), L2 = {
   name: "BaseTabPanels",
   extends: A,
   props: {},
-  style: k2,
+  style: T2,
   provide: function() {
     return {
       $pcTabPanels: this,
@@ -12852,17 +13020,17 @@ var y2 = {
   }
 }, Ru = {
   name: "TabPanels",
-  extends: w2,
+  extends: L2,
   inheritAttrs: !1
 };
-function I2(t, e, n, r, i, o) {
+function B2(t, e, n, r, i, o) {
   return d(), f("div", c({
     class: t.cx("root"),
     role: "presentation"
   }, t.ptmi("root")), [b(t.$slots, "default")], 16);
 }
-Ru.render = I2;
-var C2 = `
+Ru.render = B2;
+var $2 = `
     .p-tabs {
         display: flex;
         flex-direction: column;
@@ -13010,18 +13178,18 @@ var C2 = `
         background: dt('tabs.active.bar.background');
         transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
     }
-`, S2 = {
+`, M2 = {
   root: function(e) {
     var n = e.props;
     return ["p-tabs p-component", {
       "p-tabs-scrollable": n.scrollable
     }];
   }
-}, x2 = E.extend({
+}, D2 = E.extend({
   name: "tabs",
-  style: C2,
-  classes: S2
-}), P2 = {
+  style: $2,
+  classes: M2
+}), E2 = {
   name: "BaseTabs",
   extends: A,
   props: {
@@ -13050,7 +13218,7 @@ var C2 = `
       default: !1
     }
   },
-  style: x2,
+  style: D2,
   provide: function() {
     return {
       $pcTabs: this,
@@ -13059,7 +13227,7 @@ var C2 = `
   }
 }, zu = {
   name: "Tabs",
-  extends: P2,
+  extends: E2,
   inheritAttrs: !1,
   emits: ["update:value"],
   data: function() {
@@ -13081,12 +13249,12 @@ var C2 = `
     }
   }
 };
-function O2(t, e, n, r, i, o) {
+function A2(t, e, n, r, i, o) {
   return d(), f("div", c({
     class: t.cx("root")
   }, t.ptmi("root")), [b(t.$slots, "default")], 16);
 }
-zu.render = O2;
+zu.render = A2;
 const uN = /* @__PURE__ */ Ve({
   __name: "BccTabs",
   props: /* @__PURE__ */ Hn({
@@ -13178,18 +13346,18 @@ var Qt = {
   name: "ChevronUpIcon",
   extends: oe
 };
-function T2(t, e, n, r, i, o) {
+function R2(t, e, n, r, i, o) {
   return he(UI, t.pti());
 }
-Qt.render = T2;
-var L2 = {
+Qt.render = R2;
+var z2 = {
   root: "p-accordioncontent",
   contentWrapper: "p-accordioncontent-wrapper",
   content: "p-accordioncontent-content"
-}, B2 = E.extend({
+}, F2 = E.extend({
   name: "accordioncontent",
-  classes: L2
-}), $2 = {
+  classes: z2
+}), K2 = {
   name: "BaseAccordionContent",
   extends: A,
   props: {
@@ -13202,7 +13370,7 @@ var L2 = {
       default: !1
     }
   },
-  style: B2,
+  style: F2,
   provide: function() {
     return {
       $pcAccordionContent: this,
@@ -13211,7 +13379,7 @@ var L2 = {
   }
 }, Fu = {
   name: "AccordionContent",
-  extends: $2,
+  extends: K2,
   inheritAttrs: !1,
   inject: ["$pcAccordion", "$pcAccordionPanel"],
   computed: {
@@ -13242,7 +13410,7 @@ var L2 = {
     }
   }
 };
-function M2(t, e, n, r, i, o) {
+function V2(t, e, n, r, i, o) {
   return t.asChild ? b(t.$slots, "default", {
     key: 1,
     class: x(t.cx("root")),
@@ -13270,22 +13438,22 @@ function M2(t, e, n, r, i, o) {
     _: 3
   }, 16));
 }
-Fu.render = M2;
+Fu.render = V2;
 var qe = {
   name: "ChevronDownIcon",
   extends: oe
 };
-function D2(t, e, n, r, i, o) {
+function j2(t, e, n, r, i, o) {
   return he(qI, t.pti());
 }
-qe.render = D2;
-var E2 = {
+qe.render = j2;
+var N2 = {
   root: "p-accordionheader",
   toggleicon: "p-accordionheader-toggle-icon"
-}, A2 = E.extend({
+}, H2 = E.extend({
   name: "accordionheader",
-  classes: E2
-}), R2 = {
+  classes: N2
+}), U2 = {
   name: "BaseAccordionHeader",
   extends: A,
   props: {
@@ -13298,7 +13466,7 @@ var E2 = {
       default: !1
     }
   },
-  style: A2,
+  style: H2,
   provide: function() {
     return {
       $pcAccordionHeader: this,
@@ -13307,7 +13475,7 @@ var E2 = {
   }
 }, Ku = {
   name: "AccordionHeader",
-  extends: R2,
+  extends: U2,
   inheritAttrs: !1,
   inject: ["$pcAccordion", "$pcAccordionPanel"],
   methods: {
@@ -13434,7 +13602,7 @@ var E2 = {
     ripple: ae
   }
 };
-function z2(t, e, n, r, i, o) {
+function q2(t, e, n, r, i, o) {
   var a = se("ripple");
   return t.asChild ? b(t.$slots, "default", {
     key: 1,
@@ -13469,8 +13637,8 @@ function z2(t, e, n, r, i, o) {
     _: 3
   }, 16, ["data-p", "class", "onClick"])), [[a]]);
 }
-Ku.render = z2;
-var F2 = {
+Ku.render = q2;
+var G2 = {
   root: function(e) {
     var n = e.instance, r = e.props;
     return ["p-accordionpanel", {
@@ -13478,10 +13646,10 @@ var F2 = {
       "p-disabled": r.disabled
     }];
   }
-}, K2 = E.extend({
+}, W2 = E.extend({
   name: "accordionpanel",
-  classes: F2
-}), V2 = {
+  classes: G2
+}), Y2 = {
   name: "BaseAccordionPanel",
   extends: A,
   props: {
@@ -13502,7 +13670,7 @@ var F2 = {
       default: !1
     }
   },
-  style: K2,
+  style: W2,
   provide: function() {
     return {
       $pcAccordionPanel: this,
@@ -13511,7 +13679,7 @@ var F2 = {
   }
 }, Vu = {
   name: "AccordionPanel",
-  extends: V2,
+  extends: Y2,
   inheritAttrs: !1,
   inject: ["$pcAccordion"],
   computed: {
@@ -13537,7 +13705,7 @@ var F2 = {
     }
   }
 };
-function j2(t, e, n, r, i, o) {
+function Z2(t, e, n, r, i, o) {
   return t.asChild ? b(t.$slots, "default", {
     key: 1,
     class: x(t.cx("root")),
@@ -13553,8 +13721,8 @@ function j2(t, e, n, r, i, o) {
     _: 3
   }, 16, ["class"]));
 }
-Vu.render = j2;
-var N2 = `
+Vu.render = Z2;
+var X2 = `
     .p-accordionpanel {
         display: flex;
         flex-direction: column;
@@ -13655,13 +13823,13 @@ var N2 = `
         color: dt('accordion.content.color');
         padding: dt('accordion.content.padding');
     }
-`, H2 = {
+`, J2 = {
   root: "p-accordion p-component"
-}, U2 = E.extend({
+}, Q2 = E.extend({
   name: "accordion",
-  style: N2,
-  classes: H2
-}), q2 = {
+  style: X2,
+  classes: J2
+}), _2 = {
   name: "BaseAccordion",
   extends: A,
   props: {
@@ -13699,16 +13867,16 @@ var N2 = `
       default: null
     }
   },
-  style: U2,
+  style: Q2,
   provide: function() {
     return {
       $pcAccordion: this,
       $parentInstance: this
     };
   }
-}, G2 = {
+}, eP = {
   name: "Accordion",
-  extends: q2,
+  extends: _2,
   inheritAttrs: !1,
   emits: ["update:value", "update:activeIndex", "tab-open", "tab-close", "tab-click"],
   data: function() {
@@ -13816,7 +13984,7 @@ var N2 = `
     ChevronRightIcon: tt
   }
 };
-function W2(t, e, n, r, i, o) {
+function tP(t, e, n, r, i, o) {
   var a = S("AccordionHeader"), s = S("AccordionContent"), l = S("AccordionPanel");
   return d(), f("div", c({
     class: t.cx("root")
@@ -13880,10 +14048,10 @@ function W2(t, e, n, r, i, o) {
     key: 1
   })], 16);
 }
-G2.render = W2;
-var Y2 = E.extend({
+eP.render = tP;
+var nP = E.extend({
   name: "accordiontab"
-}), Z2 = {
+}), oP = {
   name: "BaseAccordionTab",
   extends: A,
   props: {
@@ -13897,29 +14065,29 @@ var Y2 = E.extend({
     contentProps: null,
     disabled: Boolean
   },
-  style: Y2,
+  style: nP,
   provide: function() {
     return {
       $pcAccordionTab: this,
       $parentInstance: this
     };
   }
-}, X2 = {
+}, rP = {
   name: "AccordionTab",
-  extends: Z2,
+  extends: oP,
   inheritAttrs: !1,
   mounted: function() {
     console.warn("Deprecated since v4. Use the new structure of Accordion instead.");
   }
 };
-function J2(t, e, n, r, i, o) {
+function iP(t, e, n, r, i, o) {
   return b(t.$slots, "default");
 }
-X2.render = J2;
-var Q2 = E.extend({
+rP.render = iP;
+var aP = E.extend({
   name: "animateonscroll-directive"
-}), _2 = ne.extend({
-  style: Q2
+}), lP = ne.extend({
+  style: aP
 });
 function po(t) {
   "@babel/helpers - typeof";
@@ -13943,21 +14111,21 @@ function ss(t) {
   for (var e = 1; e < arguments.length; e++) {
     var n = arguments[e] != null ? arguments[e] : {};
     e % 2 ? ls(Object(n), !0).forEach(function(r) {
-      eP(t, r, n[r]);
+      sP(t, r, n[r]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : ls(Object(n)).forEach(function(r) {
       Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
     });
   }
   return t;
 }
-function eP(t, e, n) {
-  return (e = tP(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+function sP(t, e, n) {
+  return (e = dP(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
 }
-function tP(t) {
-  var e = nP(t, "string");
+function dP(t) {
+  var e = uP(t, "string");
   return po(e) == "symbol" ? e : e + "";
 }
-function nP(t, e) {
+function uP(t, e) {
   if (po(t) != "object" || !t) return t;
   var n = t[Symbol.toPrimitive];
   if (n !== void 0) {
@@ -13968,13 +14136,13 @@ function nP(t, e) {
   return (e === "string" ? String : Number)(t);
 }
 function ds(t, e) {
-  return aP(t) || iP(t, e) || rP(t, e) || oP();
+  return hP(t) || fP(t, e) || pP(t, e) || cP();
 }
-function oP() {
+function cP() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function rP(t, e) {
+function pP(t, e) {
   if (t) {
     if (typeof t == "string") return us(t, e);
     var n = {}.toString.call(t).slice(8, -1);
@@ -13986,7 +14154,7 @@ function us(t, e) {
   for (var n = 0, r = Array(e); n < e; n++) r[n] = t[n];
   return r;
 }
-function iP(t, e) {
+function fP(t, e) {
   var n = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
   if (n != null) {
     var r, i, o, a, s = [], l = !0, u = !1;
@@ -14004,10 +14172,10 @@ function iP(t, e) {
     return s;
   }
 }
-function aP(t) {
+function hP(t) {
   if (Array.isArray(t)) return t;
 }
-var cN = _2.extend("animateonscroll", {
+var cN = lP.extend("animateonscroll", {
   created: function() {
     this.$value = this.$value || {}, this.$el.style.opacity = this.$value.enterClass ? "0" : "";
   },
@@ -14061,175 +14229,7 @@ var cN = _2.extend("animateonscroll", {
       (e = this.observer) === null || e === void 0 || e.unobserve(this.$el), (n = this.resetObserver) === null || n === void 0 || n.unobserve(this.$el), this.isObserverActive = !1;
     }
   }
-}), ai = {
-  name: "TimesCircleIcon",
-  extends: oe
-};
-function lP(t, e, n, r, i, o) {
-  return he(RI, t.pti());
-}
-ai.render = lP;
-var sP = `
-    .p-chip {
-        display: inline-flex;
-        align-items: center;
-        background: dt('chip.background');
-        color: dt('chip.color');
-        border-radius: dt('chip.border.radius');
-        padding-block: dt('chip.padding.y');
-        padding-inline: dt('chip.padding.x');
-        gap: dt('chip.gap');
-    }
-
-    .p-chip-icon {
-        color: dt('chip.icon.color');
-        font-size: dt('chip.icon.size');
-        width: dt('chip.icon.size');
-        height: dt('chip.icon.size');
-    }
-
-    .p-chip-image {
-        border-radius: 50%;
-        width: dt('chip.image.width');
-        height: dt('chip.image.height');
-        margin-inline-start: calc(-1 * dt('chip.padding.y'));
-    }
-
-    .p-chip:has(.p-chip-remove-icon) {
-        padding-inline-end: dt('chip.padding.y');
-    }
-
-    .p-chip:has(.p-chip-image) {
-        padding-block-start: calc(dt('chip.padding.y') / 2);
-        padding-block-end: calc(dt('chip.padding.y') / 2);
-    }
-
-    .p-chip-remove-icon {
-        cursor: pointer;
-        font-size: dt('chip.remove.icon.size');
-        width: dt('chip.remove.icon.size');
-        height: dt('chip.remove.icon.size');
-        color: dt('chip.remove.icon.color');
-        border-radius: 50%;
-        transition:
-            outline-color dt('chip.transition.duration'),
-            box-shadow dt('chip.transition.duration');
-        outline-color: transparent;
-    }
-
-    .p-chip-remove-icon:focus-visible {
-        box-shadow: dt('chip.remove.icon.focus.ring.shadow');
-        outline: dt('chip.remove.icon.focus.ring.width') dt('chip.remove.icon.focus.ring.style') dt('chip.remove.icon.focus.ring.color');
-        outline-offset: dt('chip.remove.icon.focus.ring.offset');
-    }
-`, dP = {
-  root: "p-chip p-component",
-  image: "p-chip-image",
-  icon: "p-chip-icon",
-  label: "p-chip-label",
-  removeIcon: "p-chip-remove-icon"
-}, uP = E.extend({
-  name: "chip",
-  style: sP,
-  classes: dP
-}), cP = {
-  name: "BaseChip",
-  extends: A,
-  props: {
-    label: {
-      type: [String, Number],
-      default: null
-    },
-    icon: {
-      type: String,
-      default: null
-    },
-    image: {
-      type: String,
-      default: null
-    },
-    removable: {
-      type: Boolean,
-      default: !1
-    },
-    removeIcon: {
-      type: String,
-      default: void 0
-    }
-  },
-  style: uP,
-  provide: function() {
-    return {
-      $pcChip: this,
-      $parentInstance: this
-    };
-  }
-}, Tr = {
-  name: "Chip",
-  extends: cP,
-  inheritAttrs: !1,
-  emits: ["remove"],
-  data: function() {
-    return {
-      visible: !0
-    };
-  },
-  methods: {
-    onKeydown: function(e) {
-      (e.key === "Enter" || e.key === "Backspace") && this.close(e);
-    },
-    close: function(e) {
-      this.visible = !1, this.$emit("remove", e);
-    }
-  },
-  computed: {
-    dataP: function() {
-      return X({
-        removable: this.removable
-      });
-    }
-  },
-  components: {
-    TimesCircleIcon: ai
-  }
-}, pP = ["aria-label", "data-p"], fP = ["src"];
-function hP(t, e, n, r, i, o) {
-  return i.visible ? (d(), f("div", c({
-    key: 0,
-    class: t.cx("root"),
-    "aria-label": t.label
-  }, t.ptmi("root"), {
-    "data-p": o.dataP
-  }), [b(t.$slots, "default", {}, function() {
-    return [t.image ? (d(), f("img", c({
-      key: 0,
-      src: t.image
-    }, t.ptm("image"), {
-      class: t.cx("image")
-    }), null, 16, fP)) : t.$slots.icon ? (d(), y(C(t.$slots.icon), c({
-      key: 1,
-      class: t.cx("icon")
-    }, t.ptm("icon")), null, 16, ["class"])) : t.icon ? (d(), f("span", c({
-      key: 2,
-      class: [t.cx("icon"), t.icon]
-    }, t.ptm("icon")), null, 16)) : v("", !0), t.label !== null ? (d(), f("div", c({
-      key: 3,
-      class: t.cx("label")
-    }, t.ptm("label")), D(t.label), 17)) : v("", !0)];
-  }), t.removable ? b(t.$slots, "removeicon", {
-    key: 0,
-    removeCallback: o.close,
-    keydownCallback: o.onKeydown
-  }, function() {
-    return [(d(), y(C(t.removeIcon ? "span" : "TimesCircleIcon"), c({
-      class: [t.cx("removeIcon"), t.removeIcon],
-      onClick: o.close,
-      onKeydown: o.onKeydown
-    }, t.ptm("removeIcon")), null, 16, ["class", "onClick", "onKeydown"]))];
-  }) : v("", !0)], 16, pP)) : v("", !0);
-}
-Tr.render = hP;
-var Ee = un(), Ke = {
+}), Ee = un(), Ke = {
   name: "Portal",
   props: {
     appendTo: {
@@ -69175,11 +69175,11 @@ const Hj = { class: "flex items-center gap-2" }, Uj = ["for"], yN = /* @__PURE__
 });
 export {
   Wa as BCC_CONTEXTS,
-  G2 as BccAccordion,
+  eP as BccAccordion,
   Fu as BccAccordionContent,
   Ku as BccAccordionHeader,
   Vu as BccAccordionPanel,
-  X2 as BccAccordionTab,
+  rP as BccAccordionTab,
   cN as BccAnimateOnScroll,
   EP as BccAutoComplete,
   iN as BccAvatar,