@kong/kongponents 9.65.2 → 9.65.3

package/dist/kongponents221.es.js

@@ -0,0 +1,184 @@
+import { defineComponent as K, useModel as F, ref as T, useId as L, computed as h, onMounted as Q, watch as M, openBlock as s, createElementBlock as v, createBlock as I, unref as f, mergeProps as P, createElementVNode as m, toDisplayString as V, createCommentVNode as g, withDirectives as B, normalizeClass as A, vModelText as U, Fragment as X, createVNode as Z, Transition as _, withCtx as ee, mergeModels as te } from "vue";
+import { DatePicker as Y } from "v-calendar";
+import ae from "./kongponents258.es.js";
+import ne from "./kongponents270.es.js";
+import k from "./kongponents197.es.js";
+import $ from "./kongponents265.es.js";
+import le from "./kongponents261.es.js";
+import ie from "./kongponents263.es.js";
+const re = { class: "calendar-wrapper" }, ue = {
+  key: 2,
+  class: "time-wrapper"
+}, se = { class: "time-inputs-container" }, oe = { class: "time-input-column" }, de = ["for"], me = { key: 0 }, ce = { key: 1 }, ve = ["id", "step"], fe = { class: "time-input-column" }, ye = ["for"], ge = { key: 0 }, De = ["id", "step"], he = {
+  key: 0,
+  class: "help-text"
+}, He = /* @__PURE__ */ K({
+  __name: "CalendarWrapper",
+  props: /* @__PURE__ */ te({
+    isRange: { type: Boolean },
+    kDatePickerMode: {},
+    maxDate: { default: () => {
+    } },
+    minDate: { default: () => {
+    } },
+    errorMessage: { default: () => {
+    } },
+    timeGranularity: { default: "minutely" },
+    sameDayFullRange: { type: Boolean, default: !1 },
+    customRangeValidation: { type: Function, default: void 0 }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {},
+    error: { type: Boolean, default: !1 },
+    errorModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:error"],
+  setup(t, { expose: N }) {
+    const i = (n, a) => a === "secondly" ? k(n, "HH:mm:ss") : k(n, "HH:mm"), e = F(t, "modelValue"), y = F(t, "error"), r = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), u = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), c = T({
+      start: i(/* @__PURE__ */ new Date(), t.timeGranularity),
+      end: i(/* @__PURE__ */ new Date(), t.timeGranularity)
+    }), D = L(), W = h(() => t.isRange && o(e.value) ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && ae(t.maxDate, ne()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), b = h(() => ({
+      borderless: !0,
+      color: "blue",
+      dragAttribute: q,
+      expanded: !0,
+      initialPage: W.value,
+      maxDate: t.maxDate,
+      minDate: t.minDate,
+      mode: "date",
+      modelConfig: p,
+      selectAttribute: z,
+      transparent: !0,
+      trimWeeks: !0
+    })), w = h(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), x = h(() => {
+      switch (t.timeGranularity) {
+        case "minutely":
+          return 60;
+        case "secondly":
+          return 1;
+        default:
+          return 60;
+      }
+    }), R = (n, a) => n > a ? !0 : t.customRangeValidation ? t.customRangeValidation(n, a) : !1, o = (n) => !n || typeof n != "object" || !("start" in n) || !("end" in n) ? !1 : n.start instanceof Date && n.end instanceof Date, j = () => {
+      if (!t.sameDayFullRange || !t.isRange || !o(e.value))
+        return !1;
+      const n = e.value.start.getTime(), a = e.value.end.getTime(), l = t.timeGranularity === "secondly" ? "HH:mm:ss" : "HH:mm", d = r.value ? $(r.value, l, e.value.start).getTime() : n, G = u.value ? $(u.value, l, e.value.end).getTime() : a, J = le(e.value.start, e.value.end);
+      return (ie(e.value.start, e.value.end) || J && (d >= G || n >= a)) && (e.value.start.setHours(0, 0, 0, 0), e.value.end.setHours(23, 59, 59, 999)), !0;
+    }, H = () => {
+      w.value && (t.isRange && o(e.value) ? (r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity)) : e.value instanceof Date ? r.value = i(e.value, t.timeGranularity) : r.value = i(/* @__PURE__ */ new Date(), t.timeGranularity));
+    }, C = (n) => {
+      const a = n.split(":"), l = parseInt(a[0] ?? "0", 10), d = parseInt(a[1] ?? "0", 10), G = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
+      return { hours: l, minutes: d, seconds: G };
+    };
+    Q(() => {
+      H(), c.value.start = r.value, c.value.end = u.value;
+    });
+    const p = { type: "number" }, q = {
+      key: "select-drag",
+      highlight: {
+        start: { contentClass: "vcal-day-drag-start" },
+        base: { contentClass: "vcal-day-drag-base" },
+        end: { contentClass: "vcal-day-drag-end" }
+      }
+    }, z = {
+      key: "select-calendar",
+      highlight: {
+        start: { contentClass: "vcal-day-start" },
+        base: { contentClass: "vcal-day-base" },
+        end: { contentClass: "vcal-day-end" }
+      }
+    };
+    M(() => r.value, (n) => {
+      if (!n)
+        return;
+      const { hours: a, minutes: l, seconds: d } = C(n);
+      t.isRange && o(e.value) ? (e.value.start.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && e.value.setHours(a, l, d, 0);
+    }), M(() => u.value, (n) => {
+      if (!n)
+        return;
+      const { hours: a, minutes: l, seconds: d } = C(n);
+      t.isRange && o(e.value) && (e.value.end.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end));
+    }), M(() => e.value, () => {
+      t.isRange && o(e.value) ? (j(), r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && (r.value = i(e.value, t.timeGranularity));
+    }, { immediate: !1, deep: !0 }), M(() => t.timeGranularity, () => {
+      t.isRange && o(e.value) ? (c.value.start = i(e.value.start, t.timeGranularity), c.value.end = i(e.value.end, t.timeGranularity)) : e.value instanceof Date && (c.value.start = i(e.value, t.timeGranularity));
+    });
+    const E = () => t.isRange && o(e.value), O = () => {
+      r.value = c.value.start, u.value = c.value.end;
+    }, S = (n) => {
+      try {
+        return k(n, "EEE MMM d yyyy");
+      } catch (a) {
+        console.warn("Error formatting date:", a);
+      }
+    };
+    return N({
+      resetTime: O,
+      initTimeInputs: H
+    }), (n, a) => (s(), v("div", re, [
+      t.isRange ? (s(), I(f(Y), P({ key: 0 }, b.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
+        modelModifiers: { range: !0 }
+      }), null, 16, ["modelValue"])) : (s(), I(f(Y), P({ key: 1 }, b.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
+      }), null, 16, ["modelValue"])),
+      w.value ? (s(), v("div", ue, [
+        m("div", se, [
+          m("div", oe, [
+            m("label", {
+              class: "time-input-label",
+              for: `time-input-start-${f(D)}`
+            }, [
+              E() ? (s(), v("span", me, V(S(e.value.start)), 1)) : e.value && e.value instanceof Date ? (s(), v("span", ce, V(S(e.value)), 1)) : g("", !0)
+            ], 8, de),
+            B(m("input", {
+              id: `time-input-start-${f(D)}`,
+              "onUpdate:modelValue": a[2] || (a[2] = (l) => r.value = l),
+              class: A(["time-input-start", { "input-error": y.value }]),
+              "data-testid": "time-input-start",
+              step: x.value,
+              type: "time"
+            }, null, 10, ve), [
+              [U, r.value]
+            ])
+          ]),
+          t.isRange ? (s(), v(X, { key: 0 }, [
+            a[4] || (a[4] = m("div", { class: "time-input-separator" }, " - ", -1)),
+            m("div", fe, [
+              m("label", {
+                class: "time-input-label",
+                for: `time-input-end-${f(D)}`
+              }, [
+                E() ? (s(), v("span", ge, V(f(k)(e.value.end, "EEE MMM d yyyy")), 1)) : g("", !0)
+              ], 8, ye),
+              B(m("input", {
+                id: `time-input-end-${f(D)}`,
+                "onUpdate:modelValue": a[3] || (a[3] = (l) => u.value = l),
+                class: A(["time-input-end", { "input-error": y.value }]),
+                "data-testid": "time-input-end",
+                step: x.value,
+                type: "time"
+              }, null, 10, De), [
+                [U, u.value]
+              ])
+            ])
+          ], 64)) : g("", !0)
+        ]),
+        Z(_, {
+          mode: "out-in",
+          name: "kongponents-fade-transition"
+        }, {
+          default: ee(() => [
+            y.value && t.errorMessage ? (s(), v("div", he, V(t.errorMessage), 1)) : g("", !0)
+          ]),
+          _: 1
+        })
+      ])) : g("", !0)
+    ]));
+  }
+});
+export {
+  He as default
+};

package/dist/kongponents225.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kongponents30.cjs");;/* empty css                */const n=require("./kongponents49.cjs"),d=require("./kongponents38.cjs"),r=require("@kong/icons"),i={key:0,class:"bulk-actions-dropdown-trigger-count"},l=e.defineComponent({__name:"BulkActionsDropdown",props:{disabled:{type:Boolean},count:{default:""},buttonLabel:{default:""}},setup(t){return(o,s)=>(e.openBlock(),e.createBlock(n.default,{class:"bulk-actions-dropdown","data-testid":"bulk-actions-dropdown",disabled:t.disabled,"kpop-attributes":{placement:"bottom-end"}},{items:e.withCtx(()=>[e.renderSlot(o.$slots,"items",{},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(a.default,{placement:"bottom-end",text:"Selected Row Actions"},{default:e.withCtx(()=>[e.createVNode(d.default,{appearance:"secondary","aria-label":t.buttonLabel,class:"bulk-actions-dropdown-trigger","data-testid":"bulk-actions-dropdown-trigger",disabled:t.disabled,icon:"",size:"large"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.MoreIcon),{class:"more-icon",decorative:""}),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[t.count?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.count),1)):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["aria-label","disabled"])]),_:1})]),_:3},8,["disabled"]))}});exports.default=l;

package/dist/kongponents225.es.js

@@ -0,0 +1,66 @@
+import { defineComponent as d, openBlock as a, createBlock as r, withCtx as e, createVNode as o, unref as i, Transition as l, createElementBlock as s, toDisplayString as c, createCommentVNode as u, renderSlot as m } from "vue";
+import b from "./kongponents30.es.js";
+/* empty css                 */
+import p from "./kongponents49.es.js";
+import f from "./kongponents38.es.js";
+import { MoreIcon as k } from "@kong/icons";
+const g = {
+  key: 0,
+  class: "bulk-actions-dropdown-trigger-count"
+}, D = /* @__PURE__ */ d({
+  __name: "BulkActionsDropdown",
+  props: {
+    disabled: { type: Boolean },
+    count: { default: "" },
+    buttonLabel: { default: "" }
+  },
+  setup(t) {
+    return (n, w) => (a(), r(p, {
+      class: "bulk-actions-dropdown",
+      "data-testid": "bulk-actions-dropdown",
+      disabled: t.disabled,
+      "kpop-attributes": { placement: "bottom-end" }
+    }, {
+      items: e(() => [
+        m(n.$slots, "items", {}, void 0, !0)
+      ]),
+      default: e(() => [
+        o(b, {
+          placement: "bottom-end",
+          text: "Selected Row Actions"
+        }, {
+          default: e(() => [
+            o(f, {
+              appearance: "secondary",
+              "aria-label": t.buttonLabel,
+              class: "bulk-actions-dropdown-trigger",
+              "data-testid": "bulk-actions-dropdown-trigger",
+              disabled: t.disabled,
+              icon: "",
+              size: "large"
+            }, {
+              default: e(() => [
+                o(i(k), {
+                  class: "more-icon",
+                  decorative: ""
+                }),
+                o(l, { name: "kongponents-fade-transition" }, {
+                  default: e(() => [
+                    t.count ? (a(), s("span", g, c(t.count), 1)) : u("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["disabled"]));
+  }
+});
+export {
+  D as default
+};

package/dist/kongponents227.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@kong/icons"),l=require("./kongponents183.cjs"),n=require("./kongponents182.cjs"),a=["aria-current","data-testid"],c={class:"step-circle"},i={key:3,class:"step-number"},s=["title"],u=e.defineComponent({__name:"KStep",props:{label:{},state:{default:"default"},maxLabelWidth:{},stepNumber:{}},setup(t){const o=e.computed(()=>({maxWidth:n.normalizeSize(t.maxLabelWidth)}));return(d,m)=>(e.openBlock(),e.createElementBlock("li",{"aria-current":t.state==="active"?"step":"false",class:"step","data-testid":`step-${t.state}`},[e.createElementVNode("div",{class:e.normalizeClass(["step-container",`${t.state}`])},[e.createElementVNode("div",c,[t.state==="completed"?(e.openBlock(),e.createBlock(e.unref(r.CheckIcon),{key:0,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Completed"},null,8,["color","size"])):t.state==="pending"?(e.openBlock(),e.createBlock(e.unref(r.ProgressIcon),{key:1,color:`var(--kui-color-text-primary, ${e.unref(l.KUI_COLOR_TEXT_PRIMARY)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Pending"},null,8,["color","size"])):t.state==="error"?(e.openBlock(),e.createBlock(e.unref(r.CloseIcon),{key:2,color:`var(--kui-color-text-inverse, ${e.unref(l.KUI_COLOR_TEXT_INVERSE)})`,size:`var(--kui-icon-size-40, ${e.unref(l.KUI_ICON_SIZE_40)})`,title:"Error"},null,8,["color","size"])):t.stepNumber?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.stepNumber),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:"step-label",style:e.normalizeStyle(o.value),title:t.label},e.toDisplayString(t.label),13,s)],2)],8,a))}});exports.default=u;

package/dist/kongponents227.es.js

@@ -0,0 +1,57 @@
+import { defineComponent as m, computed as u, openBlock as l, createElementBlock as r, createElementVNode as a, normalizeClass as d, createBlock as i, unref as t, toDisplayString as s, createCommentVNode as k, normalizeStyle as z } from "vue";
+import { CheckIcon as v, ProgressIcon as b, CloseIcon as f } from "@kong/icons";
+import { KUI_ICON_SIZE_40 as o, KUI_COLOR_TEXT_INVERSE as c, KUI_COLOR_TEXT_PRIMARY as I } from "./kongponents183.es.js";
+import { normalizeSize as h } from "./kongponents182.es.js";
+const p = ["aria-current", "data-testid"], y = { class: "step-circle" }, C = {
+  key: 3,
+  class: "step-number"
+}, x = ["title"], g = /* @__PURE__ */ m({
+  __name: "KStep",
+  props: {
+    label: {},
+    state: { default: "default" },
+    maxLabelWidth: {},
+    stepNumber: {}
+  },
+  setup(e) {
+    const n = u(() => ({
+      maxWidth: h(e.maxLabelWidth)
+    }));
+    return (E, $) => (l(), r("li", {
+      "aria-current": e.state === "active" ? "step" : "false",
+      class: "step",
+      "data-testid": `step-${e.state}`
+    }, [
+      a("div", {
+        class: d(["step-container", `${e.state}`])
+      }, [
+        a("div", y, [
+          e.state === "completed" ? (l(), i(t(v), {
+            key: 0,
+            color: `var(--kui-color-text-inverse, ${t(c)})`,
+            size: `var(--kui-icon-size-40, ${t(o)})`,
+            title: "Completed"
+          }, null, 8, ["color", "size"])) : e.state === "pending" ? (l(), i(t(b), {
+            key: 1,
+            color: `var(--kui-color-text-primary, ${t(I)})`,
+            size: `var(--kui-icon-size-40, ${t(o)})`,
+            title: "Pending"
+          }, null, 8, ["color", "size"])) : e.state === "error" ? (l(), i(t(f), {
+            key: 2,
+            color: `var(--kui-color-text-inverse, ${t(c)})`,
+            size: `var(--kui-icon-size-40, ${t(o)})`,
+            title: "Error"
+          }, null, 8, ["color", "size"])) : e.stepNumber ? (l(), r("span", C, s(e.stepNumber), 1)) : k("", !0)
+        ]),
+        a("span", {
+          class: "step-label",
+          style: z(n.value),
+          title: e.label
+        }, s(e.label), 13, x)
+      ], 2)
+    ], 8, p));
+  }
+});
+export {
+  g as default
+};

package/dist/{kongponents233.cjs → kongponents229.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents215.cjs"),p={ref:"itemsContainer"},B={key:1,class:"select-group","data-propagate-clicks":"false"},g={class:"select-group-title"},v={class:"select-item-description"},u=".select-item button:not(:disabled)",w='.select-item[aria-selected="true"] button:not(:disabled)',C=e.defineComponent({__name:"KSelectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(i,{expose:f,emit:E}){const k=E,a=n=>"items"in n&&Array.isArray(n.items),d=n=>k("selected",n),m=e.useTemplateRef("itemsContainer"),S=n=>{const o=m.value;if(!o)return;const t=o.querySelectorAll(u);if(!t?.length)return;const s=o.querySelector(w);if(s){const l=[...t].indexOf(s);t[n==="down"?l+1:l-1]?.focus()}else t[n==="down"?0:t.length-1]?.focus()},c=({target:n,key:o})=>{if(o==="ArrowDown"||o==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(n),l=o==="ArrowDown"?s+1:s-1;t[l]?.focus()}}};return f({setFocus:S}),(n,o)=>(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.items,(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a(t)?`${t.key||t.label}-group`:t.key||t.value||s},[a(t)?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("span",g,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,l=>(e.openBlock(),e.createBlock(r.default,{key:l.key,item:l,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:l},void 0,!0)]),_:2},1032,["item"]))),128))])):(e.openBlock(),e.createBlock(r.default,{key:0,item:t,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),i.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${i.filterString} (Add new value)`,value:"add_item",disabled:!i.itemCreationValid},onKeydown:c,onSelected:o[0]||(o[0]=t=>n.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",v,[e.createTextVNode(e.toDisplayString(i.filterString)+" ",1),o[1]||(o[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents201.cjs"),p={ref:"itemsContainer"},B={key:1,class:"select-group","data-propagate-clicks":"false"},g={class:"select-group-title"},v={class:"select-item-description"},u=".select-item button:not(:disabled)",w='.select-item[aria-selected="true"] button:not(:disabled)',C=e.defineComponent({__name:"KSelectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(i,{expose:f,emit:E}){const k=E,a=n=>"items"in n&&Array.isArray(n.items),d=n=>k("selected",n),m=e.useTemplateRef("itemsContainer"),S=n=>{const o=m.value;if(!o)return;const t=o.querySelectorAll(u);if(!t?.length)return;const s=o.querySelector(w);if(s){const l=[...t].indexOf(s);t[n==="down"?l+1:l-1]?.focus()}else t[n==="down"?0:t.length-1]?.focus()},c=({target:n,key:o})=>{if(o==="ArrowDown"||o==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(n),l=o==="ArrowDown"?s+1:s-1;t[l]?.focus()}}};return f({setFocus:S}),(n,o)=>(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.items,(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a(t)?`${t.key||t.label}-group`:t.key||t.value||s},[a(t)?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("span",g,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,l=>(e.openBlock(),e.createBlock(r.default,{key:l.key,item:l,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:l},void 0,!0)]),_:2},1032,["item"]))),128))])):(e.openBlock(),e.createBlock(r.default,{key:0,item:t,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),i.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${i.filterString} (Add new value)`,value:"add_item",disabled:!i.itemCreationValid},onKeydown:c,onSelected:o[0]||(o[0]=t=>n.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",v,[e.createTextVNode(e.toDisplayString(i.filterString)+" ",1),o[1]||(o[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=C;

package/dist/{kongponents233.es.js → kongponents229.es.js}

@@ -1,5 +1,5 @@
 import { defineComponent as I, useTemplateRef as y, openBlock as s, createElementBlock as d, Fragment as c, renderList as w, createBlock as r, withCtx as m, renderSlot as C, createElementVNode as u, toDisplayString as v, createTextVNode as T, createCommentVNode as _ } from "vue";
-import f from "./kongponents215.es.js";
+import f from "./kongponents201.es.js";
 const h = { ref: "itemsContainer" }, B = {
   key: 1,
   class: "select-group",

package/dist/kongponents23.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./kongponents77.cjs"),r=/[;{}\\]|<\/style/i;new Set(c.KUI_THEMEABLE_TOKENS.map(t=>t.name));const i=t=>{const e={};for(const[n,o]of Object.entries(t))o!=null&&(e[n]=o);return e},l=(t,e=":root")=>{let n=e;r.test(e)&&(console.warn(`[Kongponents] themeToCssVars: unsafe selector "${e}" — falling back to ":root"`),n=":root");const o=Object.entries(i(t)).flatMap(([s,a])=>r.test(s)?(console.warn(`[Kongponents] themeToCssVars: unsafe token key "${s}" — skipping`),[]):r.test(a)?(console.warn(`[Kongponents] themeToCssVars: unsafe value for token "${s}" — skipping`),[]):[`  ${s}: ${a};`]).join(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./kongponents176.cjs"),r=/[;{}\\]|<\/style/i;new Set(c.KUI_THEMEABLE_TOKENS.map(t=>t.name));const i=t=>{const e={};for(const[n,o]of Object.entries(t))o!=null&&(e[n]=o);return e},l=(t,e=":root")=>{let n=e;r.test(e)&&(console.warn(`[Kongponents] themeToCssVars: unsafe selector "${e}" — falling back to ":root"`),n=":root");const o=Object.entries(i(t)).flatMap(([s,a])=>r.test(s)?(console.warn(`[Kongponents] themeToCssVars: unsafe token key "${s}" — skipping`),[]):r.test(a)?(console.warn(`[Kongponents] themeToCssVars: unsafe value for token "${s}" — skipping`),[]):[`  ${s}: ${a};`]).join(`
 `);return`${n} {
 ${o}
 }`};exports.themeToCssVars=l;exports.themeToStyleRecord=i;

package/dist/kongponents23.es.js

@@ -1,4 +1,4 @@
-import { KUI_THEMEABLE_TOKENS as i } from "./kongponents77.es.js";
+import { KUI_THEMEABLE_TOKENS as i } from "./kongponents176.es.js";
 const r = /[;{}\\]|<\/style/i;
 new Set(i.map((t) => t.name));
 const c = (t) => {

package/dist/kongponents234.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./kongponents67.cjs"),r={class:"skeleton-loader"},l=e.defineComponent({__name:"SkeletonBase",setup(d){return(o,n)=>(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(o.$slots,"default",{},()=>[e.createVNode(t.default,{height:"1",width:"100"}),e.createVNode(t.default,{height:"1",width:"100"}),e.createVNode(t.default,{height:"1",width:"100"})],!0)]))}});exports.default=l;

package/dist/kongponents234.es.js

@@ -0,0 +1,26 @@
+import { defineComponent as r, openBlock as n, createElementBlock as s, renderSlot as i, createVNode as e } from "vue";
+import t from "./kongponents67.es.js";
+const l = { class: "skeleton-loader" }, _ = /* @__PURE__ */ r({
+  __name: "SkeletonBase",
+  setup(a) {
+    return (o, d) => (n(), s("div", l, [
+      i(o.$slots, "default", {}, () => [
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        }),
+        e(t, {
+          height: "1",
+          width: "100"
+        })
+      ], !0)
+    ]));
+  }
+});
+export {
+  _ as default
+};

package/dist/{kongponents222.cjs → kongponents236.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kongponents67.cjs"),a=require("./kongponents182.cjs"),l=require("./kongponents183.cjs"),s={class:"skeleton-card-wrapper"},u={class:"skeleton-card-header"},i={class:"skeleton-card-content"},k={class:"skeleton-card-footer"},m=e.defineComponent({__name:"CardSkeleton",props:{cardCount:{},maxWidth:{}},setup(r){e.useCssVars(t=>({v2bf65be7:c.value}));const c=e.computed(()=>r.maxWidth?l.normalizeSize(r.maxWidth):r.cardCount===1?"470px":`calc((100% / 3) - ${a.KUI_SPACE_50})`);return(t,h)=>(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.cardCount,d=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"skeleton-card"},[e.createElementVNode("div",u,[e.renderSlot(t.$slots,"card-header",{},()=>[e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"card-content",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,n=>e.createVNode(o.default,{key:n,width:"100"})),64)),e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"card-footer",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(2,n=>e.createVNode(o.default,{key:n,height:"2",width:"5"})),64))],!0)])]))),128))]))}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("./kongponents67.cjs"),a=require("./kongponents183.cjs"),l=require("./kongponents182.cjs"),s={class:"skeleton-card-wrapper"},u={class:"skeleton-card-header"},i={class:"skeleton-card-content"},k={class:"skeleton-card-footer"},m=e.defineComponent({__name:"CardSkeleton",props:{cardCount:{},maxWidth:{}},setup(r){e.useCssVars(t=>({v2bf65be7:c.value}));const c=e.computed(()=>r.maxWidth?l.normalizeSize(r.maxWidth):r.cardCount===1?"470px":`calc((100% / 3) - ${a.KUI_SPACE_50})`);return(t,h)=>(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.cardCount,d=>(e.openBlock(),e.createElementBlock("div",{key:d,class:"skeleton-card"},[e.createElementVNode("div",u,[e.renderSlot(t.$slots,"card-header",{},()=>[e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",i,[e.renderSlot(t.$slots,"card-content",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(3,n=>e.createVNode(o.default,{key:n,width:"100"})),64)),e.createVNode(o.default,{width:"50"})],!0)]),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"card-footer",{},()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(2,n=>e.createVNode(o.default,{key:n,height:"2",width:"5"})),64))],!0)])]))),128))]))}});exports.default=m;

package/dist/{kongponents222.es.js → kongponents236.es.js}

@@ -1,7 +1,7 @@
 import { defineComponent as h, useCssVars as f, computed as k, openBlock as t, createElementBlock as r, Fragment as s, renderList as c, createElementVNode as l, renderSlot as i, createVNode as n } from "vue";
 import d from "./kongponents67.es.js";
-import { KUI_SPACE_50 as C } from "./kongponents182.es.js";
-import { normalizeSize as p } from "./kongponents183.es.js";
+import { KUI_SPACE_50 as C } from "./kongponents183.es.js";
+import { normalizeSize as p } from "./kongponents182.es.js";
 const _ = { class: "skeleton-card-wrapper" }, v = { class: "skeleton-card-header" }, w = { class: "skeleton-card-content" }, x = { class: "skeleton-card-footer" }, E = /* @__PURE__ */ h({
   __name: "CardSkeleton",
   props: {

package/dist/{kongponents228.cjs → kongponents242.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./kongponents303.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./kongponents342.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/{kongponents228.es.js → kongponents242.es.js}

@@ -1,5 +1,5 @@
 import { defineComponent as d, useCssVars as i, ref as s, computed as u, onMounted as m, onUnmounted as g, openBlock as l, createElementBlock as a, createElementVNode as o, unref as v, normalizeStyle as p, createCommentVNode as f } from "vue";
-import h from "./kongponents303.es.js";
+import h from "./kongponents342.es.js";
 const I = {
   class: "fullscreen-loading-container",
   "data-testid": "full-screen-loader"

package/dist/kongponents244.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents263.cjs");var t=function(){return e.default.Date.now()};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a={class:"fullscreen-loading-container","data-testid":"full-screen-spinner-loader"},u={key:0,class:"progress"},c=e.defineComponent({__name:"FullScreenGenericSpinner",props:{progress:{},hideProgress:{type:Boolean},zIndex:{}},setup(n){e.useCssVars(t=>({af01d13c:t.zIndex}));const l=e.ref(0),r=e.ref(0),o=e.computed(()=>n.progress!==null?n.progress:r.value);return e.onMounted(()=>{n.progress||(l.value=setInterval(()=>{r.value>=100&&(clearInterval(l.value),r.value=100),r.value=Math.min(r.value+Math.ceil(Math.random()*10*30),100)},200))}),e.onUnmounted(()=>{clearInterval(l.value)}),(t,s)=>(e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",null,[s[0]||(s[0]=e.createElementVNode("div",{class:"spinner-loader"},null,-1)),n.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=c;

package/dist/kongponents244.es.js

@@ -1,7 +1,43 @@
-import o from "./kongponents263.es.js";
-var t = function() {
-  return o.Date.now();
-};
+import { defineComponent as u, useCssVars as c, ref as o, computed as v, onMounted as m, onUnmounted as p, openBlock as a, createElementBlock as i, createElementVNode as s, normalizeStyle as g, createCommentVNode as f } from "vue";
+const h = {
+  class: "fullscreen-loading-container",
+  "data-testid": "full-screen-spinner-loader"
+}, I = {
+  key: 0,
+  class: "progress"
+}, y = /* @__PURE__ */ u({
+  __name: "FullScreenGenericSpinner",
+  props: {
+    progress: {},
+    hideProgress: { type: Boolean },
+    zIndex: {}
+  },
+  setup(r) {
+    c((l) => ({
+      af01d13c: l.zIndex
+    }));
+    const n = o(0), e = o(0), d = v(() => 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));
+    }), p(() => {
+      clearInterval(n.value);
+    }), (l, t) => (a(), i("div", h, [
+      s("div", null, [
+        t[0] || (t[0] = s("div", { class: "spinner-loader" }, null, -1)),
+        r.hideProgress ? f("", !0) : (a(), i("div", I, [
+          s("div", {
+            class: "progress-bar",
+            role: "progressbar",
+            style: g({ width: `${d.value}%` }),
+            title: "Loading"
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+});
 export {
-  t as default
+  y as default
 };

package/dist/kongponents246.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(e,t){return e===t||e!==e&&t!==t}exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./kongponents247.cjs"),n=require("./kongponents248.cjs"),a=require("./kongponents249.cjs");function d(e,t){a.default(2,arguments);var u=n.default(e).getTime(),r=i.default(t);return new Date(u+r)}exports.default=d;

package/dist/kongponents246.es.js

@@ -1,6 +1,11 @@
-function t(n, f) {
-  return n === f || n !== n && f !== f;
+import m from "./kongponents247.es.js";
+import a from "./kongponents248.es.js";
+import i from "./kongponents249.es.js";
+function d(t, r) {
+  i(2, arguments);
+  var e = a(t).getTime(), o = m(r);
+  return new Date(e + o);
 }
 export {
-  t as default
+  d as default
 };

package/dist/kongponents247.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./kongponents248.cjs");var r=/[\\^$.*+?()[\]{}|]/g,a=RegExp(r.source);function t(e){return e=u.default(e),e&&a.test(e)?e.replace(r,"\\$&"):e}exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(t){if(t===null||t===!0||t===!1)return NaN;var e=Number(t);return isNaN(e)?e:e<0?Math.ceil(e):Math.floor(e)}exports.default=u;

package/dist/kongponents247.es.js

@@ -1,8 +1,9 @@
-import p from "./kongponents248.es.js";
-var a = /[\\^$.*+?()[\]{}|]/g, r = RegExp(a.source);
-function x(e) {
-  return e = p(e), e && r.test(e) ? e.replace(a, "\\$&") : e;
+function n(a) {
+  if (a === null || a === !0 || a === !1)
+    return NaN;
+  var e = Number(a);
+  return isNaN(e) ? e : e < 0 ? Math.ceil(e) : Math.floor(e);
 }
 export {
-  x as default
+  n as default
 };

package/dist/kongponents248.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents291.cjs");function r(e){return e==null?"":t.default(e)}exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents260.cjs"),s=require("./kongponents249.cjs");function o(e){s.default(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||r.default(e)==="object"&&t==="[object Date]"?new Date(e.getTime()):typeof e=="number"||t==="[object Number]"?new Date(e):((typeof e=="string"||t==="[object String]")&&typeof console<"u"&&(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn(new Error().stack)),new Date(NaN))}exports.default=o;

package/dist/kongponents248.es.js

@@ -1,7 +1,10 @@
-import r from "./kongponents291.es.js";
-function o(t) {
-  return t == null ? "" : r(t);
+import r from "./kongponents260.es.js";
+import o from "./kongponents249.es.js";
+function a(e) {
+  o(1, arguments);
+  var t = Object.prototype.toString.call(e);
+  return e instanceof Date || r(e) === "object" && t === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || t === "[object Number]" ? new Date(e) : ((typeof e == "string" || t === "[object String]") && typeof console < "u" && (console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"), console.warn(new Error().stack)), /* @__PURE__ */ new Date(NaN));
 }
 export {
-  o as default
+  a as default
 };

package/dist/kongponents249.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents250.cjs");function l(e,t,n){var u=e==null?void 0:r.default(e,t);return u===void 0?n:u}exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function r(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}exports.default=r;

package/dist/kongponents249.es.js

@@ -1,8 +1,7 @@
-import u from "./kongponents250.es.js";
-function f(e, r, t) {
-  var n = e == null ? void 0 : u(e, r);
-  return n === void 0 ? t : n;
+function n(e, t) {
+  if (t.length < e)
+    throw new TypeError(e + " argument" + (e > 1 ? "s" : "") + " required, but only " + t.length + " present");
 }
 export {
-  f as default
+  n as default
 };

package/dist/kongponents25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents206.cjs"),o=require("./kongponents207.cjs"),a=require("./kongponents208.cjs"),c=require("./kongponents209.cjs"),s=require("./kongponents210.cjs"),d=require("./kongponents211.cjs"),u=require("@kong/icons"),i=require("./kongponents182.cjs"),k=e.defineComponent({__name:"KSkeleton",props:{type:{default:""},delayMilliseconds:{default:0},cardCount:{default:1},cardMaxWidth:{default:""},tableRows:{default:6},tableColumns:{default:5},progress:{default:null},hideProgress:{type:Boolean},zIndex:{default:10500}},setup(t){const r=e.ref(t.delayMilliseconds===0);return e.onMounted(()=>{r.value||setTimeout(()=>{r.value=!0},t.delayMilliseconds)}),(l,f)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["k-skeleton",{"not-spinner":t.type!=="spinner"}])},[t.type==="card"?(e.openBlock(),e.createBlock(o.default,{key:0,"card-count":t.cardCount,"max-width":t.cardMaxWidth},{"card-header":e.withCtx(()=>[e.renderSlot(l.$slots,"card-header")]),"card-content":e.withCtx(()=>[e.renderSlot(l.$slots,"card-content")]),"card-footer":e.withCtx(()=>[e.renderSlot(l.$slots,"card-footer")]),_:3},8,["card-count","max-width"])):t.type==="table"?(e.openBlock(),e.createBlock(a.default,{key:1,columns:t.tableColumns,rows:t.tableRows},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},8,["columns","rows"])):t.type==="form"?(e.openBlock(),e.createBlock(c.default,{key:2})):t.type==="fullscreen-kong"?(e.openBlock(),e.createBlock(s.default,{key:3,"hide-progress":t.hideProgress,progress:t.progress,"z-index":t.zIndex},null,8,["hide-progress","progress","z-index"])):t.type==="fullscreen-generic"?(e.openBlock(),e.createBlock(d.default,{key:4,"hide-progress":t.hideProgress,progress:t.progress,"z-index":t.zIndex},null,8,["hide-progress","progress","z-index"])):t.type==="spinner"?(e.openBlock(),e.createBlock(e.unref(u.ProgressIcon),{key:5,class:"skeleton-spinner",color:`var(--kui-color-text-neutral, ${e.unref(i.KUI_COLOR_TEXT_NEUTRAL)})`,title:"Loading"},null,8,["color"])):(e.openBlock(),e.createBlock(n.default,{key:6}))],2)):e.createCommentVNode("",!0)}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./kongponents208.cjs"),o=require("./kongponents209.cjs"),a=require("./kongponents210.cjs"),c=require("./kongponents211.cjs"),s=require("./kongponents212.cjs"),d=require("./kongponents213.cjs"),u=require("@kong/icons"),i=require("./kongponents183.cjs"),k=e.defineComponent({__name:"KSkeleton",props:{type:{default:""},delayMilliseconds:{default:0},cardCount:{default:1},cardMaxWidth:{default:""},tableRows:{default:6},tableColumns:{default:5},progress:{default:null},hideProgress:{type:Boolean},zIndex:{default:10500}},setup(t){const r=e.ref(t.delayMilliseconds===0);return e.onMounted(()=>{r.value||setTimeout(()=>{r.value=!0},t.delayMilliseconds)}),(l,f)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["k-skeleton",{"not-spinner":t.type!=="spinner"}])},[t.type==="card"?(e.openBlock(),e.createBlock(o.default,{key:0,"card-count":t.cardCount,"max-width":t.cardMaxWidth},{"card-header":e.withCtx(()=>[e.renderSlot(l.$slots,"card-header")]),"card-content":e.withCtx(()=>[e.renderSlot(l.$slots,"card-content")]),"card-footer":e.withCtx(()=>[e.renderSlot(l.$slots,"card-footer")]),_:3},8,["card-count","max-width"])):t.type==="table"?(e.openBlock(),e.createBlock(a.default,{key:1,columns:t.tableColumns,rows:t.tableRows},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},8,["columns","rows"])):t.type==="form"?(e.openBlock(),e.createBlock(c.default,{key:2})):t.type==="fullscreen-kong"?(e.openBlock(),e.createBlock(s.default,{key:3,"hide-progress":t.hideProgress,progress:t.progress,"z-index":t.zIndex},null,8,["hide-progress","progress","z-index"])):t.type==="fullscreen-generic"?(e.openBlock(),e.createBlock(d.default,{key:4,"hide-progress":t.hideProgress,progress:t.progress,"z-index":t.zIndex},null,8,["hide-progress","progress","z-index"])):t.type==="spinner"?(e.openBlock(),e.createBlock(e.unref(u.ProgressIcon),{key:5,class:"skeleton-spinner",color:`var(--kui-color-text-neutral, ${e.unref(i.KUI_COLOR_TEXT_NEUTRAL)})`,title:"Loading"},null,8,["color"])):(e.openBlock(),e.createBlock(n.default,{key:6}))],2)):e.createCommentVNode("",!0)}});exports.default=k;

package/dist/kongponents25.es.js

@@ -1,12 +1,12 @@
 import { defineComponent as s, ref as i, onMounted as c, openBlock as r, createElementBlock as u, normalizeClass as m, createBlock as t, withCtx as l, renderSlot as n, unref as d, createCommentVNode as f } from "vue";
-import k from "./kongponents206.es.js";
-import y from "./kongponents207.es.js";
-import g from "./kongponents208.es.js";
-import h from "./kongponents209.es.js";
-import x from "./kongponents210.es.js";
-import C from "./kongponents211.es.js";
+import k from "./kongponents208.es.js";
+import y from "./kongponents209.es.js";
+import g from "./kongponents210.es.js";
+import h from "./kongponents211.es.js";
+import x from "./kongponents212.es.js";
+import C from "./kongponents213.es.js";
 import { ProgressIcon as S } from "@kong/icons";
-import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents182.es.js";
+import { KUI_COLOR_TEXT_NEUTRAL as z } from "./kongponents183.es.js";
 const R = /* @__PURE__ */ s({
   __name: "KSkeleton",
   props: {

package/dist/kongponents250.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents317.cjs"),r=require("./kongponents288.cjs");function i(e,u){u=t.default(u,e);for(var l=0,n=u.length;e!=null&&l<n;)e=e[r.default(u[l++])];return l&&l==n?e:void 0}exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./kongponents259.cjs"),t=require("./kongponents248.cjs"),n=require("./kongponents249.cjs");function i(e){if(n.default(1,arguments),!r.default(e)&&typeof e!="number")return!1;var u=t.default(e);return!isNaN(Number(u))}exports.default=i;