@evance/evance-ui 1.0.2 → 1.0.3

package/dist/esm/EvButton.vue_vue_type_script_setup_true_lang-BeUM0Yc7.mjs

@@ -1,235 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { watch, nextTick, defineComponent, useAttrs, useSlots, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, normalizeStyle, withCtx, createElementBlock, renderSlot, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
-import { A as Appearance, u as useAppearance, I as InputSize, V as Variant } from "./appearance-ZesIGtFm.mjs";
-import { p as propsFactory } from "./props-DiPGFtXP.mjs";
-import { I as IconProp } from "./icons-DfxSkG9-.mjs";
-import { m as makeRouterLinkOrHrefProps, u as useRouterLinkOrHref } from "./router-BLIhuWjm.mjs";
-import { m as makeComponentProps } from "./component-B1Vu4b6F.mjs";
-import { E as EvButtonToggleSymbol } from "./EvButtonToggle-BS2p7ZVN.mjs";
-import { m as makeGroupItemProps, u as useGroupItem } from "./groupItem-DSjrmzq0.mjs";
-import { _ as _sfc_main$1 } from "./EvIcon.vue_vue_type_script_setup_true_lang-0IKaAW-i.mjs";
-import "./EvIcon.vue_vue_type_style_index_0_lang-CkL2az6r.mjs";
-import { _ as _sfc_main$2 } from "./EvProgressCircular.vue_vue_type_script_setup_true_lang-CAqxypUT.mjs";
-import { b as isBoolean } from "./is-functions-DDx5Oqi8.mjs";
-import { s as sizeModifier } from "./modifiers-CxxlSc0X.mjs";
-import { h as hasSlotWithContent } from "./hasSlotWithContent-Kg4XNNJc.mjs";
-import { u as useDefaults } from "./defaults-85ybjluN.mjs";
-const makeEvButtonProps = propsFactory(
-  {
-    active: {
-      type: Boolean,
-      default: void 0
-    },
-    symbol: {
-      type: null,
-      default: EvButtonToggleSymbol
-    },
-    appearance: {
-      type: String,
-      default: Appearance.default
-    },
-    icon: [Boolean, String, Function, Object],
-    iconStart: IconProp,
-    iconEnd: IconProp,
-    rounded: Boolean,
-    size: String,
-    fullWidth: Boolean,
-    text: String,
-    loading: Boolean,
-    variant: {
-      type: String,
-      default: "default"
-    },
-    ...makeComponentProps(),
-    ...makeRouterLinkOrHrefProps(),
-    ...makeGroupItemProps()
-  },
-  "EvButton"
-);
-function useSelectLink(link, select) {
-  watch(
-    () => {
-      var _a;
-      return (_a = link.isActive) == null ? void 0 : _a.value;
-    },
-    (isActive) => {
-      if (link.isLink.value && isActive && select) {
-        nextTick(() => {
-          select(true);
-        });
-      }
-    },
-    {
-      immediate: true
-    }
-  );
-}
-const _hoisted_1 = {
-  key: 0,
-  class: "ev-button--icon-start"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "ev-button--prefix"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "ev-button--icon"
-};
-const _hoisted_4 = {
-  key: 3,
-  class: "ev-button--text",
-  "data-no-activator": ""
-};
-const _hoisted_5 = {
-  key: 4,
-  class: "ev-button--suffix"
-};
-const _hoisted_6 = {
-  key: 5,
-  class: "ev-button--icon-end"
-};
-const _hoisted_7 = {
-  key: 6,
-  class: "ev-button--loading"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvButton",
-  props: {
-    ...makeEvButtonProps()
-  },
-  emits: ["group:selected"],
-  setup(__props, { expose: __expose }) {
-    const definedProps = __props;
-    const props = useDefaults(definedProps);
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const hasDefaultSlot = hasSlotWithContent(slots, "default");
-    const group = useGroupItem(props, props.symbol, false);
-    const link = useRouterLinkOrHref(props, attrs);
-    const isActive = computed(() => {
-      var _a;
-      if (props.active !== void 0) {
-        return props.active;
-      }
-      if (link.isLink.value) {
-        return (_a = link.isActive) == null ? void 0 : _a.value;
-      }
-      return group == null ? void 0 : group.isSelected.value;
-    });
-    const isDisabled = computed(() => {
-      return (group == null ? void 0 : group.disabled.value) || props.disabled;
-    });
-    const isClickable = computed(() => {
-      return !isDisabled.value && !props.loading;
-    });
-    const isIconLike = computed(() => {
-      const icons = [props.icon, props.iconStart, props.iconEnd].filter(
-        (icon) => !!icon
-      );
-      return (icons.length === 1 && !hasDefaultSlot.value && !props.text || props.icon === true) && !props.fullWidth;
-    });
-    const isLink = computed(() => {
-      return link.isLink.value;
-    });
-    const componentElement = computed(() => {
-      return isLink.value ? "a" : "button";
-    });
-    function onClick(e) {
-      var _a;
-      if (isDisabled.value || isLink.value && (e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0 || attrs.target === "_blank")) {
-        return;
-      }
-      (_a = link.navigate) == null ? void 0 : _a.call(link, e);
-      group == null ? void 0 : group.toggle();
-    }
-    useSelectLink(link, group == null ? void 0 : group.select);
-    const { appearanceClass, variantClass } = useAppearance(
-      props,
-      group,
-      isActive,
-      Variant.bold
-    );
-    const valueAttr = computed(() => {
-      if (props.value === void 0 || typeof props.value === "symbol") {
-        return void 0;
-      }
-      return Object(props.value) === props.value ? JSON.stringify(props.value, null, 0) : props.value;
-    });
-    __expose({
-      group
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createBlock(resolveDynamicComponent(componentElement.value), {
-        href: unref(link).href.value,
-        class: normalizeClass([
-          "ev-button",
-          (_a = unref(group)) == null ? void 0 : _a.selectedClass.value,
-          unref(appearanceClass),
-          unref(variantClass),
-          unref(sizeModifier)(unref(props).size, [unref(InputSize).default]),
-          {
-            "is-active": isActive.value,
-            "is-disabled": isDisabled.value,
-            "is-icon": isIconLike.value,
-            "is-fullwidth": unref(props).fullWidth,
-            "is-loading": unref(props).loading,
-            "is-rounded": unref(props).rounded,
-            "is-clickable": isClickable.value
-          },
-          unref(props).class
-        ]),
-        style: normalizeStyle(unref(props).style),
-        tabindex: "0",
-        disabled: isDisabled.value || void 0,
-        value: valueAttr.value,
-        onClick
-      }, {
-        default: withCtx(() => [
-          unref(props).iconStart || unref(slots)["icon-start"] ? (openBlock(), createElementBlock("span", _hoisted_1, [
-            renderSlot(_ctx.$slots, "icon-start", {}, () => [
-              createVNode(unref(_sfc_main$1), {
-                glyph: unref(props).iconStart
-              }, null, 8, ["glyph"])
-            ])
-          ])) : createCommentVNode("", true),
-          unref(slots).prefix ? (openBlock(), createElementBlock("span", _hoisted_2, [
-            renderSlot(_ctx.$slots, "prefix")
-          ])) : createCommentVNode("", true),
-          (unref(props).icon || unref(slots).icon) && !unref(isBoolean)(unref(props).icon) ? (openBlock(), createElementBlock("span", _hoisted_3, [
-            renderSlot(_ctx.$slots, "icon", {}, () => [
-              createVNode(unref(_sfc_main$1), {
-                glyph: unref(props).icon
-              }, null, 8, ["glyph"])
-            ])
-          ])) : createCommentVNode("", true),
-          unref(props).text || unref(hasDefaultSlot) ? (openBlock(), createElementBlock("span", _hoisted_4, [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createTextVNode(toDisplayString(unref(props).text), 1)
-            ])
-          ])) : createCommentVNode("", true),
-          unref(slots).suffix ? (openBlock(), createElementBlock("span", _hoisted_5, [
-            renderSlot(_ctx.$slots, "suffix")
-          ])) : createCommentVNode("", true),
-          unref(props).iconEnd || unref(slots)["icon-end"] ? (openBlock(), createElementBlock("span", _hoisted_6, [
-            renderSlot(_ctx.$slots, "icon-end", {}, () => [
-              createVNode(unref(_sfc_main$1), {
-                glyph: unref(props).iconEnd
-              }, null, 8, ["glyph"])
-            ])
-          ])) : createCommentVNode("", true),
-          unref(props).loading ? (openBlock(), createElementBlock("span", _hoisted_7, [
-            createVNode(unref(_sfc_main$2), { indeterminate: "" })
-          ])) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["href", "class", "style", "disabled", "value"]);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  makeEvButtonProps as m
-};
-//# sourceMappingURL=EvButton.vue_vue_type_script_setup_true_lang-BeUM0Yc7.mjs.map

package/dist/esm/EvButton.vue_vue_type_script_setup_true_lang-BeUM0Yc7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvButton.vue_vue_type_script_setup_true_lang-BeUM0Yc7.mjs","sources":["../../src/components/EvButton/EvButton.ts","../../src/composables/selectLink.ts","../../src/components/EvButton/EvButton.vue"],"sourcesContent":["import {\n    Appearance,\n    AppearanceProp,\n    InputSizeProp,\n    propsFactory,\n    VariantProp,\n} from \"@/util\";\nimport { IconProp, IconValue } from \"@/composables/icons.ts\";\nimport {\n    makeRouterLinkOrHrefProps,\n    RouterLinkOrHrefProps,\n} from \"@/composables/router.ts\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { EvButtonToggleSymbol } from \"@/components/EvButtonToggle/EvButtonToggle.ts\";\nimport { makeGroupItemProps } from \"@/composables/groupItem.ts\";\n\n/**\n * ## Button Appearance\n */\nexport type ButtonAppearanceProp = AppearanceProp | \"inverse\";\nexport type ButtonVariantProp = VariantProp | \"link\";\n\n/**\n * # EvButtonProps\n */\nexport interface EvButtonProps extends RouterLinkOrHrefProps {\n    appearance?: ButtonAppearanceProp;\n    disabled?: boolean;\n    icon?: IconValue | boolean;\n    iconStart?: IconValue;\n    iconEnd?: IconValue;\n    rounded?: boolean;\n    size?: InputSizeProp;\n    fullWidth?: boolean;\n    text?: string;\n    loading?: boolean;\n    onClick?: () => void;\n    variant?: ButtonVariantProp;\n}\n\n/**\n * # EvButton Props\n */\nexport const makeEvButtonProps = propsFactory(\n    {\n        active: {\n            type: Boolean,\n            default: undefined,\n        },\n        symbol: {\n            type: null,\n            default: EvButtonToggleSymbol,\n        },\n        appearance: {\n            type: String as PropType<ButtonAppearanceProp>,\n            default: Appearance.default,\n        },\n        icon: [Boolean, String, Function, Object] as PropType<\n            boolean | IconValue\n        >,\n        iconStart: IconProp,\n        iconEnd: IconProp,\n        rounded: Boolean,\n        size: String as PropType<InputSizeProp>,\n        fullWidth: Boolean,\n        text: String,\n        loading: Boolean,\n        variant: {\n            type: String as PropType<ButtonVariantProp>,\n            default: \"default\",\n        },\n\n        ...makeComponentProps(),\n        ...makeRouterLinkOrHrefProps(),\n        ...makeGroupItemProps(),\n    },\n    \"EvButton\",\n);\n","import { UseRouterLinkOrHref } from \"@/composables/router.ts\";\nimport { nextTick, watch } from \"vue\";\n\n/**\n * # useSelectLink\n *\n * @param link\n * @param select\n */\nexport function useSelectLink(\n    link: UseRouterLinkOrHref,\n    select?: (value: boolean, e?: Event) => void,\n) {\n    watch(\n        () => link.isActive?.value,\n        (isActive) => {\n            if (link.isLink.value && isActive && select) {\n                nextTick(() => {\n                    select(true);\n                });\n            }\n        },\n        {\n            immediate: true,\n        },\n    );\n}\n","<script setup lang=\"ts\">\n/**\n * # EvButton\n */\nimport \"./EvButton.scss\";\nimport { makeEvButtonProps } from \"./EvButton.ts\";\nimport { computed, useAttrs, useSlots } from \"vue\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvProgressCircular } from \"@/components/EvProgressCircular\";\nimport {\n    AppearanceProps,\n    InputSize,\n    isBoolean,\n    sizeModifier,\n    useAppearance,\n    Variant,\n} from \"@/util\";\nimport { hasSlotWithContent } from \"@/composables/hasSlotWithContent.ts\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\nimport { useDefaults } from \"@/composables/defaults.ts\";\nimport { useGroupItem } from \"@/composables/groupItem.ts\";\nimport { useSelectLink } from \"@/composables/selectLink.ts\";\n\ndefineSlots<{\n    default(): never;\n    icon(): never;\n    \"icon-end\"(): never;\n    \"icon-start\"(): never;\n    prefix(): never;\n    suffix(): never;\n}>();\n\nconst definedProps = defineProps({\n    ...makeEvButtonProps(),\n});\nconst props = useDefaults(definedProps);\n\ndefineEmits([\"group:selected\"]);\n\nconst attrs = useAttrs();\nconst slots = useSlots();\nconst hasDefaultSlot = hasSlotWithContent(slots, \"default\");\nconst group = useGroupItem(props, props.symbol, false);\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\n\nconst isActive = computed(() => {\n    if (props.active !== undefined) {\n        return props.active;\n    }\n    if (link.isLink.value) {\n        return link.isActive?.value;\n    }\n    return group?.isSelected.value;\n});\n\nconst isDisabled = computed(() => {\n    // we'll add groups later\n    return group?.disabled.value || props.disabled;\n});\n\nconst isClickable = computed(() => {\n    return !isDisabled.value && !props.loading;\n});\n\n/**\n * ## Is Icon Like?\n *\n * Used to determine whether to apply `is-icon` modifier class.\n *\n * Returns `true` if only one icon is applied, the button is not full-width\n * and no text has been supplied.\n *\n * OR, the `icon` prop is supplied as `true`.\n */\nconst isIconLike = computed(() => {\n    const icons = [props.icon, props.iconStart, props.iconEnd].filter(\n        (icon) => !!icon,\n    );\n    return (\n        ((icons.length === 1 && !hasDefaultSlot.value && !props.text) ||\n            props.icon === true) &&\n        !props.fullWidth\n    );\n});\n\n/**\n * ## Is Link?\n * Returns `true` if an `href` was supplied AND is NOT an empty string.\n */\nconst isLink = computed(() => {\n    return link.isLink.value;\n});\n\n/**\n * ## Component Element\n *\n * An `<ev-button>` may render as:\n * - `<a>` when an `href` is supplied\n * - `<button>` when `href` is NOT supplied, or is an empty string\n */\nconst componentElement = computed(() => {\n    return isLink.value ? \"a\" : \"button\";\n});\n\n/**\n * # On Click\n * @param e\n */\nfunction onClick(e: MouseEvent): void {\n    if (\n        isDisabled.value ||\n        (isLink.value &&\n            (e.metaKey ||\n                e.ctrlKey ||\n                e.shiftKey ||\n                e.button !== 0 ||\n                attrs.target === \"_blank\"))\n    ) {\n        return;\n    }\n    link.navigate?.(e);\n    group?.toggle();\n}\n\nuseSelectLink(link, group?.select);\n\nconst { appearanceClass, variantClass } = useAppearance(\n    props as AppearanceProps,\n    group,\n    isActive,\n    Variant.bold,\n);\n\nconst valueAttr = computed(() => {\n    if (props.value === undefined || typeof props.value === \"symbol\") {\n        return undefined;\n    }\n    return Object(props.value) === props.value\n        ? JSON.stringify(props.value, null, 0)\n        : props.value;\n});\n\ndefineExpose({\n    group,\n});\n</script>\n\n<template>\n    <component\n        :is=\"componentElement\"\n        :href=\"link.href.value\"\n        :class=\"[\n            'ev-button',\n            group?.selectedClass.value,\n            appearanceClass,\n            variantClass,\n            sizeModifier(props.size as string, [InputSize.default]),\n            {\n                'is-active': isActive,\n                'is-disabled': isDisabled,\n                'is-icon': isIconLike,\n                'is-fullwidth': props.fullWidth,\n                'is-loading': props.loading,\n                'is-rounded': props.rounded,\n                'is-clickable': isClickable,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        tabindex=\"0\"\n        :disabled=\"isDisabled || undefined\"\n        :value=\"valueAttr\"\n        @click=\"onClick\">\n        <span\n            v-if=\"props.iconStart || slots['icon-start']\"\n            class=\"ev-button--icon-start\">\n            <slot name=\"icon-start\">\n                <ev-icon :glyph=\"props.iconStart\" />\n            </slot>\n        </span>\n        <span v-if=\"slots.prefix\" class=\"ev-button--prefix\">\n            <slot name=\"prefix\" />\n        </span>\n        <span\n            v-if=\"(props.icon || slots.icon) && !isBoolean(props.icon)\"\n            class=\"ev-button--icon\">\n            <slot name=\"icon\">\n                <ev-icon :glyph=\"props.icon\" />\n            </slot>\n        </span>\n        <span\n            v-if=\"props.text || hasDefaultSlot\"\n            class=\"ev-button--text\"\n            data-no-activator>\n            <slot>{{ props.text }}</slot>\n        </span>\n        <span v-if=\"slots.suffix\" class=\"ev-button--suffix\">\n            <slot name=\"suffix\" />\n        </span>\n        <span\n            v-if=\"props.iconEnd || slots['icon-end']\"\n            class=\"ev-button--icon-end\">\n            <slot name=\"icon-end\">\n                <ev-icon :glyph=\"props.iconEnd\" />\n            </slot>\n        </span>\n        <span v-if=\"props.loading\" class=\"ev-button--loading\">\n            <ev-progress-circular indeterminate />\n        </span>\n    </component>\n</template>\n"],"names":[],"mappings":"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"}

package/dist/esm/EvButtonGroup-D2iMt46Z.mjs

@@ -1,26 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { A as Appearance } from "./appearance-ZesIGtFm.mjs";
-import { p as propsFactory } from "./props-DiPGFtXP.mjs";
-import { m as makeComponentProps } from "./component-B1Vu4b6F.mjs";
-import { m as makeTagProps } from "./tag-BExK_t_Z.mjs";
-const makeEvButtonGroupProps = propsFactory(
-  {
-    appearance: {
-      type: String,
-      default: Appearance.default
-    },
-    rounded: Boolean,
-    size: String,
-    variant: {
-      type: String,
-      default: "outlined"
-    },
-    ...makeComponentProps(),
-    ...makeTagProps()
-  },
-  "EvButtonGroup"
-);
-export {
-  makeEvButtonGroupProps as m
-};
-//# sourceMappingURL=EvButtonGroup-D2iMt46Z.mjs.map

package/dist/esm/EvButtonGroup-D2iMt46Z.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvButtonGroup-D2iMt46Z.mjs","sources":["../../src/components/EvButtonGroup/EvButtonGroup.ts"],"sourcesContent":["import { Appearance, InputSizeProp, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\nimport { PropType } from \"vue\";\nimport {\n    ButtonAppearanceProp,\n    ButtonVariantProp,\n} from \"@/components/EvButton/EvButton.ts\";\n\nexport const makeEvButtonGroupProps = propsFactory(\n    {\n        appearance: {\n            type: String as PropType<ButtonAppearanceProp>,\n            default: Appearance.default,\n        },\n        rounded: Boolean,\n        size: String as PropType<InputSizeProp>,\n        variant: {\n            type: String as PropType<ButtonVariantProp>,\n            default: \"outlined\",\n        },\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvButtonGroup\",\n);\n"],"names":[],"mappings":";;;;;AASO,MAAM,yBAAyB;AAAA,EAClC;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,WAAW;AAAA,IACxB;AAAA,IACA,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;"}

package/dist/esm/EvButtonGroup.vue_vue_type_script_setup_true_lang-Ceb1CtSF.mjs

@@ -1,49 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { defineComponent, toRef, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, normalizeStyle, withCtx, createElementVNode, renderSlot } from "vue";
-import { m as makeEvButtonGroupProps } from "./EvButtonGroup-D2iMt46Z.mjs";
-import { p as provideDefaults } from "./defaults-85ybjluN.mjs";
-import { a as appearanceModifier, v as variantModifier } from "./modifiers-CxxlSc0X.mjs";
-const _hoisted_1 = { class: "ev-button-group--container" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvButtonGroup",
-  props: {
-    ...makeEvButtonGroupProps()
-  },
-  setup(__props) {
-    const props = __props;
-    provideDefaults({
-      EvButton: {
-        appearance: toRef(props, "appearance"),
-        variant: toRef(props, "variant"),
-        size: toRef(props, "size")
-      }
-    });
-    const appearanceClass = computed(() => appearanceModifier(props.appearance));
-    const variantClass = computed(() => variantModifier(props.variant));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
-        class: normalizeClass([
-          "ev-button-group",
-          appearanceClass.value,
-          variantClass.value,
-          {
-            "is-rounded": props.rounded
-          },
-          props.class
-        ]),
-        style: normalizeStyle(props.style)
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=EvButtonGroup.vue_vue_type_script_setup_true_lang-Ceb1CtSF.mjs.map

package/dist/esm/EvButtonGroup.vue_vue_type_script_setup_true_lang-Ceb1CtSF.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvButtonGroup.vue_vue_type_script_setup_true_lang-Ceb1CtSF.mjs","sources":["../../src/components/EvButtonGroup/EvButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvButtonGroup\n */\nimport \"./EvButtonGroup.scss\";\nimport { makeEvButtonGroupProps } from \"./EvButtonGroup.ts\";\nimport { provideDefaults } from \"@/composables/defaults.ts\";\nimport { computed, toRef } from \"vue\";\nimport { appearanceModifier, variantModifier } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvButtonGroupProps(),\n});\n\ndefineSlots<{\n    default(): never;\n}>();\n\nprovideDefaults({\n    EvButton: {\n        appearance: toRef(props, \"appearance\"),\n        variant: toRef(props, \"variant\"),\n        size: toRef(props, \"size\"),\n    },\n});\n\nconst appearanceClass = computed(() => appearanceModifier(props.appearance));\nconst variantClass = computed(() => variantModifier(props.variant));\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-button-group',\n            appearanceClass,\n            variantClass,\n            {\n                'is-rounded': props.rounded,\n            },\n            props.class,\n        ]\"\n        :style=\"props.style\">\n        <div class=\"ev-button-group--container\">\n            <slot />\n        </div>\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAkBgB,oBAAA;AAAA,MACZ,UAAU;AAAA,QACN,YAAY,MAAM,OAAO,YAAY;AAAA,QACrC,SAAS,MAAM,OAAO,SAAS;AAAA,QAC/B,MAAM,MAAM,OAAO,MAAM;AAAA,MAC7B;AAAA,IAAA,CACH;AAED,UAAM,kBAAkB,SAAS,MAAM,mBAAmB,MAAM,UAAU,CAAC;AAC3E,UAAM,eAAe,SAAS,MAAM,gBAAgB,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvButtonToggle-BS2p7ZVN.mjs

@@ -1,20 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { m as makeGroupProps } from "./group-D27wToOK.mjs";
-import { p as propsFactory } from "./props-DiPGFtXP.mjs";
-import { m as makeEvButtonGroupProps } from "./EvButtonGroup-D2iMt46Z.mjs";
-const EvButtonToggleSymbol = Symbol.for("ev:button-toggle");
-const makeEvButtonToggleProps = propsFactory(
-  {
-    ...makeEvButtonGroupProps(),
-    ...makeGroupProps({
-      selectedAppearance: "primary",
-      selectedVariant: "tonal"
-    })
-  },
-  "EvButtonToggle"
-);
-export {
-  EvButtonToggleSymbol as E,
-  makeEvButtonToggleProps as m
-};
-//# sourceMappingURL=EvButtonToggle-BS2p7ZVN.mjs.map

package/dist/esm/EvButtonToggle-BS2p7ZVN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvButtonToggle-BS2p7ZVN.mjs","sources":["../../src/components/EvButtonToggle/EvButtonToggle.ts"],"sourcesContent":["import { GroupProvide, makeGroupProps } from \"@/composables/group.ts\";\nimport { InjectionKey } from \"vue\";\nimport { propsFactory } from \"@/util\";\nimport { makeEvButtonGroupProps } from \"@/components/EvButtonGroup/EvButtonGroup.ts\";\n\nexport type ButtonToggleSlotProps =\n    | \"isSelected\"\n    | \"select\"\n    | \"selected\"\n    | \"next\"\n    | \"previous\";\nexport interface DefaultButtonToggleSlot\n    extends Pick<GroupProvide, ButtonToggleSlotProps> {}\n\nexport const EvButtonToggleSymbol: InjectionKey<GroupProvide> =\n    Symbol.for(\"ev:button-toggle\");\n\nexport type EvButtonToggleSlots = {\n    default: DefaultButtonToggleSlot;\n};\n\n/**\n * # makeEvButtonToggleProps\n */\nexport const makeEvButtonToggleProps = propsFactory(\n    {\n        ...makeEvButtonGroupProps(),\n        ...makeGroupProps({\n            selectedAppearance: \"primary\",\n            selectedVariant: \"tonal\",\n        }),\n    },\n    \"EvButtonToggle\",\n);\n"],"names":[],"mappings":";;;;AAca,MAAA,uBACT,OAAO,IAAI,kBAAkB;AAS1B,MAAM,0BAA0B;AAAA,EACnC;AAAA,IACI,GAAG,uBAAuB;AAAA,IAC1B,GAAG,eAAe;AAAA,MACd,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,IAAA,CACpB;AAAA,EACL;AAAA,EACA;AACJ;"}

package/dist/esm/EvButtonToggle.vue_vue_type_script_setup_true_lang-BIgv0FBi.mjs

@@ -1,42 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { m as makeEvButtonToggleProps, E as EvButtonToggleSymbol } from "./EvButtonToggle-BS2p7ZVN.mjs";
-import { _ as _sfc_main$1 } from "./EvButtonGroup.vue_vue_type_script_setup_true_lang-Ceb1CtSF.mjs";
-import { u as useGroup } from "./group-D27wToOK.mjs";
-import { f as filterComponentProps } from "./helpers-pCeamm7z.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvButtonToggle",
-  props: {
-    ...makeEvButtonToggleProps()
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const { isSelected, next, previous, select, selected } = useGroup(
-      props,
-      EvButtonToggleSymbol
-    );
-    __expose({
-      next,
-      previous,
-      select
-    });
-    const groupProps = computed(() => filterComponentProps(_sfc_main$1, props));
-    const slotProps = { isSelected, next, previous, select, selected };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
-        class: ["ev-button-toggle", props.class],
-        style: props.style
-      }, groupProps.value), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))
-        ]),
-        _: 3
-      }, 16, ["class", "style"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=EvButtonToggle.vue_vue_type_script_setup_true_lang-BIgv0FBi.mjs.map

package/dist/esm/EvButtonToggle.vue_vue_type_script_setup_true_lang-BIgv0FBi.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvButtonToggle.vue_vue_type_script_setup_true_lang-BIgv0FBi.mjs","sources":["../../src/components/EvButtonToggle/EvButtonToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n/**\r\n * # EvButtonToggle\r\n */\r\nimport \"./EvButtonToggle.scss\";\r\nimport {\r\n    EvButtonToggleSlots,\r\n    EvButtonToggleSymbol,\r\n    makeEvButtonToggleProps,\r\n} from \"./EvButtonToggle.ts\";\r\nimport { EvButtonGroup } from \"../EvButtonGroup\";\r\nimport { GroupProps, useGroup } from \"@/composables/group.ts\";\r\nimport { filterComponentProps } from \"@/util\";\r\nimport { computed } from \"vue\";\r\n\r\nconst props = defineProps({\r\n    ...makeEvButtonToggleProps(),\r\n});\r\n\r\ndefineEmits([\"update:modelValue\"]);\r\n\r\ndefineSlots<EvButtonToggleSlots>();\r\n\r\nconst { isSelected, next, previous, select, selected } = useGroup(\r\n    props as any as GroupProps,\r\n    EvButtonToggleSymbol,\r\n);\r\n\r\ndefineExpose({\r\n    next,\r\n    previous,\r\n    select,\r\n});\r\n\r\nconst groupProps = computed(() => filterComponentProps(EvButtonGroup, props));\r\nconst slotProps = { isSelected, next, previous, select, selected };\r\n</script>\r\n\r\n<template>\r\n    <ev-button-group\r\n        :class=\"['ev-button-toggle', props.class]\"\r\n        :style=\"props.style\"\r\n        v-bind=\"groupProps\">\r\n        <slot v-bind=\"slotProps\" />\r\n    </ev-button-group>\r\n</template>\r\n"],"names":["EvButtonGroup"],"mappings":";;;;;;;;;;;;;;AAuBA,UAAM,EAAE,YAAY,MAAM,UAAU,QAAQ,aAAa;AAAA,MACrD;AAAA,MACA;AAAA,IAAA;AAGS,aAAA;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACH;AAED,UAAM,aAAa,SAAS,MAAM,qBAAqBA,aAAe,KAAK,CAAC;AAC5E,UAAM,YAAY,EAAE,YAAY,MAAM,UAAU,QAAQ;;;;;;;;;;;;;;"}

package/dist/esm/EvCheckbox-Dkepsd6q.mjs

@@ -1,55 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { c as isDeepEqual } from "./is-functions-DDx5Oqi8.mjs";
-import { p as propsFactory } from "./props-DiPGFtXP.mjs";
-import { m as makeFormFieldProps } from "./validation-jCNfq7fU.mjs";
-import { m as makeComponentProps } from "./component-B1Vu4b6F.mjs";
-import { computed } from "vue";
-const makeEvCheckboxProps = propsFactory(
-  {
-    label: String,
-    trueValue: null,
-    falseValue: null,
-    value: null,
-    valueComparator: {
-      type: Function,
-      default: isDeepEqual
-    },
-    ...makeFormFieldProps(),
-    ...makeComponentProps()
-  },
-  "EvSwitch"
-);
-function useToggleControl(modelProxy, props) {
-  const trueValue = computed(() => {
-    if (props.trueValue !== void 0) {
-      return props.trueValue;
-    }
-    return props.value !== void 0 ? props.value : true;
-  });
-  const falseValue = computed(() => {
-    return props.falseValue !== void 0 ? props.falseValue : false;
-  });
-  const isChecked = computed({
-    get() {
-      return props.valueComparator(modelProxy.value, trueValue.value);
-    },
-    set(value) {
-      if (props.readonly) {
-        return;
-      }
-      const currentValue = value ? trueValue.value : falseValue.value;
-      const newValue = currentValue;
-      modelProxy.value = newValue;
-    }
-  });
-  return {
-    trueValue,
-    falseValue,
-    isChecked
-  };
-}
-export {
-  makeEvCheckboxProps as m,
-  useToggleControl as u
-};
-//# sourceMappingURL=EvCheckbox-Dkepsd6q.mjs.map

package/dist/esm/EvCheckbox-Dkepsd6q.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvCheckbox-Dkepsd6q.mjs","sources":["../../src/components/EvCheckbox/EvCheckbox.ts"],"sourcesContent":["import { isDeepEqual, propsFactory } from \"@/util\";\nimport { makeFormFieldProps } from \"@/composables/validation.ts\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { computed, ExtractPropTypes, PropType, Ref } from \"vue\";\n\n/**\n * # Make EvCheckbox Props\n */\nexport const makeEvCheckboxProps = propsFactory(\n    {\n        label: String,\n        trueValue: null,\n        falseValue: null,\n        value: null,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n\n        ...makeFormFieldProps(),\n        ...makeComponentProps(),\n    },\n    \"EvSwitch\",\n);\n\n/**\n * # Use Toggle Control\n *\n * @param modelProxy\n * @param props\n */\nexport function useToggleControl(\n    modelProxy: Ref<any>,\n    props: ExtractPropTypes<ReturnType<typeof makeEvCheckboxProps>>,\n) {\n    /**\n     * ## True Value\n     */\n    const trueValue = computed(() => {\n        if (props.trueValue !== undefined) {\n            return props.trueValue;\n        }\n        return props.value !== undefined ? props.value : true;\n    });\n\n    /**\n     * ## False Value\n     */\n    const falseValue = computed(() => {\n        return props.falseValue !== undefined ? props.falseValue : false;\n    });\n\n    /**\n     * ## Is Checked\n     */\n    const isChecked = computed({\n        get() {\n            return props.valueComparator(modelProxy.value, trueValue.value);\n        },\n        set(value: boolean) {\n            if (props.readonly) {\n                return;\n            }\n            const currentValue = value ? trueValue.value : falseValue.value;\n            const newValue = currentValue;\n            // I might do some funky stuff here later for multi-selection and groups\n            modelProxy.value = newValue;\n        },\n    });\n\n    return {\n        trueValue,\n        falseValue,\n        isChecked,\n    };\n}\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,sBAAsB;AAAA,EAC/B;AAAA,IACI,OAAO;AAAA,IACP,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,iBAAiB;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,mBAAmB;AAAA,IACtB,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;AAQgB,SAAA,iBACZ,YACA,OACF;AAIQ,QAAA,YAAY,SAAS,MAAM;AACzB,QAAA,MAAM,cAAc,QAAW;AAC/B,aAAO,MAAM;AAAA,IACjB;AACA,WAAO,MAAM,UAAU,SAAY,MAAM,QAAQ;AAAA,EAAA,CACpD;AAKK,QAAA,aAAa,SAAS,MAAM;AAC9B,WAAO,MAAM,eAAe,SAAY,MAAM,aAAa;AAAA,EAAA,CAC9D;AAKD,QAAM,YAAY,SAAS;AAAA,IACvB,MAAM;AACF,aAAO,MAAM,gBAAgB,WAAW,OAAO,UAAU,KAAK;AAAA,IAClE;AAAA,IACA,IAAI,OAAgB;AAChB,UAAI,MAAM,UAAU;AAChB;AAAA,MACJ;AACA,YAAM,eAAe,QAAQ,UAAU,QAAQ,WAAW;AAC1D,YAAM,WAAW;AAEjB,iBAAW,QAAQ;AAAA,IACvB;AAAA,EAAA,CACH;AAEM,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/esm/EvCheckbox.vue_vue_type_script_setup_true_lang-D0GL3qxg.mjs

@@ -1,116 +0,0 @@
-/*! Evance UI v1.0.1 | MIT License */
-import { defineComponent, useSlots, useAttrs, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createStaticVNode } from "vue";
-import { m as makeEvCheckboxProps, u as useToggleControl } from "./EvCheckbox-Dkepsd6q.mjs";
-import { s as splitInputAttrs } from "./helpers-pCeamm7z.mjs";
-import { _ as _sfc_main$2 } from "./EvErrors.vue_vue_type_script_setup_true_lang-CZv0xVta.mjs";
-import { _ as _sfc_main$1 } from "./EvLabel.vue_vue_type_script_setup_true_lang-BonVvMTI.mjs";
-import { u as useFormField } from "./validation-jCNfq7fU.mjs";
-import { u as useDefaults } from "./defaults-85ybjluN.mjs";
-const _hoisted_1 = { class: "ev-checkbox--control" };
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<div class="ev-checkbox--boxes"><div class="ev-checkbox--outer-box"></div><div class="ev-checkbox--inner-box"><svg class="ev-checkbox--checkmark" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="ev-checkbox--checkmark-path" d="M3 7.5L6.5 11L13.5 4" stroke="currentColor" stroke-width="2"></path></svg></div></div>', 1);
-const _hoisted_3 = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"];
-const _hoisted_4 = {
-  key: 0,
-  class: "ev-checkbox--label"
-};
-const _hoisted_5 = {
-  key: 0,
-  class: "ev-checkbox--errors"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvCheckbox",
-  props: {
-    ...makeEvCheckboxProps()
-  },
-  emits: ["update:focused", "update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const definedProps = __props;
-    const props = useDefaults(definedProps);
-    const slots = useSlots();
-    const attrs = useAttrs();
-    const containerRef = ref(null);
-    const inputRef = ref(null);
-    const [containerAttrs, inputAttrs] = splitInputAttrs(attrs);
-    const formField = useFormField(props);
-    const { trueValue, isChecked } = useToggleControl(formField.model, props);
-    function getInputElement() {
-      return inputRef.value;
-    }
-    function onInput(e) {
-      isChecked.value = e.target.checked;
-    }
-    __expose({
-      input: inputRef,
-      focus: () => {
-        var _a;
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      },
-      ...formField.expose()
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: [
-          "ev-checkbox",
-          {
-            "is-checked": unref(isChecked),
-            "is-labelled": unref(props).label || unref(slots).label
-          },
-          unref(formField).classes,
-          unref(props).class
-        ],
-        style: unref(props).style
-      }, unref(containerAttrs)), [
-        createElementVNode("div", _hoisted_1, [
-          _hoisted_2,
-          createElementVNode("input", mergeProps({
-            id: unref(formField).id,
-            ref_key: "inputRef",
-            ref: inputRef,
-            type: "checkbox",
-            role: "switch",
-            name: unref(formField).name,
-            disabled: unref(formField).isDisabled,
-            readonly: unref(formField).isReadonly,
-            checked: unref(isChecked),
-            value: unref(trueValue),
-            "aria-disabled": unref(formField).isDisabled,
-            "aria-checked": unref(isChecked)
-          }, unref(inputAttrs), {
-            onInput,
-            onFocus: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => unref(formField).focus && unref(formField).focus(...args)),
-            onBlur: _cache[1] || (_cache[1] = //@ts-ignore
-            (...args) => unref(formField).blur && unref(formField).blur(...args))
-          }), null, 16, _hoisted_3)
-        ]),
-        unref(props).label || unref(slots).label ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(unref(_sfc_main$1), {
-            for: unref(formField).id,
-            clickable: ""
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "label", {}, () => [
-                createTextVNode(toDisplayString(unref(props).label), 1)
-              ])
-            ]),
-            _: 3
-          }, 8, ["for"]),
-          unref(formField).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            createVNode(unref(_sfc_main$2), {
-              messages: unref(formField).errorMessages
-            }, null, 8, ["messages"])
-          ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=EvCheckbox.vue_vue_type_script_setup_true_lang-D0GL3qxg.mjs.map

package/dist/esm/EvCheckbox.vue_vue_type_script_setup_true_lang-D0GL3qxg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"EvCheckbox.vue_vue_type_script_setup_true_lang-D0GL3qxg.mjs","sources":["../../src/components/EvCheckbox/EvCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-checkbox>`\n */\nimport \"./EvCheckbox.scss\";\nimport { makeEvCheckboxProps, useToggleControl } from \"./EvCheckbox.ts\";\nimport { ref, useAttrs } from \"vue\";\nimport { splitInputAttrs } from \"@/util\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useFormField } from \"@/composables/validation.ts\";\nimport { useDefaults } from \"@/composables\";\n\n/**\n * We want to pass attributes not defined as 'props'\n * to the `<input>` field, so we need to turn off `inheritAttrs`.\n */\ndefineOptions({\n    inheritAttrs: false,\n});\n\n// Props & slots\nconst definedProps = defineProps({\n    ...makeEvCheckboxProps(),\n});\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<{\n    label(): never;\n}>();\n\n// Emit\ndefineEmits([\"update:focused\", \"update:modelValue\"]);\n\nconst attrs = useAttrs();\nconst containerRef = ref<HTMLElement | null>(null);\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst [containerAttrs, inputAttrs] = splitInputAttrs(attrs);\nconst formField = useFormField(props);\nconst { trueValue, isChecked } = useToggleControl(formField.model, props);\n\n/**\n * ## Get Input Element\n */\nfunction getInputElement(): HTMLInputElement | null {\n    return inputRef.value;\n}\n\n/**\n * ## On Input\n * @param e\n */\nfunction onInput(e: Event) {\n    isChecked.value = (e.target as HTMLInputElement).checked;\n}\n\n/**\n * ## Expose stuff\n */\ndefineExpose({\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n    ...formField.expose(),\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        :class=\"[\n            'ev-checkbox',\n            {\n                'is-checked': isChecked,\n                'is-labelled': props.label || slots.label,\n            },\n            formField.classes,\n            props.class,\n        ]\"\n        :style=\"props.style\"\n        v-bind=\"containerAttrs\">\n        <div class=\"ev-checkbox--control\">\n            <div class=\"ev-checkbox--boxes\">\n                <div class=\"ev-checkbox--outer-box\"></div>\n                <div class=\"ev-checkbox--inner-box\">\n                    <svg\n                        class=\"ev-checkbox--checkmark\"\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 16 16\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\">\n                        <path\n                            class=\"ev-checkbox--checkmark-path\"\n                            d=\"M3 7.5L6.5 11L13.5 4\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"2\" />\n                    </svg>\n                </div>\n            </div>\n\n            <input\n                :id=\"formField.id\"\n                ref=\"inputRef\"\n                type=\"checkbox\"\n                role=\"switch\"\n                :name=\"formField.name\"\n                :disabled=\"formField.isDisabled\"\n                :readonly=\"formField.isReadonly\"\n                :checked=\"isChecked\"\n                :value=\"trueValue\"\n                :aria-disabled=\"formField.isDisabled\"\n                :aria-checked=\"isChecked\"\n                v-bind=\"inputAttrs\"\n                @input=\"onInput\"\n                @focus=\"formField.focus\"\n                @blur=\"formField.blur\" />\n        </div>\n\n        <div v-if=\"props.label || slots.label\" class=\"ev-checkbox--label\">\n            <ev-label :for=\"formField.id\" clickable>\n                <slot name=\"label\">{{ props.label }}</slot>\n            </ev-label>\n\n            <div\n                v-if=\"formField.isShowErrorMessages\"\n                class=\"ev-checkbox--errors\">\n                <ev-errors :messages=\"formField.errorMessages\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBM,UAAA,QAAQ,YAAY,YAAY;AACtC,UAAM,QAAQA;AAOd,UAAM,QAAQ;AACR,UAAA,eAAe,IAAwB,IAAI;AAC3C,UAAA,WAAW,IAA6B,IAAI;AAClD,UAAM,CAAC,gBAAgB,UAAU,IAAI,gBAAgB,KAAK;AACpD,UAAA,YAAY,aAAa,KAAK;AACpC,UAAM,EAAE,WAAW,cAAc,iBAAiB,UAAU,OAAO,KAAK;AAKxE,aAAS,kBAA2C;AAChD,aAAO,SAAS;AAAA,IACpB;AAMA,aAAS,QAAQ,GAAU;AACb,gBAAA,QAAS,EAAE,OAA4B;AAAA,IACrD;AAKa,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MACvB;AAAA,MACA,GAAG,UAAU,OAAO;AAAA,IAAA,CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}