@kong/kongponents 9.48.3-pr.3018.534c693.0 → 9.48.3

package/dist/kongponents.es248.js

@@ -1,136 +1,179 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
-}
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
+import { defineComponent as W, mergeModels as j, useModel as P, ref as b, useId as J, computed as D, onMounted as K, watch as h, createElementBlock as m, openBlock as i, createBlock as I, createCommentVNode as y, unref as c, mergeProps as B, createElementVNode as M, createVNode as L, withDirectives as S, toDisplayString as k, normalizeClass as F, vModelText as A, Transition as Q, withCtx as X } from "vue";
+import { DatePicker as U } from "./kongponents.es306.js";
+import Z from "./kongponents.es286.js";
+import p from "./kongponents.es290.js";
+import G from "./kongponents.es188.js";
+const _ = { class: "calendar-wrapper" }, ee = {
+  key: 2,
+  class: "time-wrapper"
+}, te = { class: "time-input" }, ae = ["for"], ne = { key: 0 }, le = { key: 1 }, ue = ["id", "step"], se = ["for"], ie = { key: 0 }, re = ["id", "step"], oe = {
+  key: 0,
+  class: "help-text"
+}, ye = /* @__PURE__ */ W({
+  __name: "CalendarWrapper",
+  props: /* @__PURE__ */ j({
+    isRange: { type: Boolean },
+    kDatePickerMode: {},
+    maxDate: { default: () => {
+    } },
+    minDate: { default: () => {
+    } },
+    errorMessage: { default: () => {
+    } },
+    timeGranularity: { default: "minutely" }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {},
+    error: { type: Boolean, default: !1 },
+    errorModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:error"],
+  setup(t, { expose: Y }) {
+    const u = (n, a) => a === "secondly" ? G(n, "HH:mm:ss") : G(n, "HH:mm"), e = P(t, "modelValue"), f = P(t, "error"), s = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), r = b(u(/* @__PURE__ */ new Date(), t.timeGranularity)), o = b({
+      start: u(/* @__PURE__ */ new Date(), t.timeGranularity),
+      end: u(/* @__PURE__ */ new Date(), t.timeGranularity)
+    }), g = J(), $ = D(() => t.isRange && e.value && "start" in e.value && e.value.start instanceof Date ? { 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 && Z(t.maxDate, p()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), x = D(() => ({
+      borderless: !0,
+      color: "blue",
+      dragAttribute: q,
+      expanded: !0,
+      initialPage: $.value,
+      maxDate: t.maxDate,
+      minDate: t.minDate,
+      mode: "date",
+      modelConfig: N,
+      selectAttribute: z,
+      transparent: !0
+    })), R = D(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), H = D(() => {
+      switch (t.timeGranularity) {
+        case "minutely":
+          return 60;
+        case "secondly":
+          return 1;
+        default:
+          return 60;
+      }
+    }), V = (n, a) => n > a, C = () => {
+      if (e.value && R.value)
+        if (t.isRange && e.value.start && e.value.end) {
+          const n = e.value;
+          s.value = u(n.start, t.timeGranularity), r.value = u(n.end, t.timeGranularity);
+        } else e.value instanceof Date ? s.value = u(e.value, t.timeGranularity) : s.value = u(/* @__PURE__ */ new Date(), t.timeGranularity);
+    }, w = (n) => {
+      const a = n.split(":"), l = parseInt(a[0], 10), d = parseInt(a[1], 10), v = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
+      return { hours: l, minutes: d, seconds: v };
+    };
+    K(() => {
+      C(), o.value.start = s.value, o.value.end = r.value;
+    });
+    const N = { 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" }
+      }
+    };
+    h(() => s.value, (n) => {
+      if (n) {
+        if (e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date) {
+          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
+          a.setHours(l, d, v, 0), e.value.start.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
+        } else if (e.value instanceof Date) {
+          const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
+          a.setHours(l, d, v, 0), e.value.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0);
+        }
+      }
+    }), h(() => r.value, (n) => {
+      if (n && e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && "start" in e.value && e.value.start instanceof Date) {
+        const a = /* @__PURE__ */ new Date(), { hours: l, minutes: d, seconds: v } = w(n);
+        a.setHours(l, d, v, 0), e.value.end.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), f.value = V(e.value.start, e.value.end);
+      }
+    }), h(() => e.value, () => {
+      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date && "end" in e.value && e.value.end instanceof Date ? (s.value = u(e.value.start, t.timeGranularity), r.value = u(e.value.end, t.timeGranularity), f.value = V(e.value.start, e.value.end)) : e.value instanceof Date && (s.value = u(e.value, t.timeGranularity));
+    }, { immediate: !0, deep: !0 }), h(() => t.timeGranularity, () => {
+      e.value && t.isRange && "start" in e.value && e.value.start instanceof Date ? o.value.start = u(e.value.start, t.timeGranularity) : e.value instanceof Date && (o.value.start = u(e.value, t.timeGranularity)), e.value && t.isRange && "end" in e.value && e.value.end instanceof Date && (o.value.end = u(e.value.end, t.timeGranularity));
+    });
+    const T = (n) => {
+      const a = e.value;
+      return t.isRange && a && n in a && a[n] instanceof Date;
+    }, O = () => {
+      s.value = o.value.start, r.value = o.value.end;
+    }, E = (n) => {
+      try {
+        return G(n, "EEE MMM d yyyy");
+      } catch (a) {
+        console.warn("Error formatting date:", a);
+      }
+    };
+    return Y({
+      resetTime: O,
+      initTimeInputs: C
+    }), (n, a) => (i(), m("div", _, [
+      t.isRange ? (i(), I(c(U), B({ key: 0 }, x.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
+        modelModifiers: { range: !0 }
+      }), null, 16, ["modelValue"])) : (i(), I(c(U), B({ key: 1 }, x.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
+      }), null, 16, ["modelValue"])),
+      R.value ? (i(), m("div", ee, [
+        M("div", te, [
+          M("label", {
+            class: "time-input-label",
+            for: `time-input-start-${c(g)}`
+          }, [
+            T("start") ? (i(), m("span", ne, k(E(e.value.start)), 1)) : e.value && e.value instanceof Date ? (i(), m("span", le, k(E(e.value)), 1)) : y("", !0)
+          ], 8, ae),
+          S(M("input", {
+            id: `time-input-start-${c(g)}`,
+            "onUpdate:modelValue": a[2] || (a[2] = (l) => s.value = l),
+            class: F(["time-input-start", { "input-error": f.value }]),
+            "data-testid": "time-input-start",
+            step: H.value,
+            type: "time"
+          }, null, 10, ue), [
+            [A, s.value]
+          ]),
+          M("label", {
+            class: "time-input-label",
+            for: `time-input-end-${c(g)}`
+          }, [
+            T("end") ? (i(), m("span", ie, k(c(G)(e.value.end, "EEE MMM d yyyy")), 1)) : y("", !0)
+          ], 8, se),
+          t.isRange ? S((i(), m("input", {
+            key: 0,
+            id: `time-input-end-${c(g)}`,
+            "onUpdate:modelValue": a[3] || (a[3] = (l) => r.value = l),
+            class: F(["time-input-end", { "input-error": f.value }]),
+            "data-testid": "time-input-end",
+            step: H.value,
+            type: "time"
+          }, null, 10, re)), [
+            [A, r.value]
+          ]) : y("", !0)
+        ]),
+        L(Q, {
+          mode: "out-in",
+          name: "kongponents-fade-transition"
+        }, {
+          default: X(() => [
+            f.value && t.errorMessage ? (i(), m("div", oe, k(t.errorMessage), 1)) : y("", !0)
+          ]),
+          _: 1
+        })
+      ])) : y("", !0)
+    ]));
   }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
-  );
-  return f(e) ? e.host : e;
-}
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
-  }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
-}
+});
 export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
+  ye as default
 };

package/dist/kongponents.es250.js

@@ -1,58 +1,66 @@
-import { defineComponent as f, createElementBlock as p, openBlock as u, createVNode as e, withModifiers as i, withCtx as n, unref as s } from "vue";
-import b from "./kongponents.es209.js";
-import m from "./kongponents.es210.js";
-import r from "./kongponents.es33.js";
-const c = { class: "pagination-offset-button-container" }, O = /* @__PURE__ */ f({
-  __name: "PaginationOffset",
+import { defineComponent as d, createBlock as i, openBlock as a, withCtx as e, createVNode as o, unref as r, Transition as l, createElementBlock as s, createCommentVNode as c, toDisplayString as u, renderSlot as m } from "vue";
+import b from "./kongponents.es24.js";
+/* empty css                 */
+import p from "./kongponents.es42.js";
+import f from "./kongponents.es33.js";
+import k from "./kongponents.es204.js";
+const g = {
+  key: 0,
+  class: "bulk-actions-dropdown-trigger-count"
+}, D = /* @__PURE__ */ d({
+  __name: "BulkActionsDropdown",
   props: {
-    previousButtonDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    nextButtonDisabled: {
-      type: Boolean,
-      default: !1
-    }
+    disabled: { type: Boolean },
+    count: { default: "" },
+    buttonLabel: { default: "" }
   },
-  emits: ["getPreviousOffset", "getNextOffset"],
-  setup(o, { emit: l }) {
-    const a = l;
-    return (v, t) => (u(), p("div", c, [
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the previous page",
-        class: "pagination-button",
-        "data-testid": "previous-button",
-        disabled: o.previousButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[0] || (t[0] = i((d) => a("getPreviousOffset"), ["prevent"]))
-      }, {
-        default: n(() => [
-          e(s(b), { decorative: "" })
-        ]),
-        _: 1
-      }, 8, ["disabled"]),
-      e(r, {
-        appearance: "tertiary",
-        "aria-label": "Go to the next page",
-        class: "pagination-button",
-        "data-testid": "next-button",
-        disabled: o.nextButtonDisabled,
-        icon: "",
-        size: "small",
-        type: "button",
-        onClick: t[1] || (t[1] = i((d) => a("getNextOffset"), ["prevent"]))
-      }, {
-        default: n(() => [
-          e(s(m), { decorative: "" })
-        ]),
-        _: 1
-      }, 8, ["disabled"])
-    ]));
+  setup(t) {
+    return (n, w) => (a(), i(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(r(k), {
+                  class: "more-icon",
+                  decorative: ""
+                }),
+                o(l, { name: "kongponents-fade-transition" }, {
+                  default: e(() => [
+                    t.count ? (a(), s("span", g, u(t.count), 1)) : c("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["disabled"]));
   }
 });
 export {
-  O as default
+  D as default
 };

package/dist/kongponents.es252.js

@@ -1,93 +1,4 @@
-import { defineComponent as x, computed as v, useTemplateRef as T, createElementBlock as s, openBlock as l, createBlock as d, createCommentVNode as V, Fragment as m, renderList as u, withCtx as f, renderSlot as S, createElementVNode as p, toDisplayString as g, createTextVNode as h } from "vue";
-import w from "./kongponents.es213.js";
-const D = {
-  ref: "itemsContainer",
-  "aria-live": "polite",
-  class: "multiselect-items-container"
-}, F = { class: "multiselect-group-title" }, M = { class: "select-item-description" }, E = ".multiselect-item button:not(:disabled)", q = /* @__PURE__ */ x({
-  __name: "KMultiselectItems",
-  props: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
-  },
-  emits: ["selected", "add-item"],
-  setup(i, { expose: k, emit: I }) {
-    const A = I, y = (n) => A("selected", n), $ = v(() => {
-      var n;
-      return (n = i.items) == null ? void 0 : n.filter((t) => !t.group);
-    }), b = v(() => {
-      var n, t;
-      return [...new Set((t = (n = i.items) == null ? void 0 : n.filter((e) => e.group)) == null ? void 0 : t.map((e) => e.group))].sort((e, o) => e.toLowerCase().localeCompare(o.toLowerCase()));
-    }), B = (n) => {
-      var t;
-      return (t = i.items) == null ? void 0 : t.filter((e) => e.group === n);
-    }, C = T("itemsContainer"), K = (n) => {
-      var o;
-      const t = C.value;
-      if (!t)
-        return;
-      const e = t.querySelectorAll(E);
-      (o = e[n === "down" ? 0 : e.length - 1]) == null || o.focus();
-    }, a = ({ target: n, key: t }) => {
-      var e;
-      if (t === "ArrowDown" || t === "ArrowUp") {
-        const o = (e = C.value) == null ? void 0 : e.querySelectorAll(E);
-        if (o != null && o.length) {
-          const r = [...o].indexOf(n), L = t === "ArrowDown" ? r + 1 : r - 1, c = o[L];
-          c == null || c.focus();
-        }
-      }
-    };
-    return k({ setFocus: K }), (n, t) => (l(), s("div", D, [
-      (l(!0), s(m, null, u($.value, (e, o) => (l(), d(w, {
-        key: `${e.key ? e.key : o}-item`,
-        item: e,
-        onKeydown: a,
-        onSelected: y
-      }, {
-        content: f(() => [
-          S(n.$slots, "content", { item: e }, void 0, !0)
-        ]),
-        _: 2
-      }, 1032, ["item"]))), 128)),
-      (l(!0), s(m, null, u(b.value, (e) => (l(), s("div", {
-        key: `${e}-group`,
-        class: "multiselect-group"
-      }, [
-        p("span", F, g(e), 1),
-        (l(!0), s(m, null, u(B(e), (o, r) => (l(), d(w, {
-          key: `${o.key ? o.key : e + "-" + r + "-item"}`,
-          item: o,
-          onKeydown: a,
-          onSelected: y
-        }, {
-          content: f(() => [
-            S(n.$slots, "content", { item: o }, void 0, !0)
-          ]),
-          _: 2
-        }, 1032, ["item"]))), 128))
-      ]))), 128)),
-      i.itemCreationEnabled ? (l(), d(w, {
-        key: "multiselect-add-item",
-        class: "multiselect-add-item",
-        "data-testid": "multiselect-add-item",
-        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
-        onKeydown: a,
-        onSelected: t[0] || (t[0] = (e) => n.$emit("add-item"))
-      }, {
-        content: f(() => [
-          p("div", M, [
-            h(g(i.filterString) + " ", 1),
-            t[1] || (t[1] = p("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
-          ])
-        ]),
-        _: 1
-      }, 8, ["item"])) : V("", !0)
-    ], 512));
-  }
-});
+const I = "24px";
 export {
-  q as default
+  I as KUI_ICON_SIZE_50
 };

package/dist/{kongponents.es184.js → kongponents.es253.js}

@@ -1,7 +1,7 @@
-import { defineComponent as h, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es256.js";
-const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12L18.6 13.425L13 7.825V20H11Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
-  __name: "ArrowUpIcon",
+import { defineComponent as y, computed as s, createBlock as b, openBlock as d, resolveDynamicComponent as k, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es252.js";
+const w = ["aria-hidden"], c = '<path d="M9.7 18.025L4 12.325L5.425 10.9L9.7 15.175L18.875 6L20.3 7.425L9.7 18.025Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
+  __name: "CheckIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -70,7 +70,7 @@ const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12
           return `${t}px`;
       }
       return u;
-    }), c = s(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -80,9 +80,9 @@ const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
     })), f = (a) => {
-      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      const t = {}, h = Math.random().toString(36).substring(2, 12);
       return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${y}-${n}`;
+        const l = `${h}-${n}`;
         return t[n] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
@@ -91,18 +91,18 @@ const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12
       '"': "&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 ? p : f(p)}`;
-    return (a, t) => (d(), b(w(r.as), {
+    }, 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(), b(k(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon arrow-up-icon",
-      "data-testid": "kui-icon-wrapper-arrow-up-icon",
-      style: x(c.value),
+      class: "kui-icon check-icon",
+      "data-testid": "kui-icon-wrapper-check-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-arrow-up-icon",
+          "data-testid": "kui-icon-svg-check-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -110,7 +110,7 @@ const k = ["aria-hidden"], p = '<path d="M11 20V7.825L5.4 13.425L4 12L12 4L20 12
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, k))
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));