@evance/evance-ui 1.0.3 → 1.0.4

package/dist/esm/EvCard.vue_vue_type_script_setup_true_lang-B8CArVSn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCard.vue_vue_type_script_setup_true_lang-B8CArVSn.mjs","sources":["../../src/components/EvCard/EvCard.ts","../../src/components/EvCard/EvCard.vue"],"sourcesContent":["import { Appearance, AppearanceProp, propsFactory, VariantProp } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\nimport { EvButtonProps } from \"@/components/EvButton\";\nimport { PropType } from \"vue\";\nimport { EvCardContentSize } from \"@/components/EvCard/EvCardContent\";\nimport { SurfaceElevation } from \"@/components/EvSurface\";\nimport { IconProp } from \"@/composables/icons.ts\";\nimport { makeRouterLinkOrHrefProps } from \"@/composables/router.ts\";\nimport { JustifyContentValue } from \"@/components/EvGrid/EvLayout\";\n\nexport const makeEvCardProps = propsFactory(\n    {\n        appearance: {\n            type: String as PropType<AppearanceProp>,\n            default: Appearance.default,\n        },\n        disabled: Boolean,\n        elevation: {\n            type: String as PropType<SurfaceElevation>,\n            default: \"panel\",\n        },\n        rounded: {\n            type: [String, Number, Boolean],\n            default: true,\n        },\n        icon: IconProp,\n        iconAppearance: {\n            type: String as PropType<AppearanceProp>,\n            default: undefined,\n        },\n        actions: {\n            type: Array as PropType<readonly EvButtonProps[]>,\n            default: () => [],\n        },\n        justifyActions: {\n            type: String as PropType<JustifyContentValue>,\n            default: \"end\",\n        },\n        eyebrow: String,\n        size: {\n            type: String as PropType<EvCardContentSize>,\n            default: \"medium\",\n        },\n        text: [String, Array],\n        title: String,\n        variant: {\n            type: String as PropType<VariantProp>,\n            default: \"subtle\",\n        },\n        ...makeComponentProps(),\n        ...makeRouterLinkOrHrefProps(),\n        ...makeTagProps(),\n    },\n    \"EvCard\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvCard.scss\";\nimport { makeEvCardProps } from \"./EvCard.ts\";\nimport { EvCardContent } from \"@/components/EvCard/EvCardContent\";\nimport { EvCardActions } from \"@/components/EvCard/EvCardActions\";\nimport { EvSurface } from \"@/components/EvSurface\";\nimport { computed, useAttrs } from \"vue\";\nimport { useAppearance } from \"@/util\";\nimport {\n    RouterLinkOrHrefProps,\n    useRouterLinkOrHref,\n} from \"@/composables/router.ts\";\n\nconst props = defineProps({ ...makeEvCardProps() });\nconst attrs = useAttrs();\nconst slots = defineSlots<{\n    actions(): never;\n    default(): never;\n    header(): never;\n    icon(): never;\n    image(): never;\n    prefix(): never;\n    suffix(): never;\n    text(): never;\n}>();\nconst link = useRouterLinkOrHref(props as RouterLinkOrHrefProps, attrs);\n\nconst actionProps = computed(() => {\n    return {\n        justify: props.justifyActions,\n        size: props.size,\n        items: props.actions,\n    };\n});\n\nconst contentProps = computed(() => {\n    return {\n        eyebrow: props.eyebrow,\n        icon: props.icon,\n        size: props.size,\n        text: props.text,\n        title: props.title,\n        appearance: props.iconAppearance ?? props.appearance,\n    };\n});\n\nconst { appearanceClass, variantClass } = useAppearance(props);\n\nconst isClickable = computed(() => link.isClickable.value);\nconst componentElement = computed(() => {\n    return link.isLink.value ? \"a\" : props.tag;\n});\nconst hasActions = computed(() => {\n    return props.actions || slots.actions;\n});\nconst hasContent = computed(() => {\n    return slots.text || props.text || props.title || props.eyebrow;\n});\n</script>\n\n<template>\n    <ev-surface\n        :tag=\"componentElement\"\n        :href=\"link.href.value\"\n        :class=\"[\n            'ev-card',\n            {\n                'is-clickable': isClickable,\n                'is-disabled': props.disabled,\n            },\n            appearanceClass,\n            variantClass,\n            props.class,\n        ]\"\n        :disabled=\"props.disabled || undefined\"\n        :elevation=\"props.elevation\"\n        :rounded=\"props.rounded\"\n        :style=\"props.style\"\n        :tabindex=\"isClickable ? 0 : undefined\">\n        <div v-if=\"slots.header\" class=\"ev-card--header\">\n            <slot name=\"header\" />\n        </div>\n        <div v-if=\"slots.prefix\" class=\"ev-card--prefix\">\n            <slot name=\"prefix\" />\n        </div>\n        <div class=\"ev-card--body\">\n            <ev-card-content v-if=\"hasContent\" v-bind=\"contentProps\">\n                <template v-if=\"slots.icon\" #icon>\n                    <slot name=\"icon\" />\n                </template>\n                <slot name=\"text\" />\n            </ev-card-content>\n            <slot name=\"default\" />\n            <ev-card-actions v-if=\"hasActions\" v-bind=\"actionProps\">\n                <slot name=\"actions\" />\n            </ev-card-actions>\n        </div>\n        <div v-if=\"slots.suffix\" class=\"ev-card--suffix\">\n            <slot name=\"suffix\" />\n        </div>\n        <span class=\"ev-card--underlay\"></span>\n    </ev-surface>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;AAWO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,WAAW;AAAA,IACxB;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,gBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IACpB;AAAA,IACA,gBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,SAAS;AAAA,IACT,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM,CAAC,QAAQ,KAAK;AAAA,IACpB,OAAO;AAAA,IACP,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,mBAAmB;AAAA,IACtB,GAAG,0BAA0B;AAAA,IAC7B,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;;;;;;;;;;;;;ACzCA,UAAM,QAAQ;AACd,UAAM,QAAQA;AAUR,UAAA,OAAO,oBAAoB,OAAgC,KAAK;AAEhE,UAAA,cAAc,SAAS,MAAM;AACxB,aAAA;AAAA,QACH,SAAS,MAAM;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,MAAA;AAAA,IACjB,CACH;AAEK,UAAA,eAAe,SAAS,MAAM;AACzB,aAAA;AAAA,QACH,SAAS,MAAM;AAAA,QACf,MAAM,MAAM;AAAA,QACZ,MAAM,MAAM;AAAA,QACZ,MAAM,MAAM;AAAA,QACZ,OAAO,MAAM;AAAA,QACb,YAAY,MAAM,kBAAkB,MAAM;AAAA,MAAA;AAAA,IAC9C,CACH;AAED,UAAM,EAAE,iBAAiB,aAAa,IAAI,cAAc,KAAK;AAE7D,UAAM,cAAc,SAAS,MAAM,KAAK,YAAY,KAAK;AACnD,UAAA,mBAAmB,SAAS,MAAM;AACpC,aAAO,KAAK,OAAO,QAAQ,MAAM,MAAM;AAAA,IAAA,CAC1C;AACK,UAAA,aAAa,SAAS,MAAM;AACvB,aAAA,MAAM,WAAW,MAAM;AAAA,IAAA,CACjC;AACK,UAAA,aAAa,SAAS,MAAM;AAC9B,aAAO,MAAM,QAAQ,MAAM,QAAQ,MAAM,SAAS,MAAM;AAAA,IAAA,CAC3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvCardActions.mjs

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

package/dist/esm/EvCardActions.mjs.map

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

package/dist/esm/EvCardActions.vue_vue_type_script_setup_true_lang-55fZOY1z.mjs

@@ -0,0 +1,57 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createVNode, withCtx, renderSlot } from "vue";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { _ as _sfc_main$1 } from "./EvButtonGroup.vue_vue_type_script_setup_true_lang-mJt86ayd.mjs";
+import { u as useDefaults } from "./defaults-D1V8n9TU.mjs";
+import { m as makeClassName, s as sizeModifier } from "./modifiers-VukLygRU.mjs";
+const makeEvCardActionsProps = propsFactory(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    justify: {
+      type: String,
+      default: "end"
+    },
+    size: {
+      type: String,
+      default: "medium"
+    },
+    ...makeComponentProps()
+  },
+  "EvCardActions"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvCardActions",
+  props: { ...makeEvCardActionsProps() },
+  setup(__props) {
+    const definedProps = __props;
+    const props = useDefaults(definedProps);
+    useSlots();
+    const justifyClass = computed(() => makeClassName(props.justify, "justify"));
+    const sizeClass = computed(() => sizeModifier(props.size));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-card-actions", justifyClass.value, sizeClass.value, unref(props).class]),
+        style: normalizeStyle(unref(props).style)
+      }, [
+        createVNode(unref(_sfc_main$1), {
+          size: unref(props).size,
+          items: unref(props).items
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["size", "items"])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvCardActionsProps as m
+};
+//# sourceMappingURL=EvCardActions.vue_vue_type_script_setup_true_lang-55fZOY1z.mjs.map

package/dist/esm/EvCardActions.vue_vue_type_script_setup_true_lang-55fZOY1z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCardActions.vue_vue_type_script_setup_true_lang-55fZOY1z.mjs","sources":["../../src/components/EvCard/EvCardActions/EvCardActions.ts","../../src/components/EvCard/EvCardActions/EvCardActions.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { PropType } from \"vue\";\nimport { EvButtonProps } from \"@/components/EvButton/EvButton.ts\";\nimport { JustifyContentValue } from \"@/components/EvGrid/EvLayout\";\nimport { EvCardContentSize } from \"@/components/EvCard/EvCardContent\";\n\nexport const makeEvCardActionsProps = propsFactory(\n    {\n        items: {\n            type: Array as PropType<readonly EvButtonProps[]>,\n            default: () => [],\n        },\n        justify: {\n            type: String as PropType<JustifyContentValue>,\n            default: \"end\",\n        },\n        size: {\n            type: String as PropType<EvCardContentSize>,\n            default: \"medium\",\n        },\n        ...makeComponentProps(),\n    },\n    \"EvCardActions\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvCardActions.scss\";\nimport { makeEvCardActionsProps } from \"./EvCardActions.ts\";\nimport { EvButtonGroup } from \"@/components/EvButtonGroup\";\nimport { computed } from \"vue\";\nimport { makeClassName, sizeModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({ ...makeEvCardActionsProps() });\nconst props = useDefaults(definedProps);\nconst slots = defineSlots<{\n    default(): never;\n}>();\nconst justifyClass = computed(() => makeClassName(props.justify, \"justify\"));\nconst sizeClass = computed(() => sizeModifier(props.size));\n</script>\n\n<template>\n    <div\n        :class=\"['ev-card-actions', justifyClass, sizeClass, props.class]\"\n        :style=\"props.style\">\n        <ev-button-group :size=\"props.size\" :items=\"props.items\">\n            <slot />\n        </ev-button-group>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;AAOO,MAAM,yBAAyB;AAAA,EAClC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IACpB;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACfM,UAAA,QAAQ,YAAY,YAAY;AACxBA;AAGd,UAAM,eAAe,SAAS,MAAM,cAAc,MAAM,SAAS,SAAS,CAAC;AAC3E,UAAM,YAAY,SAAS,MAAM,aAAa,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvCardContent.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m } from "./EvCardContent.vue_vue_type_script_setup_true_lang-C9Cm03e4.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvCardContent.vue_vue_type_script_setup_true_lang-B0u5IWje.mjs";
 export {
   _ as EvCardContent,
   m as makeEvCardContentProps

package/dist/esm/EvCardContent.vue_vue_type_script_setup_true_lang-B0u5IWje.mjs

@@ -0,0 +1,121 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createVNode, createCommentVNode, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, Fragment, renderList, mergeProps } from "vue";
+import { I as IconProp } from "./icons-BRqPdDx5.mjs";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { _ as _sfc_main$3 } from "./EvHeading.vue_vue_type_script_setup_true_lang-Xxzkc1gR.mjs";
+import "./EvHeading.vue_vue_type_style_index_0_lang-D6V8HLr4.mjs";
+import { _ as _sfc_main$4 } from "./EvText.vue_vue_type_script_setup_true_lang-CJx2MFyB.mjs";
+import { _ as _sfc_main$1 } from "./EvIcon.vue_vue_type_script_setup_true_lang-B-JZfg8H.mjs";
+import "./EvIcon.vue_vue_type_style_index_0_lang-D6V8HLr4.mjs";
+import { _ as _sfc_main$2 } from "./EvEyebrow.vue_vue_type_script_setup_true_lang-Bh-hwb8I.mjs";
+import { u as useDefaults } from "./defaults-D1V8n9TU.mjs";
+import { a as isString } from "./is-functions-C4Ohethd.mjs";
+import { g as getNextId } from "./helpers-BBJ8aYIT.mjs";
+import { s as sizeModifier } from "./modifiers-VukLygRU.mjs";
+const makeEvCardContentProps = propsFactory(
+  {
+    appearance: String,
+    eyebrow: String,
+    icon: IconProp,
+    size: {
+      type: String,
+      default: "medium"
+    },
+    text: [String, Array],
+    title: String,
+    ...makeComponentProps()
+  },
+  "EvCardContent"
+);
+const _hoisted_1 = {
+  key: 0,
+  class: "ev-card-content--icon"
+};
+const _hoisted_2 = { class: "ev-card-content--detail" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvCardContent",
+  props: { ...makeEvCardContentProps() },
+  setup(__props) {
+    const definedProps = __props;
+    const props = useDefaults(definedProps);
+    const slots = useSlots();
+    const textItems = computed(() => {
+      if (!props.text) {
+        return [];
+      }
+      const values = isString(props.text) ? [props.text] : [...props.text];
+      for (const [index, value] of values.entries()) {
+        const textProps = isString(value) ? { text: value } : value;
+        values[index] = {
+          id: getNextId(),
+          props: Object.assign(
+            {
+              size: descriptionSize.value
+            },
+            textProps
+          )
+        };
+      }
+      return values;
+    });
+    const sizeClass = computed(() => sizeModifier(props.size));
+    const descriptionSize = computed(() => {
+      switch (props.size) {
+        case "small":
+          return "medium";
+        default:
+          return props.size;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ev-card-content", sizeClass.value, unref(props).class]),
+        style: normalizeStyle(unref(props).style)
+      }, [
+        unref(slots).icon || unref(props).icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createVNode(unref(_sfc_main$1), {
+              glyph: unref(props).icon,
+              appearance: unref(props).appearance
+            }, null, 8, ["glyph", "appearance"])
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          unref(props).eyebrow ? (openBlock(), createBlock(unref(_sfc_main$2), {
+            key: 0,
+            class: "ev-card-content--eyebrow"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(props).eyebrow), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          unref(slots).title || unref(props).title ? renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+            createVNode(unref(_sfc_main$3), {
+              size: unref(props).size,
+              class: "ev-card-content--title"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(props).title), 1)
+              ]),
+              _: 1
+            }, 8, ["size"])
+          ]) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(textItems.value, (textItem) => {
+              return openBlock(), createBlock(unref(_sfc_main$4), mergeProps({
+                key: textItem.id
+              }, textItem.props), null, 16);
+            }), 128))
+          ])
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvCardContentProps as m
+};
+//# sourceMappingURL=EvCardContent.vue_vue_type_script_setup_true_lang-B0u5IWje.mjs.map

package/dist/esm/EvCardContent.vue_vue_type_script_setup_true_lang-B0u5IWje.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCardContent.vue_vue_type_script_setup_true_lang-B0u5IWje.mjs","sources":["../../src/components/EvCard/EvCardContent/EvCardContent.ts","../../src/components/EvCard/EvCardContent/EvCardContent.vue"],"sourcesContent":["import { AppearanceProp, propsFactory } from \"@/util\";\nimport { IconProp } from \"@/composables/icons.ts\";\nimport { PropType } from \"vue\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\n\nexport type EvCardContentSize = \"small\" | \"medium\" | \"large\" | \"x-large\";\n\nexport const makeEvCardContentProps = propsFactory(\n    {\n        appearance: String as PropType<AppearanceProp>,\n        eyebrow: String,\n        icon: IconProp,\n        size: {\n            type: String as PropType<EvCardContentSize>,\n            default: \"medium\",\n        },\n        text: [String, Array],\n        title: String,\n        ...makeComponentProps(),\n    },\n    \"EvCardContent\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvCardContent.scss\";\nimport { makeEvCardContentProps } from \"./EvCardContent.ts\";\nimport { EvHeading } from \"@/components/EvHeading\";\nimport { EvText, EvTextProps } from \"@/components/EvText\";\nimport { EvIcon } from \"@/components/EvIcon\";\nimport { EvEyebrow } from \"@/components/EvEyebrow\";\nimport { computed, ComputedRef } from \"vue\";\nimport { getNextId, isString, sizeModifier } from \"@/util\";\nimport { useDefaults } from \"@/composables\";\n\nconst definedProps = defineProps({ ...makeEvCardContentProps() });\nconst props = useDefaults(definedProps);\n\nconst slots = defineSlots<{\n    default(): never;\n    icon(): never;\n    title(): never;\n}>();\n\ninterface TextItem {\n    id: number;\n    props: EvTextProps;\n}\n\nconst textItems: ComputedRef<TextItem[]> = computed(() => {\n    if (!props.text) {\n        return [];\n    }\n    const values = isString(props.text) ? [props.text] : [...props.text];\n\n    for (const [index, value] of values.entries()) {\n        const textProps = isString(value) ? { text: value } : value;\n        values[index] = {\n            id: getNextId(),\n            props: Object.assign(\n                {\n                    size: descriptionSize.value,\n                },\n                textProps,\n            ),\n        };\n    }\n    return values as TextItem[];\n});\n\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nconst descriptionSize = computed(() => {\n    switch (props.size) {\n        case \"small\":\n            return \"medium\";\n        default:\n            return props.size;\n    }\n});\n</script>\n\n<template>\n    <div\n        :class=\"['ev-card-content', sizeClass, props.class]\"\n        :style=\"props.style\">\n        <div v-if=\"slots.icon || props.icon\" class=\"ev-card-content--icon\">\n            <slot name=\"icon\">\n                <ev-icon :glyph=\"props.icon\" :appearance=\"props.appearance\" />\n            </slot>\n        </div>\n        <div class=\"ev-card-content--detail\">\n            <ev-eyebrow v-if=\"props.eyebrow\" class=\"ev-card-content--eyebrow\">\n                {{ props.eyebrow }}\n            </ev-eyebrow>\n            <template v-if=\"slots.title || props.title\">\n                <slot name=\"title\">\n                    <ev-heading\n                        :size=\"props.size\"\n                        class=\"ev-card-content--title\">\n                        {{ props.title }}\n                    </ev-heading>\n                </slot>\n            </template>\n            <slot>\n                <ev-text\n                    v-for=\"textItem in textItems\"\n                    :key=\"textItem.id\"\n                    v-bind=\"textItem.props\" />\n            </slot>\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;AAOO,MAAM,yBAAyB;AAAA,EAClC;AAAA,IACI,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM,CAAC,QAAQ,KAAK;AAAA,IACpB,OAAO;AAAA,IACP,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;;;;;;ACTM,UAAA,QAAQ,YAAY,YAAY;AAEtC,UAAM,QAAQA;AAWR,UAAA,YAAqC,SAAS,MAAM;AAClD,UAAA,CAAC,MAAM,MAAM;AACb,eAAO;MACX;AACA,YAAM,SAAS,SAAS,MAAM,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,GAAG,MAAM,IAAI;AAEnE,iBAAW,CAAC,OAAO,KAAK,KAAK,OAAO,WAAW;AAC3C,cAAM,YAAY,SAAS,KAAK,IAAI,EAAE,MAAM,MAAU,IAAA;AACtD,eAAO,KAAK,IAAI;AAAA,UACZ,IAAI,UAAU;AAAA,UACd,OAAO,OAAO;AAAA,YACV;AAAA,cACI,MAAM,gBAAgB;AAAA,YAC1B;AAAA,YACA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AACO,aAAA;AAAA,IAAA,CACV;AAED,UAAM,YAAY,SAAS,MAAM,aAAa,MAAM,IAAI,CAAC;AAEnD,UAAA,kBAAkB,SAAS,MAAM;AACnC,cAAQ,MAAM,MAAM;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX;AACI,iBAAO,MAAM;AAAA,MACrB;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvCheckbox-C4lwK1Jn.mjs

@@ -0,0 +1,57 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { m as makeFormFieldProps } from "./validation-C_LDW_qA.mjs";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { computed } from "vue";
+import { m as makeLabelProps } from "./EvLabel.vue_vue_type_script_setup_true_lang-CH5qLBDT.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { c as isDeepEqual } from "./is-functions-C4Ohethd.mjs";
+const makeEvCheckboxProps = propsFactory(
+  {
+    indeterminate: Boolean,
+    trueValue: null,
+    falseValue: null,
+    value: null,
+    valueComparator: {
+      type: Function,
+      default: isDeepEqual
+    },
+    ...makeLabelProps(),
+    ...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-C4lwK1Jn.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvCheckbox-C4lwK1Jn.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\";\nimport { makeLabelProps } from \"@/components/EvLabel\";\n\n/**\n * # Make EvCheckbox Props\n */\nexport const makeEvCheckboxProps = propsFactory(\n    {\n        indeterminate: Boolean,\n        trueValue: null,\n        falseValue: null,\n        value: null,\n        valueComparator: {\n            type: Function as PropType<typeof isDeepEqual>,\n            default: isDeepEqual,\n        },\n\n        ...makeLabelProps(),\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":";;;;;;;AASO,MAAM,sBAAsB;AAAA,EAC/B;AAAA,IACI,eAAe;AAAA,IACf,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,iBAAiB;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG,eAAe;AAAA,IAClB,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.mjs

@@ -1,6 +1,6 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { m, u } from "./EvCheckbox-CqbUSASX.mjs";
-import { _ } from "./EvCheckbox.vue_vue_type_script_setup_true_lang-Dm8lNiVa.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { m, u } from "./EvCheckbox-C4lwK1Jn.mjs";
+import { _ } from "./EvCheckbox.vue_vue_type_script_setup_true_lang-ZzM8cV9b.mjs";
 export {
   _ as EvCheckbox,
   m as makeEvCheckboxProps,

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

@@ -0,0 +1,124 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, useSlots, useAttrs, ref, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createVNode, withCtx, renderSlot, createCommentVNode, createStaticVNode } from "vue";
+import { m as makeEvCheckboxProps, u as useToggleControl } from "./EvCheckbox-C4lwK1Jn.mjs";
+import { _ as _sfc_main$2 } from "./EvErrors.vue_vue_type_script_setup_true_lang-CaUClomW.mjs";
+import { _ as _sfc_main$1 } from "./EvLabel.vue_vue_type_script_setup_true_lang-CH5qLBDT.mjs";
+import { u as useFormField } from "./validation-C_LDW_qA.mjs";
+import { u as useModelProxy } from "./modelProxy-MDEML1Hj.mjs";
+import { u as useDefaults } from "./defaults-D1V8n9TU.mjs";
+import { s as splitInputAttrs } from "./helpers-BBJ8aYIT.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", "update:indeterminate"],
+  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);
+    const indeterminate = useModelProxy(props, "indeterminate");
+    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()
+    });
+    watch(formField.model, () => {
+      if (indeterminate.value) {
+        indeterminate.value = false;
+      }
+    });
+    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,
+            "is-indeterminate": unref(indeterminate)
+          },
+          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(indeterminate) ? "mixed" : 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(props).hint || unref(slots).label ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createVNode(unref(_sfc_main$1), {
+            clickable: "",
+            for: unref(formField).id,
+            title: unref(props).label,
+            hint: unref(props).hint
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "label")
+            ]),
+            _: 3
+          }, 8, ["for", "title", "hint"]),
+          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-ZzM8cV9b.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EvCheckbox.vue_vue_type_script_setup_true_lang-ZzM8cV9b.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, watch} 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\";\nimport {useModelProxy} from \"@/composables/modelProxy.ts\";\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\", \"update:indeterminate\"]);\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);\nconst indeterminate = useModelProxy(props, \"indeterminate\");\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\nwatch(formField.model, () => {\n    if (indeterminate.value) {\n        indeterminate.value = false;\n    }\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                'is-indeterminate': indeterminate,\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=\"indeterminate ? 'mixed' : isChecked\"\n                v-bind=\"inputAttrs\"\n                @input=\"onInput\"\n                @focus=\"formField.focus\"\n                @blur=\"formField.blur\" />\n        </div>\n\n        <div\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-checkbox--label\">\n            <ev-label\n                clickable\n                :for=\"formField.id\"\n                :title=\"props.label\"\n                :hint=\"props.hint\">\n                <slot name=\"label\" />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BM,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;AAClE,UAAA,gBAAgB,cAAc,OAAO,eAAe;AAK1D,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;AAEK,UAAA,UAAU,OAAO,MAAM;AACzB,UAAI,cAAc,OAAO;AACrB,sBAAc,QAAQ;AAAA,MAC1B;AAAA,IAAA,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvCode.mjs

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

package/dist/esm/EvCode.mjs.map

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

package/dist/esm/EvCode.vue_vue_type_script_setup_true_lang-DbhZbHP-.mjs

@@ -0,0 +1,34 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, useSlots, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+const makeEvCodeProps = propsFactory(
+  {
+    text: String,
+    ...makeComponentProps()
+  },
+  "EvCode"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvCode",
+  props: { ...makeEvCodeProps() },
+  setup(__props) {
+    const props = __props;
+    useSlots();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("code", {
+        class: normalizeClass(["ev-code", props.class]),
+        style: normalizeStyle(props.style)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(props.text), 1)
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvCodeProps as m
+};
+//# sourceMappingURL=EvCode.vue_vue_type_script_setup_true_lang-DbhZbHP-.mjs.map

package/dist/esm/EvCode.vue_vue_type_script_setup_true_lang-DbhZbHP-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvCode.vue_vue_type_script_setup_true_lang-DbhZbHP-.mjs","sources":["../../src/components/EvCode/EvCode.ts","../../src/components/EvCode/EvCode.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\n\nexport const makeEvCodeProps = propsFactory(\n    {\n        text: String,\n        ...makeComponentProps(),\n    },\n    \"EvCode\",\n);","<script setup lang=\"ts\">\nimport \"./EvCode.scss\";\nimport { makeEvCodeProps } from \"./EvCode.ts\";\n\nconst props = defineProps({ ...makeEvCodeProps() });\n\nconst slots = defineSlots<{\n    default(): never;\n}>();\n</script>\n\n<template>\n    <code :class=\"['ev-code', props.class]\" :style=\"props.style\">\n        <slot>{{ props.text }}</slot>\n    </code>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;AAGO,MAAM,kBAAkB;AAAA,EAC3B;AAAA,IACI,MAAM;AAAA,IACN,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;;;;;;ACHcA;;;;;;;;;;;;;"}

package/dist/esm/EvContainer.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m } from "./EvContainer.vue_vue_type_script_setup_true_lang-DlV_VAkI.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvContainer.vue_vue_type_script_setup_true_lang-C_ibMxxf.mjs";
 export {
   _ as EvContainer,
   m as makeEvContainerProps

package/dist/esm/EvContainer.vue_vue_type_script_setup_true_lang-C_ibMxxf.mjs

@@ -0,0 +1,74 @@
+/*! Evance UI v1.0.4 | MIT License */
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot } from "vue";
+import { m as makeComponentProps } from "./component-B_H9WGvL.mjs";
+import { m as makeTagProps } from "./tag-B_pb7K30.mjs";
+import { p as propsFactory } from "./props-DwRGNAyc.mjs";
+import { a as useDisplayRuleClasses, c as calculateDisplayRuleValue } from "./display-CZAkNF0O.mjs";
+import { b as isBoolean, d as isEmpty } from "./is-functions-C4Ohethd.mjs";
+const makeEvContainerProps = propsFactory(
+  {
+    fluid: {
+      type: Boolean,
+      default: false
+    },
+    fill: Boolean,
+    hidden: [Boolean, String, Array],
+    height: [String, Number, Object],
+    width: [String, Number, Object],
+    ...makeComponentProps(),
+    ...makeTagProps()
+  },
+  "EvContainer"
+);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvContainer",
+  props: {
+    ...makeEvContainerProps()
+  },
+  setup(__props) {
+    const props = __props;
+    const hiddenClasses = useDisplayRuleClasses(props, "hidden", "hidden");
+    const hiddenAttribute = computed(() => {
+      return isBoolean(props.hidden) && props.hidden;
+    });
+    const heightStyles = computed(() => {
+      const value = calculateDisplayRuleValue(props.height);
+      if (isEmpty(value)) {
+        return void 0;
+      }
+      return { height: value + " !important" };
+    });
+    const widthStyles = computed(() => {
+      const value = calculateDisplayRuleValue(props.width);
+      if (isEmpty(value)) {
+        return void 0;
+      }
+      return value === "grow" ? { width: "100%" } : { width: value };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
+        class: normalizeClass([
+          "ev-container",
+          {
+            "is-fluid": props.fluid,
+            "fill-height": props.fill
+          },
+          ...unref(hiddenClasses),
+          props.class
+        ]),
+        style: normalizeStyle([props.style, widthStyles.value, heightStyles.value]),
+        hidden: hiddenAttribute.value
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style", "hidden"]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  makeEvContainerProps as m
+};
+//# sourceMappingURL=EvContainer.vue_vue_type_script_setup_true_lang-C_ibMxxf.mjs.map

package/dist/esm/EvContainer.vue_vue_type_script_setup_true_lang-C_ibMxxf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvContainer.vue_vue_type_script_setup_true_lang-C_ibMxxf.mjs","sources":["../../src/components/EvGrid/EvContainer/EvContainer.ts","../../src/components/EvGrid/EvContainer/EvContainer.vue"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component.ts\";\nimport { makeTagProps } from \"@/composables/tag.ts\";\nimport { PropType } from \"vue\";\nimport { DisplayRuleProp, VisibilityRuleProp } from \"@/composables/display.ts\";\n\n/**\n * # makeEvContainerProps\n */\nexport const makeEvContainerProps = propsFactory(\n    {\n        fluid: {\n            type: Boolean,\n            default: false,\n        },\n        fill: Boolean,\n        hidden: [Boolean, String, Array] as PropType<VisibilityRuleProp>,\n        height: [String, Number, Object] as PropType<DisplayRuleProp>,\n        width: [String, Number, Object] as PropType<DisplayRuleProp>,\n\n        ...makeComponentProps(),\n        ...makeTagProps(),\n    },\n    \"EvContainer\",\n);\n","<script setup lang=\"ts\">\nimport \"./EvContainer.scss\";\nimport { makeEvContainerProps } from \"./EvContainer.ts\";\nimport {\n    calculateDisplayRuleValue,\n    useDisplayRuleClasses,\n} from \"@/composables/display.ts\";\nimport { computed } from \"vue\";\nimport { isBoolean, isEmpty } from \"@/util\";\n\nconst props = defineProps({\n    ...makeEvContainerProps(),\n});\n\n/**\n * Hidden\n */\nconst hiddenClasses = useDisplayRuleClasses(props, \"hidden\", \"hidden\");\nconst hiddenAttribute = computed(() => {\n    return isBoolean(props.hidden) && props.hidden;\n});\n\n/**\n * Height\n */\nconst heightStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.height);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return { height: value + \" !important\" };\n});\n\n/**\n * Width\n */\nconst widthStyles = computed(() => {\n    const value = calculateDisplayRuleValue(props.width);\n    if (isEmpty(value)) {\n        return undefined;\n    }\n    return value === \"grow\" ? { width: \"100%\" } : { width: value };\n});\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-container',\n            {\n                'is-fluid': props.fluid,\n                'fill-height': props.fill,\n            },\n            ...hiddenClasses,\n            props.class,\n        ]\"\n        :style=\"[props.style, widthStyles, heightStyles]\"\n        :hidden=\"hiddenAttribute\">\n        <slot />\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;AASO,MAAM,uBAAuB;AAAA,EAChC;AAAA,IACI,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS,QAAQ,KAAK;AAAA,IAC/B,QAAQ,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAC/B,OAAO,CAAC,QAAQ,QAAQ,MAAM;AAAA,IAE9B,GAAG,mBAAmB;AAAA,IACtB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;;;;;;;;ACPA,UAAM,gBAAgB,sBAAsB,OAAO,UAAU,QAAQ;AAC/D,UAAA,kBAAkB,SAAS,MAAM;AACnC,aAAO,UAAU,MAAM,MAAM,KAAK,MAAM;AAAA,IAAA,CAC3C;AAKK,UAAA,eAAe,SAAS,MAAM;AAC1B,YAAA,QAAQ,0BAA0B,MAAM,MAAM;AAChD,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MACX;AACO,aAAA,EAAE,QAAQ,QAAQ;IAAc,CAC1C;AAKK,UAAA,cAAc,SAAS,MAAM;AACzB,YAAA,QAAQ,0BAA0B,MAAM,KAAK;AAC/C,UAAA,QAAQ,KAAK,GAAG;AACT,eAAA;AAAA,MACX;AACO,aAAA,UAAU,SAAS,EAAE,OAAO,WAAW,EAAE,OAAO;IAAM,CAChE;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/EvDateField.mjs

@@ -1,5 +1,5 @@
-/*! Evance UI v1.0.2 | MIT License */
-import { _, m } from "./EvDateField.vue_vue_type_script_setup_true_lang-BgFfTq99.mjs";
+/*! Evance UI v1.0.4 | MIT License */
+import { _, m } from "./EvDateField.vue_vue_type_script_setup_true_lang-C_buZ5ZC.mjs";
 export {
   _ as EvDateField,
   m as makeEvDateFieldProps