@evance/evance-ui 1.0.40 → 1.0.41

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

@@ -0,0 +1,24 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const component = require("../../composables/component.cjs");
+const icons = require("../../composables/icons.cjs");
+const router = require("../../composables/router.cjs");
+const props = require("../../util/props.cjs");
+const makeEvLinkProps = props.propsFactory(
+  {
+    appearance: {
+      type: String,
+      default: "default"
+    },
+    disabled: Boolean,
+    iconStart: icons.IconProp,
+    iconEnd: icons.IconProp,
+    text: String,
+    ...component.makeComponentProps(),
+    ...router.makeRouterLinkOrHrefProps()
+  },
+  "EvLink"
+);
+exports.makeEvLinkProps = makeEvLinkProps;
+//# sourceMappingURL=EvLink.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvLink.cjs","sources":["../../../../../src/components/EvLink/EvLink.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeRouterLinkOrHrefProps } from \"@/composables/router\";\n\nexport type LinkAppearance = \"default\" | \"subtle\";\n\nexport const makeEvLinkProps = propsFactory(\n    {\n        appearance: {\n            type: String as PropType<LinkAppearance>,\n            default: \"default\",\n        },\n        disabled: Boolean,\n        iconStart: IconProp,\n        iconEnd: IconProp,\n        text: String,\n        ...makeComponentProps(),\n        ...makeRouterLinkOrHrefProps(),\n    },\n    \"EvLink\",\n);"],"names":["propsFactory","IconProp","makeComponentProps","makeRouterLinkOrHrefProps"],"mappings":";;;;;;;AAQO,MAAM,kBAAkBA,MAAA;AAAA,EAC3B;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,IACV,WAAWC,MAAA;AAAA,IACX,SAASA,MAAA;AAAA,IACT,MAAM;AAAA,IACN,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,OAA0B,0BAAA;AAAA,EACjC;AAAA,EACA;AACJ;;"}

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

@@ -0,0 +1,61 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css              */
+const EvLink = require("./EvLink.cjs");
+const router = require("../../composables/router.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("../EvIcon/EvIcon.vue.cjs");
+;/* empty css                      */
+const LinkExternalIcon = require("../../icons/editor/glyph/LinkExternalIcon.svg.cjs");
+const defaults = require("../../composables/defaults.cjs");
+const modifiers = require("../../util/modifiers.cjs");
+const _hoisted_1 = ["href"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvLink",
+  props: { ...EvLink.makeEvLinkProps() },
+  setup(__props) {
+    const definedProps = __props;
+    const props = defaults.useDefaults(definedProps);
+    const attrs = vue.useAttrs();
+    vue.useSlots();
+    const link = router.useRouterLinkOrHref(props, attrs);
+    const appearanceClass = vue.computed(() => modifiers.appearanceModifier(props.appearance));
+    const iconEnd = vue.computed(() => {
+      if (attrs.target === "_blank" && !props.iconEnd) {
+        return LinkExternalIcon.default;
+      }
+      return props.iconEnd;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("a", {
+        class: vue.normalizeClass([
+          "ev-link",
+          {
+            "is-disabled": vue.unref(props).disabled
+          },
+          appearanceClass.value,
+          vue.unref(props).class
+        ]),
+        style: vue.normalizeStyle(vue.unref(props).style),
+        href: vue.unref(link).href.value
+      }, [
+        vue.unref(props).iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+          key: 0,
+          glyph: vue.unref(props).iconStart,
+          class: "ev-link--icon-start"
+        }, null, 8, ["glyph"])) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(vue.unref(props).text), 1)
+        ]),
+        iconEnd.value ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+          key: 1,
+          glyph: iconEnd.value,
+          class: "ev-link--icon-end"
+        }, null, 8, ["glyph"])) : vue.createCommentVNode("", true)
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvLink.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvLink.vue.cjs","sources":["../../../../../src/components/EvLink/EvLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvLink.scss\";\nimport { makeEvLinkProps } from \"./EvLink\";\nimport { computed, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { appearanceModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { LinkExternalIcon } from \"@/icons/editor\";\n\nconst definedProps = defineProps({ ...makeEvLinkProps() });\nconst props = useDefaults(definedProps);\n\nconst attrs = useAttrs();\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\n\nconst appearanceClass = computed(() => appearanceModifier(props.appearance));\n\nconst iconEnd = computed(() => {\n    if (attrs.target === \"_blank\" && !props.iconEnd) {\n        return LinkExternalIcon;\n    }\n    return props.iconEnd;\n});\n</script>\n\n<template>\n    <a\n        :class=\"[\n            'ev-link',\n            {\n                'is-disabled': props.disabled,\n            },\n            appearanceClass,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :href=\"link.href.value\">\n        <ev-icon\n            v-if=\"props.iconStart\"\n            :glyph=\"props.iconStart\"\n            class=\"ev-link--icon-start\" />\n        <slot>{{ props.text }}</slot>\n        <ev-icon v-if=\"iconEnd\" :glyph=\"iconEnd\" class=\"ev-link--icon-end\" />\n    </a>\n</template>\n"],"names":["useDefaults","useAttrs","_useSlots","useRouterLinkOrHref","computed","appearanceModifier","LinkExternalIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAcM,UAAA,QAAQA,qBAAY,YAAY;AAEtC,UAAM,QAAQC,IAAAA,SAAS;AACTC;AAGR,UAAA,OAAOC,OAAAA,oBAAoB,OAAgC,KAAK;AAEtE,UAAM,kBAAkBC,IAAAA,SAAS,MAAMC,UAAmB,mBAAA,MAAM,UAAU,CAAC;AAErE,UAAA,UAAUD,IAAAA,SAAS,MAAM;AAC3B,UAAI,MAAM,WAAW,YAAY,CAAC,MAAM,SAAS;AACtC,eAAAE,iBAAA;AAAA,MAAA;AAEX,aAAO,MAAM;AAAA,IAAA,CAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.0.40 | 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;
+//# sourceMappingURL=EvLink.vue2.cjs.map

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

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

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

@@ -0,0 +1,37 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const listItems = require("../../composables/lists/list-items.cjs");
+const nested = require("../../composables/lists/nested.cjs");
+const component = require("../../composables/component.cjs");
+const dimensions = require("../../composables/dimensions.cjs");
+const props = require("../../util/props.cjs");
+const makeEvListProps = props.propsFactory(
+  {
+    disabled: Boolean,
+    tag: {
+      type: String,
+      default: "div"
+    },
+    itemType: {
+      type: String,
+      default: "type"
+    },
+    ...listItems.makeListItemsProps(),
+    ...nested.makeNestedProps({
+      selectStrategy: "multi-any"
+    }),
+    ...component.makeComponentProps(),
+    ...dimensions.makeDimensionsProps()
+  },
+  "EvList"
+);
+const makeEvListChildrenProps = props.propsFactory(
+  {
+    items: Array
+  },
+  "EvListChildren"
+);
+exports.makeEvListChildrenProps = makeEvListChildrenProps;
+exports.makeEvListProps = makeEvListProps;
+//# sourceMappingURL=EvList.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvList.cjs","sources":["../../../../../src/components/EvList/EvList.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport {\n    ListItem as DefaultListItem,\n    ListItemsProps as DefaultListItemProps,\n    makeListItemsProps,\n    makeNestedProps,\n} from \"@/composables/lists\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\n\n/**\n * # List Item Types\n */\nexport type ListItemType = \"item\" | \"subheader\" | \"divider\";\n\n/**\n * # List Item\n */\nexport interface ListItem extends DefaultListItem {\n    type?: ListItemType;\n}\n\n/**\n * # List Item Props\n */\nexport interface ListItemProps extends DefaultListItemProps {\n    itemType: string;\n}\n\n/**\n * # Make EvList Props\n */\nexport const makeEvListProps = propsFactory(\n    {\n        disabled: Boolean,\n        tag: {\n            type: String,\n            default: \"div\",\n        },\n        itemType: {\n            type: String,\n            default: \"type\",\n        },\n\n        ...makeListItemsProps(),\n        ...makeNestedProps({\n            selectStrategy: \"multi-any\",\n        }),\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n    },\n    \"EvList\",\n);\n\n/**\n * # Make EvListChildren Props\n */\nexport const makeEvListChildrenProps = propsFactory(\n    {\n        items: Array as PropType<readonly ListItem[]>,\n    },\n    \"EvListChildren\",\n);\n"],"names":["propsFactory","makeListItemsProps","makeNestedProps","makeComponentProps","makeDimensionsProps"],"mappings":";;;;;;;;AAiCO,MAAM,kBAAkBA,MAAA;AAAA,EAC3B;AAAA,IACI,UAAU;AAAA,IACV,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,uBAAgB;AAAA,MACf,gBAAgB;AAAA,IAAA,CACnB;AAAA,IACD,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,WAAoB,oBAAA;AAAA,EAC3B;AAAA,EACA;AACJ;AAKO,MAAM,0BAA0BJ,MAAA;AAAA,EACnC;AAAA,IACI,OAAO;AAAA,EACX;AAAA,EACA;AACJ;;;"}

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

@@ -0,0 +1,100 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css              */
+const EvList = require("./EvList.cjs");
+const list = require("../../composables/lists/list.cjs");
+const listItems = require("../../composables/lists/list-items.cjs");
+const nested = require("../../composables/lists/nested.cjs");
+const dimensions = require("../../composables/dimensions.cjs");
+const EvListChildren_vue_vue_type_script_setup_true_lang = require("./EvListChildren.vue.cjs");
+const events = require("../../util/events.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvList",
+  props: {
+    ...EvList.makeEvListProps()
+  },
+  emits: ["update:selected", "click:select"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { items } = listItems.useItems(props);
+    const { select } = nested.useNestedList(props);
+    const containerRef = vue.ref(void 0);
+    const isFocused = vue.shallowRef(false);
+    const lastFocus = vue.shallowRef(void 0);
+    const tabindex = vue.computed(() => {
+      return props.disabled || isFocused.value ? -1 : 0;
+    });
+    const dimensions$1 = dimensions.useDimensions(props);
+    list.createList();
+    function onFocus(e) {
+      var _a;
+      if (!isFocused.value && !(e.relatedTarget && ((_a = containerRef.value) == null ? void 0 : _a.contains(e.relatedTarget))) && containerRef.value) {
+        if (lastFocus.value) {
+          lastFocus.value.focus();
+        } else {
+          focus();
+        }
+      }
+    }
+    function onFocusIn(e) {
+      isFocused.value = true;
+    }
+    function onFocusOut(e) {
+      isFocused.value = false;
+    }
+    function onKeyDown(e) {
+      const keys = {
+        ArrowDown: "next",
+        ArrowUp: "previous",
+        Home: "first",
+        End: "last"
+      };
+      const position = keys[e.key];
+      if (position && containerRef.value) {
+        focus(position);
+        e.preventDefault();
+      }
+    }
+    function focus(position) {
+      lastFocus.value = events.focusChild(containerRef == null ? void 0 : containerRef.value, position);
+    }
+    __expose({
+      focus,
+      select
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.tag), {
+        ref_key: "containerRef",
+        ref: containerRef,
+        role: "listbox",
+        class: vue.normalizeClass([
+          "ev-list",
+          {
+            "is-disabled": props.disabled
+          },
+          props.class
+        ]),
+        style: vue.normalizeStyle([props.style, vue.unref(dimensions$1)]),
+        tabindex: tabindex.value,
+        onKeydown: onKeyDown,
+        onFocus,
+        onFocusin: onFocusIn,
+        onFocusout: onFocusOut
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(EvListChildren_vue_vue_type_script_setup_true_lang.default, { items: vue.unref(items) }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["items"])
+        ]),
+        _: 3
+      }, 40, ["class", "style", "tabindex"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvList.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvList.vue.cjs","sources":["../../../../../src/components/EvList/EvList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvList\n *\n * `<ev-list>`\n *\n * Uses:\n * - EvListItem - `<ev-list-item>`\n *\n * @todo: Nested items\n *\n * @see EvListItem\n */\nimport \"./EvList.scss\";\nimport { makeEvListProps } from \"./EvList\";\nimport { computed, ref, shallowRef } from \"vue\";\nimport { focusChild, FocusPosition } from \"@/util\";\nimport {\n    createList,\n    NestedProps,\n    useItems,\n    useNestedList,\n} from \"@/composables/lists\";\nimport { useDimensions } from \"@/composables/dimensions\";\nimport EvListChildren from \"./EvListChildren.vue\";\n\ndefineEmits([\"update:selected\", \"click:select\"]);\n\nconst props = defineProps({\n    ...makeEvListProps(),\n});\nconst { items } = useItems(props);\nconst { select } = useNestedList(props as NestedProps);\nconst containerRef = ref<HTMLElement | undefined>(undefined);\nconst isFocused = shallowRef(false);\nconst lastFocus = shallowRef<HTMLElement | undefined>(undefined);\nconst tabindex = computed(() => {\n    return props.disabled || isFocused.value ? -1 : 0;\n});\nconst dimensions = useDimensions(props);\n\n/**\n * Establish provide() and inject() functionality for list items.\n */\ncreateList();\n\n/**\n * # On Focus\n * Set or restore focus\n * @param e\n */\nfunction onFocus(e: FocusEvent): void {\n    if (\n        !isFocused.value &&\n        !(\n            e.relatedTarget &&\n            containerRef.value?.contains(e.relatedTarget as Node)\n        ) &&\n        containerRef.value\n    ) {\n        if (lastFocus.value) {\n            lastFocus.value.focus();\n        } else {\n            focus();\n        }\n    }\n}\n\n/**\n * # On Focus In\n * @param e\n */\nfunction onFocusIn(e: FocusEvent): void {\n    isFocused.value = true;\n}\n\n/**\n * # On Focus Out\n * @param e\n */\nfunction onFocusOut(e: FocusEvent): void {\n    isFocused.value = false;\n}\n\n/**\n * # On Key Down\n * @see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values\n * @param e\n */\nfunction onKeyDown(e: KeyboardEvent): void {\n    const keys: { [key: string]: string } = {\n        ArrowDown: \"next\",\n        ArrowUp: \"previous\",\n        Home: \"first\",\n        End: \"last\",\n    };\n    const position = keys[e.key];\n    if (position && containerRef.value) {\n        focus(position as FocusPosition);\n        e.preventDefault();\n    }\n}\n\n/**\n * # Set Focus\n * @param position\n */\nfunction focus(position?: FocusPosition): void {\n    lastFocus.value = focusChild(containerRef?.value, position);\n}\n\ndefineExpose({\n    focus,\n    select,\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        ref=\"containerRef\"\n        role=\"listbox\"\n        :class=\"[\n            'ev-list',\n            {\n                'is-disabled': props.disabled,\n            },\n            props.class,\n        ]\"\n        :style=\"[props.style, dimensions]\"\n        :tabindex=\"tabindex\"\n        @keydown=\"onKeyDown\"\n        @focus=\"onFocus\"\n        @focusin=\"onFocusIn\"\n        @focusout=\"onFocusOut\">\n        <ev-list-children :items=\"items\">\n            <slot />\n        </ev-list-children>\n    </component>\n</template>\n"],"names":["useItems","useNestedList","ref","shallowRef","computed","dimensions","useDimensions","createList","focusChild"],"mappings":";;;;;;;;;;;;;;;;;;;;AA+BA,UAAM,EAAE,MAAA,IAAUA,UAAA,SAAS,KAAK;AAChC,UAAM,EAAE,OAAA,IAAWC,OAAA,cAAc,KAAoB;AAC/C,UAAA,eAAeC,QAA6B,MAAS;AACrD,UAAA,YAAYC,eAAW,KAAK;AAC5B,UAAA,YAAYA,eAAoC,MAAS;AACzD,UAAA,WAAWC,IAAAA,SAAS,MAAM;AAC5B,aAAO,MAAM,YAAY,UAAU,QAAQ,KAAK;AAAA,IAAA,CACnD;AACK,UAAAC,eAAaC,yBAAc,KAAK;AAK3BC,oBAAA;AAOX,aAAS,QAAQ,GAAqB;;AAClC,UACI,CAAC,UAAU,SACX,EACI,EAAE,mBACF,kBAAa,UAAb,mBAAoB,SAAS,EAAE,oBAEnC,aAAa,OACf;AACE,YAAI,UAAU,OAAO;AACjB,oBAAU,MAAM,MAAM;AAAA,QAAA,OACnB;AACG,gBAAA;AAAA,QAAA;AAAA,MACV;AAAA,IACJ;AAOJ,aAAS,UAAU,GAAqB;AACpC,gBAAU,QAAQ;AAAA,IAAA;AAOtB,aAAS,WAAW,GAAqB;AACrC,gBAAU,QAAQ;AAAA,IAAA;AAQtB,aAAS,UAAU,GAAwB;AACvC,YAAM,OAAkC;AAAA,QACpC,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,MACT;AACM,YAAA,WAAW,KAAK,EAAE,GAAG;AACvB,UAAA,YAAY,aAAa,OAAO;AAChC,cAAM,QAAyB;AAC/B,UAAE,eAAe;AAAA,MAAA;AAAA,IACrB;AAOJ,aAAS,MAAM,UAAgC;AAC3C,gBAAU,QAAQC,OAAAA,WAAW,6CAAc,OAAO,QAAQ;AAAA,IAAA;AAGjD,aAAA;AAAA,MACT;AAAA,MACA;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.0.40 | 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;
+//# sourceMappingURL=EvList.vue2.cjs.map

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+/*! Evance UI v1.0.40 | 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");
+const EvList = require("./EvList.cjs");
+const list = require("../../composables/lists/list.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvListChildren",
+  props: {
+    ...EvList.makeEvListChildrenProps()
+  },
+  setup(__props) {
+    const props = __props;
+    list.createList();
+    return (_ctx, _cache) => {
+      return vue.renderSlot(_ctx.$slots, "default", {}, () => [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.items, (item) => {
+          return vue.renderSlot(_ctx.$slots, "item", vue.normalizeProps(vue.mergeProps({
+            key: item.key
+          }, { item, props: item.props })), () => [
+            vue.createVNode(EvListItem_vue_vue_type_script_setup_true_lang.default, vue.normalizeProps(vue.guardReactiveProps(item.props)), null, 16)
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvListChildren.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvListChildren.vue.cjs","sources":["../../../../../src/components/EvList/EvListChildren.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvListChildren\n *\n * A management component for rendering child items recursively.\n *\n * @todo: nested children + groups\n *        v-for=\"{ children, props: itemProps, type, raw: item } in props.items\"\n */\nimport EvListItem from \"../EvListItem/EvListItem.vue\";\nimport { ListItem, makeEvListChildrenProps } from \"./EvList\";\nimport { createList } from \"@/composables/lists\";\n\nconst props = defineProps({\n    ...makeEvListChildrenProps(),\n});\n\ndefineSlots<{\n    default(): never;\n    item(props: { item: ListItem; props: any }): never;\n}>();\n\ncreateList();\n</script>\n\n<template>\n    <slot>\n        <template v-for=\"item in props.items\" :key=\"item.key\">\n            <slot name=\"item\" v-bind=\"{ item, props: item.props }\">\n                <ev-list-item v-bind=\"item.props\" />\n            </slot>\n        </template>\n    </slot>\n</template>\n"],"names":["createList"],"mappings":";;;;;;;;;;;;;;AAsBWA,oBAAA;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.0.40 | 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;
+//# sourceMappingURL=EvListChildren.vue2.cjs.map

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const router = require("../../composables/router.cjs");
+const icons = require("../../composables/icons.cjs");
+const component = require("../../composables/component.cjs");
+const props = require("../../util/props.cjs");
+const events = require("../../util/events.cjs");
+const makeEvListItemProps = props.propsFactory(
+  {
+    active: {
+      type: Boolean,
+      default: void 0
+    },
+    activeExact: {
+      type: Boolean,
+      default: void 0
+    },
+    disabled: Boolean,
+    iconEnd: icons.IconProp,
+    iconStart: icons.IconProp,
+    link: {
+      type: Boolean,
+      default: void 0
+    },
+    tag: {
+      type: String,
+      default: "div"
+    },
+    title: [String, Number, Boolean],
+    value: null,
+    onClick: events.EventProp(),
+    ...router.makeRouterLinkOrHrefProps(),
+    ...component.makeComponentProps()
+  },
+  "EvListItem"
+);
+exports.makeEvListItemProps = makeEvListItemProps;
+//# sourceMappingURL=EvListItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvListItem.cjs","sources":["../../../../../src/components/EvListItem/EvListItem.ts"],"sourcesContent":["import { EventProp, propsFactory } from \"@/util\";\nimport { makeRouterLinkOrHrefProps } from \"@/composables/router\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeComponentProps } from \"@/composables/component\";\n\nexport const makeEvListItemProps = propsFactory(\n    {\n        active: {\n            type: Boolean,\n            default: undefined,\n        },\n        activeExact: {\n            type: Boolean,\n            default: undefined,\n        },\n        disabled: Boolean,\n        iconEnd: IconProp,\n        iconStart: IconProp,\n        link: {\n            type: Boolean,\n            default: undefined,\n        },\n        tag: {\n            type: String,\n            default: \"div\",\n        },\n        title: [String, Number, Boolean],\n        value: null,\n        onClick: EventProp<[MouseEvent]>(),\n\n        ...makeRouterLinkOrHrefProps(),\n        ...makeComponentProps(),\n    },\n    \"EvListItem\",\n);\n"],"names":["propsFactory","IconProp","EventProp","makeRouterLinkOrHrefProps","makeComponentProps"],"mappings":";;;;;;;;AAKO,MAAM,sBAAsBA,MAAA;AAAA,EAC/B;AAAA,IACI,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,UAAU;AAAA,IACV,SAASC,MAAA;AAAA,IACT,WAAWA,MAAA;AAAA,IACX,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,KAAK;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,OAAO,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC/B,OAAO;AAAA,IACP,SAASC,OAAAA,UAAwB;AAAA,IAEjC,GAAGC,iCAA0B;AAAA,IAC7B,GAAGC,UAAmB,mBAAA;AAAA,EAC1B;AAAA,EACA;AACJ;;"}

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

@@ -0,0 +1,135 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                  */
+const EvListItem = require("./EvListItem.cjs");
+const router = require("../../composables/router.cjs");
+const hasSlotWithContent = require("../../composables/hasSlotWithContent.cjs");
+const list = require("../../composables/lists/list.cjs");
+const nested = require("../../composables/lists/nested.cjs");
+const EvIcon = require("../EvIcon/EvIcon.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("../EvIcon/EvIcon.vue.cjs");
+;/* empty css                      */
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-list-item--icon-start"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "ev-list-item--prefix"
+};
+const _hoisted_3 = { class: "ev-list-item--content" };
+const _hoisted_4 = {
+  key: 2,
+  class: "ev-list-item--suffix"
+};
+const _hoisted_5 = {
+  key: 3,
+  class: "ev-list-item--icon-end"
+};
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-list-item--indicator" }, null, -1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvListItem",
+  props: {
+    ...EvListItem.makeEvListItemProps()
+  },
+  emits: ["click"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const slots = vue.useSlots();
+    const attrs = vue.useAttrs();
+    const link = router.useRouterLinkOrHref(props, attrs);
+    const list$1 = list.useList();
+    const id = vue.computed(
+      () => props.value === void 0 ? link.href.value : props.value
+    );
+    const { select, isSelected } = nested.useNestedListItem(id, false);
+    const hasSuffixSlot = hasSlotWithContent.hasSlotWithContent(slots, "suffix");
+    const hasPrefixSlot = hasSlotWithContent.hasSlotWithContent(slots, "prefix");
+    const isLink = vue.computed(() => props.link !== false && link.isLink.value);
+    const isClickable = vue.computed(() => {
+      return !props.disabled && props.link !== false && (props.link || link.isClickable.value || props.value != null && !!list$1);
+    });
+    const isActive = vue.computed(() => {
+      var _a;
+      return props.active !== false && (props.active || ((_a = link.isActive) == null ? void 0 : _a.value) || isSelected.value);
+    });
+    const isActiveExact = vue.computed(() => {
+      var _a;
+      return props.exact !== false && (props.exact || ((_a = link.isExactActive) == null ? void 0 : _a.value));
+    });
+    const iconStart = EvIcon.useIcon(props, "iconStart");
+    const iconEnd = EvIcon.useIcon(props, "iconEnd");
+    function getComponentElement() {
+      return isLink.value ? "a" : props.tag;
+    }
+    function getTabIndex() {
+      return isClickable.value ? list$1 ? -2 : 0 : null;
+    }
+    function onClick(e) {
+      var _a;
+      emit("click", e);
+      if (!isClickable.value) {
+        return;
+      }
+      (_a = link.navigate) == null ? void 0 : _a.call(link, e);
+      if (props.value != null) {
+        select(!isSelected.value, e);
+      }
+    }
+    function onKeyDown(e) {
+      e.preventDefault();
+      onClick(e);
+    }
+    const hasClickListener = vue.computed(
+      () => !!link.isClickable.value || !!props.onClick
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponentElement()), {
+        class: vue.normalizeClass([
+          "ev-list-item",
+          {
+            "is-active": isActive.value,
+            "is-active--exact": isActiveExact.value,
+            "is-clickable": isClickable.value || hasClickListener.value,
+            "is-disabled": props.disabled
+          },
+          props.class
+        ]),
+        style: vue.normalizeStyle(props.style),
+        href: vue.unref(link).href.value,
+        tabindex: getTabIndex(),
+        onClick,
+        onKeydown: [
+          vue.withKeys(onKeyDown, ["enter"]),
+          vue.withKeys(onKeyDown, ["space"])
+        ]
+      }, {
+        default: vue.withCtx(() => [
+          vue.unref(iconStart) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), { glyph: vue.unref(iconStart) }, null, 8, ["glyph"])
+          ])) : vue.createCommentVNode("", true),
+          vue.unref(hasPrefixSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            vue.renderSlot(_ctx.$slots, "prefix")
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(props.title), 1)
+            ])
+          ]),
+          vue.unref(hasSuffixSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            vue.renderSlot(_ctx.$slots, "suffix")
+          ])) : vue.createCommentVNode("", true),
+          vue.unref(iconEnd) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.createVNode(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), { glyph: vue.unref(iconEnd) }, null, 8, ["glyph"])
+          ])) : vue.createCommentVNode("", true),
+          _hoisted_6
+        ]),
+        _: 3
+      }, 40, ["class", "style", "href", "tabindex", "onKeydown"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvListItem.vue.cjs.map

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

@@ -0,0 +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, useAttrs } from \"vue\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent\";\nimport { useList, useNestedListItem } from \"@/composables/lists\";\nimport { useIcon, EvIcon } from \"@/components/EvIcon\";\n\n// Emit\nconst emit = defineEmits([\"click\"]);\n\nconst props = defineProps({\n    ...makeEvListItemProps(),\n});\nconst slots = defineSlots<{\n    default(): never;\n    prefix(): never;\n    suffix(): 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 { select, isSelected } = useNestedListItem(id, false);\nconst hasSuffixSlot = hasSlotWithContent(slots, \"suffix\");\nconst hasPrefixSlot = hasSlotWithContent(slots, \"prefix\");\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 (\n        props.active !== false &&\n        (props.active || link.isActive?.value || isSelected.value)\n    );\n});\nconst isActiveExact = computed(() => {\n    return props.exact !== false && (props.exact || link.isExactActive?.value);\n});\nconst iconStart = useIcon(props, \"iconStart\");\nconst iconEnd = useIcon(props, \"iconEnd\");\n\nfunction getComponentElement() {\n    return isLink.value ? \"a\" : props.tag;\n}\n\nfunction getTabIndex() {\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</script>\n\n<template>\n    <component\n        :is=\"getComponentElement()\"\n        :class=\"[\n            'ev-list-item',\n            {\n                'is-active': isActive,\n                'is-active--exact': isActiveExact,\n                'is-clickable': isClickable || hasClickListener,\n                'is-disabled': props.disabled,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        :href=\"link.href.value\"\n        :tabindex=\"getTabIndex()\"\n        @click=\"onClick\"\n        @keydown.enter=\"onKeyDown\"\n        @keydown.space=\"onKeyDown\">\n        <div v-if=\"iconStart\" class=\"ev-list-item--icon-start\">\n            <ev-icon :glyph=\"iconStart\" />\n        </div>\n        <div v-if=\"hasPrefixSlot\" class=\"ev-list-item--prefix\">\n            <slot name=\"prefix\" />\n        </div>\n        <div class=\"ev-list-item--content\">\n            <slot name=\"default\">{{ props.title }}</slot>\n        </div>\n        <div v-if=\"hasSuffixSlot\" class=\"ev-list-item--suffix\">\n            <slot name=\"suffix\" />\n        </div>\n        <div v-if=\"iconEnd\" class=\"ev-list-item--icon-end\">\n            <ev-icon :glyph=\"iconEnd\" />\n        </div>\n        <div class=\"ev-list-item--indicator\"></div>\n    </component>\n</template>\n"],"names":["_useSlots","useAttrs","useRouterLinkOrHref","list","useList","computed","useNestedListItem","hasSlotWithContent","useIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQA,IAAAA;AAMd,UAAM,QAAQC,IAAAA,SAAS;AACjB,UAAA,OAAOC,OAAAA,oBAAoB,OAAgC,KAAK;AACtE,UAAMC,SAAOC,KAAAA,QAAQ;AACrB,UAAM,KAAKC,IAAA;AAAA,MAAS,MAChB,MAAM,UAAU,SAAY,KAAK,KAAK,QAAQ,MAAM;AAAA,IACxD;AACA,UAAM,EAAE,QAAQ,WAAA,IAAeC,OAAAA,kBAAkB,IAAI,KAAK;AACpD,UAAA,gBAAgBC,mBAAAA,mBAAmB,OAAO,QAAQ;AAClD,UAAA,gBAAgBA,mBAAAA,mBAAmB,OAAO,QAAQ;AAClD,UAAA,SAASF,aAAS,MAAM,MAAM,SAAS,SAAS,KAAK,OAAO,KAAK;AACjE,UAAA,cAAcA,IAAAA,SAAS,MAAM;AAC/B,aACI,CAAC,MAAM,YACP,MAAM,SAAS,UACd,MAAM,QACH,KAAK,YAAY,SAChB,MAAM,SAAS,QAAQ,CAAC,CAACF;AAAAA,IAAA,CAErC;AACK,UAAA,WAAWE,IAAAA,SAAS,MAAM;;AAExB,aAAA,MAAM,WAAW,UAChB,MAAM,YAAU,UAAK,aAAL,mBAAe,UAAS,WAAW;AAAA,IAAA,CAE3D;AACK,UAAA,gBAAgBA,IAAAA,SAAS,MAAM;;AACjC,aAAO,MAAM,UAAU,UAAU,MAAM,WAAS,UAAK,kBAAL,mBAAoB;AAAA,IAAA,CACvE;AACK,UAAA,YAAYG,OAAAA,QAAQ,OAAO,WAAW;AACtC,UAAA,UAAUA,OAAAA,QAAQ,OAAO,SAAS;AAExC,aAAS,sBAAsB;AACpB,aAAA,OAAO,QAAQ,MAAM,MAAM;AAAA,IAAA;AAGtC,aAAS,cAAc;AACnB,aAAO,YAAY,QAASL,SAAO,KAAK,IAAK;AAAA,IAAA;AAOjD,aAAS,QAAQ,GAAqB;;AAClC,WAAK,SAAS,CAAC;AACX,UAAA,CAAC,YAAY,OAAO;AACpB;AAAA,MAAA;AAEJ,iBAAK,aAAL,8BAAgB;AACZ,UAAA,MAAM,SAAS,MAAM;AACd,eAAA,CAAC,WAAW,OAAO,CAAC;AAAA,MAAA;AAAA,IAC/B;AAOJ,aAAS,UAAU,GAAwB;AACvC,QAAE,eAAe;AACjB,cAAQ,CAAsB;AAAA,IAAA;AAGlC,UAAM,mBAAmBE,IAAA;AAAA,MACrB,MAAM,CAAC,CAAC,KAAK,YAAY,SAAS,CAAC,CAAC,MAAM;AAAA,IAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.0.40 | 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;
+//# sourceMappingURL=EvListItem.vue2.cjs.map

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

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

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

@@ -0,0 +1,26 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const icons = require("../../composables/icons.cjs");
+const component = require("../../composables/component.cjs");
+const tag = require("../../composables/tag.cjs");
+const props = require("../../util/props.cjs");
+const appearance = require("../../util/appearance.cjs");
+const makeEvLozengeProps = props.propsFactory(
+  {
+    iconEnd: icons.IconProp,
+    iconStart: icons.IconProp,
+    maxWidth: {
+      type: [String, Number],
+      default: 200
+    },
+    ...appearance.makeAppearanceProps(),
+    ...component.makeComponentProps(),
+    ...tag.makeTagProps({
+      tag: "span"
+    })
+  },
+  "EvLozenge"
+);
+exports.makeEvLozengeProps = makeEvLozengeProps;
+//# sourceMappingURL=EvLozenge.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvLozenge.cjs","sources":["../../../../../src/components/EvLozenge/EvLozenge.ts"],"sourcesContent":["import { makeAppearanceProps, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeTagProps } from \"@/composables/tag\";\n\nexport const makeEvLozengeProps = propsFactory(\n    {\n        iconEnd: IconProp,\n        iconStart: IconProp,\n        maxWidth: {\n            type: [String, Number],\n            default: 200,\n        },\n\n        ...makeAppearanceProps(),\n        ...makeComponentProps(),\n        ...makeTagProps({\n            tag: \"span\",\n        }),\n    },\n    \"EvLozenge\",\n);\n"],"names":["propsFactory","IconProp","makeAppearanceProps","makeComponentProps","makeTagProps"],"mappings":";;;;;;;;AAKO,MAAM,qBAAqBA,MAAA;AAAA,EAC9B;AAAA,IACI,SAASC,MAAA;AAAA,IACT,WAAWA,MAAA;AAAA,IACX,UAAU;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACb;AAAA,IAEA,GAAGC,+BAAoB;AAAA,IACvB,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,iBAAa;AAAA,MACZ,KAAK;AAAA,IACR,CAAA;AAAA,EACL;AAAA,EACA;AACJ;;"}

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

@@ -0,0 +1,52 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                 */
+const EvLozenge = require("./EvLozenge.cjs");
+const EvIcon_vue_vue_type_script_setup_true_lang = require("../EvIcon/EvIcon.vue.cjs");
+;/* empty css                      */
+const appearance = require("../../util/appearance.cjs");
+const numbers = require("../../util/numbers.cjs");
+const _hoisted_1 = { class: "ev-lozenge--label" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvLozenge",
+  props: {
+    ...EvLozenge.makeEvLozengeProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const isMaxWidthNumeric = () => {
+      return numbers.isIntegerish(props.maxWidth);
+    };
+    const maxWidthOuter = vue.computed(() => {
+      return isMaxWidthNumeric() ? `${props.maxWidth}px` : props.maxWidth;
+    });
+    const { appearanceClass, variantClass } = appearance.useAppearance(props);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.tag), {
+        class: vue.normalizeClass(["ev-lozenge", vue.unref(appearanceClass), vue.unref(variantClass), props.class]),
+        style: vue.normalizeStyle([{ "max-width": maxWidthOuter.value }, props.style])
+      }, {
+        default: vue.withCtx(() => [
+          props.iconStart ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+            key: 0,
+            glyph: props.iconStart,
+            size: "small"
+          }, null, 8, ["glyph"])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("span", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          props.iconEnd ? (vue.openBlock(), vue.createBlock(vue.unref(EvIcon_vue_vue_type_script_setup_true_lang.default), {
+            key: 1,
+            glyph: props.iconEnd,
+            size: "small"
+          }, null, 8, ["glyph"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvLozenge.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvLozenge.vue.cjs","sources":["../../../../../src/components/EvLozenge/EvLozenge.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvLozenge\n *\n * `<ev-lozenge />`\n */\nimport \"./EvLozenge.scss\";\nimport { makeEvLozengeProps } from \"./EvLozenge\";\nimport { isIntegerish, useAppearance } from \"@/util\";\nimport { computed } from \"vue\";\nimport { EvIcon } from \"../EvIcon\";\n\nconst props = defineProps({\n    ...makeEvLozengeProps(),\n});\n\n/**\n * ## Is the `maxWidth` prop numeric?\n * i.e. it does not have any web units.\n */\nconst isMaxWidthNumeric = () => {\n    return isIntegerish(props.maxWidth);\n};\n\n/**\n * ## Get Outer Max Width\n * Returns the `maxWidth` prop value if it was supplied as a percentage,\n * or simply returns '100%'.\n */\nconst maxWidthOuter = computed(() => {\n    return isMaxWidthNumeric() ? `${props.maxWidth}px` : props.maxWidth;\n});\n\nconst { appearanceClass, variantClass } = useAppearance(props);\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"['ev-lozenge', appearanceClass, variantClass, props.class]\"\n        :style=\"[{ 'max-width': maxWidthOuter }, props.style]\">\n        <ev-icon v-if=\"props.iconStart\" :glyph=\"props.iconStart\" size=\"small\" />\n        <span class=\"ev-lozenge--label\">\n            <slot />\n        </span>\n        <ev-icon v-if=\"props.iconEnd\" :glyph=\"props.iconEnd\" size=\"small\" />\n    </component>\n</template>\n"],"names":["isIntegerish","computed","useAppearance"],"mappings":";;;;;;;;;;;;;;;;;;AAoBA,UAAM,oBAAoB,MAAM;AACrB,aAAAA,QAAA,aAAa,MAAM,QAAQ;AAAA,IACtC;AAOM,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;AACjC,aAAO,kBAAsB,IAAA,GAAG,MAAM,QAAQ,OAAO,MAAM;AAAA,IAAA,CAC9D;AAED,UAAM,EAAE,iBAAiB,iBAAiBC,WAAAA,cAAc,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.0.40 | 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;
+//# sourceMappingURL=EvLozenge.vue2.cjs.map

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

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