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

package/dist/component-library.js

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