@evance/evance-ui 1.0.3 → 1.0.4

package/dist/esm/EvErrors.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m } from "./EvErrors.vue_vue_type_script_setup_true_lang-DkoTkLvz.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvErrors.vue_vue_type_script_setup_true_lang-CaUClomW.mjs";
 export {
   _ as EvErrors,
   m as makeEvErrorsProps

package/dist/esm/EvErrors.vue_vue_type_script_setup_true_lang-CaUClomW.mjs

@@ -0,0 +1,55 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, computed, openBlock, createBlock, TransitionGroup, normalizeClass, normalizeStyle, withCtx, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { w as wrapInArray } from "./helpers-BBJ8aYIT.mjs";
+const makeEvErrorsProps = propsFactory(
+  {
+    active: Boolean,
+    messages: {
+      type: [Array, String],
+      default: () => []
+    },
+    ...makeComponentProps()
+  },
+  "EvErrors"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvErrors",
+  props: {
+    ...makeEvErrorsProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const messages = computed(() => {
+      return wrapInArray(props.messages);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TransitionGroup, {
+        appear: "",
+        tag: "div",
+        class: normalizeClass(["ev-errors", props.class]),
+        style: normalizeStyle(props.style),
+        name: "list",
+        role: "alert",
+        "aria-live": "polite"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(messages.value, (message, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: message,
+              class: "ev-errors--message",
+              style: normalizeStyle(`--animation-order: ${index}`)
+            }, toDisplayString(message), 5);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvErrorsProps as m
+};
+//# sourceMappingURL=EvErrors.vue_vue_type_script_setup_true_lang-CaUClomW.mjs.map

package/dist/esm/EvErrors.vue_vue_type_script_setup_true_lang-CaUClomW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvErrors.vue_vue_type_script_setup_true_lang-CaUClomW.mjs","sources":["../../src/components/EvErrors/EvErrors.ts","../../src/components/EvErrors/EvErrors.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { PropType } from \"vue\";\n\nexport const makeEvErrorsProps = propsFactory(\n    {\n        active: Boolean,\n        messages: {\n            type: [Array, String] as PropType<string | readonly string[]>,\n            default: () => [],\n        },\n\n        ...makeComponentProps(),\n    },\n    \"EvErrors\",\n);\n","<script setup lang=\"ts\">\n/**\n * # EvErrors\n */\nimport \"./EvErrors.scss\";\nimport { makeEvErrorsProps } from \"./EvErrors.ts\";\nimport { computed } from \"vue\";\nimport { wrapInArray } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvErrorsProps(),\n});\n\nconst messages = computed(() => {\n    return wrapInArray(props.messages);\n});\n</script>\n\n<template>\n    <TransitionGroup\n        appear\n        tag=\"div\"\n        :class=\"['ev-errors', props.class]\"\n        :style=\"props.style\"\n        name=\"list\"\n        role=\"alert\"\n        aria-live=\"polite\">\n        <div\n            v-for=\"(message, index) in messages\"\n            :key=\"message\"\n            class=\"ev-errors--message\"\n            :style=\"`--animation-order: ${index}`\">\n            {{ message }}\n        </div>\n    </TransitionGroup>\n</template>\n"],"names":[],"mappings":";;;;;AAIO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,MACN,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS,MAAM,CAAC;AAAA,IACpB;AAAA,IAEA,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;ACFM,UAAA,WAAW,SAAS,MAAM;AACrB,aAAA,YAAY,MAAM,QAAQ;AAAA,IAAA,CACpC;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvEyebrow.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvEyebrow.vue_vue_type_script_setup_true_lang-Bh-hwb8I.mjs";
+export {
+  _ as EvEyebrow,
+  m as makeEvEyebrowProps
+};
+//# sourceMappingURL=EvEyebrow.mjs.map

package/dist/esm/EvEyebrow.mjs.map

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

package/dist/esm/EvEyebrow.vue_vue_type_script_setup_true_lang-Bh-hwb8I.mjs

@@ -0,0 +1,41 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, useSlots, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { m as makeTagProps } from "./tag-B_pb7K30.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+const makeEvEyebrowProps = propsFactory(
+  {
+    text: String,
+    ...makeTagProps({
+      tag: "p"
+    }),
+    ...makeComponentProps()
+  },
+  "EvEyebrow"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvEyebrow",
+  props: { ...makeEvEyebrowProps() },
+  setup(__props) {
+    const props = __props;
+    useSlots();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass(["ev-eyebrow", "text-eyebrow", props.class]),
+        style: normalizeStyle(props.style)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(props.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvEyebrowProps as m
+};
+//# sourceMappingURL=EvEyebrow.vue_vue_type_script_setup_true_lang-Bh-hwb8I.mjs.map

package/dist/esm/EvEyebrow.vue_vue_type_script_setup_true_lang-Bh-hwb8I.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvEyebrow.vue_vue_type_script_setup_true_lang-Bh-hwb8I.mjs","sources":["../../src/components/EvEyebrow/EvEyebrow.ts","../../src/components/EvEyebrow/EvEyebrow.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\n\n\nexport const makeEvEyebrowProps = propsFactory(\n    {\n        text: String,\n        ...makeTagProps({\n            tag: \"p\",\n        }),\n        ...makeComponentProps(),\n    },\n    \"EvEyebrow\",\n);","<script setup lang=\"ts\">\nimport \"./EvEyebrow.scss\";\nimport { makeEvEyebrowProps } from \"./EvEyebrow.ts\";\n\nconst props = defineProps({ ...makeEvEyebrowProps() });\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"['ev-eyebrow', 'text-eyebrow', props.class]\"\n        :style=\"props.style\">\n        <slot>{{ props.text }}</slot>\n    </component>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;AAKO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,MAAM;AAAA,IACN,GAAG,aAAa;AAAA,MACZ,KAAK;AAAA,IAAA,CACR;AAAA,IACD,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACRcA;;;;;;;;;;;;;;;;"}

package/dist/esm/EvFieldHelp.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m } from "./EvFieldHelp.vue_vue_type_script_setup_true_lang-De4oKteG.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvFieldHelp.vue_vue_type_script_setup_true_lang-BeIRa2Xp.mjs";
 export {
   _ as EvFieldHelp,
   m as makeEvFieldHelpProps

package/dist/esm/EvFieldHelp.vue_vue_type_script_setup_true_lang-BeIRa2Xp.mjs

@@ -0,0 +1,65 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, computed, useSlots, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { u as useDefaults, p as provideDefaults } from "./defaults-D1V8n9TU.mjs";
+import { u as useDisplay } from "./display-CZAkNF0O.mjs";
+const makeEvFieldHelpProps = propsFactory(
+  {
+    breakpoint: String,
+    ...makeComponentProps()
+  },
+  "EvFieldHelp"
+);
+const _hoisted_1 = { class: "ev-field-help--field" };
+const _hoisted_2 = ["hidden"];
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer-circle" }),
+  /* @__PURE__ */ createElementVNode("div", { class: "ev-field-help--pointer-line" })
+], -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvFieldHelp",
+  props: { ...makeEvFieldHelpProps() },
+  setup(__props) {
+    const definedProps = __props;
+    const props = useDefaults(definedProps);
+    const display = useDisplay();
+    const breakpoint = computed(() => {
+      return props.breakpoint ?? "md";
+    });
+    useSlots();
+    provideDefaults({
+      EvCardContent: {
+        size: "small"
+      }
+    });
+    const isShow = computed(() => {
+      var _a;
+      console.log(breakpoint.value);
+      const displayRule = `${breakpoint.value}Up`;
+      return ((_a = display[displayRule]) == null ? void 0 : _a.value) ?? false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-field-help", { "is-visible": isShow.value }, unref(props).class]),
+        style: normalizeStyle(unref(props).style)
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "field")
+        ]),
+        createElementVNode("div", {
+          class: "ev-field-help--content",
+          hidden: !isShow.value
+        }, [
+          _hoisted_3,
+          renderSlot(_ctx.$slots, "help")
+        ], 8, _hoisted_2)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvFieldHelpProps as m
+};
+//# sourceMappingURL=EvFieldHelp.vue_vue_type_script_setup_true_lang-BeIRa2Xp.mjs.map

package/dist/esm/EvFieldHelp.vue_vue_type_script_setup_true_lang-BeIRa2Xp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvFieldHelp.vue_vue_type_script_setup_true_lang-BeIRa2Xp.mjs","sources":["../../src/components/EvFieldHelp/EvFieldHelp.ts","../../src/components/EvFieldHelp/EvFieldHelp.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { PropType } from \"vue\";\nimport { Breakpoint } from \"@/composables/display.ts\";\n\nexport const makeEvFieldHelpProps = propsFactory(\n    {\n        breakpoint: String as PropType<Breakpoint>,\n        ...makeComponentProps(),\n    },\n    \"EvFieldHelp\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvFieldHelp.scss\";\nimport { makeEvFieldHelpProps } from \"./EvFieldHelp.ts\";\nimport { provideDefaults, useDefaults } from \"@/composables/defaults.ts\";\nimport { useDisplay } from \"@/composables\";\nimport { computed } from \"vue\";\n\nconst definedProps = defineProps({ ...makeEvFieldHelpProps() });\nconst props = useDefaults(definedProps);\nconst display = useDisplay();\n\nconst breakpoint = computed(() => {\n    return props.breakpoint ?? \"md\";\n});\n\nconst slots = defineSlots<{\n    field(): never;\n    help(): never;\n}>();\n\nprovideDefaults({\n    EvCardContent: {\n        size: \"small\",\n    },\n});\n\nconst isShow = computed(() => {\n    console.log(breakpoint.value);\n    const displayRule = `${breakpoint.value}Up`;\n    return display[displayRule]?.value ?? false;\n});\n</script>\n\n<template>\n    <div\n        :class=\"['ev-field-help', { 'is-visible': isShow }, props.class]\"\n        :style=\"props.style\">\n        <div class=\"ev-field-help--field\">\n            <slot name=\"field\" />\n        </div>\n        <div class=\"ev-field-help--content\" :hidden=\"!isShow\">\n            <div class=\"ev-field-help--pointer\">\n                <div class=\"ev-field-help--pointer-circle\"></div>\n                <div class=\"ev-field-help--pointer-line\"></div>\n            </div>\n            <slot name=\"help\" />\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;AAKO,MAAM,uBAAuB;AAAA,EAChC;AAAA,IACI,YAAY;AAAA,IACZ,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;;ACHM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,UAAU;AAEV,UAAA,aAAa,SAAS,MAAM;AAC9B,aAAO,MAAM,cAAc;AAAA,IAAA,CAC9B;AAEaA;AAKE,oBAAA;AAAA,MACZ,eAAe;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IAAA,CACH;AAEK,UAAA,SAAS,SAAS,MAAM;;AAClB,cAAA,IAAI,WAAW,KAAK;AACtB,YAAA,cAAc,GAAG,WAAW,KAAK;AAChC,eAAA,aAAQ,WAAW,MAAnB,mBAAsB,UAAS;AAAA,IAAA,CACzC;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvForm.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m } from "./EvForm.vue_vue_type_script_setup_true_lang-BBm41_pW.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvForm.vue_vue_type_script_setup_true_lang-DfuU_ZWP.mjs";
 export {
   _ as EvForm,
   m as makeEvFormProps

package/dist/esm/EvForm.vue_vue_type_script_setup_true_lang-DfuU_ZWP.mjs

@@ -0,0 +1,66 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { m as makeFormProps, c as createForm } from "./form-D9_0uFbN.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+const makeEvFormProps = propsFactory(
+  {
+    ...makeComponentProps(),
+    ...makeFormProps()
+  },
+  "EvForm"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvForm",
+  props: {
+    ...makeEvFormProps()
+  },
+  emits: ["update:modelValue", "submit"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const formRef = ref();
+    const form = createForm(props);
+    function onReset($event) {
+      $event.preventDefault();
+      form.reset();
+    }
+    function onSubmit($event) {
+      const e = $event;
+      const ready = form.validate();
+      e.then = ready.then.bind(ready);
+      e.catch = ready.catch.bind(ready);
+      e.finally = ready.finally.bind(ready);
+      emit("submit", e);
+      if (!e.defaultPrevented) {
+        ready.then(({ valid }) => {
+          var _a;
+          if (valid) {
+            (_a = formRef.value) == null ? void 0 : _a.submit();
+          }
+        });
+      }
+      e.preventDefault();
+    }
+    __expose({
+      ...form.expose()
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        ref_key: "formRef",
+        ref: formRef,
+        novalidate: "",
+        class: normalizeClass(["ev-form", props.class]),
+        style: normalizeStyle([props.style]),
+        onReset,
+        onSubmit
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 38);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvFormProps as m
+};
+//# sourceMappingURL=EvForm.vue_vue_type_script_setup_true_lang-DfuU_ZWP.mjs.map

package/dist/esm/EvForm.vue_vue_type_script_setup_true_lang-DfuU_ZWP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvForm.vue_vue_type_script_setup_true_lang-DfuU_ZWP.mjs","sources":["../../src/components/EvForm/EvForm.ts","../../src/components/EvForm/EvForm.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeFormProps } from \"@/composables/form.ts\";\n\nexport const makeEvFormProps = propsFactory(\n    {\n        ...makeComponentProps(),\n        ...makeFormProps(),\n    },\n    \"EvForm\",\n);\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { makeEvFormProps } from \"./EvForm.ts\";\nimport { createForm, SubmitEventPromise } from \"@/composables/form.ts\";\n\nconst formRef = ref<HTMLFormElement>();\nconst props = defineProps({\n    ...makeEvFormProps(),\n});\nconst form = createForm(props);\nconst emit = defineEmits([\"update:modelValue\", \"submit\"]);\n\n/**\n * ## On Reset\n * @param $event\n */\nfunction onReset($event: Event) {\n    $event.preventDefault();\n    form.reset();\n}\n\n/**\n * ## On Submit\n * @param $event\n */\nfunction onSubmit($event: Event) {\n    const e = $event as SubmitEventPromise;\n\n    const ready = form.validate();\n    e.then = ready.then.bind(ready);\n    e.catch = ready.catch.bind(ready);\n    e.finally = ready.finally.bind(ready);\n\n    emit(\"submit\", e);\n\n    if (!e.defaultPrevented) {\n        ready.then(({ valid }) => {\n            if (valid) {\n                formRef.value?.submit();\n            }\n        });\n    }\n\n    e.preventDefault();\n}\n\ndefineExpose({\n    ...form.expose(),\n});\n</script>\n\n<template>\n    <form\n        ref=\"formRef\"\n        novalidate\n        :class=\"['ev-form', props.class]\"\n        :style=\"[props.style]\"\n        @reset=\"onReset\"\n        @submit=\"onSubmit\">\n        <slot />\n    </form>\n</template>\n"],"names":[],"mappings":";;;;;AAIO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,GAAG,mBAAmB;AAAA,IACtB,GAAG,cAAc;AAAA,EACrB;AAAA,EACA;AACJ;;;;;;;;;ACLA,UAAM,UAAU;AAIV,UAAA,OAAO,WAAW,KAAK;AAO7B,aAAS,QAAQ,QAAe;AAC5B,aAAO,eAAe;AACtB,WAAK,MAAM;AAAA,IACf;AAMA,aAAS,SAAS,QAAe;AAC7B,YAAM,IAAI;AAEJ,YAAA,QAAQ,KAAK;AACnB,QAAE,OAAO,MAAM,KAAK,KAAK,KAAK;AAC9B,QAAE,QAAQ,MAAM,MAAM,KAAK,KAAK;AAChC,QAAE,UAAU,MAAM,QAAQ,KAAK,KAAK;AAEpC,WAAK,UAAU,CAAC;AAEZ,UAAA,CAAC,EAAE,kBAAkB;AACrB,cAAM,KAAK,CAAC,EAAE,YAAY;;AACtB,cAAI,OAAO;AACP,0BAAQ,UAAR,mBAAe;AAAA,UACnB;AAAA,QAAA,CACH;AAAA,MACL;AAEA,QAAE,eAAe;AAAA,IACrB;AAEa,aAAA;AAAA,MACT,GAAG,KAAK,OAAO;AAAA,IAAA,CAClB;;;;;;;;;;;;;;;;"}

package/dist/esm/EvFormHelp.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m } from "./EvFormHelp.vue_vue_type_script_setup_true_lang-CZHkWs1_.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvFormHelp.vue_vue_type_script_setup_true_lang-BOe7U6Un.mjs";
 export {
   _ as EvFormHelp,
   m as makeEvFormHelpProps

package/dist/esm/EvFormHelp.vue_vue_type_script_setup_true_lang-BOe7U6Un.mjs

@@ -0,0 +1,47 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, toRef, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { p as provideDefaults } from "./defaults-D1V8n9TU.mjs";
+import { u as useDisplay } from "./display-CZAkNF0O.mjs";
+const makeEvFormHelpProps = propsFactory(
+  {
+    breakpoint: {
+      type: String,
+      default: "md"
+    },
+    ...makeComponentProps()
+  },
+  "EvFormHelp"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvFormHelp",
+  props: { ...makeEvFormHelpProps() },
+  setup(__props) {
+    const props = __props;
+    const display = useDisplay();
+    provideDefaults({
+      EvFieldHelp: {
+        breakpoint: toRef(props, "breakpoint")
+      }
+    });
+    const isShow = computed(() => {
+      var _a;
+      const displayRule = `${props.breakpoint}Up`;
+      return ((_a = display[displayRule]) == null ? void 0 : _a.value) ?? false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-form-help", { "is-visible": isShow.value }, props.class]),
+        style: normalizeStyle(props.style)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvFormHelpProps as m
+};
+//# sourceMappingURL=EvFormHelp.vue_vue_type_script_setup_true_lang-BOe7U6Un.mjs.map

package/dist/esm/EvFormHelp.vue_vue_type_script_setup_true_lang-BOe7U6Un.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvFormHelp.vue_vue_type_script_setup_true_lang-BOe7U6Un.mjs","sources":["../../src/components/EvFormHelp/EvFormHelp.ts","../../src/components/EvFormHelp/EvFormHelp.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { Breakpoint } from \"@/composables/display.ts\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\n\nexport const makeEvFormHelpProps = propsFactory(\n    {\n        breakpoint: {\n            type: String as PropType<Breakpoint>,\n            default: \"md\",\n        },\n        ...makeComponentProps(),\n    },\n    \"EvFormHelp\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvFormHelp.scss\";\nimport { makeEvFormHelpProps } from \"./EvFormHelp.ts\";\nimport { provideDefaults } from \"@/composables/defaults.ts\";\nimport { computed, toRef } from \"vue\";\nimport { useDisplay } from \"@/composables\";\n\nconst props = defineProps({ ...makeEvFormHelpProps() });\nconst display = useDisplay();\n\nprovideDefaults({\n    EvFieldHelp: {\n        breakpoint: toRef(props, \"breakpoint\"),\n    },\n});\n\nconst isShow = computed(() => {\n    const displayRule = `${props.breakpoint}Up`;\n    return display[displayRule]?.value ?? false;\n});\n</script>\n\n<template>\n    <div\n        :class=\"['ev-form-help', { 'is-visible': isShow }, props.class]\"\n        :style=\"props.style\">\n        <slot />\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,sBAAsB;AAAA,EAC/B;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACNA,UAAM,UAAU;AAEA,oBAAA;AAAA,MACZ,aAAa;AAAA,QACT,YAAY,MAAM,OAAO,YAAY;AAAA,MACzC;AAAA,IAAA,CACH;AAEK,UAAA,SAAS,SAAS,MAAM;;AACpB,YAAA,cAAc,GAAG,MAAM,UAAU;AAChC,eAAA,aAAQ,WAAW,MAAnB,mBAAsB,UAAS;AAAA,IAAA,CACzC;;;;;;;;;;;"}

package/dist/esm/EvHeading.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, b, E, a, m } from "./EvHeading.vue_vue_type_script_setup_true_lang-Dop1gi0K.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, b, E, a, m } from "./EvHeading.vue_vue_type_script_setup_true_lang-Xxzkc1gR.mjs";
 export {
   _ as EvHeading,
   b as EvHeadingClass,

package/dist/esm/EvHeading.vue_vue_type_script_setup_true_lang-Xxzkc1gR.mjs

@@ -0,0 +1,105 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, useCssVars, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { m as makeTagProps } from "./tag-B_pb7K30.mjs";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { u as useDefaults } from "./defaults-D1V8n9TU.mjs";
+import { b as isBoolean, k as isNumber } from "./is-functions-C4Ohethd.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"
+);
+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 {
+  EvHeadingSize as E,
+  _sfc_main as _,
+  EvHeadingTag as a,
+  EvHeadingClass as b,
+  makeEvHeadingProps as m
+};
+//# sourceMappingURL=EvHeading.vue_vue_type_script_setup_true_lang-Xxzkc1gR.mjs.map

package/dist/esm/EvHeading.vue_vue_type_script_setup_true_lang-Xxzkc1gR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvHeading.vue_vue_type_script_setup_true_lang-Xxzkc1gR.mjs","sources":["../../src/components/EvHeading/EvHeading.ts","../../src/components/EvHeading/EvHeading.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\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 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);","<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":";;;;;;;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;AAEO,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,IAAA,CACR;AAAA,EACL;AAAA,EACA;AACJ;;;;;;;;;;;ACnCM,UAAA,QAAQ,YAAY,YAAY;AAEhC,UAAA,MAAM,SAAS,MAAM;AACvB,UAAI,MAAM,KAAK;AACX,eAAO,MAAM;AAAA,MACjB;AACA,aAAO,aAAa,MAAM,IAAI,KAAK,aAAa,cAAc,OAAO;AAAA,IAAA,CACxE;AAEK,UAAA,YAAY,SAAS,MAAM;AACzB,UAAA,CAAC,MAAM,KAAK;AACL,eAAA;AAAA,MACX;AACA,aAAO,eAAe,MAAM,IAAI,KAAK,eAAe,cAAc,OAAO;AAAA,IAAA,CAC5E;AAEK,UAAA,gBAAgB,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,UAAU;AACV,eAAA;AAAA,MACX;AACA,aAAO,UAAU,MAAM,QAAQ,IAAI,gBAAgB;AAAA,IAAA,CACtD;AAEK,UAAA,WAAW,SAAS,MAAM;AACxB,UAAA,SAAS,MAAM,QAAQ,GAAG;AAC1B,eAAO,MAAM;AAAA,MACjB;AACO,aAAA;AAAA,IAAA,CACV;;;;;;;;;;;;;;;;"}

package/dist/esm/EvHeading.vue_vue_type_style_index_0_lang-D6V8HLr4.mjs

@@ -0,0 +1,2 @@
+/*! Evance UI v1.0.4 | MIT License */
+//# sourceMappingURL=EvHeading.vue_vue_type_style_index_0_lang-D6V8HLr4.mjs.map

package/dist/esm/EvHeading.vue_vue_type_style_index_0_lang-D6V8HLr4.mjs.map

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

package/dist/esm/EvIcon.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, I, m, u } from "./EvIcon.vue_vue_type_script_setup_true_lang-CoGBF5ad.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, I, m, u } from "./EvIcon.vue_vue_type_script_setup_true_lang-B-JZfg8H.mjs";
 export {
   _ as EvIcon,
   I as IconAppearance,

package/dist/esm/EvIcon.vue_vue_type_script_setup_true_lang-B-JZfg8H.mjs

@@ -0,0 +1,73 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { computed, toRaw, defineComponent, useCssVars, useAttrs, openBlock, createElementBlock, normalizeClass, unref, createBlock, resolveDynamicComponent } from "vue";
+import { I as IconProp } from "./icons-BRqPdDx5.mjs";
+import { A as Appearance } from "./appearance-Da2f3tZo.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { u as useDefaults } from "./defaults-D1V8n9TU.mjs";
+import { a as appearanceModifier, s as sizeModifier } from "./modifiers-VukLygRU.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"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvIcon",
+  props: {
+    ...makeEvIconProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    useCssVars((_ctx) => ({
+      "1c3649dc": iconColor.value
+    }));
+    const props = useDefaults(definedProps);
+    const attrs = useAttrs();
+    const iconColor = computed(() => {
+      if (!props.appearance || props.appearance === "default") {
+        return null;
+      }
+      if (props.appearance === "primary") {
+        return `var(--text-brand)`;
+      }
+      return `var(--text-${props.appearance})`;
+    });
+    const iconGlyph = computed(() => {
+      return toRaw(props.glyph);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("i", {
+        class: normalizeClass(["ev-icon", [
+          {
+            "is-clickable": !!unref(attrs).onClick
+          },
+          unref(appearanceModifier)(unref(props).appearance, [unref(Appearance).default]),
+          unref(sizeModifier)(unref(props).size, ["medium"])
+        ]])
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(iconGlyph.value)))
+      ], 2);
+    };
+  }
+});
+export {
+  IconAppearance as I,
+  _sfc_main as _,
+  makeEvIconProps as m,
+  useIcon as u
+};
+//# sourceMappingURL=EvIcon.vue_vue_type_script_setup_true_lang-B-JZfg8H.mjs.map

package/dist/esm/EvIcon.vue_vue_type_script_setup_true_lang-B-JZfg8H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvIcon.vue_vue_type_script_setup_true_lang-B-JZfg8H.mjs","sources":["../../src/components/EvIcon/EvIcon.ts","../../src/components/EvIcon/EvIcon.vue"],"sourcesContent":["import { computed, PropType, toRaw } from \"vue\";\nimport { Appearance, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons.ts\";\n\n/**\n * ## Icon Size\n */\nexport type IconSize = \"small\" | \"medium\" | \"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 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","<script setup lang=\"ts\">\n/**\n * # EvIcon\n *\n *  Uses `glyph` to render an SVG-based icon.\n */\nimport \"./EvIcon.scss\";\nimport { makeEvIconProps } from \"./EvIcon.ts\";\nimport { computed, toRaw, useAttrs } from \"vue\";\nimport { Appearance, appearanceModifier, sizeModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({\n    ...makeEvIconProps(),\n});\nconst props = useDefaults(definedProps);\nconst attrs = useAttrs();\n\nconst iconColor = computed(() => {\n    if (!props.appearance || props.appearance === \"default\") {\n        return null;\n    }\n    if (props.appearance === \"primary\") {\n        return `var(--text-brand)`;\n    }\n    return `var(--text-${props.appearance})`;\n});\n\nconst iconGlyph = computed(() => {\n    return toRaw(props.glyph) as string;\n});\n</script>\n\n<template>\n    <i\n        class=\"ev-icon\"\n        :class=\"[\n            {\n                'is-clickable': !!attrs.onClick,\n            },\n            appearanceModifier(props.appearance, [Appearance.default]),\n            sizeModifier(props.size, ['medium']),\n        ]\">\n        <component :is=\"iconGlyph\"></component>\n    </i>\n</template>\n\n<style>\n.ev-icon {\n    --icon-color: v-bind(iconColor);\n}\n</style>\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;AAEO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,WAAW;AAAA,IACxB;AAAA,EACJ;AAAA,EACA;AACJ;;;;;;;;;;;AC1BM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,QAAQ;AAER,UAAA,YAAY,SAAS,MAAM;AAC7B,UAAI,CAAC,MAAM,cAAc,MAAM,eAAe,WAAW;AAC9C,eAAA;AAAA,MACX;AACI,UAAA,MAAM,eAAe,WAAW;AACzB,eAAA;AAAA,MACX;AACO,aAAA,cAAc,MAAM,UAAU;AAAA,IAAA,CACxC;AAEK,UAAA,YAAY,SAAS,MAAM;AACtB,aAAA,MAAM,MAAM,KAAK;AAAA,IAAA,CAC3B;;;;;;;;;;;;;;;;"}

package/dist/esm/EvIcon.vue_vue_type_style_index_0_lang-D6V8HLr4.mjs

@@ -0,0 +1,2 @@
+/*! Evance UI v1.0.4 | MIT License */
+//# sourceMappingURL=EvIcon.vue_vue_type_style_index_0_lang-D6V8HLr4.mjs.map

package/dist/esm/EvIcon.vue_vue_type_style_index_0_lang-D6V8HLr4.mjs.map

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

package/dist/esm/EvImg.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m } from "./EvImg.vue_vue_type_script_setup_true_lang-vzUc3zh_.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvImg.vue_vue_type_script_setup_true_lang-oIei7ORT.mjs";
 export {
   _ as EvImg,
   m as makeEvImgProps