@evance/evance-ui 1.0.7 → 1.0.8

package/dist/esm/EvDrawer.vue_vue_type_script_setup_true_lang-CgBTAB0O.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDrawer.vue_vue_type_script_setup_true_lang-CgBTAB0O.mjs","sources":["../../src/composables/drawer.ts","../../src/components/EvDrawer/EvDrawer.ts","../../src/components/EvDrawer/EvDrawer.vue"],"sourcesContent":["import { inject, InjectionKey, provide } from \"vue\";\nimport { EvDrawerInstance } from \"@/components/EvDrawer/EvDrawerInstance\";\nimport { EvDrawerServiceOpener } from \"@/components/EvDrawer/EvDrawerServiceOpener\";\n\nexport const EvDrawerServiceSymbol: InjectionKey<EvDrawerServiceOpener> =\n    Symbol.for(\"ev:drawer-service\");\nexport const EvDrawerInstanceSymbol: InjectionKey<\n    EvDrawerInstance | undefined\n> = Symbol.for(\"ev:drawer-instance\");\n\n/**\n * # useDrawer\n *\n * Requires that the App has provided `EvDrawerService`.\n */\nexport function useDrawer(): EvDrawerServiceOpener {\n    const service = inject(EvDrawerServiceSymbol);\n    if (!service) {\n        throw new Error(\"Evance UI: Unable to find injected drawer service\");\n    }\n    return service;\n}\n\n/**\n * # injectDrawer\n */\nexport function injectDrawer(): EvDrawerInstance | undefined {\n    return inject(EvDrawerInstanceSymbol);\n}\n\n/**\n * # provideDrawer\n * @param instance\n */\nexport function provideDrawer(instance: EvDrawerInstance | undefined) {\n    provide(EvDrawerInstanceSymbol, instance);\n}\n","import { omit, PhysicalSide, propsFactory } from \"@/util\";\nimport { makeEvDialogProps } from \"@/components\";\nimport { PropType } from \"vue\";\n\nexport const makeEvDrawerProps = propsFactory(\n    {\n        position: {\n            type: String as PropType<PhysicalSide>,\n            default: \"left\",\n        },\n\n        ...omit(makeEvDialogProps(), [\"position\"]),\n    },\n    \"EvDrawer\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvDrawer.scss\";\nimport { EvDialog } from \"@/components/EvDialog\";\nimport { makeEvDrawerProps } from \"@/components/EvDrawer/EvDrawer\";\nimport { computed, ref } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\nimport { provideDrawer } from \"@/composables/drawer\";\n\nconst props = defineProps({\n    ...makeEvDrawerProps(),\n});\nconst dialogProps = computed(() => {\n    return omit(filterComponentProps(EvDialog, props), [\"position\"]);\n});\nconst isActive = useModelProxy(props, \"modelValue\");\nconst dialogRef = ref<typeof EvDialog>();\n\nconst positionClass = computed(() => {\n    return `is-position-${props.position}`;\n});\n\nconst transition = computed(() => {\n    return `ev-drawer--transition-${props.position}`;\n});\n\nconst overlayWidth = computed(() => {\n    if (props.position === \"top\" || props.position === \"bottom\") {\n        return \"100%\";\n    }\n    return props.width ?? \"medium\";\n});\n\n/**\n * ## Close\n */\nfunction close() {\n    isActive.value = false;\n}\n\nprovideDrawer(props.__instance);\n\ndefineExpose({\n    close,\n});\n</script>\n\n<template>\n    <ev-dialog\n        ref=\"dialogRef\"\n        v-bind=\"dialogProps\"\n        v-model=\"isActive\"\n        :class=\"['ev-drawer', positionClass, props.class]\"\n        :style=\"props.style\"\n        :transition=\"transition\"\n        :width=\"overlayWidth\">\n        <template\n            v-for=\"(slot, name) in $slots\"\n            :key=\"name\"\n            #[name]=\"slotProps\">\n            <component :is=\"slot\" v-bind=\"slotProps\" />\n        </template>\n    </ev-dialog>\n</template>\n"],"names":["EvDialog"],"mappings":";;;;;;AAIa,MAAA,wBACT,OAAO,IAAI,mBAAmB;AACrB,MAAA,yBAET,OAAO,IAAI,oBAAoB;AAO5B,SAAS,YAAmC;AACzC,QAAA,UAAU,OAAO,qBAAqB;AAC5C,MAAI,CAAC,SAAS;AACJ,UAAA,IAAI,MAAM,mDAAmD;AAAA,EACvE;AACO,SAAA;AACX;AAKO,SAAS,eAA6C;AACzD,SAAO,OAAO,sBAAsB;AACxC;AAMO,SAAS,cAAc,UAAwC;AAClE,UAAQ,wBAAwB,QAAQ;AAC5C;AChCO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,KAAK,qBAAqB,CAAC,UAAU,CAAC;AAAA,EAC7C;AAAA,EACA;AACJ;;;;;;;;ACFM,UAAA,cAAc,SAAS,MAAM;AAC/B,aAAO,KAAK,qBAAqBA,aAAU,KAAK,GAAG,CAAC,UAAU,CAAC;AAAA,IAAA,CAClE;AACK,UAAA,WAAW,cAAc,OAAO,YAAY;AAClD,UAAM,YAAY;AAEZ,UAAA,gBAAgB,SAAS,MAAM;AAC1B,aAAA,eAAe,MAAM,QAAQ;AAAA,IAAA,CACvC;AAEK,UAAA,aAAa,SAAS,MAAM;AACvB,aAAA,yBAAyB,MAAM,QAAQ;AAAA,IAAA,CACjD;AAEK,UAAA,eAAe,SAAS,MAAM;AAChC,UAAI,MAAM,aAAa,SAAS,MAAM,aAAa,UAAU;AAClD,eAAA;AAAA,MACX;AACA,aAAO,MAAM,SAAS;AAAA,IAAA,CACzB;AAKD,aAAS,QAAQ;AACb,eAAS,QAAQ;AAAA,IACrB;AAEA,kBAAc,MAAM,UAAU;AAEjB,aAAA;AAAA,MACT;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvEditOnClick.mjs

@@ -0,0 +1,120 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { defineComponent, useSlots, ref, watch, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createVNode, withKeys, withCtx, createTextVNode, toDisplayString } from "vue";
+import { u as useModelProxy } from "./modelProxy-myoMk9SU.mjs";
+import { _ as _sfc_main$3 } from "./EvButton.vue_vue_type_script_setup_true_lang-DDkhJuo9.mjs";
+import { _ as _sfc_main$2 } from "./EvButtonGroup.vue_vue_type_script_setup_true_lang-9c1Xe9bu.mjs";
+import { _ as _sfc_main$1 } from "./EvTextfield.vue_vue_type_script_setup_true_lang-56Y5Jf-_.mjs";
+import { C as CancelIcon } from "./CancelIcon-BTJevs6S.mjs";
+import { C as CheckIcon } from "./CheckIcon-C5AxTVqg.mjs";
+const makeEvEditOnClickProps = propsFactory(
+  {
+    editing: Boolean,
+    modelValue: null,
+    persistent: Boolean,
+    ...makeComponentProps()
+  },
+  "EvEditOnClick"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvEditOnClick",
+  props: { ...makeEvEditOnClickProps() },
+  emits: ["update:editing", "update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    useSlots();
+    const isEditing = useModelProxy(props, "editing");
+    const modelValue = useModelProxy(props, "modelValue");
+    const editValue = ref(props.modelValue);
+    const clickable = ref(null);
+    const editable = ref(null);
+    watch(modelValue, () => {
+      editValue.value = modelValue.value;
+    });
+    function clickOutsideCondition() {
+      return !props.persistent;
+    }
+    function onClickOutside() {
+      cancel();
+    }
+    function cancel() {
+      editValue.value = modelValue.value;
+      isEditing.value = false;
+    }
+    function onClick() {
+      isEditing.value = true;
+      requestAnimationFrame(() => {
+        const input = editable.value.querySelector(
+          "input, select, textarea"
+        );
+        input == null ? void 0 : input.focus();
+      });
+    }
+    function confirm() {
+      modelValue.value = editValue.value;
+      isEditing.value = false;
+    }
+    const clickOutsideDirectiveArgs = {
+      handler: onClickOutside,
+      condition: clickOutsideCondition,
+      include: () => []
+    };
+    return (_ctx, _cache) => {
+      const _directive_click_outside = resolveDirective("click-outside");
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-edit-on-click", { "is-editing": unref(isEditing) }, props.class]),
+        style: normalizeStyle(props.style)
+      }, [
+        unref(isEditing) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          ref_key: "editable",
+          ref: editable,
+          class: "ev-edit-on-click--editable"
+        }, [
+          renderSlot(_ctx.$slots, "editable", {}, () => [
+            createVNode(unref(_sfc_main$1), {
+              modelValue: editValue.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => editValue.value = $event),
+              onKeyup: [
+                withKeys(confirm, ["enter"]),
+                withKeys(cancel, ["esc"])
+              ]
+            }, null, 8, ["modelValue", "onKeyup"])
+          ]),
+          createVNode(unref(_sfc_main$2), { size: "small" }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$3), {
+                icon: unref(CancelIcon),
+                onClick: cancel
+              }, null, 8, ["icon"]),
+              createVNode(unref(_sfc_main$3), {
+                icon: unref(CheckIcon),
+                onClick: confirm
+              }, null, 8, ["icon"])
+            ]),
+            _: 1
+          })
+        ], 512)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          ref_key: "clickable",
+          ref: clickable,
+          role: "button",
+          class: "ev-edit-on-click--clickable",
+          onClick
+        }, [
+          renderSlot(_ctx.$slots, "clickable", {}, () => [
+            createTextVNode(toDisplayString(unref(modelValue)), 1)
+          ])
+        ], 512))
+      ], 6)), [
+        [_directive_click_outside, clickOutsideDirectiveArgs]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as EvEditOnClick,
+  makeEvEditOnClickProps
+};
+//# sourceMappingURL=EvEditOnClick.mjs.map

package/dist/esm/EvEditOnClick.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvEditOnClick.mjs","sources":["../../src/components/EvEditOnClick/EvEditOnClick.ts","../../src/components/EvEditOnClick/EvEditOnClick.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\r\nimport { makeComponentProps } from \"@/composables/component\";\r\n\r\nexport const makeEvEditOnClickProps = propsFactory(\r\n    {\r\n        editing: Boolean,\r\n        modelValue: null,\r\n        persistent: Boolean,\r\n\r\n        ...makeComponentProps(),\r\n    },\r\n    \"EvEditOnClick\",\r\n)\r\n","<script setup lang=\"ts\">\r\nimport \"./EvEditOnClick.scss\";\r\nimport { makeEvEditOnClickProps } from \"./EvEditOnClick\";\r\nimport { useModelProxy } from \"@/composables/modelProxy\";\r\nimport { ref, watch } from \"vue\";\r\nimport { EvButton } from \"@/components/EvButton\";\r\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\r\nimport { EvTextfield } from \"@/components/EvTextfield\";\r\nimport { CancelIcon, CheckIcon } from \"@/icons\";\r\n\r\nconst props = defineProps({ ...makeEvEditOnClickProps() });\r\nconst slots = defineSlots<{\r\n    editable(): never;\r\n    clickable(): never;\r\n}>();\r\nconst emit = defineEmits<{\r\n    (e: \"update:editing\", value: boolean): void;\r\n    (e: \"update:modelValue\", value: any): void;\r\n}>();\r\n\r\nconst isEditing = useModelProxy(props, \"editing\");\r\nconst modelValue = useModelProxy(props, \"modelValue\");\r\nconst editValue = ref(props.modelValue);\r\nconst clickable = ref<HTMLElement | null>(null);\r\nconst editable = ref<HTMLElement | null>(null);\r\n\r\nwatch(modelValue, () => {\r\n    editValue.value = modelValue.value;\r\n});\r\n\r\nfunction clickOutsideCondition(): boolean {\r\n    return !props.persistent;\r\n}\r\n\r\nfunction onClickOutside() {\r\n    cancel();\r\n}\r\n\r\nfunction cancel() {\r\n    editValue.value = modelValue.value;\r\n    isEditing.value = false;\r\n}\r\n\r\nfunction onClick() {\r\n    isEditing.value = true;\r\n    requestAnimationFrame(() => {\r\n        const input = editable.value.querySelector(\r\n            \"input, select, textarea\",\r\n        ) as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null;\r\n        input?.focus();\r\n    });\r\n}\r\n\r\nfunction confirm() {\r\n    modelValue.value = editValue.value;\r\n    isEditing.value = false;\r\n}\r\n\r\nconst clickOutsideDirectiveArgs = {\r\n    handler: onClickOutside,\r\n    condition: clickOutsideCondition,\r\n    include: () => [],\r\n};\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        :class=\"['ev-edit-on-click', { 'is-editing': isEditing }, props.class]\"\r\n        :style=\"props.style\"\r\n        v-click-outside=\"clickOutsideDirectiveArgs\">\r\n        <div v-if=\"isEditing\" ref=\"editable\" class=\"ev-edit-on-click--editable\">\r\n            <slot name=\"editable\">\r\n                <ev-textfield\r\n                    v-model=\"editValue\"\r\n                    @keyup.enter=\"confirm\"\r\n                    @keyup.esc=\"cancel\" />\r\n            </slot>\r\n            <ev-button-group size=\"small\">\r\n                <ev-button :icon=\"CancelIcon\" @click=\"cancel\" />\r\n                <ev-button :icon=\"CheckIcon\" @click=\"confirm\" />\r\n            </ev-button-group>\r\n        </div>\r\n        <div\r\n            v-else\r\n            ref=\"clickable\"\r\n            role=\"button\"\r\n            class=\"ev-edit-on-click--clickable\"\r\n            @click=\"onClick\">\r\n            <slot name=\"clickable\">{{ modelValue }}</slot>\r\n        </div>\r\n    </div>\r\n</template>\r\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;AAGO,MAAM,yBAAyB;AAAA,EAClC;AAAA,IACI,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IAEZ,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;ACDcA,aAAA;AASR,UAAA,YAAY,cAAc,OAAO,SAAS;AAC1C,UAAA,aAAa,cAAc,OAAO,YAAY;AAC9C,UAAA,YAAY,IAAI,MAAM,UAAU;AAChC,UAAA,YAAY,IAAwB,IAAI;AACxC,UAAA,WAAW,IAAwB,IAAI;AAE7C,UAAM,YAAY,MAAM;AACpB,gBAAU,QAAQ,WAAW;AAAA,IAAA,CAChC;AAED,aAAS,wBAAiC;AACtC,aAAO,CAAC,MAAM;AAAA,IAClB;AAEA,aAAS,iBAAiB;AACf;IACX;AAEA,aAAS,SAAS;AACd,gBAAU,QAAQ,WAAW;AAC7B,gBAAU,QAAQ;AAAA,IACtB;AAEA,aAAS,UAAU;AACf,gBAAU,QAAQ;AAClB,4BAAsB,MAAM;AAClB,cAAA,QAAQ,SAAS,MAAM;AAAA,UACzB;AAAA,QAAA;AAEJ,uCAAO;AAAA,MAAM,CAChB;AAAA,IACL;AAEA,aAAS,UAAU;AACf,iBAAW,QAAQ,UAAU;AAC7B,gBAAU,QAAQ;AAAA,IACtB;AAEA,UAAM,4BAA4B;AAAA,MAC9B,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS,MAAM,CAAC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvErrors.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { _, m } from "./EvErrors.vue_vue_type_script_setup_true_lang-Cu8UnqJ_.mjs";
+export {
+  _ as EvErrors,
+  m as makeEvErrorsProps
+};
+//# sourceMappingURL=EvErrors.mjs.map

package/dist/esm/EvErrors.mjs.map

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

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

@@ -0,0 +1,55 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, computed, openBlock, createBlock, TransitionGroup, normalizeClass, normalizeStyle, withCtx, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { w as wrapInArray } from "./helpers-CVFyfHL3.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-Cu8UnqJ_.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvErrors.vue_vue_type_script_setup_true_lang-Cu8UnqJ_.mjs","sources":["../../src/components/EvErrors/EvErrors.ts","../../src/components/EvErrors/EvErrors.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\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\";\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.8 | MIT License */
+import { _, m } from "./EvEyebrow.vue_vue_type_script_setup_true_lang-BeHbS7cL.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-BeHbS7cL.mjs

@@ -0,0 +1,44 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, useSlots, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { m as makeTextAppearanceProps, a as useTextAppearance } from "./appearance-DyIRnZmX.mjs";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { m as makeTagProps } from "./tag-C32PgN3Y.mjs";
+const makeEvEyebrowProps = propsFactory(
+  {
+    text: String,
+    ...makeTextAppearanceProps(),
+    ...makeTagProps({
+      tag: "p"
+    }),
+    ...makeComponentProps()
+  },
+  "EvEyebrow"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvEyebrow",
+  props: { ...makeEvEyebrowProps() },
+  setup(__props) {
+    const props = __props;
+    useSlots();
+    const { appearanceClass } = useTextAppearance(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass(["ev-eyebrow", "text-eyebrow", unref(appearanceClass), 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-BeHbS7cL.mjs.map

package/dist/esm/EvEyebrow.vue_vue_type_script_setup_true_lang-BeHbS7cL.mjs.map

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

package/dist/esm/EvFieldHelp.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { _, m } from "./EvFieldHelp.vue_vue_type_script_setup_true_lang-C3F1ulUd.mjs";
+export {
+  _ as EvFieldHelp,
+  m as makeEvFieldHelpProps
+};
+//# sourceMappingURL=EvFieldHelp.mjs.map

package/dist/esm/EvFieldHelp.mjs.map

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

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

@@ -0,0 +1,65 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, computed, useSlots, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { u as useDefaults, p as provideDefaults } from "./defaults-BzA2jgnm.mjs";
+import { u as useDisplay } from "./display-CRSUlrFS.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-C3F1ulUd.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvFieldHelp.vue_vue_type_script_setup_true_lang-C3F1ulUd.mjs","sources":["../../src/components/EvFieldHelp/EvFieldHelp.ts","../../src/components/EvFieldHelp/EvFieldHelp.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { PropType } from \"vue\";\nimport { Breakpoint } from \"@/composables/display\";\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\";\nimport { provideDefaults, useDefaults } from \"@/composables/defaults\";\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/EvFilterButton.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { _, m } from "./EvFilterButton.vue_vue_type_script_setup_true_lang-CjNQOdMB.mjs";
+export {
+  _ as EvFilterButton,
+  m as makeEvFilterButtonProps
+};
+//# sourceMappingURL=EvFilterButton.mjs.map

package/dist/esm/EvFilterButton.mjs.map

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

package/dist/esm/EvFilterButton.vue_vue_type_script_setup_true_lang-CjNQOdMB.mjs

@@ -0,0 +1,75 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createVNode } from "vue";
+import { o as omit, f as filterComponentProps, a as getPropertyValue } from "./helpers-CVFyfHL3.mjs";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeEvButtonProps, _ as _sfc_main$1 } from "./EvButton.vue_vue_type_script_setup_true_lang-DDkhJuo9.mjs";
+import { i as isObject } from "./is-functions-t4AT-bOe.mjs";
+import { _ as _sfc_main$2 } from "./EvBadge.vue_vue_type_script_setup_true_lang-DEqRAcFi.mjs";
+import { C as ChevronDownIcon } from "./ChevronDownIcon-kh951Gvw.mjs";
+import { u as useModelProxy } from "./modelProxy-myoMk9SU.mjs";
+import { u as useDefaults } from "./defaults-BzA2jgnm.mjs";
+const makeEvFilterButtonProps = propsFactory(
+  {
+    title: String,
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    filterTitle: {
+      type: String,
+      default: "title"
+    },
+    ...omit(makeEvButtonProps(), ["text", "value"])
+  },
+  "EvFilterButton"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvFilterButton",
+  props: {
+    ...makeEvFilterButtonProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    const props = useDefaults(definedProps);
+    const buttonProps = computed(() => filterComponentProps(_sfc_main$1, props));
+    const modelValue = useModelProxy(props, "modelValue");
+    const filterTitles = computed(() => {
+      return modelValue.value.map((item) => {
+        return isObject(item) ? getPropertyValue(item, props.filterTitle) : item;
+      });
+    });
+    const title = computed(() => {
+      return filterTitles.value.length ? `${props.title}: ${filterTitles.value[0]}` : props.title;
+    });
+    const count = computed(() => {
+      return modelValue.value.length > 1 ? modelValue.value.length - 1 : void 0;
+    });
+    const isFiltered = computed(() => !!modelValue.value.length);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(buttonProps.value, {
+        "icon-end": unref(ChevronDownIcon),
+        text: title.value,
+        appearance: isFiltered.value ? "primary" : "default",
+        variant: isFiltered.value ? "tonal" : "subtle"
+      }), createSlots({ _: 2 }, [
+        count.value ? {
+          name: "suffix",
+          fn: withCtx(() => [
+            createVNode(unref(_sfc_main$2), {
+              bold: "",
+              inline: "",
+              content: `+${count.value}`,
+              appearance: "primary"
+            }, null, 8, ["content"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["icon-end", "text", "appearance", "variant"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvFilterButtonProps as m
+};
+//# sourceMappingURL=EvFilterButton.vue_vue_type_script_setup_true_lang-CjNQOdMB.mjs.map

package/dist/esm/EvFilterButton.vue_vue_type_script_setup_true_lang-CjNQOdMB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvFilterButton.vue_vue_type_script_setup_true_lang-CjNQOdMB.mjs","sources":["../../src/components/EvFilterButton/EvFilterButton.ts","../../src/components/EvFilterButton/EvFilterButton.vue"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { makeEvButtonProps } from \"@/components/EvButton\";\nimport { PropType } from \"vue\";\n\nexport const makeEvFilterButtonProps = propsFactory(\n    {\n        title: String,\n        modelValue: {\n            type: Array as PropType<readonly string[]>,\n            default: () => [],\n        },\n        filterTitle: {\n            type: String,\n            default: \"title\",\n        },\n        ...omit(makeEvButtonProps(), [\"text\", \"value\"]),\n    },\n    \"EvFilterButton\",\n)","<script setup lang=\"ts\">\nimport { makeEvFilterButtonProps } from \"./EvFilterButton\";\nimport { useDefaults } from \"@/composables\";\nimport { computed } from \"vue\";\nimport { filterComponentProps, getPropertyValue, isObject } from \"@/util\";\nimport { EvButton } from \"@/components/EvButton\";\nimport { EvBadge } from \"@/components/EvBadge\";\nimport { ChevronDownIcon } from \"@/icons\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\nconst definedProps = defineProps({\n    ...makeEvFilterButtonProps(),\n});\nconst props = useDefaults(definedProps);\nconst buttonProps = computed(() => filterComponentProps(EvButton, props));\nconst modelValue = useModelProxy(props, \"modelValue\");\n\nconst filterTitles = computed(() => {\n    return modelValue.value.map((item: unknown) => {\n        return isObject(item)\n            ? getPropertyValue(item, props.filterTitle)\n            : item;\n    });\n});\n\nconst title = computed(() => {\n    return filterTitles.value.length\n        ? `${props.title}: ${filterTitles.value[0]}`\n        : props.title;\n});\n\nconst count = computed(() => {\n    return modelValue.value.length > 1\n        ? modelValue.value.length - 1\n        : undefined;\n});\n\nconst isFiltered = computed(() => !!modelValue.value.length);\n</script>\n\n<template>\n    <ev-button\n        v-bind=\"buttonProps\"\n        :icon-end=\"ChevronDownIcon\"\n        :text=\"title\"\n        :appearance=\"isFiltered ? 'primary' : 'default'\"\n        :variant=\"isFiltered ? 'tonal' : 'subtle'\">\n        <template v-if=\"count\" #suffix>\n            <ev-badge bold inline :content=\"`+${count}`\" appearance=\"primary\" />\n        </template>\n    </ev-button>\n</template>\n"],"names":["EvButton"],"mappings":";;;;;;;;;;AAIO,MAAM,0BAA0B;AAAA,EACnC;AAAA,IACI,OAAO;AAAA,IACP,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IACpB;AAAA,IACA,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,KAAK,kBAAA,GAAqB,CAAC,QAAQ,OAAO,CAAC;AAAA,EAClD;AAAA,EACA;AACJ;;;;;;;;ACLM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,cAAc,SAAS,MAAM,qBAAqBA,aAAU,KAAK,CAAC;AAClE,UAAA,aAAa,cAAc,OAAO,YAAY;AAE9C,UAAA,eAAe,SAAS,MAAM;AAChC,aAAO,WAAW,MAAM,IAAI,CAAC,SAAkB;AAC3C,eAAO,SAAS,IAAI,IACd,iBAAiB,MAAM,MAAM,WAAW,IACxC;AAAA,MAAA,CACT;AAAA,IAAA,CACJ;AAEK,UAAA,QAAQ,SAAS,MAAM;AACzB,aAAO,aAAa,MAAM,SACpB,GAAG,MAAM,KAAK,KAAK,aAAa,MAAM,CAAC,CAAC,KACxC,MAAM;AAAA,IAAA,CACf;AAEK,UAAA,QAAQ,SAAS,MAAM;AACzB,aAAO,WAAW,MAAM,SAAS,IAC3B,WAAW,MAAM,SAAS,IAC1B;AAAA,IAAA,CACT;AAED,UAAM,aAAa,SAAS,MAAM,CAAC,CAAC,WAAW,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvForm.mjs

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { _, m } from "./EvForm.vue_vue_type_script_setup_true_lang-DmEg_IH8.mjs";
+export {
+  _ as EvForm,
+  m as makeEvFormProps
+};
+//# sourceMappingURL=EvForm.mjs.map

package/dist/esm/EvForm.mjs.map

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

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

@@ -0,0 +1,66 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { m as makeFormProps, c as createForm } from "./form-PeIyX89L.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-DmEg_IH8.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvForm.vue_vue_type_script_setup_true_lang-DmEg_IH8.mjs","sources":["../../src/components/EvForm/EvForm.ts","../../src/components/EvForm/EvForm.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeFormProps } from \"@/composables/form\";\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\";\nimport { createForm, SubmitEventPromise } from \"@/composables/form\";\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

@@ -0,0 +1,7 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { _, m } from "./EvFormHelp.vue_vue_type_script_setup_true_lang-CWsjtmY6.mjs";
+export {
+  _ as EvFormHelp,
+  m as makeEvFormHelpProps
+};
+//# sourceMappingURL=EvFormHelp.mjs.map

package/dist/esm/EvFormHelp.mjs.map

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

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

@@ -0,0 +1,47 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { defineComponent, toRef, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { p as propsFactory } from "./props-B_DkM75x.mjs";
+import { m as makeComponentProps } from "./component-Cl3SkL4K.mjs";
+import { p as provideDefaults } from "./defaults-BzA2jgnm.mjs";
+import { u as useDisplay } from "./display-CRSUlrFS.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-CWsjtmY6.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvFormHelp.vue_vue_type_script_setup_true_lang-CWsjtmY6.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\";\nimport { makeComponentProps } from \"@/composables/component\";\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\";\nimport { provideDefaults } from \"@/composables/defaults\";\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

@@ -0,0 +1,10 @@
+/*! Evance UI v1.0.8 | MIT License */
+import { _, b, E, a, m } from "./EvHeading.vue_vue_type_script_setup_true_lang-hr16CwYd.mjs";
+export {
+  _ as EvHeading,
+  b as EvHeadingClass,
+  E as EvHeadingSize,
+  a as EvHeadingTag,
+  m as makeEvHeadingProps
+};
+//# sourceMappingURL=EvHeading.mjs.map

package/dist/esm/EvHeading.mjs.map

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