@kong/kongponents 9.65.1 → 9.65.2-pr.3432.7ee7dff.0

package/dist/kongponents459.es.js

@@ -1,36 +1,26 @@
-import c from "./kongponents430.es.js";
-import m from "./kongponents431.es.js";
-import n from "./kongponents427.es.js";
-import f from "./kongponents428.es.js";
-import u from "./kongponents429.es.js";
-import s from "./kongponents432.es.js";
-import { Parser as h } from "./kongponents518.es.js";
-import { mapValue as v, parseNDigits as g } from "./kongponents519.es.js";
-var k = /* @__PURE__ */ (function(l) {
-  f(o, l);
-  var i = u(o);
-  function o() {
-    var e;
-    c(this, o);
-    for (var t = arguments.length, a = new Array(t), r = 0; r < t; r++)
-      a[r] = arguments[r];
-    return e = i.call.apply(i, [this].concat(a)), s(n(e), "priority", 30), s(n(e), "incompatibleTokens", ["t", "T"]), e;
-  }
-  return m(o, [{
-    key: "parse",
-    value: function(t, a) {
-      var r = function(p) {
-        return Math.floor(p * Math.pow(10, -a.length + 3));
-      };
-      return v(g(a.length, t), r);
-    }
-  }, {
-    key: "set",
-    value: function(t, a, r) {
-      return t.setUTCMilliseconds(r), t;
-    }
-  }]), o;
-})(h);
+function f(n, r, e) {
+  var t = m(n, e.timeZone, e.locale);
+  return t.formatToParts ? a(t, r) : o(t, r);
+}
+function a(n, r) {
+  for (var e = n.formatToParts(r), t = e.length - 1; t >= 0; --t)
+    if (e[t].type === "timeZoneName")
+      return e[t].value;
+}
+function o(n, r) {
+  var e = n.format(r).replace(/\u200E/g, ""), t = / [\w-+ ]+$/.exec(e);
+  return t ? t[0].substr(1) : "";
+}
+function m(n, r, e) {
+  if (e && !e.code)
+    throw new Error(
+      "date-fns-tz error: Please set a language code on the locale object imported from date-fns, e.g. `locale.code = 'en-US'`"
+    );
+  return new Intl.DateTimeFormat(e ? [e.code, "en-US"] : void 0, {
+    timeZone: r,
+    timeZoneName: n
+  });
+}
 export {
-  k as FractionOfSecondParser
+  f as default
 };

package/dist/kongponents460.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./kongponents430.cjs"),p=require("./kongponents431.cjs"),u=require("./kongponents427.cjs"),f=require("./kongponents428.cjs"),P=require("./kongponents429.cjs"),c=require("./kongponents432.cjs"),X=require("./kongponents518.cjs"),s=require("./kongponents520.cjs"),i=require("./kongponents519.cjs");var d=(function(l){f.default(a,l);var o=P.default(a);function a(){var t;m.default(this,a);for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return t=o.call.apply(o,[this].concat(r)),c.default(u.default(t),"priority",10),c.default(u.default(t),"incompatibleTokens",["t","T","x"]),t}return p.default(a,[{key:"parse",value:function(e,r){switch(r){case"X":return i.parseTimezonePattern(s.timezonePatterns.basicOptionalMinutes,e);case"XX":return i.parseTimezonePattern(s.timezonePatterns.basic,e);case"XXXX":return i.parseTimezonePattern(s.timezonePatterns.basicOptionalSeconds,e);case"XXXXX":return i.parseTimezonePattern(s.timezonePatterns.extendedOptionalSeconds,e);default:return i.parseTimezonePattern(s.timezonePatterns.extended,e)}}},{key:"set",value:function(e,r,n){return r.timestampIsSet?e:new Date(e.getTime()-n)}}]),a})(X.Parser);exports.ISOTimezoneWithZParser=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/kongponents460.es.js

@@ -1,45 +1,4 @@
-import u from "./kongponents430.es.js";
-import f from "./kongponents431.es.js";
-import m from "./kongponents427.es.js";
-import l from "./kongponents428.es.js";
-import X from "./kongponents429.es.js";
-import p from "./kongponents432.es.js";
-import { Parser as h } from "./kongponents518.es.js";
-import { timezonePatterns as n } from "./kongponents520.es.js";
-import { parseTimezonePattern as s } from "./kongponents519.es.js";
-var _ = /* @__PURE__ */ (function(c) {
-  l(o, c);
-  var a = X(o);
-  function o() {
-    var r;
-    u(this, o);
-    for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)
-      t[i] = arguments[i];
-    return r = a.call.apply(a, [this].concat(t)), p(m(r), "priority", 10), p(m(r), "incompatibleTokens", ["t", "T", "x"]), r;
-  }
-  return f(o, [{
-    key: "parse",
-    value: function(e, t) {
-      switch (t) {
-        case "X":
-          return s(n.basicOptionalMinutes, e);
-        case "XX":
-          return s(n.basic, e);
-        case "XXXX":
-          return s(n.basicOptionalSeconds, e);
-        case "XXXXX":
-          return s(n.extendedOptionalSeconds, e);
-        default:
-          return s(n.extended, e);
-      }
-    }
-  }, {
-    key: "set",
-    value: function(e, t, i) {
-      return t.timestampIsSet ? e : new Date(e.getTime() - i);
-    }
-  }]), o;
-})(h);
+var e = { exports: {} };
 export {
-  _ as ISOTimezoneWithZParser
+  e as __module
 };

package/dist/kongponents461.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./kongponents430.cjs"),p=require("./kongponents431.cjs"),u=require("./kongponents427.cjs"),f=require("./kongponents428.cjs"),x=require("./kongponents429.cjs"),c=require("./kongponents432.cjs"),P=require("./kongponents518.cjs"),s=require("./kongponents520.cjs"),i=require("./kongponents519.cjs");var d=(function(l){f.default(a,l);var o=x.default(a);function a(){var t;m.default(this,a);for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return t=o.call.apply(o,[this].concat(r)),c.default(u.default(t),"priority",10),c.default(u.default(t),"incompatibleTokens",["t","T","X"]),t}return p.default(a,[{key:"parse",value:function(e,r){switch(r){case"x":return i.parseTimezonePattern(s.timezonePatterns.basicOptionalMinutes,e);case"xx":return i.parseTimezonePattern(s.timezonePatterns.basic,e);case"xxxx":return i.parseTimezonePattern(s.timezonePatterns.basicOptionalSeconds,e);case"xxxxx":return i.parseTimezonePattern(s.timezonePatterns.extendedOptionalSeconds,e);default:return i.parseTimezonePattern(s.timezonePatterns.extended,e)}}},{key:"set",value:function(e,r,n){return r.timestampIsSet?e:new Date(e.getTime()-n)}}]),a})(P.Parser);exports.ISOTimezoneParser=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/kongponents461.es.js

@@ -1,45 +1,4 @@
-import u from "./kongponents430.es.js";
-import x from "./kongponents431.es.js";
-import m from "./kongponents427.es.js";
-import f from "./kongponents428.es.js";
-import l from "./kongponents429.es.js";
-import p from "./kongponents432.es.js";
-import { Parser as h } from "./kongponents518.es.js";
-import { timezonePatterns as n } from "./kongponents520.es.js";
-import { parseTimezonePattern as s } from "./kongponents519.es.js";
-var w = /* @__PURE__ */ (function(c) {
-  f(o, c);
-  var a = l(o);
-  function o() {
-    var r;
-    u(this, o);
-    for (var e = arguments.length, t = new Array(e), i = 0; i < e; i++)
-      t[i] = arguments[i];
-    return r = a.call.apply(a, [this].concat(t)), p(m(r), "priority", 10), p(m(r), "incompatibleTokens", ["t", "T", "X"]), r;
-  }
-  return x(o, [{
-    key: "parse",
-    value: function(e, t) {
-      switch (t) {
-        case "x":
-          return s(n.basicOptionalMinutes, e);
-        case "xx":
-          return s(n.basic, e);
-        case "xxxx":
-          return s(n.basicOptionalSeconds, e);
-        case "xxxxx":
-          return s(n.extendedOptionalSeconds, e);
-        default:
-          return s(n.extended, e);
-      }
-    }
-  }, {
-    key: "set",
-    value: function(e, t, i) {
-      return t.timestampIsSet ? e : new Date(e.getTime() - i);
-    }
-  }]), o;
-})(h);
+var e = { exports: {} };
 export {
-  w as ISOTimezoneParser
+  e as __module
 };

package/dist/kongponents462.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./kongponents430.cjs"),l=require("./kongponents431.cjs"),n=require("./kongponents427.cjs"),d=require("./kongponents428.cjs"),f=require("./kongponents429.cjs"),u=require("./kongponents432.cjs"),p=require("./kongponents518.cjs"),m=require("./kongponents519.cjs");var q=(function(c){d.default(t,c);var i=f.default(t);function t(){var e;o.default(this,t);for(var s=arguments.length,a=new Array(s),r=0;r<s;r++)a[r]=arguments[r];return e=i.call.apply(i,[this].concat(a)),u.default(n.default(e),"priority",40),u.default(n.default(e),"incompatibleTokens","*"),e}return l.default(t,[{key:"parse",value:function(s){return m.parseAnyDigitsSigned(s)}},{key:"set",value:function(s,a,r){return[new Date(r*1e3),{timestampIsSet:!0}]}}]),t})(p.Parser);exports.TimestampSecondsParser=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function d(e,i){var r=g(i);return r.formatToParts?m(r,e):f(r,e)}var c={year:0,month:1,day:2,hour:3,minute:4,second:5};function m(e,i){try{for(var r=e.formatToParts(i),t=[],a=0;a<r.length;a++){var o=c[r[a].type];o>=0&&(t[o]=parseInt(r[a].value,10))}return t}catch(u){if(u instanceof RangeError)return[NaN];throw u}}function f(e,i){var r=e.format(i),t=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(r);return[t[3],t[1],t[2],t[4],t[5],t[6]]}var n={};function g(e){if(!n[e]){var i=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),r=i==="06/25/2014, 00:00:00"||i==="‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";n[e]=r?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})}return n[e]}exports.default=d;

package/dist/kongponents462.es.js

@@ -1,35 +1,67 @@
-import p from "./kongponents430.es.js";
-import f from "./kongponents431.es.js";
-import o from "./kongponents427.es.js";
-import u from "./kongponents428.es.js";
-import c from "./kongponents429.es.js";
-import n from "./kongponents432.es.js";
-import { Parser as l } from "./kongponents518.es.js";
-import { parseAnyDigitsSigned as h } from "./kongponents519.es.js";
-var C = /* @__PURE__ */ (function(m) {
-  u(t, m);
-  var s = c(t);
-  function t() {
-    var r;
-    p(this, t);
-    for (var i = arguments.length, a = new Array(i), e = 0; e < i; e++)
-      a[e] = arguments[e];
-    return r = s.call.apply(s, [this].concat(a)), n(o(r), "priority", 40), n(o(r), "incompatibleTokens", "*"), r;
-  }
-  return f(t, [{
-    key: "parse",
-    value: function(i) {
-      return h(i);
-    }
-  }, {
-    key: "set",
-    value: function(i, a, e) {
-      return [new Date(e * 1e3), {
-        timestampIsSet: !0
-      }];
+function h(r, a) {
+  var t = f(a);
+  return t.formatToParts ? m(t, r) : c(t, r);
+}
+var u = {
+  year: 0,
+  month: 1,
+  day: 2,
+  hour: 3,
+  minute: 4,
+  second: 5
+};
+function m(r, a) {
+  try {
+    for (var t = r.formatToParts(a), e = [], n = 0; n < t.length; n++) {
+      var o = u[t[n].type];
+      o >= 0 && (e[o] = parseInt(t[n].value, 10));
     }
-  }]), t;
-})(l);
+    return e;
+  } catch (d) {
+    if (d instanceof RangeError)
+      return [NaN];
+    throw d;
+  }
+}
+function c(r, a) {
+  var t = r.format(a), e = /(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(t);
+  return [e[3], e[1], e[2], e[4], e[5], e[6]];
+}
+var i = {};
+function f(r) {
+  if (!i[r]) {
+    var a = new Intl.DateTimeFormat("en-US", {
+      hourCycle: "h23",
+      timeZone: "America/New_York",
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }).format(/* @__PURE__ */ new Date("2014-06-25T04:00:00.123Z")), t = a === "06/25/2014, 00:00:00" || a === "‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";
+    i[r] = t ? new Intl.DateTimeFormat("en-US", {
+      hourCycle: "h23",
+      timeZone: r,
+      year: "numeric",
+      month: "numeric",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }) : new Intl.DateTimeFormat("en-US", {
+      hour12: !1,
+      timeZone: r,
+      year: "numeric",
+      month: "numeric",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    });
+  }
+  return i[r];
+}
 export {
-  C as TimestampSecondsParser
+  h as default
 };

package/dist/kongponents463.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./kongponents430.cjs"),o=require("./kongponents431.cjs"),n=require("./kongponents427.cjs"),d=require("./kongponents428.cjs"),f=require("./kongponents429.cjs"),u=require("./kongponents432.cjs"),p=require("./kongponents518.cjs"),m=require("./kongponents519.cjs");var q=(function(l){d.default(t,l);var i=f.default(t);function t(){var e;c.default(this,t);for(var s=arguments.length,a=new Array(s),r=0;r<s;r++)a[r]=arguments[r];return e=i.call.apply(i,[this].concat(a)),u.default(n.default(e),"priority",20),u.default(n.default(e),"incompatibleTokens","*"),e}return o.default(t,[{key:"parse",value:function(s){return m.parseAnyDigitsSigned(s)}},{key:"set",value:function(s,a,r){return[new Date(r),{timestampIsSet:!0}]}}]),t})(p.Parser);exports.TimestampMillisecondsParser=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function s(t,u,r,a,l,n,o){var e=new Date(0);return e.setUTCFullYear(t,u,r),e.setUTCHours(a,l,n,o),e}exports.default=s;

package/dist/kongponents463.es.js

@@ -1,35 +1,7 @@
-import p from "./kongponents430.es.js";
-import l from "./kongponents431.es.js";
-import o from "./kongponents427.es.js";
-import f from "./kongponents428.es.js";
-import u from "./kongponents429.es.js";
-import n from "./kongponents432.es.js";
-import { Parser as c } from "./kongponents518.es.js";
-import { parseAnyDigitsSigned as h } from "./kongponents519.es.js";
-var S = /* @__PURE__ */ (function(m) {
-  f(t, m);
-  var a = u(t);
-  function t() {
-    var r;
-    p(this, t);
-    for (var i = arguments.length, s = new Array(i), e = 0; e < i; e++)
-      s[e] = arguments[e];
-    return r = a.call.apply(a, [this].concat(s)), n(o(r), "priority", 20), n(o(r), "incompatibleTokens", "*"), r;
-  }
-  return l(t, [{
-    key: "parse",
-    value: function(i) {
-      return h(i);
-    }
-  }, {
-    key: "set",
-    value: function(i, s, e) {
-      return [new Date(e), {
-        timestampIsSet: !0
-      }];
-    }
-  }]), t;
-})(c);
+function o(t, a, r, u, n, s, l) {
+  var e = /* @__PURE__ */ new Date(0);
+  return e.setUTCFullYear(t, a, r), e.setUTCHours(u, n, s, l), e;
+}
 export {
-  S as TimestampMillisecondsParser
+  o as default
 };

package/dist/kongponents464.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("./kongponents182.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("./kongponents182.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/kongponents464.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 "./kongponents182.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 "./kongponents182.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/kongponents466.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./kongponents371.cjs"),r=require("./kongponents530.cjs");function i(t,u){var e=r.default(t,u);return a.default(e)?e:void 0}exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./kongponents368.cjs"),r=require("./kongponents530.cjs");function i(t,u){var e=r.default(t,u);return a.default(e)?e:void 0}exports.default=i;

package/dist/kongponents466.es.js

@@ -1,4 +1,4 @@
-import r from "./kongponents371.es.js";
+import r from "./kongponents368.es.js";
 import i from "./kongponents530.es.js";
 function f(t, a) {
   var e = i(t, a);

package/dist/kongponents472.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./kongponents467.cjs"),_=require("./kongponents360.cjs"),r=require("./kongponents283.cjs");var u=200;function n(a,i){var e=this.__data__;if(e instanceof s.default){var t=e.__data__;if(!_.default||t.length<u-1)return t.push([a,i]),this.size=++e.size,this;e=this.__data__=new r.default(t)}return e.set(a,i),this.size=e.size,this}exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./kongponents467.cjs"),_=require("./kongponents357.cjs"),r=require("./kongponents280.cjs");var u=200;function n(a,i){var e=this.__data__;if(e instanceof s.default){var t=e.__data__;if(!_.default||t.length<u-1)return t.push([a,i]),this.size=++e.size,this;e=this.__data__=new r.default(t)}return e.set(a,i),this.size=e.size,this}exports.default=n;

package/dist/kongponents472.es.js

@@ -1,6 +1,6 @@
 import _ from "./kongponents467.es.js";
-import e from "./kongponents360.es.js";
-import r from "./kongponents283.es.js";
+import e from "./kongponents357.es.js";
+import r from "./kongponents280.es.js";
 var h = 200;
 function m(i, s) {
   var t = this.__data__;

package/dist/kongponents473.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents384.cjs"),u=require("./kongponents474.cjs"),l=require("./kongponents274.cjs");function r(e){return t.default(e,l.default,u.default)}exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents380.cjs"),u=require("./kongponents474.cjs"),l=require("./kongponents271.cjs");function r(e){return t.default(e,l.default,u.default)}exports.default=r;

package/dist/kongponents473.es.js

@@ -1,6 +1,6 @@
-import t from "./kongponents384.es.js";
+import t from "./kongponents380.es.js";
 import o from "./kongponents474.es.js";
-import r from "./kongponents274.es.js";
+import r from "./kongponents271.es.js";
 function f(e) {
   return t(e, r, o);
 }

package/dist/kongponents474.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents349.cjs"),l=require("./kongponents292.cjs");var a=Object.prototype,n=a.propertyIsEnumerable,r=Object.getOwnPropertySymbols,o=r?function(e){return e==null?[]:(e=Object(e),u.default(r(e),function(t){return n.call(e,t)}))}:l.default;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents346.cjs"),l=require("./kongponents289.cjs");var a=Object.prototype,n=a.propertyIsEnumerable,r=Object.getOwnPropertySymbols,o=r?function(e){return e==null?[]:(e=Object(e),u.default(r(e),function(t){return n.call(e,t)}))}:l.default;exports.default=o;