@kong/kongponents 9.48.5 → 9.48.6-pr.3019.6ecf9ff.0

package/dist/kongponents89.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./kongponents225.cjs"),ie=require("./kongponents46.cjs"),ce=require("./kongponents165.cjs"),re=require("./kongponents226.cjs"),h=require("./kongponents227.cjs"),ue=require("./kongponents207.cjs"),se=require("./kongponents228.cjs"),de=require("./kongponents167.cjs"),he=require("./kongponents229.cjs"),me=require("./kongponents230.cjs"),fe=require("./kongponents180.cjs"),ge=require("./kongponents231.cjs"),ve=require("./kongponents202.cjs"),N=require("./kongponents172.cjs"),b=require("./kongponents39.cjs"),ke=require("./kongponents189.cjs"),be=require("./kongponents173.cjs"),ye=require("./kongponents232.cjs"),Ce=["id"],Ne={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Le={key:0,class:"code-block-search-results"},we={class:"code-block-search-actions"},Be={ref:"codeBlockContent",class:"code-block-content"},xe={class:"code-block-secondary-actions"},Ee=["id","href"],Me=["innerHTML"],Te=["id","href"],Ve=["innerHTML"],Se=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v29b45752:_.value,c5457b9e:Q.value}));const m=ke.IS_MAYBE_MAC?"Option":"Alt",X=ye.default(P,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const v=K,G=e.useSlots(),B=e.ref(o.query),f=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),c=e.ref(o.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),y=e.computed(()=>{var t;return Array.from({length:(t=o.code)==null?void 0:t.split(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./kongponents175.cjs"),ie=require("./kongponents46.cjs"),ce=require("./kongponents165.cjs"),re=require("./kongponents176.cjs"),h=require("./kongponents177.cjs"),ue=require("./kongponents178.cjs"),se=require("./kongponents179.cjs"),de=require("./kongponents180.cjs"),he=require("./kongponents181.cjs"),me=require("./kongponents182.cjs"),fe=require("./kongponents183.cjs"),ge=require("./kongponents184.cjs"),ve=require("./kongponents185.cjs"),N=require("./kongponents186.cjs"),b=require("./kongponents39.cjs"),ke=require("./kongponents187.cjs"),be=require("./kongponents188.cjs"),ye=require("./kongponents189.cjs"),Ce=["id"],Ne={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Le={key:0,class:"code-block-search-results"},we={class:"code-block-search-actions"},Be={ref:"codeBlockContent",class:"code-block-content"},xe={class:"code-block-secondary-actions"},Ee=["id","href"],Me=["innerHTML"],Te=["id","href"],Ve=["innerHTML"],Se=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},theme:{default:"light"},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v29b45752:_.value,c5457b9e:Q.value}));const m=ke.IS_MAYBE_MAC?"Option":"Alt",X=ye.default(P,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const v=K,G=e.useSlots(),B=e.ref(o.query),f=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),c=e.ref(o.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),y=e.computed(()=>{var t;return Array.from({length:(t=o.code)==null?void 0:t.split(`
 `).length},(n,l)=>l+1)}),Q=e.computed(()=>y.value[y.value.length-1].toString().length+"ch"),T=e.computed(()=>o.processing||f.value),g=e.computed(()=>u.value&&V.value!==""),W=e.computed(()=>o.id.toLowerCase().replace(/\s+/g,"-"));function k(t){return`${W.value}-L${t}`}const Y=e.computed(()=>h.buildLineOffsets(o.code)),V=e.computed(()=>{var n;if(c.value===""||a.value.length===0)return"";const t=(n=o.code)==null?void 0:n.split(`
 `).filter((l,ae)=>M.value.has(ae+1)).join(`
 `);return h.highlightMatchingChars(t,c.value,s.value)}),Z=e.computed(()=>!o.singleLine&&o.searchable),J=e.computed(()=>o.singleLine?h.escapeHTMLIfNeeded(o.code).replaceAll(`

package/dist/kongponents94.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./kongponents234.cjs"),f=require("./kongponents172.cjs"),b={class:"k-collapse"},h={class:"collapse-trigger"},C=["aria-controls","aria-expanded","aria-label"],V={key:0,class:"collapse-trigger-label","data-testid":"collapse-trigger-label"},k={key:0,class:"collapse-visible-content","data-testid":"collapse-visible-content"},S=["id"],N=e.defineComponent({__name:"KCollapse",props:{modelValue:{type:Boolean,default:!0},title:{default:""},titleTag:{default:"div"},triggerLabel:{default:""},triggerAlignment:{default:"trailing"}},emits:["toggle","update:modelValue"],setup(l,{emit:c}){const r=c,u=e.useSlots(),d=e.useId(),a=e.ref(!0),s=e.ref(!1),g=e.computed(()=>l.triggerAlignment==="trailing"),m=e.computed(()=>!!u["visible-content"]),v=e.computed({get(){return l.modelValue},set(t){i(t)}}),o=e.computed(()=>s.value?a.value:l.modelValue),i=t=>{s.value||(a.value=l.modelValue),a.value=t!==void 0?t:!a.value,s.value=!0,r("toggle",a.value),r("update:modelValue",a.value)};return e.watch(v,(t,n)=>{t!==n&&i(t)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",{class:e.normalizeClass(["collapse-heading",{"has-trailing-trigger":g.value}])},[l.title||t.$slots.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.titleTag),{key:0,class:"collapse-title","data-testid":"collapse-title"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)],!0)]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(t.$slots,"trigger",{isCollapsed:o.value,toggle:i},()=>[e.createElementVNode("button",{"aria-controls":e.unref(d),"aria-expanded":!o.value,"aria-label":l.triggerLabel?void 0:"Toggle content",class:"collapse-trigger-content","data-testid":"collapse-trigger-content",type:"button",onClick:n[0]||(n[0]=e.withModifiers(y=>i(),["prevent","stop"]))},[e.renderSlot(t.$slots,"trigger-content",{},()=>[e.createVNode(e.unref(p.default),{class:e.normalizeClass(["collapse-trigger-icon",{"collapse-expanded":!o.value}]),"data-testid":"collapse-trigger-icon",decorative:"",size:e.unref(f.KUI_ICON_SIZE_40)},null,8,["class","size"]),l.triggerLabel?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(l.triggerLabel),1)):e.createCommentVNode("",!0)],!0)],8,C)],!0)])],2),m.value?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"visible-content",{},void 0,!0)])):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:e.unref(d),class:"collapse-hidden-content","data-testid":"collapse-hidden-content"},[e.renderSlot(t.$slots,"default",{},void 0,!0)],8,S),[[e.vShow,!o.value]])]),_:3})]))}});exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./kongponents208.cjs"),f=require("./kongponents186.cjs"),b={class:"k-collapse"},h={class:"collapse-trigger"},C=["aria-controls","aria-expanded","aria-label"],V={key:0,class:"collapse-trigger-label","data-testid":"collapse-trigger-label"},k={key:0,class:"collapse-visible-content","data-testid":"collapse-visible-content"},S=["id"],N=e.defineComponent({__name:"KCollapse",props:{modelValue:{type:Boolean,default:!0},title:{default:""},titleTag:{default:"div"},triggerLabel:{default:""},triggerAlignment:{default:"trailing"}},emits:["toggle","update:modelValue"],setup(l,{emit:c}){const r=c,u=e.useSlots(),d=e.useId(),a=e.ref(!0),s=e.ref(!1),g=e.computed(()=>l.triggerAlignment==="trailing"),m=e.computed(()=>!!u["visible-content"]),v=e.computed({get(){return l.modelValue},set(t){i(t)}}),o=e.computed(()=>s.value?a.value:l.modelValue),i=t=>{s.value||(a.value=l.modelValue),a.value=t!==void 0?t:!a.value,s.value=!0,r("toggle",a.value),r("update:modelValue",a.value)};return e.watch(v,(t,n)=>{t!==n&&i(t)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",{class:e.normalizeClass(["collapse-heading",{"has-trailing-trigger":g.value}])},[l.title||t.$slots.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.titleTag),{key:0,class:"collapse-title","data-testid":"collapse-title"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)],!0)]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(t.$slots,"trigger",{isCollapsed:o.value,toggle:i},()=>[e.createElementVNode("button",{"aria-controls":e.unref(d),"aria-expanded":!o.value,"aria-label":l.triggerLabel?void 0:"Toggle content",class:"collapse-trigger-content","data-testid":"collapse-trigger-content",type:"button",onClick:n[0]||(n[0]=e.withModifiers(y=>i(),["prevent","stop"]))},[e.renderSlot(t.$slots,"trigger-content",{},()=>[e.createVNode(e.unref(p.default),{class:e.normalizeClass(["collapse-trigger-icon",{"collapse-expanded":!o.value}]),"data-testid":"collapse-trigger-icon",decorative:"",size:e.unref(f.KUI_ICON_SIZE_40)},null,8,["class","size"]),l.triggerLabel?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(l.triggerLabel),1)):e.createCommentVNode("",!0)],!0)],8,C)],!0)])],2),m.value?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"visible-content",{},void 0,!0)])):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:e.unref(d),class:"collapse-hidden-content","data-testid":"collapse-hidden-content"},[e.renderSlot(t.$slots,"default",{},void 0,!0)],8,S),[[e.vShow,!o.value]])]),_:3})]))}});exports.default=N;

package/dist/kongponents96.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("./kongponents33.cjs"),W=require("./kongponents53.cjs"),G=require("./kongponents56.cjs");;/* empty css                 */require("./kongponents5.cjs");const R=require("./kongponents10.cjs"),H=require("./kongponents210.cjs"),w=require("./kongponents172.cjs"),Z=require("./kongponents173.cjs"),j=require("./kongponents211.cjs"),T=require("./kongponents212.cjs"),x=require("./kongponents213.cjs"),F=["tabindex"],X=["innerHTML"],J={key:1,class:"range-display"},Q={key:3,class:"relative-periods-container"},Y={class:"timeframe-section-title"},_={class:"timeframe-buttons"},ee={class:"datetime-picker-footer-container"},te=e.defineComponent({__name:"KDateTimePicker",props:{clearButton:{type:Boolean},icon:{type:Boolean,default:!0},modelValue:{default:()=>({start:null,end:null})},maxDate:{default:()=>{}},minDate:{default:()=>{}},mode:{},placeholder:{default:"Select a time range"},range:{type:Boolean},timePeriods:{default:()=>[]},width:{default:"100%"},disabled:{type:Boolean},readonly:{type:Boolean},popoverPlacement:{default:"bottom-start"},invalidTimeErrorMessage:{default:"Start time cannot exceed end time."},timeGranularity:{default:"minutely"}},emits:["change","update:modelValue"],setup(l,{emit:M}){var V,K;const c=M,C=e.ref(null),D=e.computed(()=>l.mode!==R.DateTimePickerModes.Relative),o=e.computed(()=>R.ModeArrayCustom.includes(l.mode)&&!l.range),s=e.computed(()=>l.timePeriods.length>0),m=e.computed(()=>a.tabName==="custom"||!s.value),v=e.ref(!0),h=e.ref(!1),E=e.ref(0),B={start:null,end:null},y=e.ref(l.modelValue.start||null),u=e.ref(l.modelValue||B),P=o.value?y:u,g=e.useTemplateRef("calendarWrapperRef"),$=e.computed(()=>({width:Z.normalizeSize(l.width)})),k=Intl.DateTimeFormat().resolvedOptions().timeZone,a=e.reactive({abbreviatedDisplay:l.placeholder,fullRangeDisplay:"",popoverOpen:!1,selectedRange:{start:new Date,end:new Date},previouslySelectedRange:{start:new Date,end:new Date},selectedTimeframe:(V=l.timePeriods[0])==null?void 0:V.values[0],previouslySelectedTimeframe:(K=l.timePeriods[0])==null?void 0:K.values[0],tabName:"relative"}),p=t=>{if(!t)return;const n=o.value?!t.start:!t.start||!t.end,i=(t==null?void 0:t.start)||new Date,d=(t==null?void 0:t.end)||null;v.value=!!n,!o.value&&t&&t.start&&t.end?(u.value.start=i,u.value.end=d):t&&t.start&&(y.value=i),a.selectedRange=a.previouslySelectedRange={start:i,end:d}},N=(t,n=!1)=>{if(a.selectedTimeframe=a.previouslySelectedTimeframe=t,a.selectedRange={timePeriodsKey:a.selectedTimeframe.key},a.selectedTimeframe.start&&a.selectedTimeframe.end){const i=new Date(a.selectedTimeframe.start()),d=new Date(a.selectedTimeframe.end());a.fullRangeDisplay=z({start:i,end:d},!1),a.selectedRange.start=i,a.selectedRange.end=d}else a.fullRangeDisplay="";v.value=!1,n&&q()},O=()=>{var t;u.value=B,y.value=null,a.abbreviatedDisplay=l.placeholder,a.fullRangeDisplay="",s.value&&(a.selectedTimeframe=(t=l.timePeriods[0])==null?void 0:t.values[0]),a.selectedRange=a.previouslySelectedRange=B,c("change",a.selectedRange),c("update:modelValue",a.selectedRange)},z=(t,n)=>{const{start:i,end:d}=t;let r=l.timeGranularity==="secondly"?"PP hh:mm:ss a":"PP hh:mm a";const f=T.default(i,k,"(z)");return!D.value&&s.value?r="PP hh:mm a":R.ModeDateOnly.includes(l.mode)&&(r="PP"),o.value?`${x.default(i,r)} ${f}`:n?`<div>${x.default(i,r)} -&nbsp;</div><div>${T.default(d,k,r)} ${f}</div>`:`${x.default(i,r)} - ${T.default(d,k,r)} ${f}`},q=async()=>{var t;o.value?a.selectedRange.start&&(c("change",{start:a.selectedRange.start,end:null}),c("update:modelValue",{start:a.selectedRange.start,end:null})):(c("change",a.selectedRange),c("update:modelValue",a.selectedRange)),(t=C.value)==null||t.hidePopover(),b()},b=()=>{var t;if(m.value&&((t=a.selectedRange)!=null&&t.start))a.abbreviatedDisplay=z(a.selectedRange,!0);else if(s.value&&!m.value){const n=T.default(new Date,k,"(z)");a.abbreviatedDisplay=`${a.selectedTimeframe.display} ${n}`}},A=t=>t.charAt(0).toUpperCase()+t.slice(1),I=t=>a.selectedTimeframe.key===t.key?"primary":"secondary";e.watch(y,(t,n)=>{t!==void 0&&t!==n&&p({start:t,end:null})},{immediate:!0}),e.watch(u,(t,n)=>{t!==void 0&&t!==n&&p(t)},{immediate:!0}),e.watch(()=>a.tabName,(t,n)=>{n!==void 0&&t==="relative"?N(a.previouslySelectedTimeframe):n!==void 0&&t==="custom"&&p(a.previouslySelectedRange)}),e.watch(()=>l.modelValue,()=>{if(R.ModeArrayRelative.includes(l.mode)&&l.modelValue.timePeriodsKey){a.tabName="relative",v.value=!1;for(const t of l.timePeriods){const n=t.values.find(i=>i.key===l.modelValue.timePeriodsKey);if(n){N(n),b();break}}}else a.tabName="custom",p(l.modelValue),(l.modelValue.start&&l.modelValue.end||o.value&&l.modelValue.start)&&b();E.value++},{immediate:!0}),e.watch(()=>l.timeGranularity,()=>{b()});const U=()=>{a.popoverOpen=!1,g.value&&g.value.resetTime()},L=()=>{a.popoverOpen=!0,g.value&&g.value.initTimeInputs()};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-datetime-picker",{"set-min-width":s.value}]),style:e.normalizeStyle($.value)},[e.createVNode(W.default,{ref_key:"kPop",ref:C,disabled:l.disabled||l.readonly,"hide-caret":"","hide-close-icon":"",offset:e.unref(w.KUI_SPACE_40),placement:l.popoverPlacement,width:"auto",onClose:U,onOpen:L},{content:e.withCtx(()=>[s.value&&D.value?(e.openBlock(),e.createBlock(G.default,{key:0,modelValue:a.tabName,"onUpdate:modelValue":n[0]||(n[0]=i=>a.tabName=i),class:"datetime-picker-toggle","data-testid":"datetime-picker-toggle",options:[{label:"Relative",value:"relative"},{label:"Custom",value:"custom"}],onClick:n[1]||(n[1]=i=>a.tabName=i)},null,8,["modelValue"])):e.createCommentVNode("",!0),!m.value&&a.fullRangeDisplay?(e.openBlock(),e.createElementBlock("p",J,e.toDisplayString(a.fullRangeDisplay),1)):e.createCommentVNode("",!0),D.value&&m.value?(e.openBlock(),e.createBlock(j.default,{key:E.value,ref:"calendarWrapperRef",modelValue:e.unref(P),"onUpdate:modelValue":n[2]||(n[2]=i=>e.isRef(P)?P.value=i:null),error:h.value,"onUpdate:error":n[3]||(n[3]=i=>h.value=i),"error-message":l.invalidTimeErrorMessage,"is-range":!o.value,"k-date-picker-mode":l.mode,"max-date":l.maxDate,"min-date":l.minDate,"time-granularity":l.timeGranularity},null,8,["modelValue","error","error-message","is-range","k-date-picker-mode","max-date","min-date","time-granularity"])):s.value&&!o.value?(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.timePeriods,(i,d)=>(e.openBlock(),e.createElementBlock("div",{key:`section-${String(i.section||d)}`,class:"timeframe-section"},[e.createElementVNode("div",Y,e.toDisplayString(i.section),1),e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.values,(r,f)=>(e.openBlock(),e.createBlock(S.default,{key:`time-${f}`,appearance:I(r),class:"timeframe-button","data-testid":`select-timeframe-${r.key}`,onClick:ae=>N(r,!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(A(r.timeframeText)),1)]),_:2},1032,["appearance","data-testid","onClick"]))),128))])]))),128))])):e.createCommentVNode("",!0)]),footer:e.withCtx(()=>[e.createElementVNode("div",ee,[l.clearButton?(e.openBlock(),e.createBlock(S.default,{key:0,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-clear",onClick:n[4]||(n[4]=i=>O())},{default:e.withCtx(()=>[...n[6]||(n[6]=[e.createTextVNode(" Clear ",-1)])]),_:1})):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createBlock(S.default,{key:1,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-submit",disabled:v.value||h.value,onClick:n[5]||(n[5]=i=>q())},{default:e.withCtx(()=>[...n[7]||(n[7]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger-wrapper",{disabled:l.disabled}])},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger",{disabled:l.disabled,readonly:l.readonly}]),"data-testid":"datetime-picker-trigger",role:"button",style:e.normalizeStyle($.value),tabindex:l.disabled?-1:0},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-display",{"has-icon":l.icon,disabled:l.disabled}]),"data-testid":"datetime-picker-display",innerHTML:a.abbreviatedDisplay},null,10,X)],14,F),l.icon?(e.openBlock(),e.createBlock(e.unref(H.default),{key:0,class:"calendar-icon",color:`var(--kui-color-text-neutral, ${e.unref(w.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:"",size:e.unref(w.KUI_ICON_SIZE_40)},null,8,["color","size"])):e.createCommentVNode("",!0)],2)]),_:1},8,["disabled","offset","placement"])],6))}});exports.default=te;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("./kongponents33.cjs"),W=require("./kongponents53.cjs"),G=require("./kongponents56.cjs");;/* empty css                 */require("./kongponents5.cjs");const R=require("./kongponents10.cjs"),H=require("./kongponents192.cjs"),w=require("./kongponents186.cjs"),Z=require("./kongponents188.cjs"),j=require("./kongponents193.cjs"),T=require("./kongponents194.cjs"),x=require("./kongponents195.cjs"),F=["tabindex"],X=["innerHTML"],J={key:1,class:"range-display"},Q={key:3,class:"relative-periods-container"},Y={class:"timeframe-section-title"},_={class:"timeframe-buttons"},ee={class:"datetime-picker-footer-container"},te=e.defineComponent({__name:"KDateTimePicker",props:{clearButton:{type:Boolean},icon:{type:Boolean,default:!0},modelValue:{default:()=>({start:null,end:null})},maxDate:{default:()=>{}},minDate:{default:()=>{}},mode:{},placeholder:{default:"Select a time range"},range:{type:Boolean},timePeriods:{default:()=>[]},width:{default:"100%"},disabled:{type:Boolean},readonly:{type:Boolean},popoverPlacement:{default:"bottom-start"},invalidTimeErrorMessage:{default:"Start time cannot exceed end time."},timeGranularity:{default:"minutely"}},emits:["change","update:modelValue"],setup(l,{emit:M}){var V,K;const c=M,C=e.ref(null),D=e.computed(()=>l.mode!==R.DateTimePickerModes.Relative),o=e.computed(()=>R.ModeArrayCustom.includes(l.mode)&&!l.range),s=e.computed(()=>l.timePeriods.length>0),m=e.computed(()=>a.tabName==="custom"||!s.value),v=e.ref(!0),h=e.ref(!1),E=e.ref(0),B={start:null,end:null},y=e.ref(l.modelValue.start||null),u=e.ref(l.modelValue||B),P=o.value?y:u,g=e.useTemplateRef("calendarWrapperRef"),$=e.computed(()=>({width:Z.normalizeSize(l.width)})),k=Intl.DateTimeFormat().resolvedOptions().timeZone,a=e.reactive({abbreviatedDisplay:l.placeholder,fullRangeDisplay:"",popoverOpen:!1,selectedRange:{start:new Date,end:new Date},previouslySelectedRange:{start:new Date,end:new Date},selectedTimeframe:(V=l.timePeriods[0])==null?void 0:V.values[0],previouslySelectedTimeframe:(K=l.timePeriods[0])==null?void 0:K.values[0],tabName:"relative"}),p=t=>{if(!t)return;const n=o.value?!t.start:!t.start||!t.end,i=(t==null?void 0:t.start)||new Date,d=(t==null?void 0:t.end)||null;v.value=!!n,!o.value&&t&&t.start&&t.end?(u.value.start=i,u.value.end=d):t&&t.start&&(y.value=i),a.selectedRange=a.previouslySelectedRange={start:i,end:d}},N=(t,n=!1)=>{if(a.selectedTimeframe=a.previouslySelectedTimeframe=t,a.selectedRange={timePeriodsKey:a.selectedTimeframe.key},a.selectedTimeframe.start&&a.selectedTimeframe.end){const i=new Date(a.selectedTimeframe.start()),d=new Date(a.selectedTimeframe.end());a.fullRangeDisplay=z({start:i,end:d},!1),a.selectedRange.start=i,a.selectedRange.end=d}else a.fullRangeDisplay="";v.value=!1,n&&q()},O=()=>{var t;u.value=B,y.value=null,a.abbreviatedDisplay=l.placeholder,a.fullRangeDisplay="",s.value&&(a.selectedTimeframe=(t=l.timePeriods[0])==null?void 0:t.values[0]),a.selectedRange=a.previouslySelectedRange=B,c("change",a.selectedRange),c("update:modelValue",a.selectedRange)},z=(t,n)=>{const{start:i,end:d}=t;let r=l.timeGranularity==="secondly"?"PP hh:mm:ss a":"PP hh:mm a";const f=T.default(i,k,"(z)");return!D.value&&s.value?r="PP hh:mm a":R.ModeDateOnly.includes(l.mode)&&(r="PP"),o.value?`${x.default(i,r)} ${f}`:n?`<div>${x.default(i,r)} -&nbsp;</div><div>${T.default(d,k,r)} ${f}</div>`:`${x.default(i,r)} - ${T.default(d,k,r)} ${f}`},q=async()=>{var t;o.value?a.selectedRange.start&&(c("change",{start:a.selectedRange.start,end:null}),c("update:modelValue",{start:a.selectedRange.start,end:null})):(c("change",a.selectedRange),c("update:modelValue",a.selectedRange)),(t=C.value)==null||t.hidePopover(),b()},b=()=>{var t;if(m.value&&((t=a.selectedRange)!=null&&t.start))a.abbreviatedDisplay=z(a.selectedRange,!0);else if(s.value&&!m.value){const n=T.default(new Date,k,"(z)");a.abbreviatedDisplay=`${a.selectedTimeframe.display} ${n}`}},A=t=>t.charAt(0).toUpperCase()+t.slice(1),I=t=>a.selectedTimeframe.key===t.key?"primary":"secondary";e.watch(y,(t,n)=>{t!==void 0&&t!==n&&p({start:t,end:null})},{immediate:!0}),e.watch(u,(t,n)=>{t!==void 0&&t!==n&&p(t)},{immediate:!0}),e.watch(()=>a.tabName,(t,n)=>{n!==void 0&&t==="relative"?N(a.previouslySelectedTimeframe):n!==void 0&&t==="custom"&&p(a.previouslySelectedRange)}),e.watch(()=>l.modelValue,()=>{if(R.ModeArrayRelative.includes(l.mode)&&l.modelValue.timePeriodsKey){a.tabName="relative",v.value=!1;for(const t of l.timePeriods){const n=t.values.find(i=>i.key===l.modelValue.timePeriodsKey);if(n){N(n),b();break}}}else a.tabName="custom",p(l.modelValue),(l.modelValue.start&&l.modelValue.end||o.value&&l.modelValue.start)&&b();E.value++},{immediate:!0}),e.watch(()=>l.timeGranularity,()=>{b()});const U=()=>{a.popoverOpen=!1,g.value&&g.value.resetTime()},L=()=>{a.popoverOpen=!0,g.value&&g.value.initTimeInputs()};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-datetime-picker",{"set-min-width":s.value}]),style:e.normalizeStyle($.value)},[e.createVNode(W.default,{ref_key:"kPop",ref:C,disabled:l.disabled||l.readonly,"hide-caret":"","hide-close-icon":"",offset:e.unref(w.KUI_SPACE_40),placement:l.popoverPlacement,width:"auto",onClose:U,onOpen:L},{content:e.withCtx(()=>[s.value&&D.value?(e.openBlock(),e.createBlock(G.default,{key:0,modelValue:a.tabName,"onUpdate:modelValue":n[0]||(n[0]=i=>a.tabName=i),class:"datetime-picker-toggle","data-testid":"datetime-picker-toggle",options:[{label:"Relative",value:"relative"},{label:"Custom",value:"custom"}],onClick:n[1]||(n[1]=i=>a.tabName=i)},null,8,["modelValue"])):e.createCommentVNode("",!0),!m.value&&a.fullRangeDisplay?(e.openBlock(),e.createElementBlock("p",J,e.toDisplayString(a.fullRangeDisplay),1)):e.createCommentVNode("",!0),D.value&&m.value?(e.openBlock(),e.createBlock(j.default,{key:E.value,ref:"calendarWrapperRef",modelValue:e.unref(P),"onUpdate:modelValue":n[2]||(n[2]=i=>e.isRef(P)?P.value=i:null),error:h.value,"onUpdate:error":n[3]||(n[3]=i=>h.value=i),"error-message":l.invalidTimeErrorMessage,"is-range":!o.value,"k-date-picker-mode":l.mode,"max-date":l.maxDate,"min-date":l.minDate,"time-granularity":l.timeGranularity},null,8,["modelValue","error","error-message","is-range","k-date-picker-mode","max-date","min-date","time-granularity"])):s.value&&!o.value?(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.timePeriods,(i,d)=>(e.openBlock(),e.createElementBlock("div",{key:`section-${String(i.section||d)}`,class:"timeframe-section"},[e.createElementVNode("div",Y,e.toDisplayString(i.section),1),e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.values,(r,f)=>(e.openBlock(),e.createBlock(S.default,{key:`time-${f}`,appearance:I(r),class:"timeframe-button","data-testid":`select-timeframe-${r.key}`,onClick:ae=>N(r,!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(A(r.timeframeText)),1)]),_:2},1032,["appearance","data-testid","onClick"]))),128))])]))),128))])):e.createCommentVNode("",!0)]),footer:e.withCtx(()=>[e.createElementVNode("div",ee,[l.clearButton?(e.openBlock(),e.createBlock(S.default,{key:0,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-clear",onClick:n[4]||(n[4]=i=>O())},{default:e.withCtx(()=>[...n[6]||(n[6]=[e.createTextVNode(" Clear ",-1)])]),_:1})):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createBlock(S.default,{key:1,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-submit",disabled:v.value||h.value,onClick:n[5]||(n[5]=i=>q())},{default:e.withCtx(()=>[...n[7]||(n[7]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger-wrapper",{disabled:l.disabled}])},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger",{disabled:l.disabled,readonly:l.readonly}]),"data-testid":"datetime-picker-trigger",role:"button",style:e.normalizeStyle($.value),tabindex:l.disabled?-1:0},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-display",{"has-icon":l.icon,disabled:l.disabled}]),"data-testid":"datetime-picker-display",innerHTML:a.abbreviatedDisplay},null,10,X)],14,F),l.icon?(e.openBlock(),e.createBlock(e.unref(H.default),{key:0,class:"calendar-icon",color:`var(--kui-color-text-neutral, ${e.unref(w.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:"",size:e.unref(w.KUI_ICON_SIZE_40)},null,8,["color","size"])):e.createCommentVNode("",!0)],2)]),_:1},8,["disabled","offset","placement"])],6))}});exports.default=te;

package/dist/kongponents99.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents33.cjs"),P=require("./kongponents24.cjs");;/* empty css                */const T=require("./kongponents53.cjs"),x=require("./kongponents20.cjs"),y=require("./kongponents43.cjs"),D=require("./kongponents205.cjs"),q=require("./kongponents172.cjs"),K={class:"dropdown-list","data-testid":"dropdown-list"},M=e.defineComponent({__name:"KDropdown",props:{selectionMenu:{type:Boolean},appearance:{default:"primary"},triggerText:{default:""},showCaret:{type:Boolean},width:{default:""},kpopAttributes:{default:()=>({})},items:{default:()=>[]},disabled:{type:Boolean},disabledTooltip:{default:""},label:{}},emits:["toggleDropdown","change"],setup(o,{expose:h,emit:w}){var g;e.watch(()=>o.appearance,t=>{(t==="menu"||t==="selectionMenu")&&console.warn("KDropdown: the usage for the `appearance` prop has changed. Please see the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0}),e.watch(()=>o.label,t=>{t&&console.warn("KDropdown: `label` prop is deprecated. Please use `triggerText` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0});const s=w,k=e.computed(()=>o.disabledTooltip?P.default:"div"),u=e.useTemplateRef("kPop"),c={hideCaret:!0,popoverClasses:"k-dropdown-popover dropdown-popover",popoverTimeout:0,placement:"bottom-start"},b={...c,...o.kpopAttributes,width:o.width||void 0,popoverClasses:`${c.popoverClasses} ${((g=o.kpopAttributes)==null?void 0:g.popoverClasses)||""}`},p=e.computed(()=>{var t;return((t=l.value)==null?void 0:t.label)||o.triggerText||o.label||""}),l=e.ref(),m=t=>{o.selectionMenu&&(l.value=t)},f=()=>{var t;(t=u.value)==null||t.hidePopover()},d=(t,n,r)=>{t.value!==r&&(n(),s("toggleDropdown",t.value))};return e.watch(l,(t,n)=>{t&&t!==n&&s("change",t)}),e.onMounted(()=>{if(o.items){const t=o.items.filter(n=>n.selected);t.length&&(l.value=t[0])}}),h({openDropdown:()=>{var t;(t=u.value)==null||t.showPopover()},closeDropdown:f}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-dropdown",{"selection-dropdown-menu":o.selectionMenu}])},[e.createVNode(x.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(T.default,e.mergeProps({ref:"kPop"},b,{"close-on-popover-click":"","data-testid":"dropdown-popover","hide-close-icon":"",offset:e.unref(q.KUI_SPACE_20),onClose:()=>d(a,r,!1),onOpen:()=>d(a,r,!0),onPopoverClick:()=>d(a,r,!1)}),{content:e.withCtx(()=>[e.createElementVNode("ul",K,[e.renderSlot(t.$slots,"items",{closeDropdown:f,handleSelection:m,items:o.items},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(i,C)=>{var v;return e.openBlock(),e.createBlock(y.default,e.mergeProps({ref_for:!0},i,{key:`${i.label}-${C}`,item:i,selected:o.selectionMenu&&((v=l.value)==null?void 0:v.value)===i.value,"selection-menu-child":o.selectionMenu,onChange:m}),null,16,["item","selected","selection-menu-child"])}),128))],!0)])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value),{class:"dropdown-trigger","data-testid":"dropdown-trigger",label:o.disabledTooltip?o.disabledTooltip:void 0,"max-width":o.disabledTooltip?"240":void 0,position:o.disabledTooltip?"bottom":void 0},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{isOpen:a.value},()=>[p.value?(e.openBlock(),e.createBlock(B.default,{key:0,appearance:o.appearance,class:"dropdown-trigger-button","data-dropdown-trigger":"true","data-testid":"dropdown-trigger-button",disabled:o.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value)+" ",1),o.showCaret?(e.openBlock(),e.createBlock(e.unref(D.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["appearance","disabled"])):e.createCommentVNode("",!0)],!0)]),_:2},1032,["label","max-width","position"]))]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3})],2))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents33.cjs"),P=require("./kongponents24.cjs");;/* empty css                */const T=require("./kongponents53.cjs"),x=require("./kongponents20.cjs"),y=require("./kongponents43.cjs"),D=require("./kongponents190.cjs"),q=require("./kongponents186.cjs"),K={class:"dropdown-list","data-testid":"dropdown-list"},M=e.defineComponent({__name:"KDropdown",props:{selectionMenu:{type:Boolean},appearance:{default:"primary"},triggerText:{default:""},showCaret:{type:Boolean},width:{default:""},kpopAttributes:{default:()=>({})},items:{default:()=>[]},disabled:{type:Boolean},disabledTooltip:{default:""},label:{}},emits:["toggleDropdown","change"],setup(o,{expose:h,emit:w}){var g;e.watch(()=>o.appearance,t=>{(t==="menu"||t==="selectionMenu")&&console.warn("KDropdown: the usage for the `appearance` prop has changed. Please see the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0}),e.watch(()=>o.label,t=>{t&&console.warn("KDropdown: `label` prop is deprecated. Please use `triggerText` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0});const s=w,k=e.computed(()=>o.disabledTooltip?P.default:"div"),u=e.useTemplateRef("kPop"),c={hideCaret:!0,popoverClasses:"k-dropdown-popover dropdown-popover",popoverTimeout:0,placement:"bottom-start"},b={...c,...o.kpopAttributes,width:o.width||void 0,popoverClasses:`${c.popoverClasses} ${((g=o.kpopAttributes)==null?void 0:g.popoverClasses)||""}`},p=e.computed(()=>{var t;return((t=l.value)==null?void 0:t.label)||o.triggerText||o.label||""}),l=e.ref(),m=t=>{o.selectionMenu&&(l.value=t)},f=()=>{var t;(t=u.value)==null||t.hidePopover()},d=(t,n,r)=>{t.value!==r&&(n(),s("toggleDropdown",t.value))};return e.watch(l,(t,n)=>{t&&t!==n&&s("change",t)}),e.onMounted(()=>{if(o.items){const t=o.items.filter(n=>n.selected);t.length&&(l.value=t[0])}}),h({openDropdown:()=>{var t;(t=u.value)==null||t.showPopover()},closeDropdown:f}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-dropdown",{"selection-dropdown-menu":o.selectionMenu}])},[e.createVNode(x.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(T.default,e.mergeProps({ref:"kPop"},b,{"close-on-popover-click":"","data-testid":"dropdown-popover","hide-close-icon":"",offset:e.unref(q.KUI_SPACE_20),onClose:()=>d(a,r,!1),onOpen:()=>d(a,r,!0),onPopoverClick:()=>d(a,r,!1)}),{content:e.withCtx(()=>[e.createElementVNode("ul",K,[e.renderSlot(t.$slots,"items",{closeDropdown:f,handleSelection:m,items:o.items},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(i,C)=>{var v;return e.openBlock(),e.createBlock(y.default,e.mergeProps({ref_for:!0},i,{key:`${i.label}-${C}`,item:i,selected:o.selectionMenu&&((v=l.value)==null?void 0:v.value)===i.value,"selection-menu-child":o.selectionMenu,onChange:m}),null,16,["item","selected","selection-menu-child"])}),128))],!0)])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value),{class:"dropdown-trigger","data-testid":"dropdown-trigger",label:o.disabledTooltip?o.disabledTooltip:void 0,"max-width":o.disabledTooltip?"240":void 0,position:o.disabledTooltip?"bottom":void 0},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{isOpen:a.value},()=>[p.value?(e.openBlock(),e.createBlock(B.default,{key:0,appearance:o.appearance,class:"dropdown-trigger-button","data-dropdown-trigger":"true","data-testid":"dropdown-trigger-button",disabled:o.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value)+" ",1),o.showCaret?(e.openBlock(),e.createBlock(e.unref(D.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["appearance","disabled"])):e.createCommentVNode("",!0)],!0)]),_:2},1032,["label","max-width","position"]))]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3})],2))}});exports.default=M;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.48.5",
+  "version": "9.48.6-pr.3019.6ecf9ff.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -30,35 +30,6 @@
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
-  "scripts": {
-    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
-    "build:docs": "vitepress build docs",
-    "build:kongponents:umd": "BUILD_UMD=true vite build",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
-    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
-    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
-    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
-    "build:ci": "pnpm build:kongponents && pnpm build:docs",
-    "commit": "cz",
-    "create-kongponent": "node ./bin/index.js",
-    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
-    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
-    "docs:build": "vitepress build docs",
-    "docs:dev": "vitepress dev docs",
-    "docs:serve": "vitepress serve docs",
-    "docs:preview": "vitepress preview docs --port 8080",
-    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
-    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
-    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
-    "test": "cypress run --component -b chrome",
-    "test:open": "cypress open --component -b chrome",
-    "test:spec": "cypress run --component -b chrome --spec",
-    "semantic-release": "semantic-release"
-  },
   "dependencies": {
     "@floating-ui/vue": "^1.1.9",
     "@kong/icons": "^1.41.0",
@@ -77,7 +48,7 @@
   },
   "peerDependencies": {
     "vue": ">= 3.5.0 < 4",
-    "vue-router": "^4.6.3"
+    "vue-router": "^4.6.4"
   },
   "devDependencies": {
     "@babel/types": "^7.28.5",
@@ -85,7 +56,7 @@
     "@commitlint/config-conventional": "^20.2.0",
     "@cypress/vite-dev-server": "^7.0.0",
     "@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
-    "@evilmartians/lefthook": "^2.0.7",
+    "@evilmartians/lefthook": "^2.0.9",
     "@kong-ui-public/sandbox-layout": "^2.3.11",
     "@kong/design-tokens": "^1.18.2",
     "@kong/eslint-config-kong-ui": "1.5.6",
@@ -95,7 +66,7 @@
     "@stylistic/stylelint-plugin": "^4.0.0",
     "@types/inquirer": "^9.0.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.10.1",
+    "@types/node": "^24.10.3",
     "@types/sortablejs": "^1.15.9",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/compiler-core": "^3.5.25",
@@ -120,7 +91,7 @@
     "postcss-html": "^1.8.0",
     "rimraf": "^6.1.2",
     "rollup-plugin-visualizer": "^6.0.5",
-    "sass": "^1.94.2",
+    "sass": "^1.94.3",
     "semantic-release": "^24.2.9",
     "shiki": "^3.19.0",
     "shx": "^0.4.0",
@@ -135,7 +106,7 @@
     "vite-plugin-vue-devtools": "^7.7.9",
     "vitepress": "^1.6.4",
     "vue": "^3.5.25",
-    "vue-router": "^4.6.3",
+    "vue-router": "^4.6.4",
     "vue-tsc": "^2.2.12"
   },
   "resolutions": {
@@ -190,7 +161,6 @@
     "node": ">=v16.20.2 || >=18.12.1 || >=20.14.0 || >=22.14.0",
     "pnpm": ">=9.11.0 || >=10.10.0"
   },
-  "packageManager": "pnpm@10.24.0",
   "volta": {
     "node": "24.11.1",
     "pnpm": "10.24.0"
@@ -205,12 +175,33 @@
       "jiraAppend": "]"
     }
   },
-  "pnpm": {
-    "overrides": {
-      "axios@>=1.0.0 <1.12.0": ">=1.13.2",
-      "cross-spawn@>=7.0.0 <7.0.5": ">=7.0.6",
-      "glob@>=10.2.0 <10.5.0": ">=10.5.0",
-      "node-forge@<1.3.2": ">=1.3.3"
-    }
+  "scripts": {
+    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
+    "build:docs": "vitepress build docs",
+    "build:kongponents:umd": "BUILD_UMD=true vite build",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
+    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
+    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
+    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
+    "build:ci": "pnpm build:kongponents && pnpm build:docs",
+    "commit": "cz",
+    "create-kongponent": "node ./bin/index.js",
+    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
+    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
+    "docs:build": "vitepress build docs",
+    "docs:dev": "vitepress dev docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:preview": "vitepress preview docs --port 8080",
+    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
+    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
+    "test": "cypress run --component -b chrome",
+    "test:open": "cypress open --component -b chrome",
+    "test:spec": "cypress run --component -b chrome --spec",
+    "semantic-release": "semantic-release"
   }
-}
+}

package/dist/kongponents.es191.js

@@ -1,19 +0,0 @@
-import { defineComponent as r, createBlock as l, renderSlot as o, openBlock as a, Teleport as p } from "vue";
-const u = /* @__PURE__ */ r({
-  __name: "KPopTeleportWrapper",
-  props: {
-    useTeleport: { type: Boolean },
-    target: { default: null }
-  },
-  setup(e) {
-    return (t, n) => e.useTeleport ? (a(), l(p, {
-      key: 0,
-      to: e.target
-    }, [
-      o(t.$slots, "default")
-    ], 8, ["to"])) : o(t.$slots, "default", { key: 1 });
-  }
-});
-export {
-  u as default
-};

package/dist/kongponents.es247.js

@@ -1,47 +0,0 @@
-import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, createElementBlock as l, openBlock as a, createElementVNode as o, createCommentVNode as v, unref as p, normalizeStyle as f } from "vue";
-import h from "./kongponents.es331.js";
-const I = {
-  class: "fullscreen-loading-container",
-  "data-testid": "full-screen-loader"
-}, _ = ["src"], k = {
-  key: 0,
-  class: "progress"
-}, z = /* @__PURE__ */ d({
-  __name: "FullScreenKongSkeleton",
-  props: {
-    progress: {},
-    hideProgress: { type: Boolean },
-    zIndex: {}
-  },
-  setup(r) {
-    i((t) => ({
-      v4d434712: t.zIndex
-    }));
-    const n = s(0), e = s(0), c = u(() => r.progress !== null ? r.progress : e.value);
-    return m(() => {
-      r.progress || (n.value = setInterval(() => {
-        e.value >= 100 && (clearInterval(n.value), e.value = 100), e.value = Math.min(e.value + Math.ceil(Math.random() * 10 * 30), 100);
-      }, 200));
-    }), g(() => {
-      clearInterval(n.value);
-    }), (t, x) => (a(), l("div", I, [
-      o("div", null, [
-        o("img", {
-          alt: "Loading",
-          src: p(h)
-        }, null, 8, _),
-        r.hideProgress ? v("", !0) : (a(), l("div", k, [
-          o("div", {
-            class: "progress-bar",
-            role: "progressbar",
-            style: f({ width: `${c.value}%` }),
-            title: "Loading"
-          }, null, 4)
-        ]))
-      ])
-    ]));
-  }
-});
-export {
-  z as default
-};

package/dist/kongponents.es308.js

@@ -1,11 +0,0 @@
-import p from "./kongponents.es375.js";
-var t = typeof exports == "object" && exports && !exports.nodeType && exports, e = t && typeof module == "object" && module && !module.nodeType && module, u = e && e.exports === t, r = u && p.process, l = (function() {
-  try {
-    var o = e && e.require && e.require("util").types;
-    return o || r && r.binding && r.binding("util");
-  } catch {
-  }
-})();
-export {
-  l as default
-};

package/dist/kongponents.es310.js

@@ -1,20 +0,0 @@
-import a from "./kongponents.es396.js";
-import g from "./kongponents.es293.js";
-import h from "./kongponents.es296.js";
-import b from "./kongponents.es300.js";
-import A from "./kongponents.es374.js";
-import c from "./kongponents.es305.js";
-var d = Object.prototype, O = d.hasOwnProperty;
-function l(t, p) {
-  var o = h(t), i = !o && g(t), s = !o && !i && b(t), e = !o && !i && !s && c(t), n = o || i || s || e, f = n ? a(t.length, String) : [], m = f.length;
-  for (var r in t)
-    (p || O.call(t, r)) && !(n && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (r == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    s && (r == "offset" || r == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    e && (r == "buffer" || r == "byteLength" || r == "byteOffset") || // Skip index properties.
-    A(r, m))) && f.push(r);
-  return f;
-}
-export {
-  l as default
-};

package/dist/kongponents.es312.js

@@ -1,9 +0,0 @@
-import e from "./kongponents.es310.js";
-import i from "./kongponents.es313.js";
-import a from "./kongponents.es297.js";
-function t(r) {
-  return a(r) ? e(r, !0) : i(r);
-}
-export {
-  t as default
-};

package/dist/kongponents.es314.js

@@ -1,12 +0,0 @@
-import u from "./kongponents.es365.js";
-function i(r, e, t) {
-  e == "__proto__" && u ? u(r, e, {
-    configurable: !0,
-    enumerable: !0,
-    value: t,
-    writable: !0
-  }) : r[e] = t;
-}
-export {
-  i as default
-};

package/dist/kongponents.es316.js

@@ -1,11 +0,0 @@
-import t from "./kongponents.es366.js";
-import o from "./kongponents.es367.js";
-import f from "./kongponents.es292.js";
-import i from "./kongponents.es296.js";
-import e from "./kongponents.es322.js";
-function c(r) {
-  return typeof r == "function" ? r : r == null ? f : typeof r == "object" ? i(r) ? o(r[0], r[1]) : t(r) : e(r);
-}
-export {
-  c as default
-};

package/dist/kongponents.es318.js

@@ -1,20 +0,0 @@
-import r from "./kongponents.es399.js";
-import m from "./kongponents.es400.js";
-import h from "./kongponents.es401.js";
-import l from "./kongponents.es402.js";
-import c from "./kongponents.es403.js";
-function e(t) {
-  var o = -1, a = t == null ? 0 : t.length;
-  for (this.clear(); ++o < a; ) {
-    var p = t[o];
-    this.set(p[0], p[1]);
-  }
-}
-e.prototype.clear = r;
-e.prototype.delete = m;
-e.prototype.get = h;
-e.prototype.has = l;
-e.prototype.set = c;
-export {
-  e as default
-};

package/dist/kongponents.es320.js

@@ -1,13 +0,0 @@
-import a from "./kongponents.es288.js";
-import s from "./kongponents.es408.js";
-import l from "./kongponents.es373.js";
-function d(e, t, m) {
-  for (var i = -1, n = t.length, o = {}; ++i < n; ) {
-    var r = t[i], f = a(e, r);
-    m(f, r) && s(o, l(r, e), f);
-  }
-  return o;
-}
-export {
-  d as default
-};

package/dist/kongponents.es322.js

@@ -1,10 +0,0 @@
-import o from "./kongponents.es323.js";
-import e from "./kongponents.es324.js";
-import t from "./kongponents.es325.js";
-import m from "./kongponents.es326.js";
-function s(r) {
-  return t(r) ? o(m(r)) : e(r);
-}
-export {
-  s as default
-};

package/dist/kongponents.es326.js

@@ -1,10 +0,0 @@
-import i from "./kongponents.es304.js";
-function o(t) {
-  if (typeof t == "string" || i(t))
-    return t;
-  var r = t + "";
-  return r == "0" && 1 / t == -1 / 0 ? "-0" : r;
-}
-export {
-  o as default
-};

package/dist/kongponents.es328.js

@@ -1,8 +0,0 @@
-import r from "./kongponents.es411.js";
-var a = /^\s+/;
-function t(e) {
-  return e && e.slice(0, r(e) + 1).replace(a, "");
-}
-export {
-  t as default
-};

package/dist/kongponents.es361.js

@@ -1,4 +0,0 @@
-var a = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;
-export {
-  a as default
-};

package/dist/kongponents.es363.js

@@ -1,10 +0,0 @@
-import t from "./kongponents.es314.js";
-import i from "./kongponents.es284.js";
-var s = Object.prototype, p = s.hasOwnProperty;
-function l(r, a, o) {
-  var n = r[a];
-  (!(p.call(r, a) && i(n, o)) || o === void 0 && !(a in r)) && t(r, a, o);
-}
-export {
-  l as default
-};

package/dist/kongponents191.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=e.defineComponent({__name:"KPopTeleportWrapper",props:{useTeleport:{type:Boolean},target:{default:null}},setup(t){return(o,l)=>t.useTeleport?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:t.target},[e.renderSlot(o.$slots,"default")],8,["to"])):e.renderSlot(o.$slots,"default",{key:1})}});exports.default=r;

package/dist/kongponents247.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./kongponents331.cjs"),a={class:"fullscreen-loading-container","data-testid":"full-screen-loader"},c=["src"],u={key:0,class:"progress"},d=e.defineComponent({__name:"FullScreenKongSkeleton",props:{progress:{},hideProgress:{type:Boolean},zIndex:{}},setup(t){e.useCssVars(l=>({v4d434712:l.zIndex}));const n=e.ref(0),r=e.ref(0),o=e.computed(()=>t.progress!==null?t.progress:r.value);return e.onMounted(()=>{t.progress||(n.value=setInterval(()=>{r.value>=100&&(clearInterval(n.value),r.value=100),r.value=Math.min(r.value+Math.ceil(Math.random()*10*30),100)},200))}),e.onUnmounted(()=>{clearInterval(n.value)}),(l,i)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",null,[e.createElementVNode("img",{alt:"Loading",src:e.unref(s.default)},null,8,c),t.hideProgress?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{class:"progress-bar",role:"progressbar",style:e.normalizeStyle({width:`${o.value}%`}),title:"Loading"},null,4)]))])]))}});exports.default=d;

package/dist/kongponents308.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents375.cjs");var o=typeof exports=="object"&&exports&&!exports.nodeType&&exports,e=o&&typeof module=="object"&&module&&!module.nodeType&&module,i=e&&e.exports===o,r=i&&u.default.process,l=(function(){try{var t=e&&e.require&&e.require("util").types;return t||r&&r.binding&&r.binding("util")}catch{}})();exports.default=l;

package/dist/kongponents310.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./kongponents396.cjs"),l=require("./kongponents293.cjs"),c=require("./kongponents296.cjs"),g=require("./kongponents300.cjs"),p=require("./kongponents374.cjs"),b=require("./kongponents305.cjs");var h=Object.prototype,q=h.hasOwnProperty;function A(r,u){var t=c.default(r),s=!t&&l.default(r),i=!t&&!s&&g.default(r),f=!t&&!s&&!i&&b.default(r),o=t||s||i||f,n=o?d.default(r.length,String):[],a=n.length;for(var e in r)(u||q.call(r,e))&&!(o&&(e=="length"||i&&(e=="offset"||e=="parent")||f&&(e=="buffer"||e=="byteLength"||e=="byteOffset")||p.default(e,a)))&&n.push(e);return n}exports.default=A;

package/dist/kongponents312.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents310.cjs"),u=require("./kongponents313.cjs"),t=require("./kongponents297.cjs");function s(e){return t.default(e)?r.default(e,!0):u.default(e)}exports.default=s;

package/dist/kongponents314.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents365.cjs");function l(t,e,u){e=="__proto__"&&r.default?r.default(t,e,{configurable:!0,enumerable:!0,value:u,writable:!0}):t[e]=u}exports.default=l;

package/dist/kongponents316.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents366.cjs"),r=require("./kongponents367.cjs"),i=require("./kongponents292.cjs"),n=require("./kongponents296.cjs"),o=require("./kongponents322.cjs");function u(e){return typeof e=="function"?e:e==null?i.default:typeof e=="object"?n.default(e)?r.default(e[0],e[1]):t.default(e):o.default(e)}exports.default=u;

package/dist/kongponents318.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./kongponents399.cjs"),u=require("./kongponents400.cjs"),p=require("./kongponents401.cjs"),c=require("./kongponents402.cjs"),s=require("./kongponents403.cjs");function e(t){var a=-1,l=t==null?0:t.length;for(this.clear();++a<l;){var r=t[a];this.set(r[0],r[1])}}e.prototype.clear=o.default;e.prototype.delete=u.default;e.prototype.get=p.default;e.prototype.has=c.default;e.prototype.set=s.default;exports.default=e;

package/dist/kongponents320.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./kongponents288.cjs"),d=require("./kongponents408.cjs"),o=require("./kongponents373.cjs");function c(t,r,n){for(var u=-1,s=r.length,i={};++u<s;){var e=r[u],l=a.default(t,e);n(l,e)&&d.default(i,o.default(e,t),l)}return i}exports.default=c;

package/dist/kongponents322.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents323.cjs"),t=require("./kongponents324.cjs"),u=require("./kongponents325.cjs"),o=require("./kongponents326.cjs");function s(e){return u.default(e)?r.default(o.default(e)):t.default(e)}exports.default=s;

package/dist/kongponents326.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents304.cjs");function i(t){if(typeof t=="string"||r.default(t))return t;var e=t+"";return e=="0"&&1/t==-1/0?"-0":e}exports.default=i;

package/dist/kongponents328.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents411.cjs");var t=/^\s+/;function u(e){return e&&e.slice(0,r.default(e)+1).replace(t,"")}exports.default=u;

package/dist/kongponents361.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/;exports.default=e;

package/dist/kongponents363.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents314.cjs"),n=require("./kongponents284.cjs");var o=Object.prototype,s=o.hasOwnProperty;function i(e,r,t){var a=e[r];(!(s.call(e,r)&&n.default(a,t))||t===void 0&&!(r in e))&&u.default(e,r,t)}exports.default=i;