@kong/kongponents 9.49.9-pr.3075.6dc117e.0 → 9.49.10-pr.3057.fc5d26a.0

package/dist/kongponents.es316.js

@@ -1,7 +1,121 @@
-import o from "./kongponents.es396.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-18967eab"]]);
+import { defineComponent as y, computed as s, openBlock as d, createBlock as h, resolveDynamicComponent as C, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es313.js";
+const H = ["aria-hidden"], c = '<path d="M3.0249 17.75V7.75C3.0249 7.2 3.22074 6.72917 3.6124 6.3375C4.00407 5.94583 4.4749 5.75 5.0249 5.75H18.9999C19.5499 5.75 20.0207 5.94583 20.4124 6.3375C20.8041 6.72917 20.9999 7.2 20.9999 7.75V17.75C20.9999 18.3 20.8041 18.7708 20.4124 19.1625C20.0207 19.5542 19.5499 19.75 18.9999 19.75H5.0249C4.4749 19.75 4.00407 19.5542 3.6124 19.1625C3.22074 18.7708 3.0249 18.3 3.0249 17.75ZM4.9999 17.75H8.3249V7.75H4.9999V17.75ZM10.3249 17.75H13.6499V7.75H10.3249V17.75ZM15.6499 17.75H18.9749V7.75H15.6499V17.75Z" fill="currentColor"/>', I = /* @__PURE__ */ y({
+  __name: "TableColumnsIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: u,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
+          return !0;
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const e = r, i = s(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), p = s(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, b = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${b}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), h(C(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon table-columns-icon",
+      "data-testid": "kui-icon-wrapper-table-columns-icon",
+      style: x(p.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (d(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-table-columns-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: v
+        }, null, 8, H))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  a as default
+  I as default
 };

package/dist/kongponents.es317.js

@@ -1,27 +1,219 @@
-import { popperGenerator as r } from "./kongponents.es483.js";
-import o from "./kongponents.es492.js";
-import e from "./kongponents.es493.js";
-import p from "./kongponents.es494.js";
-import t from "./kongponents.es495.js";
-import m from "./kongponents.es496.js";
-import f from "./kongponents.es497.js";
-import i from "./kongponents.es498.js";
-import s from "./kongponents.es499.js";
-import a from "./kongponents.es500.js";
-var l = [o, e, p, t, m, f, i, s, a], h = /* @__PURE__ */ r({
-  defaultModifiers: l
-});
+/*!
+* tabbable 6.4.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var T = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], v = /* @__PURE__ */ T.join(","), I = typeof Element > "u", d = I ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, b = !I && Element.prototype.getRootNode ? function(i) {
+  var t;
+  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
+} : function(i) {
+  return i == null ? void 0 : i.ownerDocument;
+}, h = function(t, e) {
+  var r;
+  e === void 0 && (e = !0);
+  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  (typeof t.closest == "function" ? t.closest("[inert]") : h(t.parentNode));
+  return n;
+}, x = function(t) {
+  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
+  return r === "" || r === "true";
+}, m = function(t, e, r) {
+  if (h(t))
+    return [];
+  var a = Array.prototype.slice.apply(t.querySelectorAll(v));
+  return e && d.call(t, v) && a.unshift(t), a = a.filter(r), a;
+}, g = function(t, e, r) {
+  for (var a = [], l = Array.from(t); l.length; ) {
+    var n = l.shift();
+    if (!h(n, !1))
+      if (n.tagName === "SLOT") {
+        var c = n.assignedElements(), o = c.length ? c : n.children, u = g(o, !0, r);
+        r.flatten ? a.push.apply(a, u) : a.push({
+          scopeParent: n,
+          candidates: u
+        });
+      } else {
+        var s = d.call(n, v);
+        s && r.filter(n) && (e || !t.includes(n)) && a.push(n);
+        var f = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), A = !h(f, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (f && A) {
+          var p = g(f === !0 ? n.children : f.children, !0, r);
+          r.flatten ? a.push.apply(a, p) : a.push({
+            scopeParent: n,
+            candidates: p
+          });
+        } else
+          l.unshift.apply(l, n.children);
+      }
+  }
+  return a;
+}, C = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, N = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || x(t)) && !C(t) ? 0 : t.tabIndex;
+}, O = function(t, e) {
+  var r = N(t);
+  return r < 0 && e && !C(t) ? 0 : r;
+}, k = function(t, e) {
+  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
+}, R = function(t) {
+  return t.tagName === "INPUT";
+}, F = function(t) {
+  return R(t) && t.type === "hidden";
+}, D = function(t) {
+  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return e;
+}, M = function(t, e) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === e)
+      return t[r];
+}, P = function(t) {
+  if (!t.name)
+    return !0;
+  var e = t.form || b(t), r = function(c) {
+    return e.querySelectorAll('input[type="radio"][name="' + c + '"]');
+  }, a;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    a = r(window.CSS.escape(t.name));
+  else
+    try {
+      a = r(t.name);
+    } catch (n) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
+    }
+  var l = M(a, t.form);
+  return !l || l === t;
+}, L = function(t) {
+  return R(t) && t.type === "radio";
+}, V = function(t) {
+  return L(t) && !P(t);
+}, B = function(t) {
+  var e, r = t && b(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
+  if (r && r !== t) {
+    var n, c, o;
+    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (o = t.ownerDocument) !== null && o !== void 0 && o.contains(t)); !l && a; ) {
+      var u, s, f;
+      r = b(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((s = a) !== null && s !== void 0 && (f = s.ownerDocument) !== null && f !== void 0 && f.contains(a));
+    }
+  }
+  return l;
+}, w = function(t) {
+  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
+  return r === 0 && a === 0;
+}, q = function(t, e) {
+  var r = e.displayCheck, a = e.getShadowRoot;
+  if (r === "full-native" && "checkVisibility" in t) {
+    var l = t.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !l;
+  }
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var n = d.call(t, "details>summary:first-of-type"), c = n ? t.parentElement : t;
+  if (d.call(c, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  r === "full-native" || r === "legacy-full") {
+    if (typeof a == "function") {
+      for (var o = t; t; ) {
+        var u = t.parentElement, s = b(t);
+        if (u && !u.shadowRoot && a(u) === !0)
+          return w(t);
+        t.assignedSlot ? t = t.assignedSlot : !u && s !== t.ownerDocument ? t = s.host : t = u;
+      }
+      t = o;
+    }
+    if (B(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return w(t);
+  return !1;
+}, U = function(t) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
+    for (var e = t.parentElement; e; ) {
+      if (e.tagName === "FIELDSET" && e.disabled) {
+        for (var r = 0; r < e.children.length; r++) {
+          var a = e.children.item(r);
+          if (a.tagName === "LEGEND")
+            return d.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
+        }
+        return !0;
+      }
+      e = e.parentElement;
+    }
+  return !1;
+}, y = function(t, e) {
+  return !(e.disabled || F(e) || q(e, t) || // For a details element with a summary, the summary element gets the focus
+  D(e) || U(e));
+}, S = function(t, e) {
+  return !(V(e) || N(e) < 0 || !y(t, e));
+}, j = function(t) {
+  var e = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(e) || e >= 0);
+}, E = function(t) {
+  var e = [], r = [];
+  return t.forEach(function(a, l) {
+    var n = !!a.scopeParent, c = n ? a.scopeParent : a, o = O(c, n), u = n ? E(a.candidates) : c;
+    o === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
+      documentOrder: l,
+      tabIndex: o,
+      item: a,
+      isScope: n,
+      content: u
+    });
+  }), r.sort(k).reduce(function(a, l) {
+    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
+  }, []).concat(e);
+}, Z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: S.bind(null, e),
+    flatten: !1,
+    getShadowRoot: e.getShadowRoot,
+    shadowRootFilter: j
+  }) : r = m(t, e.includeContainer, S.bind(null, e)), E(r);
+}, z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: y.bind(null, e),
+    flatten: !0,
+    getShadowRoot: e.getShadowRoot
+  }) : r = m(t, e.includeContainer, y.bind(null, e)), r;
+}, G = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return d.call(t, v) === !1 ? !1 : S(e, t);
+}, W = /* @__PURE__ */ T.concat("iframe:not([inert]):not([inert] *)").join(","), X = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return d.call(t, W) === !1 ? !1 : y(e, t);
+};
 export {
-  t as applyStyles,
-  s as arrow,
-  p as computeStyles,
-  h as createPopper,
-  l as defaultModifiers,
-  o as eventListeners,
-  f as flip,
-  a as hide,
-  m as offset,
-  r as popperGenerator,
-  e as popperOffsets,
-  i as preventOverflow
+  z as focusable,
+  N as getTabIndex,
+  X as isFocusable,
+  G as isTabbable,
+  Z as tabbable
 };

package/dist/kongponents.es318.js

@@ -1,74 +1,91 @@
-import { __module as v } from "./kongponents.es319.js";
-import { __require as oe } from "./kongponents.es320.js";
-import { __require as te } from "./kongponents.es321.js";
-import { __require as ie } from "./kongponents.es322.js";
-import { __require as le } from "./kongponents.es323.js";
-import { __require as ne } from "./kongponents.es324.js";
-import { __require as ue } from "./kongponents.es325.js";
-import { __require as de } from "./kongponents.es326.js";
-import { __require as fe } from "./kongponents.es327.js";
-import { __require as ve } from "./kongponents.es328.js";
-import { __require as _e } from "./kongponents.es329.js";
-import { __require as ce } from "./kongponents.es330.js";
-import { __require as me } from "./kongponents.es331.js";
-var z;
-function Se() {
-  return z ? v.exports : (z = 1, (function(I, _) {
-    var a = oe().default;
-    Object.defineProperty(_, "__esModule", {
-      value: !0
-    }), _.default = N;
-    var Y = a(/* @__PURE__ */ te()), y = a(/* @__PURE__ */ ie()), A = a(/* @__PURE__ */ le()), F = a(/* @__PURE__ */ ne()), M = a(/* @__PURE__ */ ue()), j = a(/* @__PURE__ */ de()), u = /* @__PURE__ */ fe(), L = a(/* @__PURE__ */ ve()), Q = a(/* @__PURE__ */ _e()), G = /* @__PURE__ */ ce(), H = a(/* @__PURE__ */ me()), K = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, V = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Z = /^'([^]*?)'?$/, B = /''/g, J = /[a-zA-Z]/;
-    function N(t, i, e) {
-      var c, m, s, p, q, k, w, g, O, h, x, D, R, E, $, S, C, T;
-      (0, Q.default)(2, arguments);
-      var X = String(i), l = (0, G.getDefaultOptions)(), n = (c = (m = e == null ? void 0 : e.locale) !== null && m !== void 0 ? m : l.locale) !== null && c !== void 0 ? c : H.default, W = (0, L.default)((s = (p = (q = (k = e == null ? void 0 : e.firstWeekContainsDate) !== null && k !== void 0 ? k : e == null || (w = e.locale) === null || w === void 0 || (g = w.options) === null || g === void 0 ? void 0 : g.firstWeekContainsDate) !== null && q !== void 0 ? q : l.firstWeekContainsDate) !== null && p !== void 0 ? p : (O = l.locale) === null || O === void 0 || (h = O.options) === null || h === void 0 ? void 0 : h.firstWeekContainsDate) !== null && s !== void 0 ? s : 1);
-      if (!(W >= 1 && W <= 7))
-        throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-      var P = (0, L.default)((x = (D = (R = (E = e == null ? void 0 : e.weekStartsOn) !== null && E !== void 0 ? E : e == null || ($ = e.locale) === null || $ === void 0 || (S = $.options) === null || S === void 0 ? void 0 : S.weekStartsOn) !== null && R !== void 0 ? R : l.weekStartsOn) !== null && D !== void 0 ? D : (C = l.locale) === null || C === void 0 || (T = C.options) === null || T === void 0 ? void 0 : T.weekStartsOn) !== null && x !== void 0 ? x : 0);
-      if (!(P >= 0 && P <= 6))
-        throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-      if (!n.localize)
-        throw new RangeError("locale must contain localize property");
-      if (!n.formatLong)
-        throw new RangeError("locale must contain formatLong property");
-      var d = (0, A.default)(t);
-      if (!(0, Y.default)(d))
-        throw new RangeError("Invalid time value");
-      var b = (0, j.default)(d), ee = (0, y.default)(d, b), re = {
-        firstWeekContainsDate: W,
-        weekStartsOn: P,
-        locale: n,
-        _originalDate: d
-      }, ae = X.match(V).map(function(r) {
-        var o = r[0];
-        if (o === "p" || o === "P") {
-          var f = M.default[o];
-          return f(r, n.formatLong);
+import { defineComponent as x, useTemplateRef as _, openBlock as i, createElementBlock as r, Fragment as m, renderList as v, createBlock as u, withCtx as f, renderSlot as g, createElementVNode as S, toDisplayString as k, createTextVNode as h, createCommentVNode as B } from "vue";
+import E from "./kongponents.es222.js";
+const K = { ref: "itemsContainer" }, L = {
+  key: 1,
+  class: "select-group",
+  "data-propagate-clicks": "false"
+}, $ = { class: "select-group-title" }, V = { class: "select-item-description" }, A = ".select-item button:not(:disabled)", D = '.select-item[aria-selected="true"] button:not(:disabled)', q = /* @__PURE__ */ x({
+  __name: "KSelectItems",
+  props: {
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
+  },
+  emits: ["selected", "add-item"],
+  setup(d, { expose: b, emit: y }) {
+    const I = y, p = (t) => "items" in t && Array.isArray(t.items), w = (t) => I("selected", t), C = _("itemsContainer"), T = (t) => {
+      var s, a;
+      const n = C.value;
+      if (!n)
+        return;
+      const e = n.querySelectorAll(A);
+      if (!(e != null && e.length))
+        return;
+      const o = n.querySelector(D);
+      if (o) {
+        const l = [...e].indexOf(o);
+        (s = e[t === "down" ? l + 1 : l - 1]) == null || s.focus();
+      } else
+        (a = e[t === "down" ? 0 : e.length - 1]) == null || a.focus();
+    }, c = ({ target: t, key: n }) => {
+      var e;
+      if (n === "ArrowDown" || n === "ArrowUp") {
+        const o = (e = C.value) == null ? void 0 : e.querySelectorAll(A);
+        if (o != null && o.length) {
+          const s = [...o].indexOf(t), a = n === "ArrowDown" ? s + 1 : s - 1, l = o[a];
+          l == null || l.focus();
         }
-        return r;
-      }).join("").match(K).map(function(r) {
-        if (r === "''")
-          return "'";
-        var o = r[0];
-        if (o === "'")
-          return U(r);
-        var f = F.default[o];
-        if (f)
-          return !(e != null && e.useAdditionalWeekYearTokens) && (0, u.isProtectedWeekYearToken)(r) && (0, u.throwProtectedError)(r, i, String(t)), !(e != null && e.useAdditionalDayOfYearTokens) && (0, u.isProtectedDayOfYearToken)(r) && (0, u.throwProtectedError)(r, i, String(t)), f(ee, r, n.localize, re);
-        if (o.match(J))
-          throw new RangeError("Format string contains an unescaped latin alphabet character `" + o + "`");
-        return r;
-      }).join("");
-      return ae;
-    }
-    function U(t) {
-      var i = t.match(Z);
-      return i ? i[1].replace(B, "'") : t;
-    }
-    I.exports = _.default;
-  })(v, v.exports), v.exports);
-}
+      }
+    };
+    return b({ setFocus: T }), (t, n) => (i(), r("div", K, [
+      (i(!0), r(m, null, v(d.items, (e, o) => (i(), r(m, {
+        key: p(e) ? `${e.key || e.label}-group` : e.key || e.value || o
+      }, [
+        p(e) ? (i(), r("div", L, [
+          S("span", $, k(e.label), 1),
+          (i(!0), r(m, null, v(e.items, (s) => (i(), u(E, {
+            key: s.key,
+            item: s,
+            onKeydown: c,
+            onSelected: w
+          }, {
+            content: f(() => [
+              g(t.$slots, "content", { item: s }, void 0, !0)
+            ]),
+            _: 2
+          }, 1032, ["item"]))), 128))
+        ])) : (i(), u(E, {
+          key: 0,
+          item: e,
+          onKeydown: c,
+          onSelected: w
+        }, {
+          content: f(() => [
+            g(t.$slots, "content", { item: e }, void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["item"]))
+      ], 64))), 128)),
+      d.itemCreationEnabled ? (i(), u(E, {
+        key: "select-add-item",
+        class: "select-add-item",
+        "data-testid": "select-add-item",
+        item: { label: `${d.filterString} (Add new value)`, value: "add_item", disabled: !d.itemCreationValid },
+        onKeydown: c,
+        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
+      }, {
+        content: f(() => [
+          S("div", V, [
+            h(k(d.filterString) + " ", 1),
+            n[1] || (n[1] = S("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : B("", !0)
+    ], 512));
+  }
+});
 export {
-  Se as __require
+  q as default
 };

package/dist/kongponents.es320.js

@@ -1,15 +1,47 @@
-import { __module as t } from "./kongponents.es400.js";
-var u;
-function n() {
-  return u ? t.exports : (u = 1, (function(e) {
-    function o(r) {
-      return r && r.__esModule ? r : {
-        default: r
-      };
-    }
-    e.exports = o, e.exports.__esModule = !0, e.exports.default = e.exports;
-  })(t), t.exports);
-}
+import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
+const k = ["aria-selected", "data-testid"], y = { class: "select-item-container" }, $ = ["disabled", "value"], h = { class: "select-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KSelectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: o }) {
+    const a = o, d = (t) => {
+      if (e.item.disabled) {
+        t.stopPropagation();
+        return;
+      }
+      a("selected", e.item);
+    };
+    return (t, i) => (c(), u("div", {
+      key: e.item.key,
+      "aria-selected": e.item.selected,
+      class: "select-item",
+      "data-testid": `select-item-${e.item.value}`,
+      role: "option"
+    }, [
+      l("div", y, [
+        l("button", {
+          class: v({ selected: e.item.selected }),
+          disabled: e.item.disabled === !0 ? !0 : void 0,
+          type: "button",
+          value: e.item.value,
+          onClick: d,
+          onKeydown: [
+            i[0] || (i[0] = s(n((m) => t.$emit("arrow-down"), ["prevent"]), ["down"])),
+            i[1] || (i[1] = s(n((m) => t.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(t.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
+  }
+});
 export {
-  n as __require
+  K as default
 };

package/dist/kongponents.es323.js

@@ -1,23 +1,11 @@
-import { __module as t } from "./kongponents.es405.js";
-import { __require as d } from "./kongponents.es320.js";
-import { __require as p } from "./kongponents.es406.js";
-import { __require as c } from "./kongponents.es329.js";
-var i;
-function q() {
-  return i ? t.exports : (i = 1, (function(s, r) {
-    var a = d().default;
-    Object.defineProperty(r, "__esModule", {
-      value: !0
-    }), r.default = f;
-    var n = a(p()), u = a(/* @__PURE__ */ c());
-    function f(e) {
-      (0, u.default)(1, arguments);
-      var o = Object.prototype.toString.call(e);
-      return e instanceof Date || (0, n.default)(e) === "object" && o === "[object Date]" ? new Date(e.getTime()) : typeof e == "number" || o === "[object Number]" ? new Date(e) : ((typeof e == "string" || o === "[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));
-    }
-    s.exports = r.default;
-  })(t, t.exports), t.exports);
+import m from "./kongponents.es324.js";
+import a from "./kongponents.es325.js";
+import i from "./kongponents.es326.js";
+function d(t, r) {
+  i(2, arguments);
+  var e = a(t).getTime(), o = m(r);
+  return new Date(e + o);
 }
 export {
-  q as __require
+  d as default
 };