@evance/evance-ui 1.0.31 → 1.0.33

package/dist/cjs/toggleScope-BV34w0J_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleScope-BV34w0J_.cjs","sources":["../../src/composables/toggleScope.ts"],"sourcesContent":["/**\n * # Toggle Scope Utility\n *\n * Manage an effect scope based on changes in a watched source.\n *\n * We use effectScope() to capture the reactive effects of reactive/computed property.\n * @see https://vuejs.org/api/reactivity-advanced.html#effectscope\n */\n// Utilities\nimport { effectScope, onScopeDispose, watch } from \"vue\";\n\n// Types\nimport type { EffectScope, WatchSource } from \"vue\";\n\nexport function useToggleScope(\n    source: WatchSource<boolean>,\n    fn: (reset: () => void) => void,\n): void {\n    let scope: EffectScope | undefined;\n\n    function start(): void {\n        scope = effectScope();\n        scope.run(() => {\n            return fn.length\n                ? fn(() => {\n                      scope?.stop();\n                      start();\n                  })\n                : (fn as any)();\n        });\n    }\n\n    function watchCallback(active: boolean): void {\n        if (active && !scope) {\n            start();\n        } else if (!active) {\n            scope?.stop();\n            scope = undefined;\n        }\n    }\n\n    const watchOptions = {\n        immediate: true,\n    };\n\n    watch(source, watchCallback, watchOptions);\n\n    onScopeDispose(() => {\n        scope?.stop();\n    });\n}\n"],"names":["effectScope","watch","onScopeDispose"],"mappings":";;;AAcgB,SAAA,eACZ,QACA,IACI;AACA,MAAA;AAEJ,WAAS,QAAc;AACnB,YAAQA,IAAAA,YAAY;AACpB,UAAM,IAAI,MAAM;AACL,aAAA,GAAG,SACJ,GAAG,MAAM;AACL,uCAAO;AACD,cAAA;AAAA,MACT,CAAA,IACA,GAAW;AAAA,IAAA,CACrB;AAAA,EAAA;AAGL,WAAS,cAAc,QAAuB;AACtC,QAAA,UAAU,CAAC,OAAO;AACZ,YAAA;AAAA,IAAA,WACC,CAAC,QAAQ;AAChB,qCAAO;AACC,cAAA;AAAA,IAAA;AAAA,EACZ;AAGJ,QAAM,eAAe;AAAA,IACjB,WAAW;AAAA,EACf;AAEMC,YAAA,QAAQ,eAAe,YAAY;AAEzCC,MAAAA,eAAe,MAAM;AACjB,mCAAO;AAAA,EAAK,CACf;AACL;;"}

package/dist/cjs/units-CRYfgihJ.cjs

@@ -0,0 +1,37 @@
+"use strict";
+/*! Evance UI v1.0.33 | MIT License */
+const isFunctions = require("./is-functions-Dg02RC4N.cjs");
+function toWebUnit(value, unit = "px") {
+  if (isFunctions.isEmpty(value)) {
+    return void 0;
+  }
+  if (isNaN(+value)) {
+    return String(value);
+  }
+  if (!isFinite(+value)) {
+    return void 0;
+  }
+  return `${value}${unit}`;
+}
+function pixelRound(value) {
+  return Math.round(value * devicePixelRatio) / devicePixelRatio;
+}
+function pixelCeil(value) {
+  return Math.round(value * devicePixelRatio) / devicePixelRatio;
+}
+function extractWebUnit(value) {
+  const regex = /^(-?\d+(?:\.\d+)?)\s*([a-zA-Z%]*)$/;
+  const match = value.match(regex);
+  if (!match) {
+    return void 0;
+  }
+  return {
+    value: parseFloat(match[1]),
+    unit: match[2] ?? "px"
+  };
+}
+exports.extractWebUnit = extractWebUnit;
+exports.pixelCeil = pixelCeil;
+exports.pixelRound = pixelRound;
+exports.toWebUnit = toWebUnit;
+//# sourceMappingURL=units-CRYfgihJ.cjs.map

package/dist/cjs/units-CRYfgihJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"units-CRYfgihJ.cjs","sources":["../../src/util/units.ts"],"sourcesContent":["import { isEmpty } from \"./is-functions\";\n\n/**\n * # To Web Unit\n * @param value\n * @param unit\n */\nexport function toWebUnit(\n    value?: string | number,\n    unit: string = \"px\",\n): string | undefined {\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    if (isNaN(+value!)) {\n        return String(value);\n    }\n    if (!isFinite(+value!)) {\n        return undefined;\n    }\n    return `${value}${unit}`;\n}\n\n/**\n * # Pixel Round\n * @param value\n */\nexport function pixelRound(value: number): number {\n    return Math.round(value * devicePixelRatio) / devicePixelRatio;\n}\n\n/**\n * # Pixel Ceil\n * @param value\n */\nexport function pixelCeil(value: number): number {\n    return Math.round(value * devicePixelRatio) / devicePixelRatio;\n}\n\n/**\n * # extractWebUnit\n * @param value\n */\nexport function extractWebUnit(value: string) {\n    const regex = /^(-?\\d+(?:\\.\\d+)?)\\s*([a-zA-Z%]*)$/;\n    const match = value.match(regex);\n    if (!match) {\n        return undefined;\n    }\n    return {\n        value: parseFloat(match[1]),\n        unit: match[2] ?? \"px\",\n    };\n}\n"],"names":["isEmpty"],"mappings":";;;AAOgB,SAAA,UACZ,OACA,OAAe,MACG;AACd,MAAAA,YAAAA,QAAQ,KAAK,GAAG;AACT,WAAA;AAAA,EAAA;AAEP,MAAA,MAAM,CAAC,KAAM,GAAG;AAChB,WAAO,OAAO,KAAK;AAAA,EAAA;AAEvB,MAAI,CAAC,SAAS,CAAC,KAAM,GAAG;AACb,WAAA;AAAA,EAAA;AAEJ,SAAA,GAAG,KAAK,GAAG,IAAI;AAC1B;AAMO,SAAS,WAAW,OAAuB;AAC9C,SAAO,KAAK,MAAM,QAAQ,gBAAgB,IAAI;AAClD;AAMO,SAAS,UAAU,OAAuB;AAC7C,SAAO,KAAK,MAAM,QAAQ,gBAAgB,IAAI;AAClD;AAMO,SAAS,eAAe,OAAe;AAC1C,QAAM,QAAQ;AACR,QAAA,QAAQ,MAAM,MAAM,KAAK;AAC/B,MAAI,CAAC,OAAO;AACD,WAAA;AAAA,EAAA;AAEJ,SAAA;AAAA,IACH,OAAO,WAAW,MAAM,CAAC,CAAC;AAAA,IAC1B,MAAM,MAAM,CAAC,KAAK;AAAA,EACtB;AACJ;;;;;"}

package/dist/cjs/validation-t-Y47wOR.cjs

@@ -0,0 +1,301 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.33 | MIT License */
+const vue = require("vue");
+const props = require("./props-vv1gvyYf.cjs");
+const form = require("./form-tpJjOzJK.cjs");
+const toggleScope = require("./toggleScope-BV34w0J_.cjs");
+const modelProxy = require("./modelProxy-DNSsNBDt.cjs");
+const helpers = require("./helpers-B6EL5rTN.cjs");
+const isFunctions = require("./is-functions-Dg02RC4N.cjs");
+const console = require("./console-CdLT5kgB.cjs");
+const makeFocusProps = props.propsFactory(
+  {
+    focused: Boolean
+  },
+  "focus"
+);
+function useAutofocus(props2) {
+  return {
+    mounted: (el) => {
+      if (!props2.autofocus) {
+        return;
+      }
+      el.focus();
+    }
+  };
+}
+class FormField {
+  constructor(form2, props2, group = void 0) {
+    __publicField(this, "focused");
+    __publicField(this, "focusedVisible");
+    __publicField(this, "messages", vue.ref([]));
+    __publicField(this, "model");
+    __publicField(this, "pristine", vue.shallowRef(true));
+    __publicField(this, "uid", helpers.getNextId());
+    __publicField(this, "validating", vue.shallowRef(false));
+    __publicField(this, "validationModel");
+    this.form = form2;
+    this.props = props2;
+    this.group = group;
+    this.model = this.group ? this.group.model : modelProxy.useModelProxy(this.props, "modelValue");
+    this.focused = modelProxy.useModelProxy(this.props, "focused");
+    this.focusedVisible = vue.ref(false);
+    this.validationModel = vue.computed(() => {
+      return this.props.validationValue === void 0 ? this.model.value : this.props.validationValue;
+    });
+    vue.onBeforeMount(() => {
+      var _a;
+      (_a = this.form) == null ? void 0 : _a.addField(this);
+    });
+    vue.onBeforeUnmount(() => {
+      var _a;
+      (_a = this.form) == null ? void 0 : _a.removeField(this.id);
+    });
+    vue.onMounted(async () => {
+      if (!this.validateOn.lazy) {
+        await this.validate(true);
+      }
+    });
+    toggleScope.useToggleScope(
+      () => this.validateOn.input,
+      () => {
+        vue.watch(this.validationModel, () => {
+          if (this.validationModel.value != null) {
+            this.validate();
+          } else if (this.isFocused) {
+            const unwatch = vue.watch(
+              () => this.focused.value,
+              (value) => {
+                if (!value) {
+                  this.validate();
+                }
+                unwatch();
+              }
+            );
+          }
+        });
+      }
+    );
+    toggleScope.useToggleScope(
+      () => this.validateOn.blur,
+      () => {
+        vue.watch(
+          () => this.focused.value,
+          (value) => {
+            if (!value) {
+              this.validate();
+            }
+          }
+        );
+      }
+    );
+  }
+  get classes() {
+    return {
+      "is-error": this.isValid === false,
+      "is-dirty": this.isDirty,
+      "is-disabled": this.isDisabled,
+      "is-readonly": this.isReadonly,
+      "is-focused": this.isFocused,
+      "is-focused-visible": this.isFocusedVisible
+    };
+  }
+  get errorMessages() {
+    return this.messages.value;
+  }
+  get id() {
+    return this.props.id || `input-${this.uid}`;
+  }
+  get isDirty() {
+    return !!(helpers.wrapInArray(this.model.value === "" ? null : this.model.value).length || helpers.wrapInArray(
+      this.validationModel.value === "" ? null : this.validationModel.value
+    ).length);
+  }
+  get isDisabled() {
+    var _a, _b;
+    return !!(this.props.disabled ?? ((_a = this.group) == null ? void 0 : _a.isDisabled) ?? ((_b = this.form) == null ? void 0 : _b.isDisabled.value));
+  }
+  get isFocused() {
+    return this.focused.value;
+  }
+  get isFocusedVisible() {
+    return this.focusedVisible.value;
+  }
+  get isReadonly() {
+    var _a, _b;
+    return !!(this.props.readonly ?? ((_a = this.group) == null ? void 0 : _a.isReadonly) ?? ((_b = this.form) == null ? void 0 : _b.isReadonly.value));
+  }
+  get isPristine() {
+    return this.pristine.value;
+  }
+  get isShowErrorMessages() {
+    return !!this.errorMessages.length && !this.isPristine;
+  }
+  get isValid() {
+    if (this.group && this.group.isValid === false) {
+      return false;
+    }
+    if (this.props.error) {
+      return false;
+    }
+    if (!this.props.validators.length) {
+      return true;
+    }
+    if (this.isPristine) {
+      return this.messages.value.length || this.validateOn.lazy ? null : true;
+    } else {
+      return !this.messages.value.length;
+    }
+  }
+  get isValidating() {
+    return this.validating.value;
+  }
+  get name() {
+    var _a;
+    return ((_a = this.group) == null ? void 0 : _a.name) ?? this.props.name ?? this.id;
+  }
+  get validateOn() {
+    var _a;
+    let value = (this.props.validateOn ?? ((_a = this.form) == null ? void 0 : _a.validateOn.value)) || "input";
+    if (value === "lazy") {
+      value = "input lazy";
+    }
+    const set = new Set((value == null ? void 0 : value.split(" ")) ?? []);
+    return {
+      blur: set.has("blur") || set.has("input"),
+      input: set.has("input"),
+      submit: set.has("submit"),
+      lazy: set.has("lazy")
+    };
+  }
+  get value() {
+    return this.model.value;
+  }
+  set value(value) {
+    this.model.value = value;
+  }
+  /**
+   * ## Add Error Message
+   *
+   * Add one or more validation messages to the field.
+   *
+   * @param message
+   */
+  addErrorMessage(...message) {
+    this.messages.value.push(...message);
+  }
+  /**
+   * ## Add Validator
+   *
+   * Add one or more validation functions to the field.
+   *
+   * @param validator
+   */
+  addValidator(...validator) {
+    this.props.validators.push(...validator);
+  }
+  /**
+   * ## Blur
+   * @param e
+   */
+  blur() {
+    this.focused.value = false;
+    this.focusedVisible.value = false;
+  }
+  /**
+   * ## Expose
+   */
+  expose() {
+    return {
+      reset: this.reset.bind(this),
+      resetValidation: this.resetValidation.bind(this),
+      validate: this.validate.bind(this)
+    };
+  }
+  /**
+   * ## Focus
+   *
+   * @param e
+   */
+  focus(e) {
+    this.focused.value = true;
+    const el = e == null ? void 0 : e.target;
+    if (helpers.Browser.supportsFocusVisible && (el == null ? void 0 : el.matches(":focus-visible"))) {
+      this.focusedVisible.value = true;
+    }
+  }
+  /**
+   * ## Reset
+   */
+  reset() {
+    this.model.value = null;
+    vue.nextTick(() => {
+      this.resetValidation();
+    });
+  }
+  /**
+   * ## Reset Validation
+   */
+  resetValidation() {
+    this.pristine.value = true;
+    if (!this.validateOn.lazy) {
+      this.validate(true);
+    } else {
+      this.messages.value = [];
+    }
+  }
+  /**
+   * ## Validate
+   */
+  async validate(silent = false) {
+    const results = [];
+    this.validating.value = true;
+    for (const validator of this.props.validators) {
+      const validatorFn = isFunctions.isFunction(validator) ? validator : () => validator;
+      const result = await validatorFn(this.validationModel.value);
+      if (result === true) {
+        continue;
+      }
+      if (!isFunctions.isString(result)) {
+        console.consoleWarn(
+          `${result} is not a valid value. Validator functions must return boolean true or a string.`
+        );
+        continue;
+      }
+      results.push(result);
+    }
+    this.messages.value = results;
+    this.validating.value = false;
+    this.pristine.value = silent;
+    return this.messages.value;
+  }
+}
+const makeFormFieldProps = props.propsFactory(
+  {
+    id: String,
+    disabled: Boolean,
+    error: Boolean,
+    name: String,
+    readonly: Boolean,
+    validators: {
+      type: Array,
+      default: []
+    },
+    modelValue: null,
+    validateOn: String,
+    validationValue: null,
+    ...makeFocusProps()
+  },
+  "validation"
+);
+function useFormField(props2, group = void 0) {
+  const form$1 = form.useForm();
+  return new FormField(form$1, props2, group);
+}
+exports.makeFormFieldProps = makeFormFieldProps;
+exports.useAutofocus = useAutofocus;
+exports.useFormField = useFormField;
+//# sourceMappingURL=validation-t-Y47wOR.cjs.map

package/dist/cjs/validation-t-Y47wOR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-t-Y47wOR.cjs","sources":["../../src/composables/focus.ts","../../src/modules/Form/FormField.ts","../../src/composables/validation.ts"],"sourcesContent":["import { useModelProxy } from \"./modelProxy\";\nimport { computed, ref } from \"vue\";\nimport { Browser, propsFactory } from \"@/util\";\n\n/**\n * # Focus Props Type\n */\nexport interface FocusProps {\n    focused?: boolean;\n    \"onUpdate:focused\"?: ((focused: boolean) => any) | undefined;\n}\n\n/**\n * # Make Focus Props\n */\nexport const makeFocusProps = propsFactory(\n    {\n        focused: Boolean,\n    },\n    \"focus\",\n);\n\n/**\n * # Use Focus Composable\n */\nexport function useFocus(props: FocusProps) {\n    const isFocused = useModelProxy(props, \"focused\");\n    const isFocusedVisible = ref(false);\n    const focusClasses = computed(() => {\n        return {\n            \"is-focused\": isFocused.value,\n            \"is-focused-visible\": isFocusedVisible.value,\n        };\n    });\n\n    function focus(e?: Event): void {\n        isFocused.value = true;\n        const el: HTMLElement | null = e?.target as HTMLElement;\n        if (Browser.supportsFocusVisible && el?.matches(\":focus-visible\")) {\n            isFocusedVisible.value = true;\n        }\n    }\n\n    function blur(): void {\n        isFocused.value = false;\n        isFocusedVisible.value = false;\n    }\n\n    return { isFocused, isFocusedVisible, focusClasses, focus, blur };\n}\n\n/**\n * ## Auto Focus\n */\nexport interface AutofocusProps {\n    autofocus: boolean;\n}\n\n/**\n * # Use Auto Focus\n * @param props\n */\nexport function useAutofocus(props: AutofocusProps) {\n    return {\n        mounted: (el: HTMLElement) => {\n            if (!props.autofocus) {\n                return;\n            }\n            el.focus();\n        },\n    };\n}\n","import {\n    computed,\n    nextTick,\n    onBeforeMount,\n    onBeforeUnmount,\n    onMounted,\n    Ref,\n    ref,\n    shallowRef,\n    watch,\n} from \"vue\";\nimport { FormFieldProps, Validator } from \"@/composables/validation\";\nimport {\n    Browser,\n    consoleWarn,\n    getNextId,\n    isFunction,\n    isString,\n    wrapInArray,\n} from \"@/util\";\nimport { Form } from \"@/modules/Form/Form\";\nimport { useToggleScope } from \"@/composables/toggleScope\";\nimport { useModelProxy } from \"@/composables/modelProxy\";\n\n/**\n * # Form Field\n */\nexport class FormField {\n    public readonly focused: Ref<boolean>;\n\n    public readonly focusedVisible: Ref<boolean>;\n\n    private readonly messages: Ref<string[]> = ref([]);\n\n    public readonly model: Ref<any>;\n\n    public readonly pristine = shallowRef(true);\n\n    public readonly uid = getNextId();\n\n    public readonly validating = shallowRef(false);\n\n    private readonly validationModel: Ref<any>;\n\n    constructor(\n        public readonly form: Form | null,\n        private props: FormFieldProps,\n        private group: FormField | undefined = undefined,\n    ) {\n        this.model = this.group\n            ? this.group.model\n            : useModelProxy(this.props, \"modelValue\");\n        this.focused = useModelProxy(this.props, \"focused\");\n        this.focusedVisible = ref(false);\n\n        // We use a computed() Ref here for a valid watch()\n        this.validationModel = computed(() => {\n            return this.props.validationValue === undefined\n                ? this.model.value\n                : this.props.validationValue;\n        });\n\n        onBeforeMount(() => {\n            this.form?.addField(this);\n        });\n\n        onBeforeUnmount(() => {\n            this.form?.removeField(this.id);\n        });\n\n        onMounted(async () => {\n            if (!this.validateOn.lazy) {\n                await this.validate(true);\n            }\n        });\n\n        useToggleScope(\n            () => this.validateOn.input,\n            () => {\n                watch(this.validationModel, () => {\n                    if (this.validationModel.value != null) {\n                        this.validate();\n                    } else if (this.isFocused) {\n                        const unwatch = watch(\n                            () => this.focused.value,\n                            (value) => {\n                                if (!value) {\n                                    this.validate();\n                                }\n                                unwatch();\n                            },\n                        );\n                    }\n                });\n            },\n        );\n\n        useToggleScope(\n            () => this.validateOn.blur,\n            () => {\n                watch(\n                    () => this.focused.value,\n                    (value) => {\n                        if (!value) {\n                            this.validate();\n                        }\n                    },\n                );\n            },\n        );\n    }\n\n    get classes() {\n        return {\n            \"is-error\": this.isValid === false,\n            \"is-dirty\": this.isDirty,\n            \"is-disabled\": this.isDisabled,\n            \"is-readonly\": this.isReadonly,\n            \"is-focused\": this.isFocused,\n            \"is-focused-visible\": this.isFocusedVisible,\n        };\n    }\n\n    get errorMessages() {\n        return this.messages.value;\n    }\n\n    get id() {\n        return this.props.id || `input-${this.uid}`;\n    }\n\n    get isDirty() {\n        return !!(\n            wrapInArray(this.model.value === \"\" ? null : this.model.value)\n                .length ||\n            wrapInArray(\n                this.validationModel.value === \"\"\n                    ? null\n                    : this.validationModel.value,\n            ).length\n        );\n    }\n\n    get isDisabled(): boolean {\n        return !!(\n            this.props.disabled ??\n            this.group?.isDisabled ??\n            this.form?.isDisabled.value\n        );\n    }\n\n    get isFocused(): boolean {\n        return this.focused.value;\n    }\n\n    get isFocusedVisible(): boolean {\n        return this.focusedVisible.value;\n    }\n\n    get isReadonly(): boolean {\n        return !!(\n            this.props.readonly ??\n            this.group?.isReadonly ??\n            this.form?.isReadonly.value\n        );\n    }\n\n    get isPristine(): boolean {\n        return this.pristine.value;\n    }\n\n    get isShowErrorMessages(): boolean {\n        return !!this.errorMessages.length && !this.isPristine;\n    }\n\n    get isValid(): boolean | null {\n        if (this.group && this.group.isValid === false) {\n            return false;\n        }\n        if (this.props.error) {\n            return false;\n        }\n        if (!this.props.validators.length) {\n            return true;\n        }\n        if (this.isPristine) {\n            return this.messages.value.length || this.validateOn.lazy\n                ? null\n                : true;\n        } else {\n            return !this.messages.value.length;\n        }\n    }\n\n    get isValidating() {\n        return this.validating.value;\n    }\n\n    get name(): string {\n        return this.group?.name ?? this.props.name ?? this.id;\n    }\n\n    get validateOn() {\n        let value =\n            (this.props.validateOn ?? this.form?.validateOn.value) || \"input\";\n        if (value === \"lazy\") {\n            value = \"input lazy\";\n        }\n        const set = new Set(value?.split(\" \") ?? []);\n        return {\n            blur: set.has(\"blur\") || set.has(\"input\"),\n            input: set.has(\"input\"),\n            submit: set.has(\"submit\"),\n            lazy: set.has(\"lazy\"),\n        };\n    }\n\n    get value() {\n        return this.model.value;\n    }\n\n    set value(value) {\n        this.model.value = value;\n    }\n\n    /**\n     * ## Add Error Message\n     *\n     * Add one or more validation messages to the field.\n     *\n     * @param message\n     */\n    public addErrorMessage(...message: string[]) {\n        this.messages.value.push(...message);\n    }\n\n    /**\n     * ## Add Validator\n     *\n     * Add one or more validation functions to the field.\n     *\n     * @param validator\n     */\n    public addValidator(...validator: Validator[]) {\n        this.props.validators.push(...validator);\n    }\n\n    /**\n     * ## Blur\n     * @param e\n     */\n    public blur(): void {\n        this.focused.value = false;\n        this.focusedVisible.value = false;\n    }\n\n    /**\n     * ## Expose\n     */\n    public expose() {\n        return {\n            reset: this.reset.bind(this),\n            resetValidation: this.resetValidation.bind(this),\n            validate: this.validate.bind(this),\n        };\n    }\n\n    /**\n     * ## Focus\n     *\n     * @param e\n     */\n    public focus(e?: Event): void {\n        this.focused.value = true;\n        const el = e?.target as HTMLElement;\n        if (Browser.supportsFocusVisible && el?.matches(\":focus-visible\")) {\n            this.focusedVisible.value = true;\n        }\n    }\n\n    /**\n     * ## Reset\n     */\n    public reset() {\n        this.model.value = null;\n        nextTick(() => {\n            this.resetValidation();\n        });\n    }\n\n    /**\n     * ## Reset Validation\n     */\n    public resetValidation() {\n        this.pristine.value = true;\n        if (!this.validateOn.lazy) {\n            this.validate(true);\n        } else {\n            this.messages.value = [];\n        }\n    }\n\n    /**\n     * ## Validate\n     */\n    public async validate(silent = false) {\n        const results: string[] = [];\n        this.validating.value = true;\n        for (const validator of this.props.validators) {\n            const validatorFn = isFunction(validator)\n                ? validator\n                : () => validator;\n            const result = await validatorFn(this.validationModel.value);\n            if (result === true) {\n                continue;\n            }\n            if (!isString(result)) {\n                consoleWarn(\n                    `${result} is not a valid value. Validator functions must return boolean true or a string.`,\n                );\n                continue;\n            }\n            results.push(result);\n        }\n        this.messages.value = results;\n        this.validating.value = false;\n        this.pristine.value = silent;\n        return this.messages.value;\n    }\n}\n","import { propsFactory } from \"@/util\";\nimport { PropType } from \"vue\";\nimport { makeFocusProps } from \"@/composables/focus\";\nimport { useForm } from \"@/composables/form\";\nimport { FormField } from \"@/modules/Form/FormField\";\n\n/**\n * # Validation Error\n *\n * Represents a single error message with a name identifier.\n */\nexport interface ValidationError {\n    name: number | string;\n    message: string;\n}\n\n/**\n * # Validation Result\n */\nexport type ValidationResult = string | boolean;\n\n/**\n * # Validator\n */\nexport type Validator =\n    | ValidationResult\n    | PromiseLike<ValidationResult>\n    | ((value: any) => ValidationResult)\n    | ((value: any) => PromiseLike<ValidationResult>);\n\n/**\n * # Validate On Event\n */\nexport type ValidateOnEvent = \"blur\" | \"input\" | \"submit\";\n\n/**\n * # Form Field Props\n */\nexport interface FormFieldProps {\n    id?: string;\n    disabled?: boolean;\n    error?: boolean;\n    focused?: boolean;\n    name?: string;\n    readonly?: boolean;\n    validators: Validator[];\n    modelValue?: any;\n    validateOn?:\n        | ValidateOnEvent\n        | `${ValidateOnEvent} lazy`\n        | `lazy ${ValidateOnEvent}`\n        | \"lazy\";\n    validationValue?: any;\n}\n\n/**\n * # Make Form Field Props\n */\nexport const makeFormFieldProps = propsFactory(\n    {\n        id: String,\n        disabled: Boolean,\n        error: Boolean,\n        name: String,\n        readonly: Boolean,\n        validators: {\n            type: Array as PropType<FormFieldProps[\"validators\"]>,\n            default: [],\n        },\n        modelValue: null,\n        validateOn: String as PropType<FormFieldProps[\"validateOn\"]>,\n        validationValue: null,\n\n        ...makeFocusProps(),\n    },\n    \"validation\",\n);\n\n/**\n * # Use Form Field\n * @param props\n * @param group\n */\nexport function useFormField(\n    props: FormFieldProps,\n    group: FormField | undefined = undefined,\n) {\n    const form = useForm();\n    return new FormField(form, props, group);\n}\n"],"names":["propsFactory","props","form","ref","shallowRef","getNextId","useModelProxy","computed","onBeforeMount","onBeforeUnmount","onMounted","useToggleScope","watch","wrapInArray","Browser","nextTick","isFunction","isString","consoleWarn","useForm"],"mappings":"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"}

package/dist/esm/ArrowBackIcon-ZqNVY1Ha.mjs

@@ -0,0 +1,20 @@
+/*! Evance UI v1.0.33 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M12 6L13.414 7.414L9.828 11H18V13H9.828L13.414 16.586L12 18L6 12L12 6Z" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ArrowBackIcon = { render };
+export {
+  ArrowBackIcon as A
+};
+//# sourceMappingURL=ArrowBackIcon-ZqNVY1Ha.mjs.map

package/dist/esm/ArrowBackIcon-ZqNVY1Ha.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowBackIcon-ZqNVY1Ha.mjs","sources":["../../src/icons/glyph/ArrowBackIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"currentColor\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M12 6L13.414 7.414L9.828 11H18V13H9.828L13.414 16.586L12 18L6 12L12 6Z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AACA,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,yEAAwE,GAAI,MAAM,EAAE;AACrJ,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,gBAAA,EAAE,OAAc;"}

package/dist/esm/ArrowContinueIcon-60hVYGI1.mjs

@@ -0,0 +1,20 @@
+/*! Evance UI v1.0.33 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M12 6L10.586 7.414L14.172 11H6V13H14.172L10.586 16.586L12 18L18 12L12 6Z" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ArrowContinueIcon = { render };
+export {
+  ArrowContinueIcon as A
+};
+//# sourceMappingURL=ArrowContinueIcon-60hVYGI1.mjs.map

package/dist/esm/ArrowContinueIcon-60hVYGI1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowContinueIcon-60hVYGI1.mjs","sources":["../../src/icons/glyph/ArrowContinueIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"currentColor\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M12 6L10.586 7.414L14.172 11H6V13H14.172L10.586 16.586L12 18L18 12L12 6Z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AACA,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,2EAA0E,GAAI,MAAM,EAAE;AACvJ,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,oBAAA,EAAE,OAAc;"}

package/dist/esm/CalendarIcon-C-1Ne57A.mjs

@@ -0,0 +1,22 @@
+/*! Evance UI v1.0.33 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M20 4H19V2H17V4H7V2H5V4H4C2.9 4 2 4.81818 2 5.81818V20.1818C2 21.1818 2.9 22 4 22H20C21.1 22 22 21.1818 22 20.1818V5.81818C22 4.81818 21.1 4 20 4ZM20 20H4V9H20V20Z" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", { d: "M14 12H17V15H14V12Z" }, null, -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+}
+const CalendarIcon = { render };
+export {
+  CalendarIcon as C
+};
+//# sourceMappingURL=CalendarIcon-C-1Ne57A.mjs.map

package/dist/esm/CalendarIcon-C-1Ne57A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarIcon-C-1Ne57A.mjs","sources":["../../src/icons/glyph/CalendarIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"currentColor\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M20 4H19V2H17V4H7V2H5V4H4C2.9 4 2 4.81818 2 5.81818V20.1818C2 21.1818 2.9 22 4 22H20C21.1 22 22 21.1818 22 20.1818V5.81818C22 4.81818 21.1 4 20 4ZM20 20H4V9H20V20Z\" }, null, -1)\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M14 12H17V15H14V12Z\" }, null, -1)\nconst _hoisted_4 = [\n  _hoisted_2,\n  _hoisted_3\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_4))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AACA,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,sKAAqK,GAAI,MAAM,EAAE;AAClP,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,sBAAqB,GAAI,MAAM,EAAE;AAClG,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,eAAA,EAAE,OAAc;"}

package/dist/esm/CancelIcon-DASuG2ik.mjs

@@ -0,0 +1,20 @@
+/*! Evance UI v1.0.33 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const CancelIcon = { render };
+export {
+  CancelIcon as C
+};
+//# sourceMappingURL=CancelIcon-DASuG2ik.mjs.map

package/dist/esm/CancelIcon-DASuG2ik.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelIcon-DASuG2ik.mjs","sources":["../../src/icons/glyph/CancelIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"currentColor\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M18.9844 6.42188L13.4062 12L18.9844 17.5781L17.5781 18.9844L12 13.4062L6.42188 18.9844L5.01562 17.5781L10.5938 12L5.01562 6.42188L6.42188 5.01562L12 10.5938L17.5781 5.01562L18.9844 6.42188Z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AACA,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,gMAA+L,GAAI,MAAM,EAAE;AAC5Q,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,aAAA,EAAE,OAAc;"}

package/dist/esm/CheckIcon-jsFiPyus.mjs

@@ -0,0 +1,20 @@
+/*! Evance UI v1.0.33 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M19.8996 7.60051L18.4854 6.18629L10.0002 14.6715L5.7576 10.4289L4.34338 11.8431L10.0001 17.5L19.8996 7.60051Z" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const CheckIcon = { render };
+export {
+  CheckIcon as C
+};
+//# sourceMappingURL=CheckIcon-jsFiPyus.mjs.map

package/dist/esm/CheckIcon-jsFiPyus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon-jsFiPyus.mjs","sources":["../../src/icons/glyph/CheckIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"currentColor\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M19.8996 7.60051L18.4854 6.18629L10.0002 14.6715L5.7576 10.4289L4.34338 11.8431L10.0001 17.5L19.8996 7.60051Z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AACA,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,gHAA+G,GAAI,MAAM,EAAE;AAC5L,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,YAAA,EAAE,OAAc;"}

package/dist/esm/ChevronDownIcon-BictxHPC.mjs

@@ -0,0 +1,20 @@
+/*! Evance UI v1.0.33 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M16 9L12 13L8 9L7 10L12 15L17 10L16 9Z" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ChevronDownIcon = { render };
+export {
+  ChevronDownIcon as C
+};
+//# sourceMappingURL=ChevronDownIcon-BictxHPC.mjs.map

package/dist/esm/ChevronDownIcon-BictxHPC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDownIcon-BictxHPC.mjs","sources":["../../src/icons/glyph/ChevronDownIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"currentColor\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M16 9L12 13L8 9L7 10L12 15L17 10L16 9Z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AACA,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,yCAAwC,GAAI,MAAM,EAAE;AACrH,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,kBAAA,EAAE,OAAc;"}

package/dist/esm/ChevronRightIcon-wo-cTjek.mjs

@@ -0,0 +1,35 @@
+/*! Evance UI v1.0.33 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1$1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", { d: "M15 16L11 12L15 8L14 7L9 12L14 17L15 16Z" }, null, -1);
+const _hoisted_3$1 = [
+  _hoisted_2$1
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+}
+const ChevronLeftIcon = { render: render$1 };
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M9 8L13 12L9 16L10 17L15 12L10 7L9 8Z" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ChevronRightIcon = { render };
+export {
+  ChevronLeftIcon as C,
+  ChevronRightIcon as a
+};
+//# sourceMappingURL=ChevronRightIcon-wo-cTjek.mjs.map

package/dist/esm/ChevronRightIcon-wo-cTjek.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronRightIcon-wo-cTjek.mjs","sources":["../../src/icons/glyph/ChevronLeftIcon.svg","../../src/icons/glyph/ChevronRightIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"currentColor\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M15 16L11 12L15 8L14 7L9 12L14 17L15 16Z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"currentColor\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M9 8L13 12L9 16L10 17L15 12L10 7L9 8Z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","render","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAMA,eAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AACA,MAAMC,eAA0BC,mCAAoB,QAAQ,EAAE,GAAG,2CAA0C,GAAI,MAAM,EAAE;AACvH,MAAMC,eAAa;AAAA,EACjBF;AACF;AAEO,SAASG,SAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAON,cAAYG,YAAU;AACzE;AACA,MAAe,kBAAA,EAAE,QAAQC,SAAM;ACd/B,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AACA,MAAM,aAA0BF,mCAAoB,QAAQ,EAAE,GAAG,wCAAuC,GAAI,MAAM,EAAE;AACpH,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQG,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,mBAAA,EAAE,OAAc;"}

package/dist/esm/ChevronUpIcon-vjN2rfhb.mjs

@@ -0,0 +1,20 @@
+/*! Evance UI v1.0.33 | MIT License */
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", { d: "M8 15L12 11L16 15L17 14L12 9L7 14L8 15Z" }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+}
+const ChevronUpIcon = { render };
+export {
+  ChevronUpIcon as C
+};
+//# sourceMappingURL=ChevronUpIcon-vjN2rfhb.mjs.map

package/dist/esm/ChevronUpIcon-vjN2rfhb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronUpIcon-vjN2rfhb.mjs","sources":["../../src/icons/glyph/ChevronUpIcon.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  width: \"24\",\n  height: \"24\",\n  viewBox: \"0 0 24 24\",\n  fill: \"currentColor\"\n}\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M8 15L12 11L16 15L17 14L12 9L7 14L8 15Z\" }, null, -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, _hoisted_3))\n}\nexport default { render: render }"],"names":["_createElementVNode","_openBlock","_createElementBlock"],"mappings":";;AAEA,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AACR;AACA,MAAM,aAA0BA,mCAAoB,QAAQ,EAAE,GAAG,0CAAyC,GAAI,MAAM,EAAE;AACtH,MAAM,aAAa;AAAA,EACjB;AACF;AAEO,SAAS,OAAO,MAAM,QAAQ;AACnC,SAAQC,UAAU,GAAIC,mBAAoB,OAAO,YAAY,UAAU;AACzE;AACA,MAAe,gBAAA,EAAE,OAAc;"}

package/dist/esm/EvApp.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.31 | MIT License */
-import { _, m } from "./EvApp.vue_vue_type_script_setup_true_lang-C6JyUahG.mjs";
+/*! Evance UI v1.0.33 | MIT License */
+import { _, m } from "./EvApp.vue_vue_type_script_setup_true_lang-Ccz3h6Eq.mjs";
 export {
   _ as EvApp,
   m as makeEvAppProps