@evance/evance-ui 1.1.6 → 1.1.8

package/dist/esm/src/components/EvForm/EvForm.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvForm.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvFormHelp/EvFormHelp.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/props.mjs";
 const makeEvFormHelpProps = propsFactory(

package/dist/esm/src/components/EvFormHelp/EvFormHelp.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, toRef, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
 /* empty css                 */
 import { makeEvFormHelpProps } from "./EvFormHelp.mjs";

package/dist/esm/src/components/EvFormHelp/EvFormHelp.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvFormHelp.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvGrid/EvBlock/EvBlock.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeComponentProps } from "../../../composables/component.mjs";
 import { makeTagProps } from "../../../composables/tag.mjs";
 import { propsFactory } from "../../../util/props.mjs";

package/dist/esm/src/components/EvGrid/EvBlock/EvBlock.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
 /* empty css              */
 import { makeEvBlockProps } from "./EvBlock.mjs";

package/dist/esm/src/components/EvGrid/EvBlock/EvBlock.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvBlock.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvGrid/EvContainer/EvContainer.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeComponentProps } from "../../../composables/component.mjs";
 import { makeTagProps } from "../../../composables/tag.mjs";
 import { propsFactory } from "../../../util/props.mjs";

package/dist/esm/src/components/EvGrid/EvContainer/EvContainer.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
 /* empty css                  */
 import { makeEvContainerProps } from "./EvContainer.mjs";

package/dist/esm/src/components/EvGrid/EvContainer/EvContainer.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvContainer.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvGrid/EvLayout/EvLayout.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeComponentProps } from "../../../composables/component.mjs";
 import { makeTagProps } from "../../../composables/tag.mjs";
 import { propsFactory } from "../../../util/props.mjs";

package/dist/esm/src/components/EvGrid/EvLayout/EvLayout.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
 /* empty css               */
 import { makeEvLayoutProps } from "./EvLayout.mjs";

package/dist/esm/src/components/EvGrid/EvLayout/EvLayout.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvLayout.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvGrid/EvSpacer/EvSpacer.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeComponentProps } from "../../../composables/component.mjs";
 import { propsFactory } from "../../../util/props.mjs";
 const makeEvSpacerProps = propsFactory(

package/dist/esm/src/components/EvGrid/EvSpacer/EvSpacer.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
 /* empty css               */
 import { makeEvSpacerProps } from "./EvSpacer.mjs";

package/dist/esm/src/components/EvGrid/EvSpacer/EvSpacer.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvSpacer.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvHeading/EvHeading.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/props.mjs";

package/dist/esm/src/components/EvHeading/EvHeading.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, useCssVars, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 /* empty css                */
 import { makeEvHeadingProps, EvHeadingTag, EvHeadingSize, EvHeadingClass } from "./EvHeading.mjs";

package/dist/esm/src/components/EvHeading/EvHeading.vue3.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvHeading.vue.mjs";
 /* empty css                */
 export {

package/dist/esm/src/components/EvHotkey/EvHotkey.mjs

@@ -0,0 +1,97 @@
+/*! Evance UI v1.1.8 | MIT License */
+import KbdArrowDownIcon from "../../icons/glyph/KbdArrowDownIcon.svg.mjs";
+import KbdArrowLeftIcon from "../../icons/glyph/KbdArrowLeftIcon.svg.mjs";
+import KbdArrowRightIcon from "../../icons/glyph/KbdArrowRightIcon.svg.mjs";
+import KbdArrowUpIcon from "../../icons/glyph/KbdArrowUpIcon.svg.mjs";
+import KbdBackspaceIcon from "../../icons/glyph/KbdBackspaceIcon.svg.mjs";
+import KbdCommandIcon from "../../icons/glyph/KbdCommandIcon.svg.mjs";
+import KbdControlIcon from "../../icons/glyph/KbdControlIcon.svg.mjs";
+import KbdOptionIcon from "../../icons/glyph/KbdOptionIcon.svg.mjs";
+import KbdReturnIcon from "../../icons/glyph/KbdReturnIcon.svg.mjs";
+import KbdShiftIcon from "../../icons/glyph/KbdShiftIcon.svg.mjs";
+import KbdSpaceIcon from "../../icons/glyph/KbdSpaceIcon.svg.mjs";
+import KbdTabIcon from "../../icons/glyph/KbdTabIcon.svg.mjs";
+import { makeComponentProps } from "../../composables/component.mjs";
+import { propsFactory } from "../../util/props.mjs";
+const hotkeyMap = {
+  alt: {
+    mac: { icon: KbdOptionIcon, text: "$hotkey.option" },
+    default: { text: "Alt" }
+  },
+  arrowdown: {
+    default: { icon: KbdArrowDownIcon, text: "$hotkey.arrowDown" }
+  },
+  arrowleft: {
+    default: { icon: KbdArrowLeftIcon, text: "$hotkey.arrowLeft" }
+  },
+  arrowright: {
+    default: { icon: KbdArrowRightIcon, text: "$hotkey.arrowRight" }
+  },
+  arrowup: {
+    default: { icon: KbdArrowUpIcon, text: "$hotkey.arrowUp" }
+  },
+  backspace: {
+    default: { icon: KbdBackspaceIcon, text: "$hotkey.backspace" }
+  },
+  cmd: {
+    mac: { icon: KbdCommandIcon, text: "$hotkey.command" },
+    default: { text: "Ctrl" }
+  },
+  ctrl: {
+    mac: { icon: KbdControlIcon, text: "$hotkey.ctrl" },
+    default: { text: "Ctrl" }
+  },
+  enter: {
+    default: { icon: KbdReturnIcon, text: "$hotkey.enter" }
+  },
+  escape: {
+    default: { text: "$hotkey.escape" }
+  },
+  meta: {
+    mac: { icon: KbdCommandIcon, text: "$hotkey.command" },
+    default: { text: "Win" }
+  },
+  shift: {
+    mac: { icon: KbdShiftIcon, text: "$hotkey.shift" },
+    default: { text: "Shift" }
+  },
+  tab: {
+    mac: { icon: KbdTabIcon, text: "$hotkey.tab" },
+    default: { text: "$hotkey.tab" }
+  },
+  " ": {
+    mac: { icon: KbdSpaceIcon, text: "$hotkey.space" },
+    default: { text: "$hotkey.space" }
+  },
+  "-": {
+    default: { text: "-" }
+  }
+};
+const makeEvHotkeyProps = propsFactory(
+  {
+    displayMode: {
+      type: String,
+      default: "icon"
+    },
+    keyMap: {
+      type: Object,
+      default: () => hotkeyMap
+    },
+    keys: String,
+    platform: {
+      type: String,
+      default: "auto"
+    },
+    variant: {
+      type: String,
+      default: "default"
+    },
+    ...makeComponentProps()
+  },
+  "EvHotkey"
+);
+export {
+  hotkeyMap,
+  makeEvHotkeyProps
+};
+//# sourceMappingURL=EvHotkey.mjs.map

package/dist/esm/src/components/EvHotkey/EvHotkey.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvHotkey.mjs","sources":["../../../../../src/components/EvHotkey/EvHotkey.ts"],"sourcesContent":["import { IconValue, makeComponentProps } from \"@/composables\";\nimport {\n    KbdArrowDownIcon,\n    KbdArrowLeftIcon,\n    KbdArrowRightIcon,\n    KbdArrowUpIcon,\n    KbdBackspaceIcon,\n    KbdCommandIcon,\n    KbdControlIcon,\n    KbdOptionIcon,\n    KbdReturnIcon,\n    KbdShiftIcon,\n    KbdSpaceIcon,\n    KbdTabIcon,\n} from \"@/icons\";\nimport { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { KbdVariantProp } from \"@/components\";\n\nexport type DisplayMode = \"icon\" | \"text\";\n\nexport type Key =\n    | [Exclude<DisplayMode, \"icon\">, string, string]\n    | [Extract<DisplayMode, \"icon\">, IconValue, string];\n\n// Key display tuple: [mode, content] where content is string or IconValue\nexport type KeyDisplay =\n    | [Exclude<DisplayMode, \"icon\">, string]\n    | [Extract<DisplayMode, \"icon\">, IconValue];\n\nexport type KeyConfig = {\n    icon?: IconValue;\n    text: string;\n};\n\nexport type PlatformKeyConfig = {\n    mac?: KeyConfig;\n    default: KeyConfig;\n};\n\nexport type KeyMapConfig = Record<string, PlatformKeyConfig>;\n\nexport const hotkeyMap: KeyMapConfig = {\n    alt: {\n        mac: { icon: KbdOptionIcon, text: \"$hotkey.option\" },\n        default: { text: \"Alt\" },\n    },\n    arrowdown: {\n        default: { icon: KbdArrowDownIcon, text: \"$hotkey.arrowDown\" },\n    },\n    arrowleft: {\n        default: { icon: KbdArrowLeftIcon, text: \"$hotkey.arrowLeft\" },\n    },\n    arrowright: {\n        default: { icon: KbdArrowRightIcon, text: \"$hotkey.arrowRight\" },\n    },\n    arrowup: {\n        default: { icon: KbdArrowUpIcon, text: \"$hotkey.arrowUp\" },\n    },\n    backspace: {\n        default: { icon: KbdBackspaceIcon, text: \"$hotkey.backspace\" },\n    },\n    cmd: {\n        mac: { icon: KbdCommandIcon, text: \"$hotkey.command\" },\n        default: { text: \"Ctrl\" },\n    },\n    ctrl: {\n        mac: { icon: KbdControlIcon, text: \"$hotkey.ctrl\" },\n        default: { text: \"Ctrl\" },\n    },\n    enter: {\n        default: { icon: KbdReturnIcon, text: \"$hotkey.enter\" },\n    },\n    escape: {\n        default: { text: \"$hotkey.escape\" },\n    },\n    meta: {\n        mac: { icon: KbdCommandIcon, text: \"$hotkey.command\" },\n        default: { text: \"Win\" },\n    },\n    shift: {\n        mac: { icon: KbdShiftIcon, text: \"$hotkey.shift\" },\n        default: { text: \"Shift\" },\n    },\n    tab: {\n        mac: { icon: KbdTabIcon, text: \"$hotkey.tab\" },\n        default: { text: \"$hotkey.tab\" },\n    },\n    \" \": {\n        mac: { icon: KbdSpaceIcon, text: \"$hotkey.space\" },\n        default: { text: \"$hotkey.space\" },\n    },\n    \"-\": {\n        default: { text: \"-\" },\n    },\n};\n\nexport const makeEvHotkeyProps = propsFactory(\n    {\n        displayMode: {\n            type: String as PropType<DisplayMode>,\n            default: \"icon\",\n        },\n        keyMap: {\n            type: Object as PropType<KeyMapConfig>,\n            default: () => hotkeyMap,\n        },\n        keys: String,\n        platform: {\n            type: String as PropType<\"auto\" | \"pc\" | \"mac\">,\n            default: \"auto\",\n        },\n        variant: {\n            type: String as PropType<KbdVariantProp>,\n            default: \"default\",\n        },\n\n        ...makeComponentProps(),\n    },\n    \"EvHotkey\",\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA0CO,MAAM,YAA0B;AAAA,EACnC,KAAK;AAAA,IACD,KAAK,EAAE,MAAM,eAAe,MAAM,iBAAiB;AAAA,IACnD,SAAS,EAAE,MAAM,MAAM;AAAA,EAC3B;AAAA,EACA,WAAW;AAAA,IACP,SAAS,EAAE,MAAM,kBAAkB,MAAM,oBAAoB;AAAA,EACjE;AAAA,EACA,WAAW;AAAA,IACP,SAAS,EAAE,MAAM,kBAAkB,MAAM,oBAAoB;AAAA,EACjE;AAAA,EACA,YAAY;AAAA,IACR,SAAS,EAAE,MAAM,mBAAmB,MAAM,qBAAqB;AAAA,EACnE;AAAA,EACA,SAAS;AAAA,IACL,SAAS,EAAE,MAAM,gBAAgB,MAAM,kBAAkB;AAAA,EAC7D;AAAA,EACA,WAAW;AAAA,IACP,SAAS,EAAE,MAAM,kBAAkB,MAAM,oBAAoB;AAAA,EACjE;AAAA,EACA,KAAK;AAAA,IACD,KAAK,EAAE,MAAM,gBAAgB,MAAM,kBAAkB;AAAA,IACrD,SAAS,EAAE,MAAM,OAAO;AAAA,EAC5B;AAAA,EACA,MAAM;AAAA,IACF,KAAK,EAAE,MAAM,gBAAgB,MAAM,eAAe;AAAA,IAClD,SAAS,EAAE,MAAM,OAAO;AAAA,EAC5B;AAAA,EACA,OAAO;AAAA,IACH,SAAS,EAAE,MAAM,eAAe,MAAM,gBAAgB;AAAA,EAC1D;AAAA,EACA,QAAQ;AAAA,IACJ,SAAS,EAAE,MAAM,iBAAiB;AAAA,EACtC;AAAA,EACA,MAAM;AAAA,IACF,KAAK,EAAE,MAAM,gBAAgB,MAAM,kBAAkB;AAAA,IACrD,SAAS,EAAE,MAAM,MAAM;AAAA,EAC3B;AAAA,EACA,OAAO;AAAA,IACH,KAAK,EAAE,MAAM,cAAc,MAAM,gBAAgB;AAAA,IACjD,SAAS,EAAE,MAAM,QAAQ;AAAA,EAC7B;AAAA,EACA,KAAK;AAAA,IACD,KAAK,EAAE,MAAM,YAAY,MAAM,cAAc;AAAA,IAC7C,SAAS,EAAE,MAAM,cAAc;AAAA,EACnC;AAAA,EACA,KAAK;AAAA,IACD,KAAK,EAAE,MAAM,cAAc,MAAM,gBAAgB;AAAA,IACjD,SAAS,EAAE,MAAM,gBAAgB;AAAA,EACrC;AAAA,EACA,KAAK;AAAA,IACD,SAAS,EAAE,MAAM,IAAI;AAAA,EAAA;AAE7B;AAEO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,IACnB;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}

package/dist/esm/src/components/EvHotkey/EvHotkey.vue.mjs

@@ -0,0 +1,154 @@
+/*! Evance UI v1.1.8 | MIT License */
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, Fragment, renderList, createBlock, toDisplayString, unref, withCtx, createTextVNode } from "vue";
+/* empty css               */
+import { makeEvHotkeyProps } from "./EvHotkey.mjs";
+import { splitKeySequence, splitKeyCombination } from "../../composables/hotkey/hotkey-parsing.mjs";
+import _sfc_main$2 from "../EvIcon/EvIcon.vue.mjs";
+/* empty css                     */
+import { KbdVariant } from "../EvKbd/EvKbd.mjs";
+import _sfc_main$1 from "../EvKbd/EvKbd.vue.mjs";
+import { useLocaleFunctions } from "../../composables/locale.mjs";
+import { variantModifier } from "../../util/modifiers.mjs";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
+  key: 0,
+  class: "ev-hotkey-divider",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvHotkey",
+  props: { ...makeEvHotkeyProps() },
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocaleFunctions();
+    const isMac = 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 = computed(() => {
+      if (!props.keys) {
+        return [];
+      }
+      const combinations = props.keys.split(" ");
+      return combinations.map((combination) => {
+        const result = [];
+        const sequenceGroups = 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 } = 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 = computed(() => {
+      return variantModifier(props.variant ?? KbdVariant.default, ["default"]);
+    });
+    const accessibleLabel = 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 openBlock(), createElementBlock("div", {
+        role: "img",
+        "aria-label": accessibleLabel.value,
+        class: normalizeClass(["ev-hotkey", variantClass.value, props.class]),
+        style: normalizeStyle(props.style)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(keyCombinations.value, (combination, combinationIndex) => {
+          return openBlock(), createElementBlock("span", {
+            key: combinationIndex,
+            class: "ev-hotkey-combination"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(combination, (key, keyIndex) => {
+              return openBlock(), createElementBlock(Fragment, { key: keyIndex }, [
+                isDivider(key) ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(getDivider(key)), 1)) : (openBlock(), createBlock(unref(_sfc_main$1), {
+                  key: 1,
+                  class: "ev-hotkey-key",
+                  variant: props.variant,
+                  "aria-hidden": "true",
+                  title: key.text
+                }, {
+                  default: withCtx(() => [
+                    key.icon ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                      key: 0,
+                      glyph: key.icon
+                    }, null, 8, ["glyph"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      createTextVNode(toDisplayString(key.text), 1)
+                    ], 64))
+                  ]),
+                  _: 2
+                }, 1032, ["variant", "title"]))
+              ], 64);
+            }), 128))
+          ]);
+        }), 128))
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvHotkey.vue.mjs.map

package/dist/esm/src/components/EvHotkey/EvHotkey.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvHotkey.vue.mjs","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":["isMac"],"mappings":"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"}

package/dist/esm/src/components/EvHotkey/EvHotkey.vue2.mjs

@@ -0,0 +1,6 @@
+/*! Evance UI v1.1.8 | MIT License */
+import _sfc_main from "./EvHotkey.vue.mjs";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvHotkey.vue2.mjs.map

package/dist/esm/src/components/EvHotkey/EvHotkey.vue2.mjs.map

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

package/dist/esm/src/components/EvIcon/EvIcon.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { computed, toRaw } from "vue";
 import { IconProp } from "../../composables/icons.mjs";
 import { propsFactory } from "../../util/props.mjs";

package/dist/esm/src/components/EvIcon/EvIcon.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, useCssVars, computed, useAttrs, toRaw, createElementBlock, openBlock, normalizeClass, unref, createBlock, resolveDynamicComponent } from "vue";
 /* empty css             */
 import { makeEvIconProps } from "./EvIcon.mjs";

package/dist/esm/src/components/EvIcon/EvIcon.vue3.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvIcon.vue.mjs";
 /* empty css             */
 export {

package/dist/esm/src/components/EvImg/EvImg.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeEvResponsiveProps } from "../EvResponsive/EvResponsive.mjs";
 import { makeEvTransitionProps } from "../EvTransition/EvTransition.mjs";

package/dist/esm/src/components/EvImg/EvImg.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, useSlots, shallowRef, ref, computed, watch, nextTick, onBeforeMount, onMounted, onBeforeUnmount, resolveDirective, withDirectives, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, createCommentVNode, createElementBlock, renderSlot, createElementVNode, vShow, normalizeStyle, normalizeClass } from "vue";
 /* empty css            */
 import { makeEvImgProps } from "./EvImg.mjs";

package/dist/esm/src/components/EvImg/EvImg.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvImg.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvInfiniteScroll/EvInfiniteScroll.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeDimensionsProps } from "../../composables/dimensions.mjs";
 import { propsFactory } from "../../util/props.mjs";

package/dist/esm/src/components/EvInfiniteScroll/EvInfiniteScroll.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, useSlots, ref, shallowRef, computed, toRef, onMounted, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, createCommentVNode, renderSlot, mergeProps, createSlots, nextTick } from "vue";
 /* empty css                       */
 import { makeEvInfiniteScrollProps } from "./EvInfiniteScroll.mjs";

package/dist/esm/src/components/EvInfiniteScroll/EvInfiniteScroll.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvInfiniteScroll.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, watch, createElementBlock, openBlock } from "vue";
 import { useIntersectionObserver } from "../../composables/intersectionObserver.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/esm/src/components/EvInfiniteScroll/EvInfiniteScrollIntersect.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvInfiniteScrollIntersect.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvInfiniteScroll/EvInfiniteScrollSide.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, useSlots, computed, createElementBlock, openBlock, renderSlot, normalizeProps, mergeProps, Fragment, createCommentVNode, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode } from "vue";
 import _sfc_main$1 from "../EvButton/EvButton.vue.mjs";
 import _sfc_main$2 from "../EvProgressCircular/EvProgressCircular.vue.mjs";

package/dist/esm/src/components/EvInfiniteScroll/EvInfiniteScrollSide.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvInfiniteScrollSide.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvKbd/EvKbd.mjs

@@ -1,15 +1,23 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/props.mjs";
+const KbdVariant = {
+  default: "default",
+  tonal: "tonal",
+  outlined: "outlined",
+  bold: "bold",
+  text: "text"
+};
 const makeEvKbdProps = propsFactory(
   {
     value: String,
-    size: String,
+    variant: String,
     ...makeComponentProps()
   },
   "EvKbd"
 );
 export {
+  KbdVariant,
   makeEvKbdProps
 };
 //# sourceMappingURL=EvKbd.mjs.map

package/dist/esm/src/components/EvKbd/EvKbd.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvKbd.mjs","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":[],"mappings":";;;AAIO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IAEN,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvKbd.mjs","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":[],"mappings":";;;AAIO,MAAM,aAAa;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AACV;AAGO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,IAET,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}

package/dist/esm/src/components/EvKbd/EvKbd.vue.mjs

@@ -1,9 +1,8 @@
-/*! Evance UI v1.1.6 | MIT License */
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString } from "vue";
+/*! Evance UI v1.1.8 | MIT License */
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
 /* empty css            */
-import { makeEvKbdProps } from "./EvKbd.mjs";
-import { sizeModifier } from "../../util/modifiers.mjs";
-import { InputSize } from "../../util/appearance.mjs";
+import { makeEvKbdProps, KbdVariant } from "./EvKbd.mjs";
+import { variantModifier } from "../../util/modifiers.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EvKbd",
   props: {
@@ -11,12 +10,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const variantClass = computed(() => {
+      return variantModifier(props.variant ?? KbdVariant.default, ["default"]);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("kbd", {
         class: normalizeClass([
           "ev-kbd",
           props.class,
-          unref(sizeModifier)(props.size, [unref(InputSize).default])
+          variantClass.value
         ]),
         style: normalizeStyle(props.style)
       }, [

package/dist/esm/src/components/EvKbd/EvKbd.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvKbd.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvKbd.vue.mjs","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":[],"mappings":";;;;;;;;;;;;AAaM,UAAA,eAAe,SAAS,MAAM;AAChC,aAAO,gBAAgB,MAAM,WAAW,WAAW,SAAS,CAAC,SAAS,CAAC;AAAA,IAAA,CAC1E;;;;;;;;;;;;;;;;;"}

package/dist/esm/src/components/EvKbd/EvKbd.vue2.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import _sfc_main from "./EvKbd.vue.mjs";
 export {
   _sfc_main as default

package/dist/esm/src/components/EvLabel/EvLabel.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { makeComponentProps } from "../../composables/component.mjs";
 import { propsFactory } from "../../util/props.mjs";
 const makeLabelProps = propsFactory(

package/dist/esm/src/components/EvLabel/EvLabel.vue.mjs

@@ -1,4 +1,4 @@
-/*! Evance UI v1.1.6 | MIT License */
+/*! Evance UI v1.1.8 | MIT License */
 import { defineComponent, useSlots, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, toDisplayString } from "vue";
 /* empty css              */
 import { makeEvLabelProps } from "./EvLabel.mjs";