@evance/evance-ui 1.1.8 → 1.1.9

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

@@ -0,0 +1,25 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { makeComponentProps } from "../../../composables/component.mjs";
+import { makeTagProps } from "../../../composables/tag.mjs";
+import { propsFactory } from "../../../util/props.mjs";
+const makeEvLayoutProps = propsFactory(
+  {
+    align: [String, Object],
+    alignContent: [String, Object],
+    column: Boolean,
+    gap: [String, Number, Object],
+    gutter: [String, Number, Object],
+    justify: [String, Object],
+    nowrap: Boolean,
+    hidden: [Boolean, String, Array],
+    height: [String, Number, Object],
+    width: [String, Number, Object],
+    ...makeComponentProps(),
+    ...makeTagProps()
+  },
+  "EvLayout"
+);
+export {
+  makeEvLayoutProps
+};
+//# sourceMappingURL=EvLayout.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvLayout.mjs","sources":["../../../../../src/components/EvGrid/EvLayout/EvLayout.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport {\n    DisplayBreakpoint,\n    DisplayRuleProp,\n    VisibilityRuleProp,\n} from \"@/composables/display\";\nimport { PropType } from \"vue\";\n\n/** Align Items **/\nexport type AlignItemsValue =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"baseline\"\n    | \"stretch\";\nexport type AlignItemsObject = {\n    [key in DisplayBreakpoint]: AlignItemsValue;\n};\nexport type AlignItemsProp = AlignItemsValue | AlignItemsObject | undefined;\n\n/** Align Content **/\nexport type AlignContentValue =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"stretch\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\";\nexport type AlignContentObject = {\n    [key in DisplayBreakpoint]: AlignContentValue;\n};\nexport type AlignContentProp =\n    | AlignContentValue\n    | AlignContentObject\n    | undefined;\n\n/** Justify Content **/\nexport type JustifyContentValue =\n    | \"start\"\n    | \"end\"\n    | \"center\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\";\nexport type JustifyContentObject = {\n    [key in DisplayBreakpoint]: JustifyContentValue;\n};\nexport type JustifyContentProp =\n    | JustifyContentValue\n    | JustifyContentObject\n    | undefined;\n\n/** Spacers **/\nexport type SpacerValue = number | string | undefined;\nexport type SpacerObject = {\n    [key in DisplayBreakpoint]: SpacerValue;\n};\nexport type SpacerProp = SpacerValue | SpacerObject | undefined;\n\n/**\n * # makeEvLayoutProps\n */\nexport const makeEvLayoutProps = propsFactory(\n    {\n        align: [String, Object] as PropType<AlignItemsProp>,\n        alignContent: [String, Object] as PropType<AlignContentProp>,\n        column: Boolean,\n        gap: [String, Number, Object] as PropType<SpacerProp>,\n        gutter: [String, Number, Object] as PropType<SpacerProp>,\n        justify: [String, Object] as PropType<JustifyContentProp>,\n        nowrap: Boolean,\n        hidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        height: [String, Number, Object] as PropType<DisplayRuleProp>,\n        width: [String, Number, Object] as PropType<DisplayRuleProp>,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvLayout\",\n);\n"],"names":[],"mappings":";;;;AAiEO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,OAAO,CAAC,QAAQ,MAAM;AAAA,IACtB,cAAc,CAAC,QAAQ,MAAM;AAAA,IAC7B,QAAQ;AAAA,IACR,KAAK,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC5B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,SAAS,CAAC,QAAQ,MAAM;AAAA,IACxB,QAAQ;AAAA,IACR,QAAQ,CAAC,SAAS,QAAQ,KAAK;AAAA,IAC/B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAE9B,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;"}

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

@@ -0,0 +1,71 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
+/* empty css               */
+import { makeEvLayoutProps } from "./EvLayout.mjs";
+import { useBreakpointClasses, useDisplayRuleClasses, calculateDisplayRuleValue } from "../../../composables/display.mjs";
+import { isBoolean, isEmpty } from "../../../util/is-functions.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvLayout",
+  props: {
+    ...makeEvLayoutProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const alignItemsClasses = useBreakpointClasses(props, "align", "align");
+    const alignContentClasses = useBreakpointClasses(
+      props,
+      "alignContent",
+      "align-content"
+    );
+    const justifyContentClasses = useBreakpointClasses(props, "justify", "justify");
+    const gutterClasses = useBreakpointClasses(props, "gutter", "gutter");
+    const gapClasses = useBreakpointClasses(props, "gap", "ga");
+    const hiddenClasses = useDisplayRuleClasses(props, "hidden", "hidden");
+    const hiddenAttribute = computed(() => {
+      return isBoolean(props.hidden) && props.hidden;
+    });
+    const heightStyles = computed(() => {
+      const value = calculateDisplayRuleValue(props.height);
+      if (isEmpty(value)) {
+        return void 0;
+      }
+      return { height: value };
+    });
+    const widthStyles = computed(() => {
+      const value = calculateDisplayRuleValue(props.width);
+      if (isEmpty(value)) {
+        return void 0;
+      }
+      return value === "grow" ? { flex: "1 0 auto", maxWidth: "100%", width: "100%" } : { flex: `0 0 ${value}`, maxWidth: value, width: value };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass([
+          "ev-layout",
+          {
+            "is-column": props.column,
+            "is-nowrap": props.nowrap
+          },
+          ...unref(alignItemsClasses),
+          ...unref(alignContentClasses),
+          ...unref(justifyContentClasses),
+          ...unref(gapClasses),
+          ...unref(gutterClasses),
+          ...unref(hiddenClasses),
+          props.class
+        ]),
+        style: normalizeStyle([props.style, widthStyles.value, heightStyles.value]),
+        hidden: hiddenAttribute.value
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style", "hidden"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvLayout.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvLayout.vue.mjs","sources":["../../../../../src/components/EvGrid/EvLayout/EvLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvLayout.scss\";\nimport { makeEvLayoutProps } from \"./EvLayout\";\nimport {\n    calculateDisplayRuleValue,\n    useBreakpointClasses,\n    useDisplayRuleClasses,\n} from \"@/composables/display\";\nimport { computed } from \"vue\";\nimport { isBoolean, isEmpty } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvLayoutProps(),\n});\n\nconst alignItemsClasses = useBreakpointClasses(props, \"align\", \"align\");\nconst alignContentClasses = useBreakpointClasses(\n    props,\n    \"alignContent\",\n    \"align-content\",\n);\nconst justifyContentClasses = useBreakpointClasses(props, \"justify\", \"justify\");\nconst gutterClasses = useBreakpointClasses(props, \"gutter\", \"gutter\");\nconst gapClasses = useBreakpointClasses(props, \"gap\", \"ga\");\n\n/**\n * Hidden\n */\nconst hiddenClasses = useDisplayRuleClasses(props, \"hidden\", \"hidden\");\nconst hiddenAttribute = computed(() => {\n    return isBoolean(props.hidden) && props.hidden;\n});\n\n/**\n * Height\n */\nconst heightStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.height);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return { height: value };\n});\n\n/**\n * Width\n */\nconst widthStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.width);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return value === \"grow\"\n        ? { flex: \"1 0 auto\", maxWidth: \"100%\", width: \"100%\" }\n        : { flex: `0 0 ${value}`, maxWidth: value, width: value };\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-layout',\n            {\n                'is-column': props.column,\n                'is-nowrap': props.nowrap,\n            },\n            ...alignItemsClasses,\n            ...alignContentClasses,\n            ...justifyContentClasses,\n            ...gapClasses,\n            ...gutterClasses,\n            ...hiddenClasses,\n            props.class,\n        ]\"\n        :style=\"[props.style, widthStyles, heightStyles]\"\n        :hidden=\"hiddenAttribute\">\n        <slot />\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAeA,UAAM,oBAAoB,qBAAqB,OAAO,SAAS,OAAO;AACtE,UAAM,sBAAsB;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AACA,UAAM,wBAAwB,qBAAqB,OAAO,WAAW,SAAS;AAC9E,UAAM,gBAAgB,qBAAqB,OAAO,UAAU,QAAQ;AACpE,UAAM,aAAa,qBAAqB,OAAO,OAAO,IAAI;AAK1D,UAAM,gBAAgB,sBAAsB,OAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,UAAU,MAAM,MAAM,KAAK,MAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAe,SAAS,MAAM;AAC1B,YAAA,QAAQ,0BAA0B,MAAM,MAAM;AAChD,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEJ,aAAA,EAAE,QAAQ,MAAM;AAAA,IAAA,CAC1B;AAKK,UAAA,cAAc,SAAS,MAAM;AACzB,YAAA,QAAQ,0BAA0B,MAAM,KAAK;AAC/C,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MAAA;AAEX,aAAO,UAAU,SACX,EAAE,MAAM,YAAY,UAAU,QAAQ,OAAO,OAAA,IAC7C,EAAE,MAAM,OAAO,KAAK,IAAI,UAAU,OAAO,OAAO,MAAM;AAAA,IAAA,CAC/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -0,0 +1,13 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { makeComponentProps } from "../../../composables/component.mjs";
+import { propsFactory } from "../../../util/props.mjs";
+const makeEvSpacerProps = propsFactory(
+  {
+    ...makeComponentProps()
+  },
+  "EvSpacer"
+);
+export {
+  makeEvSpacerProps
+};
+//# sourceMappingURL=EvSpacer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvSpacer.mjs","sources":["../../../../../src/components/EvGrid/EvSpacer/EvSpacer.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\n\n/**\n * # makeEvSpacerProps\n */\nexport const makeEvSpacerProps = propsFactory(\n    {\n        ...makeComponentProps(),\n    },\n    \"EvSpacer\",\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}

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

@@ -0,0 +1,25 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
+/* empty css               */
+import { makeEvSpacerProps } from "./EvSpacer.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvSpacer",
+  props: {
+    ...makeEvSpacerProps()
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-spacer", props.class]),
+        style: normalizeStyle([props.style])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvSpacer.vue.mjs.map

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

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

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

@@ -0,0 +1,51 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { makeTagProps } from "../../composables/tag.mjs";
+import { makeComponentProps } from "../../composables/component.mjs";
+import { propsFactory } from "../../util/props.mjs";
+const EvHeadingSize = {
+  default: "medium",
+  xSmall: "x-small",
+  small: "small",
+  medium: "medium",
+  large: "large",
+  xLarge: "x-large",
+  xxLarge: "xx-large"
+};
+const EvHeadingTag = {
+  "xx-large": "h1",
+  "x-large": "h2",
+  large: "h3",
+  medium: "h4",
+  small: "h5",
+  "x-small": "h6"
+};
+const EvHeadingClass = {
+  "xx-large": "heading-1",
+  "x-large": "heading-2",
+  large: "heading-3",
+  medium: "heading-4",
+  small: "heading-5",
+  "x-small": "heading-6"
+};
+const makeEvHeadingProps = propsFactory(
+  {
+    size: {
+      type: String,
+      default: EvHeadingSize.default
+    },
+    text: String,
+    truncate: [Number, Boolean],
+    ...makeComponentProps(),
+    ...makeTagProps({
+      tag: void 0
+    })
+  },
+  "EvHeading"
+);
+export {
+  EvHeadingClass,
+  EvHeadingSize,
+  EvHeadingTag,
+  makeEvHeadingProps
+};
+//# sourceMappingURL=EvHeading.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvHeading.mjs","sources":["../../../../src/components/EvHeading/EvHeading.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeTagProps, TagProps } from \"@/composables/tag\";\nimport { ComponentProps, makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\n\nexport const EvHeadingSize = {\n    default: \"medium\",\n    xSmall: \"x-small\",\n    small: \"small\",\n    medium: \"medium\",\n    large: \"large\",\n    xLarge: \"x-large\",\n    xxLarge: \"xx-large\",\n} as const;\n\nexport type EvHeadingSizeProp =\n    (typeof EvHeadingSize)[keyof typeof EvHeadingSize];\n\nexport const EvHeadingTag = {\n    \"xx-large\": \"h1\",\n    \"x-large\": \"h2\",\n    large: \"h3\",\n    medium: \"h4\",\n    small: \"h5\",\n    \"x-small\": \"h6\",\n} as const;\n\nexport const EvHeadingClass = {\n    \"xx-large\": \"heading-1\",\n    \"x-large\": \"heading-2\",\n    large: \"heading-3\",\n    medium: \"heading-4\",\n    small: \"heading-5\",\n    \"x-small\": \"heading-6\",\n} as const;\n\nexport interface EvHeadingProps extends ComponentProps, TagProps {\n    size?: EvHeadingSizeProp;\n    text?: string;\n    truncate?: number | boolean;\n    tag?: string;\n}\n\nexport const makeEvHeadingProps = propsFactory(\n    {\n        size: {\n            type: String as PropType<EvHeadingSizeProp>,\n            default: EvHeadingSize.default,\n        },\n        text: String,\n        truncate: [Number, Boolean],\n        ...makeComponentProps(),\n        ...makeTagProps({\n            tag: undefined,\n        }),\n    },\n    \"EvHeading\",\n);\n"],"names":[],"mappings":";;;;AAKO,MAAM,gBAAgB;AAAA,EACzB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACb;AAKO,MAAM,eAAe;AAAA,EACxB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACf;AAEO,MAAM,iBAAiB;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACf;AASO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS,cAAc;AAAA,IAC3B;AAAA,IACA,MAAM;AAAA,IACN,UAAU,CAAC,QAAQ,OAAO;AAAA,IAC1B,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,MACZ,KAAK;AAAA,IACR,CAAA;AAAA,EACL;AAAA,EACA;AACJ;"}

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

@@ -0,0 +1,60 @@
+/*! Evance UI v1.1.9 | 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";
+import { useDefaults } from "../../composables/defaults.mjs";
+import { isBoolean, isNumber } from "../../util/is-functions.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvHeading",
+  props: {
+    ...makeEvHeadingProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    useCssVars((_ctx) => ({
+      "4ed597d1": maxLines.value
+    }));
+    const props = useDefaults(definedProps);
+    const tag = computed(() => {
+      if (props.tag) {
+        return props.tag;
+      }
+      return EvHeadingTag[props.size] ?? EvHeadingTag[EvHeadingSize.default];
+    });
+    const sizeClass = computed(() => {
+      if (!props.tag) {
+        return void 0;
+      }
+      return EvHeadingClass[props.size] ?? EvHeadingClass[EvHeadingSize.default];
+    });
+    const truncateClass = computed(() => {
+      if (!props.truncate) {
+        return void 0;
+      }
+      return isBoolean(props.truncate) ? "is-truncate" : "is-truncate-lines";
+    });
+    const maxLines = computed(() => {
+      if (isNumber(props.truncate)) {
+        return props.truncate;
+      }
+      return 1;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(tag.value), {
+        class: normalizeClass(["ev-heading", sizeClass.value, truncateClass.value, unref(props).class]),
+        style: normalizeStyle(unref(props).style)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(unref(props).text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvHeading.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvHeading.vue.mjs","sources":["../../../../src/components/EvHeading/EvHeading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvHeading.scss\";\nimport {\n    EvHeadingClass,\n    EvHeadingSize,\n    EvHeadingTag,\n    makeEvHeadingProps,\n} from \"./EvHeading.ts\";\nimport { useDefaults } from \"@/composables\";\nimport { computed } from \"vue\";\nimport { isBoolean, isNumber } from \"@/util\";\n\nconst definedProps = defineProps({\n    ...makeEvHeadingProps(),\n});\nconst props = useDefaults(definedProps);\n\nconst tag = computed(() => {\n    if (props.tag) {\n        return props.tag;\n    }\n    return EvHeadingTag[props.size] ?? EvHeadingTag[EvHeadingSize.default];\n});\n\nconst sizeClass = computed(() => {\n    if (!props.tag) {\n        return undefined;\n    }\n    return EvHeadingClass[props.size] ?? EvHeadingClass[EvHeadingSize.default];\n});\n\nconst truncateClass = computed(() => {\n    if (!props.truncate) {\n        return undefined;\n    }\n    return isBoolean(props.truncate) ? \"is-truncate\" : \"is-truncate-lines\";\n});\n\nconst maxLines = computed(() => {\n    if (isNumber(props.truncate)) {\n        return props.truncate;\n    }\n    return 1;\n});\n</script>\n\n<template>\n    <component\n        :is=\"tag\"\n        :class=\"['ev-heading', sizeClass, truncateClass, props.class]\"\n        :style=\"props.style\">\n        <slot>{{ props.text }}</slot>\n    </component>\n</template>\n\n<style>\n.ev-heading {\n    --max-lines: v-bind(maxLines);\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeM,UAAA,QAAQ,YAAY,YAAY;AAEhC,UAAA,MAAM,SAAS,MAAM;AACvB,UAAI,MAAM,KAAK;AACX,eAAO,MAAM;AAAA,MAAA;AAEjB,aAAO,aAAa,MAAM,IAAI,KAAK,aAAa,cAAc,OAAO;AAAA,IAAA,CACxE;AAEK,UAAA,YAAY,SAAS,MAAM;AACzB,UAAA,CAAC,MAAM,KAAK;AACL,eAAA;AAAA,MAAA;AAEX,aAAO,eAAe,MAAM,IAAI,KAAK,eAAe,cAAc,OAAO;AAAA,IAAA,CAC5E;AAEK,UAAA,gBAAgB,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,UAAU;AACV,eAAA;AAAA,MAAA;AAEX,aAAO,UAAU,MAAM,QAAQ,IAAI,gBAAgB;AAAA,IAAA,CACtD;AAEK,UAAA,WAAW,SAAS,MAAM;AACxB,UAAA,SAAS,MAAM,QAAQ,GAAG;AAC1B,eAAO,MAAM;AAAA,MAAA;AAEV,aAAA;AAAA,IAAA,CACV;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+/*! Evance UI v1.1.9 | MIT License */
+import _sfc_main from "./EvHeading.vue.mjs";
+/* empty css                */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EvHeading.vue3.mjs.map

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

@@ -0,0 +1,97 @@
+/*! Evance UI v1.1.9 | 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/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/components/EvHotkey/EvHotkey.vue.mjs

@@ -0,0 +1,154 @@
+/*! Evance UI v1.1.9 | 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/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/components/EvHotkey/EvHotkey.vue2.mjs

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

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

@@ -0,0 +1,31 @@
+/*! Evance UI v1.1.9 | MIT License */
+import { computed, toRaw } from "vue";
+import { IconProp } from "../../composables/icons.mjs";
+import { propsFactory } from "../../util/props.mjs";
+import { Appearance } from "../../util/appearance.mjs";
+const IconAppearance = {
+  ...Appearance,
+  subtle: "subtle"
+};
+function useIcon(props, name) {
+  return computed(() => {
+    return toRaw(props[name]);
+  });
+}
+const makeEvIconProps = propsFactory(
+  {
+    glyph: IconProp,
+    size: String,
+    appearance: {
+      type: String,
+      default: Appearance.default
+    }
+  },
+  "EvIcon"
+);
+export {
+  IconAppearance,
+  makeEvIconProps,
+  useIcon
+};
+//# sourceMappingURL=EvIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvIcon.mjs","sources":["../../../../src/components/EvIcon/EvIcon.ts"],"sourcesContent":["import { computed, PropType, toRaw } from \"vue\";\nimport { Appearance, propsFactory } from \"@/util\";\nimport { IconProp, IconValue } from \"@/composables/icons\";\n\n/**\n * ## Icon Size\n */\nexport type IconSize = \"small\" | \"medium\" | \"large\" | \"x-large\";\n\nexport const IconAppearance = {\n    ...Appearance,\n    subtle: \"subtle\",\n} as const;\n\n/**\n * ## Icon Appearance\n */\nexport type IconAppearanceProp =\n    (typeof IconAppearance)[keyof typeof IconAppearance];\n\n/**\n * # Use Icon\n * @param props\n * @param name\n */\nexport function useIcon(props: any, name: string) {\n    return computed(() => {\n        return toRaw(props[name]);\n    });\n}\n\nexport interface EvIconProps {\n    glyph?: IconValue;\n    size?: IconSize;\n    appearance?: IconAppearanceProp;\n}\n\nexport const makeEvIconProps = propsFactory(\n    {\n        glyph: IconProp,\n        size: String as PropType<IconSize>,\n        appearance: {\n            type: String as PropType<IconAppearanceProp>,\n            default: Appearance.default,\n        },\n    },\n    \"EvIcon\",\n);\n"],"names":[],"mappings":";;;;;AASO,MAAM,iBAAiB;AAAA,EAC1B,GAAG;AAAA,EACH,QAAQ;AACZ;AAagB,SAAA,QAAQ,OAAY,MAAc;AAC9C,SAAO,SAAS,MAAM;AACX,WAAA,MAAM,MAAM,IAAI,CAAC;AAAA,EAAA,CAC3B;AACL;AAQO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,WAAW;AAAA,IAAA;AAAA,EAE5B;AAAA,EACA;AACJ;"}