@kong/kongponents 9.66.11 → 9.66.12

package/dist/kongponents462.es.js

@@ -0,0 +1,9 @@
+function t(r) {
+  var e = -1, a = Array(r.size);
+  return r.forEach(function(n) {
+    a[++e] = n;
+  }), a;
+}
+export {
+  t as default
+};

package/dist/kongponents463.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@kong/icons"),V=require("./kongponents30.cjs");;/* empty css                */const v=require("./kongponents183.cjs"),T=["disabled"],w={class:"base-label","data-testid":"interactive-pill-base-label"},I={class:"content-label","data-testid":"interactive-pill-content-label"},S={key:0,class:"pill-icon open-icon","data-testid":"interactive-pill-open-icon"},x={class:"clear-focus-highlight","data-testid":"interactive-pill-clear-focus"},R=e.defineComponent({inheritAttrs:!1,__name:"InteractivePill",props:{label:{},clearFocus:{type:Boolean,default:!1},contentLabel:{default:()=>{}},delimiter:{default:": "},pillFocus:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tooltipText:{default:()=>{}}},emits:["trigger","clear"],setup(t,{emit:m}){const b=e.useAttrs(),a=e.computed(()=>!!t.contentLabel),o=e.ref(!1),n=e.ref(!1),r=e.useTemplateRef("trigger"),g=e.useTemplateRef("clear"),s=m,i=e.computed(()=>a.value?`${t.label}${t.delimiter}`:t.label),u=e.ref(!1),c=e.useTemplateRef("labelRef");e.watch(()=>[i.value,t.contentLabel],async()=>{await e.nextTick(),u.value=c.value?c.value.scrollWidth>c.value.clientWidth:!1},{immediate:!0}),e.watch(()=>t.pillFocus,l=>{l&&r.value?.focus()});const p=e.computed(()=>t.pillFocus||t.clearFocus?"":t.tooltipText!==void 0?t.tooltipText:a.value&&u.value?`${i.value}${t.contentLabel}`:""),y=e.computed(()=>{const l=a.value?"has-content":"no-content",d=t.pillFocus||n.value?"focused":"unfocused",$=t.clearFocus||o.value?"clear-focused":"clear-unfocused",E=t.readonly?"readonly":"writeable";return`${l} ${d} ${$} ${E}`}),C=()=>{n.value=!0},h=()=>{n.value=!1},F=()=>{o.value=!0},k=()=>{o.value=!1},B=()=>{s("trigger"),n.value&&r.value?.blur()},N=()=>{s("clear"),o.value&&g.value?.blur()};return(l,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(V.default,{class:"interactive-pill-tooltip","max-width":"350",text:p.value},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({class:["interactive-pill",y.value],"data-testid":"interactive-pill"},e.unref(b)),[e.createElementVNode("button",{ref:"trigger",class:"interactive-pill-trigger","data-testid":"interactive-pill-trigger",disabled:t.readonly,type:"button",onBlur:h,onClick:B,onFocus:C},[e.createElementVNode("div",{ref_key:"labelRef",ref:c,class:"label"},[e.createElementVNode("span",w,e.toDisplayString(i.value),1),e.createElementVNode("span",I,e.toDisplayString(t.contentLabel),1)],512),!a.value&&!t.readonly?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(l.$slots,"open-icon",{},()=>[e.createVNode(e.unref(f.ChevronDownIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(v.KUI_ICON_SIZE_30)})`},null,8,["size"])],!0)])):e.createCommentVNode("",!0)],40,T),a.value&&!t.readonly?(e.openBlock(),e.createElementBlock("button",{key:0,ref:"clear",class:"pill-icon clear-icon","data-testid":"interactive-pill-clear-icon",type:"button",onBlur:k,onClick:N,onFocus:F},[e.createElementVNode("div",x,[e.renderSlot(l.$slots,"clear-icon",{},()=>[e.createVNode(e.unref(f.CloseIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(v.KUI_ICON_SIZE_30)})`},null,8,["size"])],!0)])],544)):e.createCommentVNode("",!0)],16)]),_:3},8,["text"])]))}});exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var r=/\s/;function u(t){for(var e=t.length;e--&&r.test(t.charAt(e)););return e}exports.default=u;

package/dist/kongponents463.es.js

@@ -1,123 +1,9 @@
-import { defineComponent as A, useAttrs as D, computed as s, ref as u, useTemplateRef as d, watch as y, nextTick as W, openBlock as f, createElementBlock as v, createVNode as b, withCtx as K, createElementVNode as l, mergeProps as O, unref as o, toDisplayString as F, renderSlot as p, createCommentVNode as $ } from "vue";
-import { ChevronDownIcon as U, CloseIcon as Z } from "@kong/icons";
-import j from "./kongponents30.es.js";
-/* empty css                 */
-import { KUI_ICON_SIZE_30 as k } from "./kongponents183.es.js";
-const q = ["disabled"], G = {
-  class: "base-label",
-  "data-testid": "interactive-pill-base-label"
-}, H = {
-  class: "content-label",
-  "data-testid": "interactive-pill-content-label"
-}, J = {
-  key: 0,
-  class: "pill-icon open-icon",
-  "data-testid": "interactive-pill-open-icon"
-}, M = {
-  class: "clear-focus-highlight",
-  "data-testid": "interactive-pill-clear-focus"
-}, te = /* @__PURE__ */ A({
-  inheritAttrs: !1,
-  __name: "InteractivePill",
-  props: {
-    label: {},
-    clearFocus: { type: Boolean, default: !1 },
-    contentLabel: { default: () => {
-    } },
-    delimiter: { default: ": " },
-    pillFocus: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    tooltipText: { default: () => {
-    } }
-  },
-  emits: ["trigger", "clear"],
-  setup(e, { emit: B }) {
-    const w = D(), a = s(() => !!e.contentLabel), n = u(!1), i = u(!1), m = d("trigger"), x = d("clear"), g = B, r = s(() => a.value ? `${e.label}${e.delimiter}` : e.label), h = u(!1), c = d("labelRef");
-    y(() => [r.value, e.contentLabel], async () => {
-      await W(), h.value = c.value ? c.value.scrollWidth > c.value.clientWidth : !1;
-    }, { immediate: !0 }), y(() => e.pillFocus, (t) => {
-      t && m.value?.focus();
-    });
-    const z = s(() => e.pillFocus || e.clearFocus ? "" : e.tooltipText !== void 0 ? e.tooltipText : a.value && h.value ? `${r.value}${e.contentLabel}` : ""), I = s(() => {
-      const t = a.value ? "has-content" : "no-content", C = e.pillFocus || i.value ? "focused" : "unfocused", E = e.clearFocus || n.value ? "clear-focused" : "clear-unfocused", V = e.readonly ? "readonly" : "writeable";
-      return `${t} ${C} ${E} ${V}`;
-    }), L = () => {
-      i.value = !0;
-    }, P = () => {
-      i.value = !1;
-    }, R = () => {
-      n.value = !0;
-    }, T = () => {
-      n.value = !1;
-    }, N = () => {
-      g("trigger"), i.value && m.value?.blur();
-    }, S = () => {
-      g("clear"), n.value && x.value?.blur();
-    };
-    return (t, C) => (f(), v("div", null, [
-      b(j, {
-        class: "interactive-pill-tooltip",
-        "max-width": "350",
-        text: z.value
-      }, {
-        default: K(() => [
-          l("div", O({
-            class: ["interactive-pill", I.value],
-            "data-testid": "interactive-pill"
-          }, o(w)), [
-            l("button", {
-              ref: "trigger",
-              class: "interactive-pill-trigger",
-              "data-testid": "interactive-pill-trigger",
-              disabled: e.readonly,
-              type: "button",
-              onBlur: P,
-              onClick: N,
-              onFocus: L
-            }, [
-              l("div", {
-                ref_key: "labelRef",
-                ref: c,
-                class: "label"
-              }, [
-                l("span", G, F(r.value), 1),
-                l("span", H, F(e.contentLabel), 1)
-              ], 512),
-              !a.value && !e.readonly ? (f(), v("div", J, [
-                p(t.$slots, "open-icon", {}, () => [
-                  b(o(U), {
-                    decorative: "",
-                    size: `var(--kui-icon-size-30, ${o(k)})`
-                  }, null, 8, ["size"])
-                ], !0)
-              ])) : $("", !0)
-            ], 40, q),
-            a.value && !e.readonly ? (f(), v("button", {
-              key: 0,
-              ref: "clear",
-              class: "pill-icon clear-icon",
-              "data-testid": "interactive-pill-clear-icon",
-              type: "button",
-              onBlur: T,
-              onClick: S,
-              onFocus: R
-            }, [
-              l("div", M, [
-                p(t.$slots, "clear-icon", {}, () => [
-                  b(o(Z), {
-                    decorative: "",
-                    size: `var(--kui-icon-size-30, ${o(k)})`
-                  }, null, 8, ["size"])
-                ], !0)
-              ])
-            ], 544)) : $("", !0)
-          ], 16)
-        ]),
-        _: 3
-      }, 8, ["text"])
-    ]));
-  }
-});
+var r = /\s/;
+function a(t) {
+  for (var e = t.length; e-- && r.test(t.charAt(e)); )
+    ;
+  return e;
+}
 export {
-  te as default
+  a as default
 };

package/dist/kongponents464.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./kongponents326.cjs");var i=500;function c(t){var e=a.default(t,function(u){return r.size===i&&r.clear(),u}),r=e.cache;return e}exports.default=c;

package/dist/kongponents464.es.js

@@ -0,0 +1,11 @@
+import c from "./kongponents326.es.js";
+var i = 500;
+function m(a) {
+  var e = c(a, function(t) {
+    return r.size === i && r.clear(), t;
+  }), r = e.cache;
+  return e;
+}
+export {
+  m as default
+};

package/dist/kongponents465.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("./kongponents183.cjs"),d=require("@kong/icons"),v=["data-testid"],g=["aria-controls","aria-expanded","aria-label"],p=["data-testid"],x={key:0,class:"tree-item-icon","data-testid":"tree-item-icon"},C={class:"tree-item-label","data-testid":"tree-item-label"},f=e.defineComponent({__name:"KTreeItem",props:{item:{},disabled:{type:Boolean},hideIcons:{type:Boolean},collapsible:{type:Boolean},initialCollapse:{type:Boolean},hasChildren:{type:Boolean},controlsId:{}},emits:["selected","expanded"],setup(t,{expose:s,emit:r}){const n=r,c=e.useSlots(),u=()=>!t.hideIcons||!!c["item-icon"],m=l=>{l.target&&l.target.closest("a:not(.disabled), button:not([data-tree-item-trigger]), label, input, select")!==null||n("selected",t.item)},a=e.ref(!0),b=l=>{a.value=l};e.watch(()=>t.initialCollapse,(l,i)=>{l!==i&&(a.value=!l)},{immediate:!0});const o=()=>{a.value=!a.value,n("expanded",a.value)};return s({setExpandedValue:b,id:t.item.id}),(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:"tree-item-wrapper","data-testid":`tree-item-wrapper-${t.item.id}`},[t.collapsible&&t.hasChildren?(e.openBlock(),e.createElementBlock("span",{key:0,"aria-controls":`tree-list-draggable-${t.controlsId}`,"aria-expanded":a.value,"aria-label":a.value?"Collapse":"Expand",class:e.normalizeClass(["tree-item-expanded-button",{collapsed:!a.value,expanded:a.value}]),"data-testid":"tree-item-expanded-button",role:"button",onClick:e.withModifiers(o,["stop"]),onKeyup:e.withKeys(o,["enter"])},[e.createVNode(e.unref(d.ChevronRightIcon),{class:e.normalizeClass(["tree-item-expanded-icon",{collapsed:!a.value,expanded:a.value}]),"data-testid":"tree-item-expanded-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(h.KUI_ICON_SIZE_40)})`,tabindex:"0"},null,8,["class","size"])],42,g)):e.createCommentVNode("",!0),e.createElementVNode("button",{class:e.normalizeClass(["tree-item",{"not-draggable":t.disabled,selected:t.item.selected,expanded:t.collapsible&&a.value,collapsed:t.collapsible&&!a.value,"no-children":t.collapsible&&!t.hasChildren}]),"data-testid":`tree-item-${t.item.id}`,"data-tree-item-trigger":"true",draggable:"false",type:"button",onClick:e.withModifiers(m,["prevent"])},[u()?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(l.$slots,"item-icon",{},()=>[e.createVNode(e.unref(d.ServiceDocumentIcon),{decorative:""})],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",C,[e.renderSlot(l.$slots,"item-label",{},()=>[e.createTextVNode(e.toDisplayString(t.item.name),1)],!0)])],10,p)],8,v))}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@kong/icons"),V=require("./kongponents30.cjs");;/* empty css                */const v=require("./kongponents183.cjs"),T=["disabled"],w={class:"base-label","data-testid":"interactive-pill-base-label"},I={class:"content-label","data-testid":"interactive-pill-content-label"},S={key:0,class:"pill-icon open-icon","data-testid":"interactive-pill-open-icon"},x={class:"clear-focus-highlight","data-testid":"interactive-pill-clear-focus"},R=e.defineComponent({inheritAttrs:!1,__name:"InteractivePill",props:{label:{},clearFocus:{type:Boolean,default:!1},contentLabel:{default:()=>{}},delimiter:{default:": "},pillFocus:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tooltipText:{default:()=>{}}},emits:["trigger","clear"],setup(t,{emit:m}){const b=e.useAttrs(),a=e.computed(()=>!!t.contentLabel),o=e.ref(!1),n=e.ref(!1),r=e.useTemplateRef("trigger"),g=e.useTemplateRef("clear"),s=m,i=e.computed(()=>a.value?`${t.label}${t.delimiter}`:t.label),u=e.ref(!1),c=e.useTemplateRef("labelRef");e.watch(()=>[i.value,t.contentLabel],async()=>{await e.nextTick(),u.value=c.value?c.value.scrollWidth>c.value.clientWidth:!1},{immediate:!0}),e.watch(()=>t.pillFocus,l=>{l&&r.value?.focus()});const p=e.computed(()=>t.pillFocus||t.clearFocus?"":t.tooltipText!==void 0?t.tooltipText:a.value&&u.value?`${i.value}${t.contentLabel}`:""),y=e.computed(()=>{const l=a.value?"has-content":"no-content",d=t.pillFocus||n.value?"focused":"unfocused",$=t.clearFocus||o.value?"clear-focused":"clear-unfocused",E=t.readonly?"readonly":"writeable";return`${l} ${d} ${$} ${E}`}),C=()=>{n.value=!0},h=()=>{n.value=!1},F=()=>{o.value=!0},k=()=>{o.value=!1},B=()=>{s("trigger"),n.value&&r.value?.blur()},N=()=>{s("clear"),o.value&&g.value?.blur()};return(l,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(V.default,{class:"interactive-pill-tooltip","max-width":"350",text:p.value},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({class:["interactive-pill",y.value],"data-testid":"interactive-pill"},e.unref(b)),[e.createElementVNode("button",{ref:"trigger",class:"interactive-pill-trigger","data-testid":"interactive-pill-trigger",disabled:t.readonly,type:"button",onBlur:h,onClick:B,onFocus:C},[e.createElementVNode("div",{ref_key:"labelRef",ref:c,class:"label"},[e.createElementVNode("span",w,e.toDisplayString(i.value),1),e.createElementVNode("span",I,e.toDisplayString(t.contentLabel),1)],512),!a.value&&!t.readonly?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(l.$slots,"open-icon",{},()=>[e.createVNode(e.unref(f.ChevronDownIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(v.KUI_ICON_SIZE_30)})`},null,8,["size"])],!0)])):e.createCommentVNode("",!0)],40,T),a.value&&!t.readonly?(e.openBlock(),e.createElementBlock("button",{key:0,ref:"clear",class:"pill-icon clear-icon","data-testid":"interactive-pill-clear-icon",type:"button",onBlur:k,onClick:N,onFocus:F},[e.createElementVNode("div",x,[e.renderSlot(l.$slots,"clear-icon",{},()=>[e.createVNode(e.unref(f.CloseIcon),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(v.KUI_ICON_SIZE_30)})`},null,8,["size"])],!0)])],544)):e.createCommentVNode("",!0)],16)]),_:3},8,["text"])]))}});exports.default=R;

package/dist/kongponents465.es.js

@@ -1,96 +1,123 @@
-import { defineComponent as I, useSlots as y, ref as k, watch as E, openBlock as l, createElementBlock as n, withKeys as B, withModifiers as c, normalizeClass as d, createVNode as m, unref as o, createCommentVNode as u, createElementVNode as b, renderSlot as h, createTextVNode as $, toDisplayString as w } from "vue";
-import { KUI_ICON_SIZE_40 as N } from "./kongponents183.es.js";
-import { ChevronRightIcon as S, ServiceDocumentIcon as V } from "@kong/icons";
-const z = ["data-testid"], K = ["aria-controls", "aria-expanded", "aria-label"], D = ["data-testid"], T = {
+import { defineComponent as A, useAttrs as D, computed as s, ref as u, useTemplateRef as d, watch as y, nextTick as W, openBlock as f, createElementBlock as v, createVNode as b, withCtx as K, createElementVNode as l, mergeProps as O, unref as o, toDisplayString as F, renderSlot as p, createCommentVNode as $ } from "vue";
+import { ChevronDownIcon as U, CloseIcon as Z } from "@kong/icons";
+import j from "./kongponents30.es.js";
+/* empty css                 */
+import { KUI_ICON_SIZE_30 as k } from "./kongponents183.es.js";
+const q = ["disabled"], G = {
+  class: "base-label",
+  "data-testid": "interactive-pill-base-label"
+}, H = {
+  class: "content-label",
+  "data-testid": "interactive-pill-content-label"
+}, J = {
   key: 0,
-  class: "tree-item-icon",
-  "data-testid": "tree-item-icon"
+  class: "pill-icon open-icon",
+  "data-testid": "interactive-pill-open-icon"
 }, M = {
-  class: "tree-item-label",
-  "data-testid": "tree-item-label"
-}, Z = /* @__PURE__ */ I({
-  __name: "KTreeItem",
+  class: "clear-focus-highlight",
+  "data-testid": "interactive-pill-clear-focus"
+}, te = /* @__PURE__ */ A({
+  inheritAttrs: !1,
+  __name: "InteractivePill",
   props: {
-    item: {},
-    disabled: { type: Boolean },
-    hideIcons: { type: Boolean },
-    collapsible: { type: Boolean },
-    initialCollapse: { type: Boolean },
-    hasChildren: { type: Boolean },
-    controlsId: {}
+    label: {},
+    clearFocus: { type: Boolean, default: !1 },
+    contentLabel: { default: () => {
+    } },
+    delimiter: { default: ": " },
+    pillFocus: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    tooltipText: { default: () => {
+    } }
   },
-  emits: ["selected", "expanded"],
-  setup(e, { expose: p, emit: v }) {
-    const s = v, g = y(), x = () => !e.hideIcons || !!g["item-icon"], C = (a) => {
-      a.target && a.target.closest("a:not(.disabled), button:not([data-tree-item-trigger]), label, input, select") !== null || s("selected", e.item);
-    }, t = k(!0), f = (a) => {
-      t.value = a;
-    };
-    E(() => e.initialCollapse, (a, i) => {
-      a !== i && (t.value = !a);
-    }, {
-      immediate: !0
+  emits: ["trigger", "clear"],
+  setup(e, { emit: B }) {
+    const w = D(), a = s(() => !!e.contentLabel), n = u(!1), i = u(!1), m = d("trigger"), x = d("clear"), g = B, r = s(() => a.value ? `${e.label}${e.delimiter}` : e.label), h = u(!1), c = d("labelRef");
+    y(() => [r.value, e.contentLabel], async () => {
+      await W(), h.value = c.value ? c.value.scrollWidth > c.value.clientWidth : !1;
+    }, { immediate: !0 }), y(() => e.pillFocus, (t) => {
+      t && m.value?.focus();
     });
-    const r = () => {
-      t.value = !t.value, s("expanded", t.value);
+    const z = s(() => e.pillFocus || e.clearFocus ? "" : e.tooltipText !== void 0 ? e.tooltipText : a.value && h.value ? `${r.value}${e.contentLabel}` : ""), I = s(() => {
+      const t = a.value ? "has-content" : "no-content", C = e.pillFocus || i.value ? "focused" : "unfocused", E = e.clearFocus || n.value ? "clear-focused" : "clear-unfocused", V = e.readonly ? "readonly" : "writeable";
+      return `${t} ${C} ${E} ${V}`;
+    }), L = () => {
+      i.value = !0;
+    }, P = () => {
+      i.value = !1;
+    }, R = () => {
+      n.value = !0;
+    }, T = () => {
+      n.value = !1;
+    }, N = () => {
+      g("trigger"), i.value && m.value?.blur();
+    }, S = () => {
+      g("clear"), n.value && x.value?.blur();
     };
-    return p({ setExpandedValue: f, id: e.item.id }), (a, i) => (l(), n("div", {
-      class: "tree-item-wrapper",
-      "data-testid": `tree-item-wrapper-${e.item.id}`
-    }, [
-      e.collapsible && e.hasChildren ? (l(), n("span", {
-        key: 0,
-        "aria-controls": `tree-list-draggable-${e.controlsId}`,
-        "aria-expanded": t.value,
-        "aria-label": t.value ? "Collapse" : "Expand",
-        class: d(["tree-item-expanded-button", {
-          collapsed: !t.value,
-          expanded: t.value
-        }]),
-        "data-testid": "tree-item-expanded-button",
-        role: "button",
-        onClick: c(r, ["stop"]),
-        onKeyup: B(r, ["enter"])
-      }, [
-        m(o(S), {
-          class: d(["tree-item-expanded-icon", {
-            collapsed: !t.value,
-            expanded: t.value
-          }]),
-          "data-testid": "tree-item-expanded-icon",
-          decorative: "",
-          size: `var(--kui-icon-size-40, ${o(N)})`,
-          tabindex: "0"
-        }, null, 8, ["class", "size"])
-      ], 42, K)) : u("", !0),
-      b("button", {
-        class: d(["tree-item", {
-          "not-draggable": e.disabled,
-          selected: e.item.selected,
-          expanded: e.collapsible && t.value,
-          collapsed: e.collapsible && !t.value,
-          "no-children": e.collapsible && !e.hasChildren
-        }]),
-        "data-testid": `tree-item-${e.item.id}`,
-        "data-tree-item-trigger": "true",
-        draggable: "false",
-        type: "button",
-        onClick: c(C, ["prevent"])
-      }, [
-        x() ? (l(), n("div", T, [
-          h(a.$slots, "item-icon", {}, () => [
-            m(o(V), { decorative: "" })
-          ], !0)
-        ])) : u("", !0),
-        b("div", M, [
-          h(a.$slots, "item-label", {}, () => [
-            $(w(e.item.name), 1)
-          ], !0)
-        ])
-      ], 10, D)
-    ], 8, z));
+    return (t, C) => (f(), v("div", null, [
+      b(j, {
+        class: "interactive-pill-tooltip",
+        "max-width": "350",
+        text: z.value
+      }, {
+        default: K(() => [
+          l("div", O({
+            class: ["interactive-pill", I.value],
+            "data-testid": "interactive-pill"
+          }, o(w)), [
+            l("button", {
+              ref: "trigger",
+              class: "interactive-pill-trigger",
+              "data-testid": "interactive-pill-trigger",
+              disabled: e.readonly,
+              type: "button",
+              onBlur: P,
+              onClick: N,
+              onFocus: L
+            }, [
+              l("div", {
+                ref_key: "labelRef",
+                ref: c,
+                class: "label"
+              }, [
+                l("span", G, F(r.value), 1),
+                l("span", H, F(e.contentLabel), 1)
+              ], 512),
+              !a.value && !e.readonly ? (f(), v("div", J, [
+                p(t.$slots, "open-icon", {}, () => [
+                  b(o(U), {
+                    decorative: "",
+                    size: `var(--kui-icon-size-30, ${o(k)})`
+                  }, null, 8, ["size"])
+                ], !0)
+              ])) : $("", !0)
+            ], 40, q),
+            a.value && !e.readonly ? (f(), v("button", {
+              key: 0,
+              ref: "clear",
+              class: "pill-icon clear-icon",
+              "data-testid": "interactive-pill-clear-icon",
+              type: "button",
+              onBlur: T,
+              onClick: S,
+              onFocus: R
+            }, [
+              l("div", M, [
+                p(t.$slots, "clear-icon", {}, () => [
+                  b(o(Z), {
+                    decorative: "",
+                    size: `var(--kui-icon-size-30, ${o(k)})`
+                  }, null, 8, ["size"])
+                ], !0)
+              ])
+            ], 544)) : $("", !0)
+          ], 16)
+        ]),
+        _: 3
+      }, 8, ["text"])
+    ]));
   }
 });
 export {
-  Z as default
+  te as default
 };

package/dist/kongponents467.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./kongponents242.cjs"),d=require("./kongponents243.cjs");function n(a){d.default(1,arguments);var t=1,e=s.default(a),r=e.getUTCDay(),u=(r<t?7:0)+r-t;return e.setUTCDate(e.getUTCDate()-u),e.setUTCHours(0,0,0,0),e}exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./kongponents233.cjs"),d=require("./kongponents234.cjs");function n(a){d.default(1,arguments);var t=1,e=s.default(a),r=e.getUTCDay(),u=(r<t?7:0)+r-t;return e.setUTCDate(e.getUTCDate()-u),e.setUTCHours(0,0,0,0),e}exports.default=n;

package/dist/kongponents467.es.js

@@ -1,5 +1,5 @@
-import s from "./kongponents242.es.js";
-import f from "./kongponents243.es.js";
+import s from "./kongponents233.es.js";
+import f from "./kongponents234.es.js";
 function i(a) {
   f(1, arguments);
   var e = 1, t = s(a), r = t.getUTCDay(), o = (r < e ? 7 : 0) + r - e;

package/dist/kongponents468.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./kongponents341.cjs"),n=require("./kongponents467.cjs"),s=require("./kongponents243.cjs");function d(r){s.default(1,arguments);var t=a.default(r),e=new Date(0);e.setUTCFullYear(t,0,4),e.setUTCHours(0,0,0,0);var u=n.default(e);return u}exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./kongponents341.cjs"),n=require("./kongponents467.cjs"),s=require("./kongponents234.cjs");function d(r){s.default(1,arguments);var t=a.default(r),e=new Date(0);e.setUTCFullYear(t,0,4),e.setUTCHours(0,0,0,0);var u=n.default(e);return u}exports.default=d;

package/dist/kongponents468.es.js

@@ -1,6 +1,6 @@
 import o from "./kongponents341.es.js";
 import f from "./kongponents467.es.js";
-import u from "./kongponents243.es.js";
+import u from "./kongponents234.es.js";
 function O(e) {
   u(1, arguments);
   var t = o(e), r = /* @__PURE__ */ new Date(0);

package/dist/kongponents469.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./kongponents242.cjs"),_=require("./kongponents243.cjs"),S=require("./kongponents241.cjs"),$=require("./kongponents250.cjs");function k(c,e){var o,n,a,i,r,d,u,s;_.default(1,arguments);var v=$.getDefaultOptions(),l=S.default((o=(n=(a=(i=e?.weekStartsOn)!==null&&i!==void 0?i:e==null||(r=e.locale)===null||r===void 0||(d=r.options)===null||d===void 0?void 0:d.weekStartsOn)!==null&&a!==void 0?a:v.weekStartsOn)!==null&&n!==void 0?n:(u=v.locale)===null||u===void 0||(s=u.options)===null||s===void 0?void 0:s.weekStartsOn)!==null&&o!==void 0?o:0);if(!(l>=0&&l<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var t=w.default(c),f=t.getUTCDay(),O=(f<l?7:0)+f-l;return t.setUTCDate(t.getUTCDate()-O),t.setUTCHours(0,0,0,0),t}exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./kongponents233.cjs"),_=require("./kongponents234.cjs"),S=require("./kongponents232.cjs"),$=require("./kongponents241.cjs");function k(c,e){var o,n,a,i,r,d,u,s;_.default(1,arguments);var v=$.getDefaultOptions(),l=S.default((o=(n=(a=(i=e?.weekStartsOn)!==null&&i!==void 0?i:e==null||(r=e.locale)===null||r===void 0||(d=r.options)===null||d===void 0?void 0:d.weekStartsOn)!==null&&a!==void 0?a:v.weekStartsOn)!==null&&n!==void 0?n:(u=v.locale)===null||u===void 0||(s=u.options)===null||s===void 0?void 0:s.weekStartsOn)!==null&&o!==void 0?o:0);if(!(l>=0&&l<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var t=w.default(c),f=t.getUTCDay(),O=(f<l?7:0)+f-l;return t.setUTCDate(t.getUTCDate()-O),t.setUTCHours(0,0,0,0),t}exports.default=k;

package/dist/kongponents469.es.js

@@ -1,7 +1,7 @@
-import p from "./kongponents242.es.js";
-import w from "./kongponents243.es.js";
-import c from "./kongponents241.es.js";
-import { getDefaultOptions as k } from "./kongponents250.es.js";
+import p from "./kongponents233.es.js";
+import w from "./kongponents234.es.js";
+import c from "./kongponents232.es.js";
+import { getDefaultOptions as k } from "./kongponents241.es.js";
 function C(O, e) {
   var l, r, a, i, n, d, v, u;
   w(1, arguments);

package/dist/kongponents470.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("./kongponents343.cjs"),C=require("./kongponents243.cjs"),k=require("./kongponents469.cjs"),W=require("./kongponents241.cjs"),D=require("./kongponents250.cjs");function O(v,e){var t,l,i,o,a,n,r,u;C.default(1,arguments);var s=D.getDefaultOptions(),f=W.default((t=(l=(i=(o=e?.firstWeekContainsDate)!==null&&o!==void 0?o:e==null||(a=e.locale)===null||a===void 0||(n=a.options)===null||n===void 0?void 0:n.firstWeekContainsDate)!==null&&i!==void 0?i:s.firstWeekContainsDate)!==null&&l!==void 0?l:(r=s.locale)===null||r===void 0||(u=r.options)===null||u===void 0?void 0:u.firstWeekContainsDate)!==null&&t!==void 0?t:1),c=$.default(v,e),d=new Date(0);d.setUTCFullYear(c,0,f),d.setUTCHours(0,0,0,0);var _=k.default(d,e);return _}exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("./kongponents343.cjs"),C=require("./kongponents234.cjs"),k=require("./kongponents469.cjs"),W=require("./kongponents232.cjs"),D=require("./kongponents241.cjs");function O(v,e){var t,l,i,o,a,n,r,u;C.default(1,arguments);var s=D.getDefaultOptions(),f=W.default((t=(l=(i=(o=e?.firstWeekContainsDate)!==null&&o!==void 0?o:e==null||(a=e.locale)===null||a===void 0||(n=a.options)===null||n===void 0?void 0:n.firstWeekContainsDate)!==null&&i!==void 0?i:s.firstWeekContainsDate)!==null&&l!==void 0?l:(r=s.locale)===null||r===void 0||(u=r.options)===null||u===void 0?void 0:u.firstWeekContainsDate)!==null&&t!==void 0?t:1),c=$.default(v,e),d=new Date(0);d.setUTCFullYear(c,0,f),d.setUTCHours(0,0,0,0);var _=k.default(d,e);return _}exports.default=O;

package/dist/kongponents470.es.js

@@ -1,8 +1,8 @@
 import k from "./kongponents343.es.js";
-import W from "./kongponents243.es.js";
+import W from "./kongponents234.es.js";
 import p from "./kongponents469.es.js";
-import _ from "./kongponents241.es.js";
-import { getDefaultOptions as c } from "./kongponents250.es.js";
+import _ from "./kongponents232.es.js";
+import { getDefaultOptions as c } from "./kongponents241.es.js";
 function U(v, e) {
   var t, o, r, l, i, a, n, f;
   W(1, arguments);

package/dist/kongponents477.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function e(o,r){return e=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,u){return t.__proto__=u,t},e(o,r)}exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./kongponents351.cjs"),o=require("./kongponents352.cjs"),r=require("./kongponents353.cjs"),c=require("./kongponents253.cjs");var d=(function(){function e(){l.default(this,e),r.default(this,"incompatibleTokens",void 0),r.default(this,"priority",void 0),r.default(this,"subPriority",void 0)}return o.default(e,[{key:"run",value:function(i,u,s,n){var t=this.parse(i,u,s,n);return t?{setter:new c.ValueSetter(t.value,this.validate,this.set,this.priority,this.subPriority),rest:t.rest}:null}},{key:"validate",value:function(i,u,s){return!0}}]),e})();exports.Parser=d;

package/dist/kongponents477.es.js

@@ -1,8 +1,27 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
-    return t.__proto__ = n, t;
-  }, e(o, r);
-}
+import n from "./kongponents351.es.js";
+import l from "./kongponents352.es.js";
+import e from "./kongponents353.es.js";
+import { ValueSetter as v } from "./kongponents253.es.js";
+var m = /* @__PURE__ */ (function() {
+  function t() {
+    n(this, t), e(this, "incompatibleTokens", void 0), e(this, "priority", void 0), e(this, "subPriority", void 0);
+  }
+  return l(t, [{
+    key: "run",
+    value: function(i, o, s, u) {
+      var r = this.parse(i, o, s, u);
+      return r ? {
+        setter: new v(r.value, this.validate, this.set, this.priority, this.subPriority),
+        rest: r.rest
+      } : null;
+    }
+  }, {
+    key: "validate",
+    value: function(i, o, s) {
+      return !0;
+    }
+  }]), t;
+})();
 export {
-  e as default
+  m as Parser
 };

package/dist/kongponents478.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function t(o){return t=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},t(o)}exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./kongponents256.cjs"),t=require("./kongponents479.cjs");function m(e,r){return e&&{value:r(e.value),rest:e.rest}}function i(e,r){var n=r.match(e);return n?{value:parseInt(n[0],10),rest:r.slice(n[0].length)}:null}function g(e,r){var n=r.match(e);if(!n)return null;if(n[0]==="Z")return{value:0,rest:r.slice(1)};var a=n[1]==="+"?1:-1,s=n[2]?parseInt(n[2],10):0,u=n[3]?parseInt(n[3],10):0,c=n[5]?parseInt(n[5],10):0;return{value:a*(s*o.millisecondsInHour+u*o.millisecondsInMinute+c*o.millisecondsInSecond),rest:r.slice(n[0].length)}}function f(e){return i(t.numericPatterns.anyDigitsSigned,e)}function p(e,r){switch(e){case 1:return i(t.numericPatterns.singleDigit,r);case 2:return i(t.numericPatterns.twoDigits,r);case 3:return i(t.numericPatterns.threeDigits,r);case 4:return i(t.numericPatterns.fourDigits,r);default:return i(new RegExp("^\\d{1,"+e+"}"),r)}}function v(e,r){switch(e){case 1:return i(t.numericPatterns.singleDigitSigned,r);case 2:return i(t.numericPatterns.twoDigitsSigned,r);case 3:return i(t.numericPatterns.threeDigitsSigned,r);case 4:return i(t.numericPatterns.fourDigitsSigned,r);default:return i(new RegExp("^-?\\d{1,"+e+"}"),r)}}function d(e){switch(e){case"morning":return 4;case"evening":return 17;case"pm":case"noon":case"afternoon":return 12;default:return 0}}function P(e,r){var n=r>0,a=n?r:1-r,s;if(a<=50)s=e||100;else{var u=a+50,c=Math.floor(u/100)*100,l=e>=u%100;s=e+c-(l?100:0)}return n?s:1-s}function h(e){return e%400===0||e%4===0&&e%100!==0}exports.dayPeriodEnumToHours=d;exports.isLeapYearIndex=h;exports.mapValue=m;exports.normalizeTwoDigitYear=P;exports.parseAnyDigitsSigned=f;exports.parseNDigits=p;exports.parseNDigitsSigned=v;exports.parseNumericPattern=i;exports.parseTimezonePattern=g;