@evance/evance-ui 1.0.1 → 1.0.2

package/dist/cjs/EvDivider.vue_vue_type_script_setup_true_lang-BjFOZFjF.cjs

@@ -0,0 +1,81 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const hasSlotWithContent = require("./hasSlotWithContent-CBY0YfhO.cjs");
+const appearance = require("./appearance-BUdBnEii.cjs");
+const isFunctions = require("./is-functions-C47LnllD.cjs");
+const modifiers = require("./modifiers-B6u3j3R5.cjs");
+const numbers = require("./numbers-C3HRf3rz.cjs");
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "ev-divider--line" }, null, -1);
+const _hoisted_2 = { class: "ev-divider--content" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("hr", { class: "ev-divider--line" }, null, -1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDivider",
+  props: {
+    appearance: { default: "default" },
+    borderStyle: { default: "solid" },
+    thickness: { default: 1 },
+    opacity: { default: void 0 },
+    vertical: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    vue.useCssVars((_ctx) => ({
+      "2b2d32f0": borderColor.value,
+      "dee96750": borderOpacity.value,
+      "2c11213e": borderStyle.value,
+      "2c443153": borderWidth.value
+    }));
+    const slots = vue.useSlots();
+    const hasDefaultSlot = hasSlotWithContent.hasSlotWithContent(slots, "default");
+    const borderColor = vue.computed(() => {
+      return props.appearance !== "default" ? `var(--text-${props.appearance})` : null;
+    });
+    const borderOpacity = vue.computed(() => {
+      if (!props.opacity) {
+        return null;
+      }
+      if (numbers.isIntegerish(props.opacity)) {
+        return +props.opacity / 100;
+      }
+      if (isFunctions.isCssVariable(props.opacity)) {
+        return `var(${props.opacity})`;
+      }
+      return null;
+    });
+    const borderStyle = vue.computed(() => {
+      return props.borderStyle !== "solid" ? props.borderStyle : null;
+    });
+    const borderWidth = vue.computed(() => {
+      return props.thickness > 1 ? props.thickness + "px" : null;
+    });
+    const classNames = vue.computed(() => {
+      return [
+        {
+          "is-horizontal": !props.vertical,
+          "is-vertical": props.vertical
+        },
+        modifiers.appearanceModifier(props.appearance, [appearance.Appearance.default])
+      ];
+    });
+    return (_ctx, _cache) => {
+      return vue.unref(hasDefaultSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.normalizeClass(["ev-divider", classNames.value]),
+        role: "separator"
+      }, [
+        _hoisted_1,
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _hoisted_3
+      ], 2)) : (vue.openBlock(), vue.createElementBlock("hr", {
+        key: 1,
+        class: vue.normalizeClass(["ev-divider", classNames.value]),
+        role: "separator"
+      }, null, 2));
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=EvDivider.vue_vue_type_script_setup_true_lang-BjFOZFjF.cjs.map

package/dist/cjs/EvDivider.vue_vue_type_script_setup_true_lang-BjFOZFjF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDivider.vue_vue_type_script_setup_true_lang-BjFOZFjF.cjs","sources":["../../src/components/EvDivider/EvDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvDivider\n *\n * `<ev-divider />`\n */\nimport \"./EvDivider.scss\";\nimport { computed, useSlots } from \"vue\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent.ts\";\nimport {\n    Appearance,\n    appearanceModifier,\n    AppearanceProp,\n    isCssVariable,\n    isIntegerish,\n} from \"@/util\";\n\n/**\n * ## Divider Border Style\n */\ntype BorderStyle = \"solid\" | \"dashed\" | \"dotted\";\n\n/**\n * ## Divider Props\n */\ninterface DividerProps {\n    appearance?: AppearanceProp;\n    borderStyle?: BorderStyle;\n    thickness?: number;\n    opacity?: number | string;\n    vertical?: boolean;\n}\nconst props = withDefaults(defineProps<DividerProps>(), {\n    appearance: \"default\",\n    borderStyle: \"solid\",\n    opacity: undefined,\n    thickness: 1,\n    vertical: false,\n});\n\nconst slots = useSlots();\nconst hasDefaultSlot = hasSlotWithContent(slots, \"default\");\n\nconst borderColor = computed(() => {\n    return props.appearance !== \"default\"\n        ? `var(--text-${props.appearance})`\n        : null;\n});\n\nconst borderOpacity = computed(() => {\n    if (!props.opacity) {\n        return null;\n    }\n    if (isIntegerish(props.opacity)) {\n        return +props.opacity / 100;\n    }\n    if (isCssVariable(props.opacity)) {\n        return `var(${props.opacity})`;\n    }\n    return null;\n});\n\nconst borderStyle = computed(() => {\n    return props.borderStyle !== \"solid\" ? props.borderStyle : null;\n});\n\nconst borderWidth = computed(() => {\n    return props.thickness > 1 ? props.thickness + \"px\" : null;\n});\n\nconst classNames = computed(() => {\n    return [\n        {\n            \"is-horizontal\": !props.vertical,\n            \"is-vertical\": props.vertical,\n        },\n        appearanceModifier(props.appearance, [Appearance.default]),\n    ];\n});\n</script>\n\n<template>\n    <div\n        v-if=\"hasDefaultSlot\"\n        class=\"ev-divider\"\n        role=\"separator\"\n        :class=\"classNames\">\n        <hr class=\"ev-divider--line\" />\n        <div class=\"ev-divider--content\"><slot /></div>\n        <hr class=\"ev-divider--line\" />\n    </div>\n    <hr v-else class=\"ev-divider\" role=\"separator\" :class=\"classNames\" />\n</template>\n\n<style>\n.ev-divider {\n    --border-color: v-bind(borderColor);\n    --border-opacity: v-bind(borderOpacity);\n    --border-style: v-bind(borderStyle);\n    --border-width: v-bind(borderWidth);\n}\n</style>\n"],"names":["useSlots","hasSlotWithContent","computed","isIntegerish","isCssVariable","appearanceModifier","Appearance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,QAAQA,IAAAA;AACR,UAAA,iBAAiBC,mBAAAA,mBAAmB,OAAO,SAAS;AAEpD,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,eAAe,YACtB,cAAc,MAAM,UAAU,MAC9B;AAAA,IAAA,CACT;AAEK,UAAA,gBAAgBA,IAAAA,SAAS,MAAM;AAC7B,UAAA,CAAC,MAAM,SAAS;AACT,eAAA;AAAA,MACX;AACI,UAAAC,QAAA,aAAa,MAAM,OAAO,GAAG;AACtB,eAAA,CAAC,MAAM,UAAU;AAAA,MAC5B;AACI,UAAAC,YAAA,cAAc,MAAM,OAAO,GAAG;AACvB,eAAA,OAAO,MAAM,OAAO;AAAA,MAC/B;AACO,aAAA;AAAA,IAAA,CACV;AAEK,UAAA,cAAcF,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,gBAAgB,UAAU,MAAM,cAAc;AAAA,IAAA,CAC9D;AAEK,UAAA,cAAcA,IAAAA,SAAS,MAAM;AAC/B,aAAO,MAAM,YAAY,IAAI,MAAM,YAAY,OAAO;AAAA,IAAA,CACzD;AAEK,UAAA,aAAaA,IAAAA,SAAS,MAAM;AACvB,aAAA;AAAA,QACH;AAAA,UACI,iBAAiB,CAAC,MAAM;AAAA,UACxB,eAAe,MAAM;AAAA,QACzB;AAAA,QACAG,UAAAA,mBAAmB,MAAM,YAAY,CAACC,WAAA,WAAW,OAAO,CAAC;AAAA,MAAA;AAAA,IAC7D,CACH;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvDrawer.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvDrawer_vue_vue_type_script_setup_true_lang = require("./EvDrawer.vue_vue_type_script_setup_true_lang-C7Dj_zOe.cjs");
+exports.EvDrawer = EvDrawer_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.makeEvDrawerProps = EvDrawer_vue_vue_type_script_setup_true_lang.makeEvDrawerProps;
+//# sourceMappingURL=EvDrawer.cjs.map

package/dist/cjs/EvDrawer.cjs.map

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

package/dist/cjs/EvDrawer.vue_vue_type_script_setup_true_lang-C7Dj_zOe.cjs

@@ -0,0 +1,93 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const EvDialog_vue_vue_type_script_setup_true_lang = require("./EvDialog.vue_vue_type_script_setup_true_lang-En-sXlEX.cjs");
+const helpers = require("./helpers-kEoXV5Dy.cjs");
+const props = require("./props-NPw_hoii.cjs");
+const modelProxy = require("./modelProxy-uCEe0w-S.cjs");
+const EvDrawerServiceSymbol = Symbol.for("ev:drawer-service");
+const EvDrawerInstanceSymbol = Symbol.for("ev:drawer-instance");
+function useDrawer() {
+  const service = vue.inject(EvDrawerServiceSymbol);
+  if (!service) {
+    throw new Error("Evance UI: Unable to find injected drawer service");
+  }
+  return service;
+}
+function injectDrawer() {
+  return vue.inject(EvDrawerInstanceSymbol);
+}
+function provideDrawer(instance) {
+  vue.provide(EvDrawerInstanceSymbol, instance);
+}
+const makeEvDrawerProps = props.propsFactory(
+  {
+    position: {
+      type: String,
+      default: "left"
+    },
+    ...helpers.omit(EvDialog_vue_vue_type_script_setup_true_lang.makeEvDialogProps(), ["position"])
+  },
+  "EvDrawer"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvDrawer",
+  props: {
+    ...makeEvDrawerProps()
+  },
+  setup(__props, { expose: __expose }) {
+    const props2 = __props;
+    const dialogProps = vue.computed(() => {
+      return helpers.omit(helpers.filterComponentProps(EvDialog_vue_vue_type_script_setup_true_lang._sfc_main, props2), ["position"]);
+    });
+    const isActive = modelProxy.useModelProxy(props2, "modelValue");
+    const dialogRef = vue.ref();
+    const positionClass = vue.computed(() => {
+      return `is-position-${props2.position}`;
+    });
+    const transition = vue.computed(() => {
+      return `ev-drawer--transition-${props2.position}`;
+    });
+    const overlayWidth = vue.computed(() => {
+      if (props2.position === "top" || props2.position === "bottom") {
+        return "100%";
+      }
+      return props2.width ?? "medium";
+    });
+    function close() {
+      isActive.value = false;
+    }
+    provideDrawer(props2.__instance);
+    __expose({
+      close
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(EvDialog_vue_vue_type_script_setup_true_lang._sfc_main), vue.mergeProps({
+        ref_key: "dialogRef",
+        ref: dialogRef
+      }, dialogProps.value, {
+        modelValue: vue.unref(isActive),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(isActive) ? isActive.value = $event : null),
+        class: ["ev-drawer", positionClass.value, props2.class],
+        style: props2.style,
+        transition: transition.value,
+        width: overlayWidth.value
+      }), vue.createSlots({ _: 2 }, [
+        vue.renderList(_ctx.$slots, (slot, name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(slot), vue.normalizeProps(vue.guardReactiveProps(slotProps)), null, 16))
+            ])
+          };
+        })
+      ]), 1040, ["modelValue", "class", "style", "transition", "width"]);
+    };
+  }
+});
+exports.EvDrawerServiceSymbol = EvDrawerServiceSymbol;
+exports._sfc_main = _sfc_main;
+exports.injectDrawer = injectDrawer;
+exports.makeEvDrawerProps = makeEvDrawerProps;
+exports.useDrawer = useDrawer;
+//# sourceMappingURL=EvDrawer.vue_vue_type_script_setup_true_lang-C7Dj_zOe.cjs.map

package/dist/cjs/EvDrawer.vue_vue_type_script_setup_true_lang-C7Dj_zOe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvDrawer.vue_vue_type_script_setup_true_lang-C7Dj_zOe.cjs","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.ts\";\nimport { EvDrawerServiceOpener } from \"@/components/EvDrawer/EvDrawerServiceOpener.ts\";\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.ts\";\nimport { computed, ref } from \"vue\";\nimport { filterComponentProps, omit } from \"@/util\";\nimport { useModelProxy } from \"@/composables/modelProxy.ts\";\nimport { provideDrawer } from \"@/composables/drawer.ts\";\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":["inject","provide","propsFactory","omit","makeEvDialogProps","computed","filterComponentProps","EvDialog","props","useModelProxy","ref"],"mappings":";;;;;;;AAIa,MAAA,wBACT,OAAO,IAAI,mBAAmB;AACrB,MAAA,yBAET,OAAO,IAAI,oBAAoB;AAO5B,SAAS,YAAmC;AACzC,QAAA,UAAUA,WAAO,qBAAqB;AAC5C,MAAI,CAAC,SAAS;AACJ,UAAA,IAAI,MAAM,mDAAmD;AAAA,EACvE;AACO,SAAA;AACX;AAKO,SAAS,eAA6C;AACzD,SAAOA,IAAAA,OAAO,sBAAsB;AACxC;AAMO,SAAS,cAAc,UAAwC;AAClEC,cAAQ,wBAAwB,QAAQ;AAC5C;AChCO,MAAM,oBAAoBC,MAAA;AAAA,EAC7B;AAAA,IACI,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAGC,aAAKC,6CAAAA,qBAAqB,CAAC,UAAU,CAAC;AAAA,EAC7C;AAAA,EACA;AACJ;;;;;;;;ACFM,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC/B,aAAOF,QAAAA,KAAKG,QAAAA,qBAAqBC,6CAAA,WAAUC,MAAK,GAAG,CAAC,UAAU,CAAC;AAAA,IAAA,CAClE;AACK,UAAA,WAAWC,WAAAA,cAAcD,QAAO,YAAY;AAClD,UAAM,YAAYE,IAAAA;AAEZ,UAAA,gBAAgBL,IAAAA,SAAS,MAAM;AAC1B,aAAA,eAAeG,OAAM,QAAQ;AAAA,IAAA,CACvC;AAEK,UAAA,aAAaH,IAAAA,SAAS,MAAM;AACvB,aAAA,yBAAyBG,OAAM,QAAQ;AAAA,IAAA,CACjD;AAEK,UAAA,eAAeH,IAAAA,SAAS,MAAM;AAChC,UAAIG,OAAM,aAAa,SAASA,OAAM,aAAa,UAAU;AAClD,eAAA;AAAA,MACX;AACA,aAAOA,OAAM,SAAS;AAAA,IAAA,CACzB;AAKD,aAAS,QAAQ;AACb,eAAS,QAAQ;AAAA,IACrB;AAEA,kBAAcA,OAAM,UAAU;AAEjB,aAAA;AAAA,MACT;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvErrors.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvErrors_vue_vue_type_script_setup_true_lang = require("./EvErrors.vue_vue_type_script_setup_true_lang-6IxF_zZa.cjs");
+exports.EvErrors = EvErrors_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.makeEvErrorsProps = EvErrors_vue_vue_type_script_setup_true_lang.makeEvErrorsProps;
+//# sourceMappingURL=EvErrors.cjs.map

package/dist/cjs/EvErrors.cjs.map

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

package/dist/cjs/EvErrors.vue_vue_type_script_setup_true_lang-6IxF_zZa.cjs

@@ -0,0 +1,54 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const props = require("./props-NPw_hoii.cjs");
+const component = require("./component-BP9_V6Yp.cjs");
+const helpers = require("./helpers-kEoXV5Dy.cjs");
+const makeEvErrorsProps = props.propsFactory(
+  {
+    active: Boolean,
+    messages: {
+      type: [Array, String],
+      default: () => []
+    },
+    ...component.makeComponentProps()
+  },
+  "EvErrors"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvErrors",
+  props: {
+    ...makeEvErrorsProps()
+  },
+  setup(__props) {
+    const props2 = __props;
+    const messages = vue.computed(() => {
+      return helpers.wrapInArray(props2.messages);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
+        appear: "",
+        tag: "div",
+        class: vue.normalizeClass(["ev-errors", props2.class]),
+        style: vue.normalizeStyle(props2.style),
+        name: "list",
+        role: "alert",
+        "aria-live": "polite"
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(messages.value, (message, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: message,
+              class: "ev-errors--message",
+              style: vue.normalizeStyle(`--animation-order: ${index}`)
+            }, vue.toDisplayString(message), 5);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvErrorsProps = makeEvErrorsProps;
+//# sourceMappingURL=EvErrors.vue_vue_type_script_setup_true_lang-6IxF_zZa.cjs.map

package/dist/cjs/EvErrors.vue_vue_type_script_setup_true_lang-6IxF_zZa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvErrors.vue_vue_type_script_setup_true_lang-6IxF_zZa.cjs","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":["propsFactory","makeComponentProps","computed","wrapInArray","props"],"mappings":";;;;;;AAIO,MAAM,oBAAoBA,MAAA;AAAA,EAC7B;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,MACN,MAAM,CAAC,OAAO,MAAM;AAAA,MACpB,SAAS,MAAM,CAAC;AAAA,IACpB;AAAA,IAEA,GAAGC,6BAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;ACFM,UAAA,WAAWC,IAAAA,SAAS,MAAM;AACrB,aAAAC,QAAA,YAAYC,OAAM,QAAQ;AAAA,IAAA,CACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvForm.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvForm_vue_vue_type_script_setup_true_lang = require("./EvForm.vue_vue_type_script_setup_true_lang-km75GsAz.cjs");
+exports.EvForm = EvForm_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.makeEvFormProps = EvForm_vue_vue_type_script_setup_true_lang.makeEvFormProps;
+//# sourceMappingURL=EvForm.cjs.map

package/dist/cjs/EvForm.cjs.map

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

package/dist/cjs/EvForm.vue_vue_type_script_setup_true_lang-km75GsAz.cjs

@@ -0,0 +1,65 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const props = require("./props-NPw_hoii.cjs");
+const component = require("./component-BP9_V6Yp.cjs");
+const form = require("./form-DfW4igCu.cjs");
+const makeEvFormProps = props.propsFactory(
+  {
+    ...component.makeComponentProps(),
+    ...form.makeFormProps()
+  },
+  "EvForm"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvForm",
+  props: {
+    ...makeEvFormProps()
+  },
+  emits: ["update:modelValue", "submit"],
+  setup(__props, { expose: __expose, emit }) {
+    const props2 = __props;
+    const formRef = vue.ref();
+    const form$1 = form.createForm(props2);
+    function onReset($event) {
+      $event.preventDefault();
+      form$1.reset();
+    }
+    function onSubmit($event) {
+      const e = $event;
+      const ready = form$1.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$1.expose()
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("form", {
+        ref_key: "formRef",
+        ref: formRef,
+        novalidate: "",
+        class: vue.normalizeClass(["ev-form", props2.class]),
+        style: vue.normalizeStyle([props2.style]),
+        onReset,
+        onSubmit
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 38);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;
+exports.makeEvFormProps = makeEvFormProps;
+//# sourceMappingURL=EvForm.vue_vue_type_script_setup_true_lang-km75GsAz.cjs.map

package/dist/cjs/EvForm.vue_vue_type_script_setup_true_lang-km75GsAz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvForm.vue_vue_type_script_setup_true_lang-km75GsAz.cjs","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":["propsFactory","makeComponentProps","makeFormProps","ref","form","createForm","props"],"mappings":";;;;;;AAIO,MAAM,kBAAkBA,MAAA;AAAA,EAC3B;AAAA,IACI,GAAGC,6BAAmB;AAAA,IACtB,GAAGC,mBAAc;AAAA,EACrB;AAAA,EACA;AACJ;;;;;;;;;ACLA,UAAM,UAAUC,IAAAA;AAIV,UAAAC,SAAOC,gBAAWC,MAAK;AAO7B,aAAS,QAAQ,QAAe;AAC5B,aAAO,eAAe;AACtBF,aAAK,MAAM;AAAA,IACf;AAMA,aAAS,SAAS,QAAe;AAC7B,YAAM,IAAI;AAEJ,YAAA,QAAQA,OAAK;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,GAAGA,OAAK,OAAO;AAAA,IAAA,CAClB;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvIcon.cjs

@@ -0,0 +1,9 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvIcon_vue_vue_type_script_setup_true_lang = require("./EvIcon.vue_vue_type_script_setup_true_lang-vVb5SXZv.cjs");
+exports.EvIcon = EvIcon_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.IconAppearance = EvIcon_vue_vue_type_script_setup_true_lang.IconAppearance;
+exports.makeEvIconProps = EvIcon_vue_vue_type_script_setup_true_lang.makeEvIconProps;
+exports.useIcon = EvIcon_vue_vue_type_script_setup_true_lang.useIcon;
+//# sourceMappingURL=EvIcon.cjs.map

package/dist/cjs/EvIcon.cjs.map

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

package/dist/cjs/EvIcon.vue_vue_type_script_setup_true_lang-vVb5SXZv.cjs

@@ -0,0 +1,69 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+const vue = require("vue");
+const appearance = require("./appearance-BUdBnEii.cjs");
+const props = require("./props-NPw_hoii.cjs");
+const icons = require("./icons-CmCKH6kF.cjs");
+const modifiers = require("./modifiers-B6u3j3R5.cjs");
+const defaults = require("./defaults-CiiX_Cqf.cjs");
+const IconAppearance = {
+  ...appearance.Appearance,
+  subtle: "subtle"
+};
+function useIcon(props2, name) {
+  return vue.computed(() => {
+    return vue.toRaw(props2[name]);
+  });
+}
+const makeEvIconProps = props.propsFactory(
+  {
+    glyph: icons.IconProp,
+    size: String,
+    appearance: {
+      type: String,
+      default: appearance.Appearance.default
+    }
+  },
+  "EvIcon"
+);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvIcon",
+  props: {
+    ...makeEvIconProps()
+  },
+  setup(__props) {
+    const definedProps = __props;
+    vue.useCssVars((_ctx) => ({
+      "0fbd818c": iconColor.value
+    }));
+    const props2 = defaults.useDefaults(definedProps);
+    const attrs = vue.useAttrs();
+    const iconColor = vue.computed(() => {
+      if (!props2.appearance || props2.appearance === "default") {
+        return null;
+      }
+      return `var(--text-${props2.appearance})`;
+    });
+    const iconGlyph = vue.computed(() => {
+      return vue.toRaw(props2.glyph);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("i", {
+        class: vue.normalizeClass(["ev-icon", [
+          {
+            "is-clickable": !!vue.unref(attrs).onClick
+          },
+          vue.unref(modifiers.appearanceModifier)(vue.unref(props2).appearance, [vue.unref(appearance.Appearance).default]),
+          vue.unref(modifiers.sizeModifier)(vue.unref(props2).size, ["medium"])
+        ]])
+      }, [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconGlyph.value)))
+      ], 2);
+    };
+  }
+});
+exports.IconAppearance = IconAppearance;
+exports._sfc_main = _sfc_main;
+exports.makeEvIconProps = makeEvIconProps;
+exports.useIcon = useIcon;
+//# sourceMappingURL=EvIcon.vue_vue_type_script_setup_true_lang-vVb5SXZv.cjs.map

package/dist/cjs/EvIcon.vue_vue_type_script_setup_true_lang-vVb5SXZv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvIcon.vue_vue_type_script_setup_true_lang-vVb5SXZv.cjs","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    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":["Appearance","props","computed","toRaw","propsFactory","IconProp","useDefaults","useAttrs"],"mappings":";;;;;;;;AASO,MAAM,iBAAiB;AAAA,EAC1B,GAAGA,WAAA;AAAA,EACH,QAAQ;AACZ;AAagB,SAAA,QAAQC,QAAY,MAAc;AAC9C,SAAOC,aAAS,MAAM;AACX,WAAAC,UAAMF,OAAM,IAAI,CAAC;AAAA,EAAA,CAC3B;AACL;AAEO,MAAM,kBAAkBG,MAAA;AAAA,EAC3B;AAAA,IACI,OAAOC,MAAA;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAASL,WAAW,WAAA;AAAA,IACxB;AAAA,EACJ;AAAA,EACA;AACJ;;;;;;;;;;;AC1BM,UAAAC,SAAQK,qBAAY,YAAY;AACtC,UAAM,QAAQC,IAAAA;AAER,UAAA,YAAYL,IAAAA,SAAS,MAAM;AAC7B,UAAI,CAACD,OAAM,cAAcA,OAAM,eAAe,WAAW;AAC9C,eAAA;AAAA,MACX;AACO,aAAA,cAAcA,OAAM,UAAU;AAAA,IAAA,CACxC;AAEK,UAAA,YAAYC,IAAAA,SAAS,MAAM;AACtB,aAAAC,IAAA,MAAMF,OAAM,KAAK;AAAA,IAAA,CAC3B;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/EvIcon.vue_vue_type_style_index_0_lang-Cfd3eQsh.cjs

@@ -0,0 +1,3 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+//# sourceMappingURL=EvIcon.vue_vue_type_style_index_0_lang-Cfd3eQsh.cjs.map

package/dist/cjs/EvIcon.vue_vue_type_style_index_0_lang-Cfd3eQsh.cjs.map

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

package/dist/cjs/EvImg.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.0.1 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EvImg_vue_vue_type_script_setup_true_lang = require("./EvImg.vue_vue_type_script_setup_true_lang-Dm_X-G8H.cjs");
+exports.EvImg = EvImg_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.makeEvImgProps = EvImg_vue_vue_type_script_setup_true_lang.makeEvImgProps;
+//# sourceMappingURL=EvImg.cjs.map

package/dist/cjs/EvImg.cjs.map

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