@evance/evance-ui 1.1.6 → 1.1.8

package/dist/cjs/src/components/EvHotkey/EvHotkey.vue.cjs

@@ -0,0 +1,154 @@
+"use strict";
+/*! Evance UI v1.1.8 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                */
+const EvHotkey = require("./EvHotkey.cjs");
+const hotkeyParsing = require("../../composables/hotkey/hotkey-parsing.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("../EvIcon/EvIcon.vue.cjs");
+;/* empty css                      */
+const EvKbd = require("../EvKbd/EvKbd.cjs");
+const EvKbd_vue_vue_type_script_setup_true_lang = require("../EvKbd/EvKbd.vue.cjs");
+const locale = require("../../composables/locale.cjs");
+const modifiers = require("../../util/modifiers.cjs");
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
+  key: 0,
+  class: "ev-hotkey-divider",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvHotkey",
+  props: { ...EvHotkey.makeEvHotkeyProps() },
+  setup(__props) {
+    const props = __props;
+    const { t } = locale.useLocaleFunctions();
+    const isMac = vue.computed(() => {
+      return props.platform === "auto" ? typeof navigator !== "undefined" && /macintosh/i.test(navigator.userAgent) : props.platform === "mac";
+    });
+    const AND_DELINEATOR = Symbol("EvHotkey:AND_DELINEATOR");
+    const SLASH_DELINEATOR = Symbol("EvHotkey:SLASH_DELINEATOR");
+    const THEN_DELINEATOR = Symbol("EvHotkey:THEN_DELINEATOR");
+    const keyCombinations = vue.computed(() => {
+      if (!props.keys) {
+        return [];
+      }
+      const combinations = props.keys.split(" ");
+      return combinations.map((combination) => {
+        const result = [];
+        const sequenceGroups = hotkeyParsing.splitKeySequence(combination);
+        for (let i = 0; i < sequenceGroups.length; i++) {
+          const group = sequenceGroups[i];
+          if (i > 0) result.push(THEN_DELINEATOR);
+          const { keys: keyParts, separators } = hotkeyParsing.splitKeyCombination(group);
+          for (let j = 0; j < keyParts.length; j++) {
+            const part = keyParts[j];
+            if (j > 0) {
+              result.push(
+                separators[j - 1] === "/" ? SLASH_DELINEATOR : AND_DELINEATOR
+              );
+            }
+            result.push(
+              applyDisplayModeToKey(
+                props.keyMap,
+                props.displayMode,
+                part,
+                isMac.value
+              )
+            );
+          }
+        }
+        return result;
+      });
+    });
+    function applyDisplayModeToKey(keyMap, mode, key, isMac2) {
+      const lowerKey = key.toLowerCase();
+      if (lowerKey in keyMap) {
+        const result = processKey(keyMap[lowerKey], mode, isMac2);
+        if (result.text.startsWith("$")) {
+          result.text = t(result.text.replace("$", ""));
+        }
+        return result;
+      }
+      return {
+        icon: null,
+        text: key.toUpperCase()
+      };
+    }
+    function processKey(config, requestedMode, isMac2) {
+      const keyCfg = isMac2 && config.mac ? config.mac : config.default;
+      return {
+        icon: requestedMode === "icon" ? keyCfg.icon ?? null : null,
+        text: keyCfg.text ?? null
+      };
+    }
+    function isDivider(key) {
+      return key === AND_DELINEATOR || key === SLASH_DELINEATOR || key === THEN_DELINEATOR;
+    }
+    function getDivider(key) {
+      return key === AND_DELINEATOR ? "+" : key === SLASH_DELINEATOR ? "/" : t("hotkey.then");
+    }
+    const variantClass = vue.computed(() => {
+      return modifiers.variantModifier(props.variant ?? EvKbd.KbdVariant.default, ["default"]);
+    });
+    const accessibleLabel = vue.computed(() => {
+      if (!props.keys) return "";
+      const readableShortcuts = keyCombinations.value.map((combination) => {
+        const readableParts = [];
+        for (const key of combination) {
+          if (key === AND_DELINEATOR) {
+            readableParts.push(t("hotkey.plus"));
+          } else if (key === SLASH_DELINEATOR) {
+            readableParts.push(t("hotkey.or"));
+          } else if (key === THEN_DELINEATOR) {
+            readableParts.push(t("hotkey.then"));
+          } else {
+            readableParts.push(key.text);
+          }
+        }
+        return readableParts.join(" ");
+      });
+      const shortcutText = readableShortcuts.join(", ");
+      return t("hotkey.shortcut", { value: shortcutText });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        role: "img",
+        "aria-label": accessibleLabel.value,
+        class: vue.normalizeClass(["ev-hotkey", variantClass.value, props.class]),
+        style: vue.normalizeStyle(props.style)
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(keyCombinations.value, (combination, combinationIndex) => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            key: combinationIndex,
+            class: "ev-hotkey-combination"
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(combination, (key, keyIndex) => {
+              return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: keyIndex }, [
+                isDivider(key) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(getDivider(key)), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(EvKbd_vue_vue_type_script_setup_true_lang.default), {
+                  key: 1,
+                  class: "ev-hotkey-key",
+                  variant: props.variant,
+                  "aria-hidden": "true",
+                  title: key.text
+                }, {
+                  default: vue.withCtx(() => [
+                    key.icon ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+                      key: 0,
+                      glyph: key.icon
+                    }, null, 8, ["glyph"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      vue.createTextVNode(vue.toDisplayString(key.text), 1)
+                    ], 64))
+                  ]),
+                  _: 2
+                }, 1032, ["variant", "title"]))
+              ], 64);
+            }), 128))
+          ]);
+        }), 128))
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvHotkey.vue.cjs.map

package/dist/cjs/src/components/EvHotkey/EvHotkey.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvHotkey.vue.cjs","sources":["../../../../../src/components/EvHotkey/EvHotkey.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvHotkey.scss\";\nimport {\n    DisplayMode,\n    KeyMapConfig,\n    makeEvHotkeyProps,\n    PlatformKeyConfig,\n} from \"./EvHotkey\";\nimport { computed } from \"vue\";\nimport {\n    splitKeyCombination,\n    splitKeySequence,\n} from \"@/composables/hotkey/hotkey-parsing\";\nimport { useLocaleFunctions } from \"@/composables\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvKbd, KbdVariant } from \"@/components/EvKbd\";\nimport { variantModifier } from \"@/util\";\n\nconst props = defineProps({ ...makeEvHotkeyProps() });\nconst { t } = useLocaleFunctions();\nconst isMac = computed(() => {\n    return props.platform === \"auto\"\n        ? typeof navigator !== \"undefined\" &&\n              /macintosh/i.test(navigator.userAgent)\n        : props.platform === \"mac\";\n});\n\nconst AND_DELINEATOR = Symbol(\"EvHotkey:AND_DELINEATOR\"); // For + separators\nconst SLASH_DELINEATOR = Symbol(\"EvHotkey:SLASH_DELINEATOR\"); // For / separators\nconst THEN_DELINEATOR = Symbol(\"EvHotkey:THEN_DELINEATOR\"); // For - separators\nconst keyCombinations = computed(() => {\n    if (!props.keys) {\n        return [];\n    }\n    // Split by spaces to handle multiple key combinations\n    // Example: \"ctrl+k cmd+p\" -> [\"ctrl+k\", \"cmd+p\"]\n    const combinations = props.keys.split(\" \");\n    return combinations.map((combination) => {\n        const result = [];\n        const sequenceGroups = splitKeySequence(combination);\n        for (let i = 0; i < sequenceGroups.length; i++) {\n            const group = sequenceGroups[i];\n\n            // Add THEN delineator between sequence groups\n            if (i > 0) result.push(THEN_DELINEATOR);\n\n            const { keys: keyParts, separators } = splitKeyCombination(group);\n            for (let j = 0; j < keyParts.length; j++) {\n                const part = keyParts[j];\n\n                // Add AND delineator between keys\n                if (j > 0) {\n                    result.push(\n                        separators[j - 1] === \"/\"\n                            ? SLASH_DELINEATOR\n                            : AND_DELINEATOR,\n                    );\n                }\n                result.push(\n                    applyDisplayModeToKey(\n                        props.keyMap,\n                        props.displayMode,\n                        part,\n                        isMac.value,\n                    ),\n                );\n            }\n        }\n\n        return result;\n    });\n});\n\nfunction applyDisplayModeToKey(\n    keyMap: KeyMapConfig,\n    mode: DisplayMode,\n    key: string,\n    isMac: boolean,\n) {\n    const lowerKey = key.toLowerCase();\n    if (lowerKey in keyMap) {\n        const result = processKey(keyMap[lowerKey], mode, isMac);\n        if (result.text.startsWith(\"$\")) {\n            result.text = t(result.text.replace(\"$\", \"\"));\n        }\n        return result;\n    }\n    return {\n        icon: null,\n        text: key.toUpperCase(),\n    };\n}\n\nfunction processKey(\n    config: PlatformKeyConfig,\n    requestedMode: DisplayMode,\n    isMac: boolean,\n) {\n    const keyCfg = isMac && config.mac ? config.mac : config.default;\n    return {\n        icon: requestedMode === \"icon\" ? keyCfg.icon ?? null : null,\n        text: keyCfg.text ?? null,\n    };\n}\n\nfunction isDivider(key) {\n    return (\n        key === AND_DELINEATOR ||\n        key === SLASH_DELINEATOR ||\n        key === THEN_DELINEATOR\n    );\n}\n\nfunction getDivider(key) {\n    return key === AND_DELINEATOR\n        ? \"+\"\n        : key === SLASH_DELINEATOR\n          ? \"/\"\n          : t(\"hotkey.then\");\n}\n\nconst variantClass = computed(() => {\n    return variantModifier(props.variant ?? KbdVariant.default, [\"default\"]);\n});\n\nconst accessibleLabel = computed(() => {\n    if (!props.keys) return \"\";\n\n    const readableShortcuts = keyCombinations.value.map((combination) => {\n        const readableParts: string[] = [];\n\n        for (const key of combination) {\n            if (key === AND_DELINEATOR) {\n                readableParts.push(t(\"hotkey.plus\"));\n            } else if (key === SLASH_DELINEATOR) {\n                readableParts.push(t(\"hotkey.or\"));\n            } else if (key === THEN_DELINEATOR) {\n                readableParts.push(t(\"hotkey.then\"));\n            } else {\n                readableParts.push(key.text);\n            }\n        }\n        return readableParts.join(\" \");\n    });\n\n    const shortcutText = readableShortcuts.join(\", \");\n    return t(\"hotkey.shortcut\", { value: shortcutText });\n});\n\n</script>\n\n<template>\n    <div\n        role=\"img\"\n        :aria-label=\"accessibleLabel\"\n        :class=\"['ev-hotkey', variantClass, props.class]\"\n        :style=\"props.style\">\n        <template\n            v-for=\"(combination, combinationIndex) in keyCombinations\"\n            :key=\"combinationIndex\">\n            <span class=\"ev-hotkey-combination\">\n                <template\n                    v-for=\"(key, keyIndex) in combination\"\n                    :key=\"keyIndex\">\n                    <span\n                        v-if=\"isDivider(key)\"\n                        class=\"ev-hotkey-divider\"\n                        aria-hidden=\"true\">\n                        {{ getDivider(key) }}\n                    </span>\n                    <ev-kbd\n                        v-else\n                        class=\"ev-hotkey-key\"\n                        :variant=\"props.variant\"\n                        aria-hidden=\"true\"\n                        :title=\"key.text\">\n                        <ev-icon v-if=\"key.icon\" :glyph=\"key.icon\" />\n                        <template v-else>\n                            {{ key.text }}\n                        </template>\n                    </ev-kbd>\n                </template>\n            </span>\n        </template>\n    </div>\n</template>\n"],"names":["useLocaleFunctions","computed","splitKeySequence","splitKeyCombination","isMac","variantModifier","KbdVariant"],"mappings":"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"}

package/dist/cjs/src/components/EvHotkey/EvHotkey.vue2.cjs

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.1.8 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvHotkey_vue_vue_type_script_setup_true_lang = require("./EvHotkey.vue.cjs");
+exports.default = EvHotkey_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=EvHotkey.vue2.cjs.map

package/dist/cjs/src/components/EvHotkey/EvHotkey.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvHotkey.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/src/components/EvIcon/EvIcon.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const icons = require("../../composables/icons.cjs");

package/dist/cjs/src/components/EvIcon/EvIcon.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css              */

package/dist/cjs/src/components/EvIcon/EvIcon.vue3.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvIcon_vue_vue_type_script_setup_true_lang = require("./EvIcon.vue.cjs");
 ;/* empty css              */

package/dist/cjs/src/components/EvImg/EvImg.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const component = require("../../composables/component.cjs");
 const EvResponsive = require("../EvResponsive/EvResponsive.cjs");

package/dist/cjs/src/components/EvImg/EvImg.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css             */

package/dist/cjs/src/components/EvImg/EvImg.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvImg_vue_vue_type_script_setup_true_lang = require("./EvImg.vue.cjs");
 exports.default = EvImg_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvInfiniteScroll/EvInfiniteScroll.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tag = require("../../composables/tag.cjs");
 const dimensions = require("../../composables/dimensions.cjs");

package/dist/cjs/src/components/EvInfiniteScroll/EvInfiniteScroll.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                        */

package/dist/cjs/src/components/EvInfiniteScroll/EvInfiniteScroll.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvInfiniteScroll_vue_vue_type_script_setup_true_lang = require("./EvInfiniteScroll.vue.cjs");
 exports.default = EvInfiniteScroll_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const intersectionObserver = require("../../composables/intersectionObserver.cjs");

package/dist/cjs/src/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvInfiniteScrollIntersect_vue_vue_type_script_setup_true_lang = require("./EvInfiniteScrollIntersect.vue.cjs");
 exports.default = EvInfiniteScrollIntersect_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvInfiniteScroll/EvInfiniteScrollSide.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const EvButton_vue_vue_type_script_setup_true_lang = require("../EvButton/EvButton.vue.cjs");

package/dist/cjs/src/components/EvInfiniteScroll/EvInfiniteScrollSide.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvInfiniteScrollSide_vue_vue_type_script_setup_true_lang = require("./EvInfiniteScrollSide.vue.cjs");
 exports.default = EvInfiniteScrollSide_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvKbd/EvKbd.cjs

@@ -1,15 +1,23 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const component = require("../../composables/component.cjs");
 const props = require("../../util/props.cjs");
+const KbdVariant = {
+  default: "default",
+  tonal: "tonal",
+  outlined: "outlined",
+  bold: "bold",
+  text: "text"
+};
 const makeEvKbdProps = props.propsFactory(
   {
     value: String,
-    size: String,
+    variant: String,
     ...component.makeComponentProps()
   },
   "EvKbd"
 );
+exports.KbdVariant = KbdVariant;
 exports.makeEvKbdProps = makeEvKbdProps;
 //# sourceMappingURL=EvKbd.cjs.map

package/dist/cjs/src/components/EvKbd/EvKbd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvKbd.cjs","sources":["../../../../../src/components/EvKbd/EvKbd.ts"],"sourcesContent":["import { InputSizeProp, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const makeEvKbdProps = propsFactory(\n    {\n        value: String,\n        size: String as PropType<InputSizeProp>,\n\n        ...makeComponentProps(),\n    },\n    \"EvKbd\",\n);\n"],"names":["propsFactory","makeComponentProps"],"mappings":";;;;;AAIO,MAAM,iBAAiBA,MAAA;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IAEN,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;"}
+{"version":3,"file":"EvKbd.cjs","sources":["../../../../../src/components/EvKbd/EvKbd.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const KbdVariant = {\n    default: \"default\",\n    tonal: \"tonal\",\n    outlined: \"outlined\",\n    bold: \"bold\",\n    text: \"text\",\n};\nexport type KbdVariantProp = (typeof KbdVariant)[keyof typeof KbdVariant];\n\nexport const makeEvKbdProps = propsFactory(\n    {\n        value: String,\n        variant: String as PropType<KbdVariantProp>,\n\n        ...makeComponentProps(),\n    },\n    \"EvKbd\",\n);\n"],"names":["propsFactory","makeComponentProps"],"mappings":";;;;;AAIO,MAAM,aAAa;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AACV;AAGO,MAAM,iBAAiBA,MAAA;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,IAET,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;;"}

package/dist/cjs/src/components/EvKbd/EvKbd.vue.cjs

@@ -1,11 +1,10 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css             */
 const EvKbd = require("./EvKbd.cjs");
 const modifiers = require("../../util/modifiers.cjs");
-const appearance = require("../../util/appearance.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "EvKbd",
   props: {
@@ -13,12 +12,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const variantClass = vue.computed(() => {
+      return modifiers.variantModifier(props.variant ?? EvKbd.KbdVariant.default, ["default"]);
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("kbd", {
         class: vue.normalizeClass([
           "ev-kbd",
           props.class,
-          vue.unref(modifiers.sizeModifier)(props.size, [vue.unref(appearance.InputSize).default])
+          variantClass.value
         ]),
         style: vue.normalizeStyle(props.style)
       }, [

package/dist/cjs/src/components/EvKbd/EvKbd.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvKbd.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvKbd.vue.cjs","sources":["../../../../../src/components/EvKbd/EvKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-kbd>`\n */\nimport \"./EvKbd.scss\";\nimport { KbdVariant, makeEvKbdProps } from \"./EvKbd\";\nimport { variantModifier } from \"@/util\";\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvKbdProps(),\n});\n\nconst variantClass = computed(() => {\n    return variantModifier(props.variant ?? KbdVariant.default, [\"default\"]);\n});\n</script>\n\n<template>\n    <kbd\n        :class=\"[\n            'ev-kbd',\n            props.class,\n            variantClass,\n        ]\"\n        :style=\"props.style\">\n        <slot>{{ props.value }}</slot>\n    </kbd>\n</template>\n"],"names":["computed","variantModifier","KbdVariant"],"mappings":";;;;;;;;;;;;;;AAaM,UAAA,eAAeA,IAAAA,SAAS,MAAM;AAChC,aAAOC,UAAAA,gBAAgB,MAAM,WAAWC,iBAAW,SAAS,CAAC,SAAS,CAAC;AAAA,IAAA,CAC1E;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/src/components/EvKbd/EvKbd.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvKbd_vue_vue_type_script_setup_true_lang = require("./EvKbd.vue.cjs");
 exports.default = EvKbd_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvLabel/EvLabel.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const component = require("../../composables/component.cjs");
 const props = require("../../util/props.cjs");

package/dist/cjs/src/components/EvLabel/EvLabel.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css               */

package/dist/cjs/src/components/EvLabel/EvLabel.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvLabel_vue_vue_type_script_setup_true_lang = require("./EvLabel.vue.cjs");
 exports.default = EvLabel_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvLink/EvLink.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const component = require("../../composables/component.cjs");
 const icons = require("../../composables/icons.cjs");

package/dist/cjs/src/components/EvLink/EvLink.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css              */

package/dist/cjs/src/components/EvLink/EvLink.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvLink_vue_vue_type_script_setup_true_lang = require("./EvLink.vue.cjs");
 exports.default = EvLink_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvList/EvList.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const listItems = require("../../composables/lists/list-items.cjs");
 const nested = require("../../composables/lists/nested.cjs");

package/dist/cjs/src/components/EvList/EvList.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css              */

package/dist/cjs/src/components/EvList/EvList.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvList_vue_vue_type_script_setup_true_lang = require("./EvList.vue.cjs");
 exports.default = EvList_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvList/EvListChildren.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const EvListItem_vue_vue_type_script_setup_true_lang = require("../EvListItem/EvListItem.vue.cjs");

package/dist/cjs/src/components/EvList/EvListChildren.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvListChildren_vue_vue_type_script_setup_true_lang = require("./EvListChildren.vue.cjs");
 exports.default = EvListChildren_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvListItem/EvListItem.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const router = require("../../composables/router.cjs");
 const icons = require("../../composables/icons.cjs");

package/dist/cjs/src/components/EvListItem/EvListItem.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                  */
@@ -16,10 +16,10 @@ const EvText_vue_vue_type_script_setup_true_lang = require("../EvText/EvText.vue
 const ChevronRightIcon = require("../../icons/glyph/ChevronRightIcon.svg.cjs");
 const DotIcon = require("../../icons/glyph/DotIcon.svg.cjs");
 const EvListChildren_vue_vue_type_script_setup_true_lang = require("../EvList/EvListChildren.vue.cjs");
+const EvTransition = require("../EvTransition/EvTransition.cjs");
 const expandTransition = require("../EvTransition/transitions/expandTransition.cjs");
 const modelProxy = require("../../composables/modelProxy.cjs");
 const helpers = require("../../util/helpers.cjs");
-const EvTransition = require("../EvTransition/EvTransition.cjs");
 const _hoisted_1 = { class: "ev-list-item--label" };
 const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", {
   "aria-hidden": "true",

package/dist/cjs/src/components/EvListItem/EvListItem.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvListItem.vue.cjs","sources":["../../../../../src/components/EvListItem/EvListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvListItem.scss\";\nimport { makeEvListItemProps } from \"./EvListItem\";\nimport { computed, mergeProps, toDisplayString, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router\";\nimport { useList, useNestedListItem } from \"@/composables/lists\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvText } from \"@/components/EvText\";\nimport { getNextId } from \"@/util\";\nimport { ChevronRightIcon, DotIcon } from \"@/icons\";\nimport { useModelProxy } from \"@/composables\";\nimport EvListChildren from \"@/components/EvList/EvListChildren.vue\";\nimport { EvTransition } from \"@/components/EvTransition\";\nimport ExpandTransitionGenerator from \"@/components/EvTransition/transitions/expandTransition\";\n\n// Emit\nconst emit = defineEmits([\"click\"]);\n\nconst props = defineProps({\n    ...makeEvListItemProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n    iconStart(): never;\n    iconEnd(): never;\n    prefix(): never;\n    suffix(): never;\n    children(): never;\n}>();\n\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst list = useList();\nconst id = computed(() =>\n    props.value === undefined ? link.href.value : props.value,\n);\nconst isLoading = useModelProxy(props, \"loading\");\nconst hasChildren = computed(() => {\n    return !!slots.children || !!props.children;\n});\nconst { select, isSelected, isOpen, open, root } = useNestedListItem(id, hasChildren.value);\nconst isLink = computed(() => props.link !== false && link.isLink.value);\nconst isClickable = computed(() => {\n    return (\n        !props.disabled &&\n        props.link !== false &&\n        (props.link ||\n            link.isClickable.value ||\n            (props.value != null && !!list))\n    );\n});\nconst isActive = computed(() => {\n    return props.active !== false && (props.active || link.isActive?.value);\n});\nconst isActiveExact = computed(() => {\n    return (\n        props.exact !== false &&\n        (props.exact || link.isExactActive?.value || isSelected.value)\n    );\n});\nconst itemElement = computed(() => {\n    return isLink.value ? \"a\" : props.tag;\n});\nconst tabIndex = computed(() => {\n    return isClickable.value ? (list ? -2 : 0) : null;\n});\n\n/**\n * # onClick Handler\n * @param e\n */\nfunction onClick(e: MouseEvent): void {\n    emit(\"click\", e);\n    if (!isClickable.value) {\n        return;\n    }\n    link.navigate?.(e);\n    if (props.value != null) {\n        select(!isSelected.value, e);\n    }\n}\n\n/**\n * # onKeyDown Handler\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n}\n\nconst hasClickListener = computed(\n    () => !!link.isClickable.value || !!props.onClick,\n);\n\nconst titleProps = computed(() => {\n    return mergeProps(\n        {\n            truncate: true,\n            text: toDisplayString(props.title),\n        },\n        props.titleProps,\n    );\n});\n\nconst subtitleProps = computed(() => {\n    return mergeProps(\n        {\n            appearance: \"subtle\",\n            size: \"small\",\n            truncate: true,\n            text: toDisplayString(props.subtitle),\n        },\n        props.subtitleProps,\n    );\n});\n\nconst parsedActions = computed(() =>\n    props.actions.map((action) => ({\n        props: action,\n        id: getNextId(),\n    })),\n);\nconst hasActions = computed(() => !!parsedActions.value.length);\nconst parsedActionsOnHover = computed(() =>\n    props.actionsOnHover.map((action) => ({\n        props: action,\n        id: getNextId(),\n    })),\n);\nconst hasActionsOnHover = computed(() => !!parsedActionsOnHover.value.length);\n\nconst transition = ExpandTransitionGenerator(\"\", false);\nconst showCaret = computed(() => {\n    return isLoading.value || hasChildren.value || root.isNested.value;\n});\n\nfunction onClickOpener(e: Event) {\n    open(!isOpen.value, e);\n}\n\n</script>\n\n<template>\n    <li\n        :class=\"[\n            'ev-list-item',\n            {\n                'is-disabled': props.disabled,\n                'is-open': isOpen,\n            },\n            props.class,\n        ]\">\n        <div\n            role=\"listitem\"\n            :class=\"[\n                'ev-list-item-content',\n                {\n                    'is-active': isActive,\n                    'is-active--exact': isActiveExact,\n                    'is-clickable': isClickable || hasClickListener,\n                    'is-actions-on-hover': hasActionsOnHover,\n                },\n            ]\"\n            :style=\"props.style\">\n            <component\n                :is=\"itemElement\"\n                :href=\"link.href.value\"\n                :tabindex=\"tabIndex\"\n                class=\"ev-list-item--button\"\n                @click=\"onClick\"\n                @keydown.enter=\"onKeyDown\"\n                @keydown.space=\"onKeyDown\">\n                <div class=\"ev-list-item--label\">\n                    <slot name=\"default\">\n                        <ev-text\n                            tag=\"div\"\n                            class=\"ev-list-item--title\"\n                            v-bind=\"titleProps\" />\n                        <ev-text\n                            v-if=\"props.subtitle\"\n                            tag=\"div\"\n                            class=\"ev-list-item--subtitle\"\n                            v-bind=\"subtitleProps\" />\n                    </slot>\n                </div>\n                <div aria-hidden=\"true\" class=\"ev-list-item--indicator\"></div>\n            </component>\n            <div v-if=\"showCaret\" class=\"ev-list-item--caret\">\n                <ev-button\n                    v-if=\"hasChildren\"\n                    icon\n                    size=\"x-small\"\n                    variant=\"subtle\"\n                    :loading=\"isLoading\"\n                    :icon-start=\"ChevronRightIcon\"\n                    @click=\"onClickOpener\" />\n                <ev-icon v-else :glyph=\"DotIcon\" />\n            </div>\n            <div\n                v-if=\"slots.iconStart || props.iconStart\"\n                class=\"ev-list-item--icon-start\">\n                <slot name=\"iconStart\">\n                    <ev-icon :glyph=\"props.iconStart\" />\n                </slot>\n            </div>\n            <div v-if=\"slots.prefix\" class=\"ev-list-item--prefix\">\n                <slot name=\"prefix\" />\n            </div>\n            <div v-if=\"slots.suffix\" class=\"ev-list-item--suffix\">\n                <slot name=\"suffix\" />\n            </div>\n            <div\n                v-if=\"hasActions || hasActionsOnHover\"\n                class=\"ev-list-item--actions\">\n                <ev-button-group size=\"x-small\" variant=\"subtle\">\n                    <ev-button\n                        v-for=\"action in parsedActionsOnHover\"\n                        :key=\"action.id\"\n                        v-bind=\"action.props\"\n                        class=\"is-show-on-hover\" />\n                    <ev-button\n                        v-for=\"action in parsedActions\"\n                        :key=\"action.id\"\n                        v-bind=\"action.props\" />\n                </ev-button-group>\n            </div>\n            <div\n                v-if=\"slots.iconEnd || props.iconEnd\"\n                class=\"ev-list-item--icon-end\">\n                <slot name=\"iconEnd\">\n                    <ev-icon :glyph=\"props.iconEnd\" />\n                </slot>\n            </div>\n        </div>\n\n        <template v-if=\"hasChildren\">\n            <ev-transition name=\"ev-list-group-transition\" v-bind=\"transition\">\n                <ul v-show=\"isOpen\" class=\"ev-list-item-children\" role=\"group\">\n                    <slot name=\"children\">\n                        <ev-list-children\n                            :items=\"props.children\"\n                            :return-object=\"props.returnObject\" />\n                    </slot>\n                </ul>\n            </ev-transition>\n        </template>\n    </li>\n</template>\n"],"names":["_useSlots","useAttrs","useRouterLinkOrHref","list","useList","computed","useModelProxy","useNestedListItem","mergeProps","toDisplayString","getNextId","ExpandTransitionGenerator"],"mappings":"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"}
+{"version":3,"file":"EvListItem.vue.cjs","sources":["../../../../../src/components/EvListItem/EvListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvListItem.scss\";\nimport { makeEvListItemProps } from \"./EvListItem\";\nimport { computed, mergeProps, toDisplayString, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router\";\nimport { useList, useNestedListItem } from \"@/composables/lists\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { EvText } from \"@/components/EvText\";\nimport { getNextId } from \"@/util\";\nimport { ChevronRightIcon, DotIcon } from \"@/icons\";\nimport { useModelProxy } from \"@/composables\";\nimport EvListChildren from \"@/components/EvList/EvListChildren.vue\";\nimport { EvTransition } from \"@/components/EvTransition\";\nimport ExpandTransitionGenerator from \"@/components/EvTransition/transitions/expandTransition\";\n\n// Emit\nconst emit = defineEmits([\"click\"]);\n\nconst props = defineProps({\n    ...makeEvListItemProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n    iconStart(): never;\n    iconEnd(): never;\n    prefix(): never;\n    suffix(): never;\n    children(): never;\n}>();\n\nconst attrs = useAttrs();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\nconst list = useList();\nconst id = computed(() =>\n    props.value === undefined ? link.href.value : props.value,\n);\nconst isLoading = useModelProxy(props, \"loading\");\nconst hasChildren = computed(() => {\n    return !!slots.children || !!props.children;\n});\nconst { select, isSelected, isOpen, open, root } = useNestedListItem(id, hasChildren.value);\nconst isLink = computed(() => props.link !== false && link.isLink.value);\nconst isClickable = computed(() => {\n    return (\n        !props.disabled &&\n        props.link !== false &&\n        (props.link ||\n            link.isClickable.value ||\n            (props.value != null && !!list))\n    );\n});\nconst isActive = computed(() => {\n    return props.active !== false && (props.active || link.isActive?.value);\n});\nconst isActiveExact = computed(() => {\n    return (\n        props.exact !== false &&\n        (props.exact || link.isExactActive?.value || isSelected.value)\n    );\n});\nconst itemElement = computed(() => {\n    return isLink.value ? \"a\" : props.tag;\n});\nconst tabIndex = computed(() => {\n    return isClickable.value ? (list ? -2 : 0) : null;\n});\n\n/**\n * # onClick Handler\n * @param e\n */\nfunction onClick(e: MouseEvent): void {\n    emit(\"click\", e);\n    if (!isClickable.value) {\n        return;\n    }\n    link.navigate?.(e);\n    if (props.value != null) {\n        select(!isSelected.value, e);\n    }\n}\n\n/**\n * # onKeyDown Handler\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    e.preventDefault();\n    onClick(e as any as MouseEvent);\n}\n\nconst hasClickListener = computed(\n    () => !!link.isClickable.value || !!props.onClick,\n);\n\nconst titleProps = computed(() => {\n    return mergeProps(\n        {\n            truncate: true,\n            text: toDisplayString(props.title),\n        },\n        props.titleProps,\n    );\n});\n\nconst subtitleProps = computed(() => {\n    return mergeProps(\n        {\n            appearance: \"subtle\",\n            size: \"small\",\n            truncate: true,\n            text: toDisplayString(props.subtitle),\n        },\n        props.subtitleProps,\n    );\n});\n\nconst parsedActions = computed(() =>\n    props.actions.map((action) => ({\n        props: action,\n        id: getNextId(),\n    })),\n);\nconst hasActions = computed(() => !!parsedActions.value.length);\nconst parsedActionsOnHover = computed(() =>\n    props.actionsOnHover.map((action) => ({\n        props: action,\n        id: getNextId(),\n    })),\n);\nconst hasActionsOnHover = computed(() => !!parsedActionsOnHover.value.length);\n\nconst transition = ExpandTransitionGenerator(\"\", false);\nconst showCaret = computed(() => {\n    return isLoading.value || hasChildren.value || root.isNested.value;\n});\n\nfunction onClickOpener(e: Event) {\n    open(!isOpen.value, e);\n}\n</script>\n\n<template>\n    <li\n        :class=\"[\n            'ev-list-item',\n            {\n                'is-disabled': props.disabled,\n                'is-open': isOpen,\n            },\n            props.class,\n        ]\">\n        <div\n            role=\"listitem\"\n            :class=\"[\n                'ev-list-item-content',\n                {\n                    'is-active': isActive,\n                    'is-active--exact': isActiveExact,\n                    'is-clickable': isClickable || hasClickListener,\n                    'is-actions-on-hover': hasActionsOnHover,\n                },\n            ]\"\n            :style=\"props.style\">\n            <component\n                :is=\"itemElement\"\n                :href=\"link.href.value\"\n                :tabindex=\"tabIndex\"\n                class=\"ev-list-item--button\"\n                @click=\"onClick\"\n                @keydown.enter=\"onKeyDown\"\n                @keydown.space=\"onKeyDown\">\n                <div class=\"ev-list-item--label\">\n                    <slot name=\"default\">\n                        <ev-text\n                            tag=\"div\"\n                            class=\"ev-list-item--title\"\n                            v-bind=\"titleProps\" />\n                        <ev-text\n                            v-if=\"props.subtitle\"\n                            tag=\"div\"\n                            class=\"ev-list-item--subtitle\"\n                            v-bind=\"subtitleProps\" />\n                    </slot>\n                </div>\n                <div aria-hidden=\"true\" class=\"ev-list-item--indicator\"></div>\n            </component>\n            <div v-if=\"showCaret\" class=\"ev-list-item--caret\">\n                <ev-button\n                    v-if=\"hasChildren\"\n                    icon\n                    size=\"x-small\"\n                    variant=\"subtle\"\n                    :loading=\"isLoading\"\n                    :icon-start=\"ChevronRightIcon\"\n                    @click=\"onClickOpener\" />\n                <ev-icon v-else :glyph=\"DotIcon\" />\n            </div>\n            <div\n                v-if=\"slots.iconStart || props.iconStart\"\n                class=\"ev-list-item--icon-start\">\n                <slot name=\"iconStart\">\n                    <ev-icon :glyph=\"props.iconStart\" />\n                </slot>\n            </div>\n            <div v-if=\"slots.prefix\" class=\"ev-list-item--prefix\">\n                <slot name=\"prefix\" />\n            </div>\n            <div v-if=\"slots.suffix\" class=\"ev-list-item--suffix\">\n                <slot name=\"suffix\" />\n            </div>\n            <div\n                v-if=\"hasActions || hasActionsOnHover\"\n                class=\"ev-list-item--actions\">\n                <ev-button-group size=\"x-small\" variant=\"subtle\">\n                    <ev-button\n                        v-for=\"action in parsedActionsOnHover\"\n                        :key=\"action.id\"\n                        v-bind=\"action.props\"\n                        class=\"is-show-on-hover\" />\n                    <ev-button\n                        v-for=\"action in parsedActions\"\n                        :key=\"action.id\"\n                        v-bind=\"action.props\" />\n                </ev-button-group>\n            </div>\n            <div\n                v-if=\"slots.iconEnd || props.iconEnd\"\n                class=\"ev-list-item--icon-end\">\n                <slot name=\"iconEnd\">\n                    <ev-icon :glyph=\"props.iconEnd\" />\n                </slot>\n            </div>\n        </div>\n\n        <template v-if=\"hasChildren\">\n            <ev-transition name=\"ev-list-group-transition\" v-bind=\"transition\">\n                <ul v-show=\"isOpen\" class=\"ev-list-item-children\" role=\"group\">\n                    <slot name=\"children\">\n                        <ev-list-children\n                            :items=\"props.children\"\n                            :return-object=\"props.returnObject\" />\n                    </slot>\n                </ul>\n            </ev-transition>\n        </template>\n    </li>\n</template>\n"],"names":["_useSlots","useAttrs","useRouterLinkOrHref","list","useList","computed","useModelProxy","useNestedListItem","mergeProps","toDisplayString","getNextId","ExpandTransitionGenerator"],"mappings":"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"}

package/dist/cjs/src/components/EvListItem/EvListItem.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvListItem_vue_vue_type_script_setup_true_lang = require("./EvListItem.vue.cjs");
 exports.default = EvListItem_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvLozenge/EvLozenge.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const icons = require("../../composables/icons.cjs");
 const component = require("../../composables/component.cjs");

package/dist/cjs/src/components/EvLozenge/EvLozenge.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css                 */

package/dist/cjs/src/components/EvLozenge/EvLozenge.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvLozenge_vue_vue_type_script_setup_true_lang = require("./EvLozenge.vue.cjs");
 exports.default = EvLozenge_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/src/components/EvMenu/EvMenu.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const EvOverlay = require("../EvOverlay/EvOverlay.cjs");
 const EvMenuTransition_vue_vue_type_script_setup_true_lang = require("./EvMenuTransition.vue.cjs");

package/dist/cjs/src/components/EvMenu/EvMenu.vue.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 ;/* empty css              */

package/dist/cjs/src/components/EvMenu/EvMenu.vue2.cjs

@@ -1,5 +1,5 @@
 "use strict";
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const EvMenu_vue_vue_type_script_setup_true_lang = require("./EvMenu.vue.cjs");
 exports.default = EvMenu_vue_vue_type_script_setup_true_lang.default;