@evance/evance-ui 1.1.10 → 1.1.11

package/dist/esm/components/EvSurface/EvSurface.mjs

@@ -1,36 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeDimensionsProps } from "../../composables/dimensions.mjs";
-import { makeTagProps } from "../../composables/tag.mjs";
-import { makeComponentProps } from "../../composables/component.mjs";
-import { propsFactory } from "../../util/props.mjs";
-import { makeClassName } from "../../util/modifiers.mjs";
-function makeElevationClass(elevation) {
-  return makeClassName(elevation, "elevation");
-}
-const makeEvSurfaceProps = propsFactory(
-  {
-    elevation: {
-      type: String,
-      default: "default"
-    },
-    // Rounded
-    rounded: {
-      type: [String, Number, Boolean],
-      default: void 0
-    },
-    // Scrollable
-    scrollable: {
-      type: [String, Boolean],
-      default: void 0
-    },
-    ...makeComponentProps(),
-    ...makeDimensionsProps(),
-    ...makeTagProps()
-  },
-  "EvSurface"
-);
-export {
-  makeElevationClass,
-  makeEvSurfaceProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../composables/dimensions.mjs"),r=require("../../composables/tag.mjs"),t=require("../../composables/component.mjs"),a=require("../../util/props.mjs"),s=require("../../util/modifiers.mjs");function n(e){return s.makeClassName(e,"elevation")}const i=a.propsFactory({elevation:{type:String,default:"default"},rounded:{type:[String,Number,Boolean],default:void 0},scrollable:{type:[String,Boolean],default:void 0},...t.makeComponentProps(),...o.makeDimensionsProps(),...r.makeTagProps()},"EvSurface");exports.makeElevationClass=n;exports.makeEvSurfaceProps=i;
 //# sourceMappingURL=EvSurface.mjs.map

package/dist/esm/components/EvSurface/EvSurface.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSurface.mjs","sources":["../../../../src/components/EvSurface/EvSurface.ts"],"sourcesContent":["import { makeClassName, propsFactory } from \"@/util\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\n\n/**\n * # Surface Elevation\n *\n * Elevations are the layered surfaces that form the foundation of the UI.\n * They create a blank canvas containing other UI components.\n * Such as text, icons, backgrounds, and borders.\n *\n */\nexport type SurfaceElevation = \"default\" | \"panel\" | \"overlay\" | \"sunken\";\n\n/**\n * # Make Elevation Class\n */\nexport function makeElevationClass(elevation: string) {\n    return makeClassName(elevation, \"elevation\");\n}\n\n/**\n * # Make Surface Props\n */\nexport const makeEvSurfaceProps = propsFactory(\n    {\n        elevation: {\n            type: String as PropType<SurfaceElevation>,\n            default: \"default\",\n        },\n        // Rounded\n        rounded: {\n            type: [String, Number, Boolean],\n            default: undefined,\n        },\n        // Scrollable\n        scrollable: {\n            type: [String, Boolean],\n            default: undefined,\n        },\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n        ...makeTagProps(),\n    },\n    \"EvSurface\",\n);\n"],"names":[],"mappings":";;;;;;AAmBO,SAAS,mBAAmB,WAAmB;AAC3C,SAAA,cAAc,WAAW,WAAW;AAC/C;AAKO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA;AAAA,IAEA,SAAS;AAAA,MACL,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,MAC9B,SAAS;AAAA,IACb;AAAA;AAAA,IAEA,YAAY;AAAA,MACR,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IACb;AAAA,IACA,GAAG,mBAAmB;AAAA,IACtB,GAAG,oBAAoB;AAAA,IACvB,GAAG,aAAa;AAAA,EACpB;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvSurface.mjs","sources":["../../../../src/components/EvSurface/EvSurface.ts"],"sourcesContent":["import { makeClassName, propsFactory } from \"@/util\";\nimport { makeDimensionsProps } from \"@/composables/dimensions\";\nimport { PropType } from \"vue\";\nimport { makeTagProps } from \"@/composables/tag\";\nimport { makeComponentProps } from \"@/composables/component\";\n\n/**\n * # Surface Elevation\n *\n * Elevations are the layered surfaces that form the foundation of the UI.\n * They create a blank canvas containing other UI components.\n * Such as text, icons, backgrounds, and borders.\n *\n */\nexport type SurfaceElevation = \"default\" | \"panel\" | \"overlay\" | \"sunken\";\n\n/**\n * # Make Elevation Class\n */\nexport function makeElevationClass(elevation: string) {\n    return makeClassName(elevation, \"elevation\");\n}\n\n/**\n * # Make Surface Props\n */\nexport const makeEvSurfaceProps = propsFactory(\n    {\n        elevation: {\n            type: String as PropType<SurfaceElevation>,\n            default: \"default\",\n        },\n        // Rounded\n        rounded: {\n            type: [String, Number, Boolean],\n            default: undefined,\n        },\n        // Scrollable\n        scrollable: {\n            type: [String, Boolean],\n            default: undefined,\n        },\n        ...makeComponentProps(),\n        ...makeDimensionsProps(),\n        ...makeTagProps(),\n    },\n    \"EvSurface\",\n);\n"],"names":["makeElevationClass","elevation","makeClassName","makeEvSurfaceProps","propsFactory","makeComponentProps","makeDimensionsProps","makeTagProps"],"mappings":"sUAmBO,SAASA,EAAmBC,EAAmB,CAC3C,OAAAC,EAAA,cAAcD,EAAW,WAAW,CAC/C,CAKO,MAAME,EAAqBC,EAAA,aAC9B,CACI,UAAW,CACP,KAAM,OACN,QAAS,SACb,EAEA,QAAS,CACL,KAAM,CAAC,OAAQ,OAAQ,OAAO,EAC9B,QAAS,MACb,EAEA,WAAY,CACR,KAAM,CAAC,OAAQ,OAAO,EACtB,QAAS,MACb,EACA,GAAGC,qBAAmB,EACtB,GAAGC,sBAAoB,EACvB,GAAGC,EAAa,aAAA,CACpB,EACA,WACJ"}

package/dist/esm/components/EvSurface/EvSurface.vue.mjs

@@ -1,66 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from "vue";
-/* empty css                */
-import { makeEvSurfaceProps, makeElevationClass } from "./EvSurface.mjs";
-import { useDimensions } from "../../composables/dimensions.mjs";
-import { isEmpty, isString } from "../../util/is-functions.mjs";
-import { makeClassName } from "../../util/modifiers.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvSurface",
-  props: {
-    ...makeEvSurfaceProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const dimensions = useDimensions(props);
-    function makeRoundedClass(rounded) {
-      if (!rounded || isEmpty(rounded)) {
-        return void 0;
-      }
-      if (rounded === true) {
-        return "is-rounded";
-      }
-      if (!isString(rounded)) {
-        return void 0;
-      }
-      return makeClassName(rounded, "is-rounded");
-    }
-    function makeScrollableClass(scrollable) {
-      if (typeof scrollable === "undefined") {
-        return void 0;
-      }
-      if (scrollable === false) {
-        return "is-overflow-hidden";
-      }
-      switch (scrollable) {
-        case "x":
-          return "is-scrollable-x";
-        case "y":
-          return "is-scrollable-y";
-        default:
-          return "is-scrollable";
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
-        class: normalizeClass([
-          "ev-surface",
-          unref(makeElevationClass)(props.elevation),
-          makeRoundedClass(props.rounded),
-          makeScrollableClass(props.scrollable),
-          props.class
-        ]),
-        style: normalizeStyle([unref(dimensions), props.style])
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue");;/* empty css                 */const t=require("./EvSurface.mjs"),u=require("../../composables/dimensions.mjs"),n=require("../../util/is-functions.mjs"),c=require("../../util/modifiers.mjs"),f=s.defineComponent({__name:"EvSurface",props:{...t.makeEvSurfaceProps()},setup(i){const r=i,o=u.useDimensions(r);function a(e){if(!(!e||n.isEmpty(e))){if(e===!0)return"is-rounded";if(n.isString(e))return c.makeClassName(e,"is-rounded")}}function l(e){if(!(typeof e>"u")){if(e===!1)return"is-overflow-hidden";switch(e){case"x":return"is-scrollable-x";case"y":return"is-scrollable-y";default:return"is-scrollable"}}}return(e,d)=>(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.tag),{class:s.normalizeClass(["ev-surface",s.unref(t.makeElevationClass)(r.elevation),a(r.rounded),l(r.scrollable),r.class]),style:s.normalizeStyle([s.unref(o),r.style])},{default:s.withCtx(()=>[s.renderSlot(e.$slots,"default")]),_:3},8,["class","style"]))}});exports.default=f;
 //# sourceMappingURL=EvSurface.vue.mjs.map

package/dist/esm/components/EvSurface/EvSurface.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSurface.vue.mjs","sources":["../../../../src/components/EvSurface/EvSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSurface.scss\";\nimport { makeElevationClass, makeEvSurfaceProps } from \"./EvSurface\";\nimport { isEmpty, isString, makeClassName } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions\";\n\nconst props = defineProps({\n    ...makeEvSurfaceProps(),\n});\nconst dimensions = useDimensions(props);\n\n/**\n * @todo: this probably belongs in its own composable, if we expand on it or make it generic.\n *\n * @param rounded\n */\nfunction makeRoundedClass(rounded?: string | number | boolean) {\n    if (!rounded || isEmpty(rounded)) {\n        return undefined;\n    }\n    if (rounded === true) {\n        return \"is-rounded\";\n    }\n    if (!isString(rounded)) {\n        return undefined;\n    }\n    return makeClassName(rounded, \"is-rounded\");\n}\n\n/**\n * # Make Scrollable Class\n * @param scrollable\n */\nfunction makeScrollableClass(scrollable?: string | boolean) {\n    if (typeof scrollable === \"undefined\") {\n        return undefined;\n    }\n    if (scrollable === false) {\n        return \"is-overflow-hidden\";\n    }\n    switch (scrollable) {\n        case \"x\":\n            return \"is-scrollable-x\";\n        case \"y\":\n            return \"is-scrollable-y\";\n        default:\n            return \"is-scrollable\";\n    }\n}\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-surface',\n            makeElevationClass(props.elevation),\n            makeRoundedClass(props.rounded),\n            makeScrollableClass(props.scrollable),\n            props.class,\n        ]\"\n        :style=\"[dimensions, props.style]\">\n        <slot />\n    </component>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASM,UAAA,aAAa,cAAc,KAAK;AAOtC,aAAS,iBAAiB,SAAqC;AAC3D,UAAI,CAAC,WAAW,QAAQ,OAAO,GAAG;AACvB,eAAA;AAAA,MAAA;AAEX,UAAI,YAAY,MAAM;AACX,eAAA;AAAA,MAAA;AAEP,UAAA,CAAC,SAAS,OAAO,GAAG;AACb,eAAA;AAAA,MAAA;AAEJ,aAAA,cAAc,SAAS,YAAY;AAAA,IAAA;AAO9C,aAAS,oBAAoB,YAA+B;AACpD,UAAA,OAAO,eAAe,aAAa;AAC5B,eAAA;AAAA,MAAA;AAEX,UAAI,eAAe,OAAO;AACf,eAAA;AAAA,MAAA;AAEX,cAAQ,YAAY;AAAA,QAChB,KAAK;AACM,iBAAA;AAAA,QACX,KAAK;AACM,iBAAA;AAAA,QACX;AACW,iBAAA;AAAA,MAAA;AAAA,IACf;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvSurface.vue.mjs","sources":["../../../../src/components/EvSurface/EvSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSurface.scss\";\nimport { makeElevationClass, makeEvSurfaceProps } from \"./EvSurface\";\nimport { isEmpty, isString, makeClassName } from \"@/util\";\nimport { useDimensions } from \"@/composables/dimensions\";\n\nconst props = defineProps({\n    ...makeEvSurfaceProps(),\n});\nconst dimensions = useDimensions(props);\n\n/**\n * @todo: this probably belongs in its own composable, if we expand on it or make it generic.\n *\n * @param rounded\n */\nfunction makeRoundedClass(rounded?: string | number | boolean) {\n    if (!rounded || isEmpty(rounded)) {\n        return undefined;\n    }\n    if (rounded === true) {\n        return \"is-rounded\";\n    }\n    if (!isString(rounded)) {\n        return undefined;\n    }\n    return makeClassName(rounded, \"is-rounded\");\n}\n\n/**\n * # Make Scrollable Class\n * @param scrollable\n */\nfunction makeScrollableClass(scrollable?: string | boolean) {\n    if (typeof scrollable === \"undefined\") {\n        return undefined;\n    }\n    if (scrollable === false) {\n        return \"is-overflow-hidden\";\n    }\n    switch (scrollable) {\n        case \"x\":\n            return \"is-scrollable-x\";\n        case \"y\":\n            return \"is-scrollable-y\";\n        default:\n            return \"is-scrollable\";\n    }\n}\n</script>\n\n<template>\n    <component\n        :is=\"props.tag\"\n        :class=\"[\n            'ev-surface',\n            makeElevationClass(props.elevation),\n            makeRoundedClass(props.rounded),\n            makeScrollableClass(props.scrollable),\n            props.class,\n        ]\"\n        :style=\"[dimensions, props.style]\">\n        <slot />\n    </component>\n</template>\n"],"names":["dimensions","useDimensions","props","makeRoundedClass","rounded","isEmpty","isString","makeClassName","makeScrollableClass","scrollable"],"mappings":"scASMA,EAAaC,gBAAcC,CAAK,EAOtC,SAASC,EAAiBC,EAAqC,CAC3D,GAAI,GAACA,GAAWC,UAAQD,CAAO,GAG/B,IAAIA,IAAY,GACL,MAAA,aAEP,GAACE,EAAAA,SAASF,CAAO,EAGd,OAAAG,EAAA,cAAcH,EAAS,YAAY,EAAA,CAO9C,SAASI,EAAoBC,EAA+B,CACpD,GAAA,SAAOA,EAAe,KAG1B,IAAIA,IAAe,GACR,MAAA,qBAEX,OAAQA,EAAY,CAChB,IAAK,IACM,MAAA,kBACX,IAAK,IACM,MAAA,kBACX,QACW,MAAA,eAAA,EACf"}

package/dist/esm/components/EvSurface/EvSurface.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvSurface.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSurface.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvSurface.vue2.mjs.map

package/dist/esm/components/EvSurface/EvSurface.vue2.mjs.map

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

package/dist/esm/components/EvSwatch/EvSwatch.mjs

@@ -1,71 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeComponentProps } from "../../composables/component.mjs";
-import { makeRoundedProps } from "../../composables/rounded.mjs";
-import { makeSizeProps } from "../../composables/size.mjs";
-import { propsFactory } from "../../util/props.mjs";
-function makeStops(stops) {
-  return stops.map((stop) => `${stop.color} ${stop.position}%`).join(", ");
-}
-function makeLinearGradient(gradient) {
-  const stops = makeStops(gradient.stops);
-  return gradient.angle ? `linear-gradient(${gradient.angle}deg, ${stops})` : `linear-gradient(${stops})`;
-}
-function makeRadialGradient(gradient) {
-  const stops = makeStops(gradient.stops);
-  const prefix = [];
-  if (gradient.size) {
-    prefix.push(`${gradient.size.width}% ${gradient.size.height}%`);
-  }
-  if (gradient.position) {
-    const x = typeof gradient.position.x === "number" ? `${gradient.position.x}%` : gradient.position.x;
-    const y = typeof gradient.position.y === "number" ? `${gradient.position.y}%` : gradient.position.y;
-    prefix.push(`at ${x} ${y}`);
-  }
-  return prefix.length ? `radial-gradient(${prefix.join(" ")}, ${stops})` : `radial-gradient(${stops})`;
-}
-function makeImage(image) {
-  const {
-    url,
-    repeat = "no-repeat",
-    size = "cover",
-    position = "center"
-  } = image;
-  return `url("${url}") ${position} / ${size} ${repeat}`;
-}
-function makeBackground(value) {
-  if (Array.isArray(value)) {
-    return value.map(makeBackground).join(", ");
-  }
-  if (typeof value === "string") {
-    return value;
-  }
-  if (typeof value === "object") {
-    switch (value.type) {
-      case "solid":
-        return value.color;
-      case "linear-gradient":
-        return makeLinearGradient(value);
-      case "radial-gradient":
-        return makeRadialGradient(value);
-      case "image":
-        return makeImage(value);
-    }
-  }
-  return "transparent";
-}
-const makeEvSwatchProps = propsFactory(
-  {
-    value: [String, Object, Array],
-    ...makeSizeProps(),
-    ...makeRoundedProps({
-      rounded: "circle"
-    }),
-    ...makeComponentProps()
-  },
-  "EvSwatch"
-);
-export {
-  makeBackground,
-  makeEvSwatchProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../composables/component.mjs"),c=require("../../composables/rounded.mjs"),a=require("../../composables/size.mjs"),u=require("../../util/props.mjs");function i(o){return o.map(r=>`${r.color} ${r.position}%`).join(", ")}function m(o){const r=i(o.stops);return o.angle?`linear-gradient(${o.angle}deg, ${r})`:`linear-gradient(${r})`}function $(o){const r=i(o.stops),e=[];if(o.size&&e.push(`${o.size.width}% ${o.size.height}%`),o.position){const t=typeof o.position.x=="number"?`${o.position.x}%`:o.position.x,n=typeof o.position.y=="number"?`${o.position.y}%`:o.position.y;e.push(`at ${t} ${n}`)}return e.length?`radial-gradient(${e.join(" ")}, ${r})`:`radial-gradient(${r})`}function f(o){const{url:r,repeat:e="no-repeat",size:t="cover",position:n="center"}=o;return`url("${r}") ${n} / ${t} ${e}`}function s(o){if(Array.isArray(o))return o.map(s).join(", ");if(typeof o=="string")return o;if(typeof o=="object")switch(o.type){case"solid":return o.color;case"linear-gradient":return m(o);case"radial-gradient":return $(o);case"image":return f(o)}return"transparent"}const y=u.propsFactory({value:[String,Object,Array],...a.makeSizeProps(),...c.makeRoundedProps({rounded:"circle"}),...p.makeComponentProps()},"EvSwatch");exports.makeBackground=s;exports.makeEvSwatchProps=y;
 //# sourceMappingURL=EvSwatch.mjs.map

package/dist/esm/components/EvSwatch/EvSwatch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSwatch.mjs","sources":["../../../../src/components/EvSwatch/EvSwatch.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { makeSizeProps } from \"@/composables/size\";\nimport { PropType } from \"vue\";\n\nexport type SwatchSize = HintedString<\n    \"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\"\n>;\n\nexport interface ColorStop {\n    color: string;\n    position: number;\n}\n\nexport interface SolidColor {\n    type: \"solid\";\n    color: string;\n}\n\nexport interface LinearGradient {\n    type: \"linear-gradient\";\n    angle?: number;\n    stops: ColorStop[];\n}\n\nexport type AlignmentKeyword = \"center\";\nexport type VerticalSide = AlignmentKeyword | \"top\" | \"bottom\";\nexport type HorizontalSide = AlignmentKeyword | \"left\" | \"right\";\nexport interface GradientPosition {\n    x: HorizontalSide | number;\n    y: VerticalSide | number;\n}\n\nexport interface RadialSize {\n    width: number;\n    height: number;\n}\n\nexport interface RadialGradient {\n    type: \"radial-gradient\";\n    size?: RadialSize;\n    position?: GradientPosition;\n    stops: ColorStop[];\n}\n\nexport interface ImagePosition {\n    x: HorizontalSide | number;\n    y: VerticalSide | number;\n}\n\nexport interface ImageBackground {\n    type: \"image\";\n    url: string;\n    repeat?: \"no-repeat\" | \"repeat\" | \"repeat-x\" | \"repeat-y\";\n    size?: \"cover\" | \"contain\" | BackgroundSize;\n    position?: ImagePosition;\n}\n\nexport interface BackgroundSize {\n    width: number;\n    height: number;\n}\n\nexport type ColorValue =\n    | string\n    | SolidColor\n    | LinearGradient\n    | RadialGradient\n    | ImageBackground;\nexport type ColorValueProp = ColorValue | ColorValue[];\n\nfunction makeStops(stops: ColorStop[]): string {\n    return stops.map((stop) => `${stop.color} ${stop.position}%`).join(\", \");\n}\n\nfunction makeLinearGradient(gradient: LinearGradient): string {\n    const stops = makeStops(gradient.stops);\n    return gradient.angle\n        ? `linear-gradient(${gradient.angle}deg, ${stops})`\n        : `linear-gradient(${stops})`;\n}\n\nfunction makeRadialGradient(gradient: RadialGradient): string {\n    const stops = makeStops(gradient.stops);\n    const prefix = [];\n    if (gradient.size) {\n        prefix.push(`${gradient.size.width}% ${gradient.size.height}%`);\n    }\n    if (gradient.position) {\n        const x =\n            typeof gradient.position.x === \"number\"\n                ? `${gradient.position.x}%`\n                : gradient.position.x;\n        const y =\n            typeof gradient.position.y === \"number\"\n                ? `${gradient.position.y}%`\n                : gradient.position.y;\n        prefix.push(`at ${x} ${y}`);\n    }\n    return prefix.length\n        ? `radial-gradient(${prefix.join(\" \")}, ${stops})`\n        : `radial-gradient(${stops})`;\n}\n\nfunction makeImage(image: ImageBackground): string {\n    const {\n        url,\n        repeat = \"no-repeat\",\n        size = \"cover\",\n        position = \"center\",\n    } = image;\n\n    return `url(\"${url}\") ${position} / ${size} ${repeat}`;\n}\n\nexport function makeBackground(value: ColorValueProp) {\n    if (Array.isArray(value)) {\n        return value.map(makeBackground).join(\", \");\n    }\n    if (typeof value === \"string\") {\n        return value;\n    }\n    if (typeof value === \"object\") {\n        switch (value.type) {\n            case \"solid\":\n                return value.color;\n            case \"linear-gradient\":\n                return makeLinearGradient(value);\n            case \"radial-gradient\":\n                return makeRadialGradient(value);\n            case \"image\":\n                return makeImage(value);\n        }\n    }\n    return \"transparent\";\n}\n\nexport const makeEvSwatchProps = propsFactory(\n    {\n        value: [String, Object, Array] as PropType<ColorValueProp>,\n        ...makeSizeProps(),\n        ...makeRoundedProps({\n            rounded: \"circle\",\n        }),\n        ...makeComponentProps(),\n    },\n    \"EvSwatch\",\n);\n"],"names":[],"mappings":";;;;;AAwEA,SAAS,UAAU,OAA4B;AAC3C,SAAO,MAAM,IAAI,CAAC,SAAS,GAAG,KAAK,KAAK,IAAI,KAAK,QAAQ,GAAG,EAAE,KAAK,IAAI;AAC3E;AAEA,SAAS,mBAAmB,UAAkC;AACpD,QAAA,QAAQ,UAAU,SAAS,KAAK;AAC/B,SAAA,SAAS,QACV,mBAAmB,SAAS,KAAK,QAAQ,KAAK,MAC9C,mBAAmB,KAAK;AAClC;AAEA,SAAS,mBAAmB,UAAkC;AACpD,QAAA,QAAQ,UAAU,SAAS,KAAK;AACtC,QAAM,SAAS,CAAC;AAChB,MAAI,SAAS,MAAM;AACR,WAAA,KAAK,GAAG,SAAS,KAAK,KAAK,KAAK,SAAS,KAAK,MAAM,GAAG;AAAA,EAAA;AAElE,MAAI,SAAS,UAAU;AACnB,UAAM,IACF,OAAO,SAAS,SAAS,MAAM,WACzB,GAAG,SAAS,SAAS,CAAC,MACtB,SAAS,SAAS;AAC5B,UAAM,IACF,OAAO,SAAS,SAAS,MAAM,WACzB,GAAG,SAAS,SAAS,CAAC,MACtB,SAAS,SAAS;AAC5B,WAAO,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;AAAA,EAAA;AAEvB,SAAA,OAAO,SACR,mBAAmB,OAAO,KAAK,GAAG,CAAC,KAAK,KAAK,MAC7C,mBAAmB,KAAK;AAClC;AAEA,SAAS,UAAU,OAAgC;AACzC,QAAA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,IACP,WAAW;AAAA,EAAA,IACX;AAEJ,SAAO,QAAQ,GAAG,MAAM,QAAQ,MAAM,IAAI,IAAI,MAAM;AACxD;AAEO,SAAS,eAAe,OAAuB;AAC9C,MAAA,MAAM,QAAQ,KAAK,GAAG;AACtB,WAAO,MAAM,IAAI,cAAc,EAAE,KAAK,IAAI;AAAA,EAAA;AAE1C,MAAA,OAAO,UAAU,UAAU;AACpB,WAAA;AAAA,EAAA;AAEP,MAAA,OAAO,UAAU,UAAU;AAC3B,YAAQ,MAAM,MAAM;AAAA,MAChB,KAAK;AACD,eAAO,MAAM;AAAA,MACjB,KAAK;AACD,eAAO,mBAAmB,KAAK;AAAA,MACnC,KAAK;AACD,eAAO,mBAAmB,KAAK;AAAA,MACnC,KAAK;AACD,eAAO,UAAU,KAAK;AAAA,IAAA;AAAA,EAC9B;AAEG,SAAA;AACX;AAEO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,OAAO,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC7B,GAAG,cAAc;AAAA,IACjB,GAAG,iBAAiB;AAAA,MAChB,SAAS;AAAA,IAAA,CACZ;AAAA,IACD,GAAG,mBAAmB;AAAA,EAC1B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvSwatch.mjs","sources":["../../../../src/components/EvSwatch/EvSwatch.ts"],"sourcesContent":["import { HintedString, propsFactory } from \"@/util\";\nimport { makeComponentProps } from \"@/composables/component\";\nimport { makeRoundedProps } from \"@/composables/rounded\";\nimport { makeSizeProps } from \"@/composables/size\";\nimport { PropType } from \"vue\";\n\nexport type SwatchSize = HintedString<\n    \"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\"\n>;\n\nexport interface ColorStop {\n    color: string;\n    position: number;\n}\n\nexport interface SolidColor {\n    type: \"solid\";\n    color: string;\n}\n\nexport interface LinearGradient {\n    type: \"linear-gradient\";\n    angle?: number;\n    stops: ColorStop[];\n}\n\nexport type AlignmentKeyword = \"center\";\nexport type VerticalSide = AlignmentKeyword | \"top\" | \"bottom\";\nexport type HorizontalSide = AlignmentKeyword | \"left\" | \"right\";\nexport interface GradientPosition {\n    x: HorizontalSide | number;\n    y: VerticalSide | number;\n}\n\nexport interface RadialSize {\n    width: number;\n    height: number;\n}\n\nexport interface RadialGradient {\n    type: \"radial-gradient\";\n    size?: RadialSize;\n    position?: GradientPosition;\n    stops: ColorStop[];\n}\n\nexport interface ImagePosition {\n    x: HorizontalSide | number;\n    y: VerticalSide | number;\n}\n\nexport interface ImageBackground {\n    type: \"image\";\n    url: string;\n    repeat?: \"no-repeat\" | \"repeat\" | \"repeat-x\" | \"repeat-y\";\n    size?: \"cover\" | \"contain\" | BackgroundSize;\n    position?: ImagePosition;\n}\n\nexport interface BackgroundSize {\n    width: number;\n    height: number;\n}\n\nexport type ColorValue =\n    | string\n    | SolidColor\n    | LinearGradient\n    | RadialGradient\n    | ImageBackground;\nexport type ColorValueProp = ColorValue | ColorValue[];\n\nfunction makeStops(stops: ColorStop[]): string {\n    return stops.map((stop) => `${stop.color} ${stop.position}%`).join(\", \");\n}\n\nfunction makeLinearGradient(gradient: LinearGradient): string {\n    const stops = makeStops(gradient.stops);\n    return gradient.angle\n        ? `linear-gradient(${gradient.angle}deg, ${stops})`\n        : `linear-gradient(${stops})`;\n}\n\nfunction makeRadialGradient(gradient: RadialGradient): string {\n    const stops = makeStops(gradient.stops);\n    const prefix = [];\n    if (gradient.size) {\n        prefix.push(`${gradient.size.width}% ${gradient.size.height}%`);\n    }\n    if (gradient.position) {\n        const x =\n            typeof gradient.position.x === \"number\"\n                ? `${gradient.position.x}%`\n                : gradient.position.x;\n        const y =\n            typeof gradient.position.y === \"number\"\n                ? `${gradient.position.y}%`\n                : gradient.position.y;\n        prefix.push(`at ${x} ${y}`);\n    }\n    return prefix.length\n        ? `radial-gradient(${prefix.join(\" \")}, ${stops})`\n        : `radial-gradient(${stops})`;\n}\n\nfunction makeImage(image: ImageBackground): string {\n    const {\n        url,\n        repeat = \"no-repeat\",\n        size = \"cover\",\n        position = \"center\",\n    } = image;\n\n    return `url(\"${url}\") ${position} / ${size} ${repeat}`;\n}\n\nexport function makeBackground(value: ColorValueProp) {\n    if (Array.isArray(value)) {\n        return value.map(makeBackground).join(\", \");\n    }\n    if (typeof value === \"string\") {\n        return value;\n    }\n    if (typeof value === \"object\") {\n        switch (value.type) {\n            case \"solid\":\n                return value.color;\n            case \"linear-gradient\":\n                return makeLinearGradient(value);\n            case \"radial-gradient\":\n                return makeRadialGradient(value);\n            case \"image\":\n                return makeImage(value);\n        }\n    }\n    return \"transparent\";\n}\n\nexport const makeEvSwatchProps = propsFactory(\n    {\n        value: [String, Object, Array] as PropType<ColorValueProp>,\n        ...makeSizeProps(),\n        ...makeRoundedProps({\n            rounded: \"circle\",\n        }),\n        ...makeComponentProps(),\n    },\n    \"EvSwatch\",\n);\n"],"names":["makeStops","stops","stop","makeLinearGradient","gradient","makeRadialGradient","prefix","x","y","makeImage","image","url","repeat","size","position","makeBackground","value","makeEvSwatchProps","propsFactory","makeSizeProps","makeRoundedProps","makeComponentProps"],"mappings":"8RAwEA,SAASA,EAAUC,EAA4B,CAC3C,OAAOA,EAAM,IAAKC,GAAS,GAAGA,EAAK,KAAK,IAAIA,EAAK,QAAQ,GAAG,EAAE,KAAK,IAAI,CAC3E,CAEA,SAASC,EAAmBC,EAAkC,CACpD,MAAAH,EAAQD,EAAUI,EAAS,KAAK,EAC/B,OAAAA,EAAS,MACV,mBAAmBA,EAAS,KAAK,QAAQH,CAAK,IAC9C,mBAAmBA,CAAK,GAClC,CAEA,SAASI,EAAmBD,EAAkC,CACpD,MAAAH,EAAQD,EAAUI,EAAS,KAAK,EAChCE,EAAS,CAAC,EAIhB,GAHIF,EAAS,MACFE,EAAA,KAAK,GAAGF,EAAS,KAAK,KAAK,KAAKA,EAAS,KAAK,MAAM,GAAG,EAE9DA,EAAS,SAAU,CACnB,MAAMG,EACF,OAAOH,EAAS,SAAS,GAAM,SACzB,GAAGA,EAAS,SAAS,CAAC,IACtBA,EAAS,SAAS,EACtBI,EACF,OAAOJ,EAAS,SAAS,GAAM,SACzB,GAAGA,EAAS,SAAS,CAAC,IACtBA,EAAS,SAAS,EAC5BE,EAAO,KAAK,MAAMC,CAAC,IAAIC,CAAC,EAAE,CAAA,CAEvB,OAAAF,EAAO,OACR,mBAAmBA,EAAO,KAAK,GAAG,CAAC,KAAKL,CAAK,IAC7C,mBAAmBA,CAAK,GAClC,CAEA,SAASQ,EAAUC,EAAgC,CACzC,KAAA,CACF,IAAAC,EACA,OAAAC,EAAS,YACT,KAAAC,EAAO,QACP,SAAAC,EAAW,QAAA,EACXJ,EAEJ,MAAO,QAAQC,CAAG,MAAMG,CAAQ,MAAMD,CAAI,IAAID,CAAM,EACxD,CAEO,SAASG,EAAeC,EAAuB,CAC9C,GAAA,MAAM,QAAQA,CAAK,EACnB,OAAOA,EAAM,IAAID,CAAc,EAAE,KAAK,IAAI,EAE1C,GAAA,OAAOC,GAAU,SACV,OAAAA,EAEP,GAAA,OAAOA,GAAU,SACjB,OAAQA,EAAM,KAAM,CAChB,IAAK,QACD,OAAOA,EAAM,MACjB,IAAK,kBACD,OAAOb,EAAmBa,CAAK,EACnC,IAAK,kBACD,OAAOX,EAAmBW,CAAK,EACnC,IAAK,QACD,OAAOP,EAAUO,CAAK,CAAA,CAG3B,MAAA,aACX,CAEO,MAAMC,EAAoBC,EAAA,aAC7B,CACI,MAAO,CAAC,OAAQ,OAAQ,KAAK,EAC7B,GAAGC,gBAAc,EACjB,GAAGC,mBAAiB,CAChB,QAAS,QAAA,CACZ,EACD,GAAGC,EAAmB,mBAAA,CAC1B,EACA,UACJ"}

package/dist/esm/components/EvSwatch/EvSwatch.vue.mjs

@@ -1,40 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode } from "vue";
-/* empty css               */
-import { makeEvSwatchProps, makeBackground } from "./EvSwatch.mjs";
-import { useRounded } from "../../composables/rounded.mjs";
-import { sizeModifier } from "../../util/modifiers.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "EvSwatch",
-  props: {
-    ...makeEvSwatchProps()
-  },
-  setup(__props) {
-    const props = __props;
-    const { roundedClasses } = useRounded(props);
-    const sizeClass = computed(() => sizeModifier(props.size));
-    function makeSampleStyles() {
-      return computed(() => {
-        return {
-          background: makeBackground(props.value)
-        };
-      });
-    }
-    const sampleStyles = makeSampleStyles();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["ev-swatch", sizeClass.value, unref(roundedClasses), props.class]),
-        style: normalizeStyle(props.style)
-      }, [
-        createElementVNode("div", {
-          class: "ev-swatch--sample",
-          style: normalizeStyle(unref(sampleStyles))
-        }, null, 4)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                */const t=require("./EvSwatch.mjs"),c=require("../../composables/rounded.mjs"),u=require("../../util/modifiers.mjs"),i=e.defineComponent({__name:"EvSwatch",props:{...t.makeEvSwatchProps()},setup(r){const s=r,{roundedClasses:o}=c.useRounded(s),n=e.computed(()=>u.sizeModifier(s.size));function a(){return e.computed(()=>({background:t.makeBackground(s.value)}))}const l=a();return(d,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ev-swatch",n.value,e.unref(o),s.class]),style:e.normalizeStyle(s.style)},[e.createElementVNode("div",{class:"ev-swatch--sample",style:e.normalizeStyle(e.unref(l))},null,4)],6))}});exports.default=i;
 //# sourceMappingURL=EvSwatch.vue.mjs.map

package/dist/esm/components/EvSwatch/EvSwatch.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSwatch.vue.mjs","sources":["../../../../src/components/EvSwatch/EvSwatch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSwatch.scss\";\nimport { makeBackground, makeEvSwatchProps } from \"./EvSwatch\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { sizeModifier } from \"@/util\";\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvSwatchProps(),\n});\n\nconst { roundedClasses } = useRounded(props);\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nfunction makeSampleStyles() {\n    return computed(() => {\n        return {\n            background: makeBackground(props.value),\n        };\n    });\n}\n\nconst sampleStyles = makeSampleStyles();\n\n</script>\n\n<template>\n    <div\n        :class=\"['ev-swatch', sizeClass, roundedClasses, props.class]\"\n        :style=\"props.style\">\n        <div class=\"ev-swatch--sample\" :style=\"sampleStyles\"></div>\n    </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,UAAM,EAAE,eAAA,IAAmB,WAAW,KAAK;AAC3C,UAAM,YAAY,SAAS,MAAM,aAAa,MAAM,IAAI,CAAC;AAEzD,aAAS,mBAAmB;AACxB,aAAO,SAAS,MAAM;AACX,eAAA;AAAA,UACH,YAAY,eAAe,MAAM,KAAK;AAAA,QAC1C;AAAA,MAAA,CACH;AAAA,IAAA;AAGL,UAAM,eAAe,iBAAiB;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvSwatch.vue.mjs","sources":["../../../../src/components/EvSwatch/EvSwatch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"./EvSwatch.scss\";\nimport { makeBackground, makeEvSwatchProps } from \"./EvSwatch\";\nimport { useRounded } from \"@/composables/rounded\";\nimport { sizeModifier } from \"@/util\";\nimport { computed } from \"vue\";\n\nconst props = defineProps({\n    ...makeEvSwatchProps(),\n});\n\nconst { roundedClasses } = useRounded(props);\nconst sizeClass = computed(() => sizeModifier(props.size));\n\nfunction makeSampleStyles() {\n    return computed(() => {\n        return {\n            background: makeBackground(props.value),\n        };\n    });\n}\n\nconst sampleStyles = makeSampleStyles();\n\n</script>\n\n<template>\n    <div\n        :class=\"['ev-swatch', sizeClass, roundedClasses, props.class]\"\n        :style=\"props.style\">\n        <div class=\"ev-swatch--sample\" :style=\"sampleStyles\"></div>\n    </div>\n</template>\n"],"names":["roundedClasses","useRounded","props","sizeClass","computed","sizeModifier","makeSampleStyles","makeBackground","sampleStyles"],"mappings":"sZAWM,CAAE,eAAAA,CAAA,EAAmBC,EAAA,WAAWC,CAAK,EACrCC,EAAYC,EAAAA,SAAS,IAAMC,EAAa,aAAAH,EAAM,IAAI,CAAC,EAEzD,SAASI,GAAmB,CACxB,OAAOF,WAAS,KACL,CACH,WAAYG,EAAAA,eAAeL,EAAM,KAAK,CAC1C,EACH,CAAA,CAGL,MAAMM,EAAeF,EAAiB"}

package/dist/esm/components/EvSwatch/EvSwatch.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvSwatch.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSwatch.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvSwatch.vue2.mjs.map

package/dist/esm/components/EvSwatch/EvSwatch.vue2.mjs.map

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

package/dist/esm/components/EvSwitch/EvSwitch.mjs

@@ -1,13 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeEvCheckboxProps } from "../EvCheckbox/EvCheckbox.mjs";
-import { propsFactory } from "../../util/props.mjs";
-const makeEvSwitchProps = propsFactory(
-  {
-    ...makeEvCheckboxProps()
-  },
-  "EvSwitch"
-);
-export {
-  makeEvSwitchProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../EvCheckbox/EvCheckbox.mjs"),o=require("../../util/props.mjs"),r=o.propsFactory({...e.makeEvCheckboxProps()},"EvSwitch");exports.makeEvSwitchProps=r;
 //# sourceMappingURL=EvSwitch.mjs.map

package/dist/esm/components/EvSwitch/EvSwitch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSwitch.mjs","sources":["../../../../src/components/EvSwitch/EvSwitch.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeEvCheckboxProps } from \"@/components/EvCheckbox\";\n\nexport const makeEvSwitchProps = propsFactory(\n    {\n        ...makeEvCheckboxProps(),\n    },\n    \"EvSwitch\",\n);\n"],"names":[],"mappings":";;;AAGO,MAAM,oBAAoB;AAAA,EAC7B;AAAA,IACI,GAAG,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvSwitch.mjs","sources":["../../../../src/components/EvSwitch/EvSwitch.ts"],"sourcesContent":["import { propsFactory } from \"@/util\";\nimport { makeEvCheckboxProps } from \"@/components/EvCheckbox\";\n\nexport const makeEvSwitchProps = propsFactory(\n    {\n        ...makeEvCheckboxProps(),\n    },\n    \"EvSwitch\",\n);\n"],"names":["makeEvSwitchProps","propsFactory","makeEvCheckboxProps"],"mappings":"wMAGaA,EAAoBC,EAAA,aAC7B,CACI,GAAGC,EAAoB,oBAAA,CAC3B,EACA,UACJ"}

package/dist/esm/components/EvSwitch/EvSwitch.vue.mjs

@@ -1,117 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { defineComponent, useSlots, useAttrs, ref, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createCommentVNode, createVNode, withCtx, renderSlot } from "vue";
-/* empty css               */
-import _sfc_main$2 from "../EvErrors/EvErrors.vue.mjs";
-import _sfc_main$1 from "../EvLabel/EvLabel.vue.mjs";
-import { useToggleControl } from "../EvCheckbox/EvCheckbox.mjs";
-import { makeEvSwitchProps } from "./EvSwitch.mjs";
-import { useFormField } from "../../composables/validation.mjs";
-import { splitInputAttrs } from "../../util/helpers.mjs";
-const _hoisted_1 = { class: "ev-switch--control" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "ev-switch--track" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "ev-switch--thumb" }, null, -1);
-const _hoisted_4 = ["id", "name", "disabled", "readonly", "checked", "value", "aria-disabled", "aria-checked"];
-const _hoisted_5 = {
-  key: 0,
-  class: "ev-switch--label"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "ev-switch--errors"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "EvSwitch",
-  props: {
-    ...makeEvSwitchProps()
-  },
-  emits: ["update:focused", "update:modelValue"],
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    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({
-      field: formField,
-      input: inputRef,
-      focus: () => {
-        var _a;
-        (_a = getInputElement()) == null ? void 0 : _a.focus();
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: ["ev-switch", [
-          {
-            "is-checked": unref(isChecked),
-            "is-labelled": props.label || unref(slots).label
-          },
-          unref(formField).classes,
-          props.class
-        ]],
-        style: props.style
-      }, unref(containerAttrs)), [
-        createElementVNode("div", _hoisted_1, [
-          _hoisted_2,
-          _hoisted_3,
-          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_4)
-        ]),
-        props.label || props.hint || unref(slots).label ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          createVNode(unref(_sfc_main$1), {
-            clickable: "",
-            for: unref(formField).id,
-            title: props.label,
-            hint: props.hint
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "label")
-            ]),
-            _: 3
-          }, 8, ["for", "title", "hint"]),
-          unref(formField).isShowErrorMessages ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createVNode(unref(_sfc_main$2), {
-              messages: unref(formField).errorMessages
-            }, null, 8, ["messages"])
-          ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css                */const b=require("../EvErrors/EvErrors.vue.mjs"),k=require("../EvLabel/EvLabel.vue.mjs"),E=require("../EvCheckbox/EvCheckbox.mjs"),g=require("./EvSwitch.mjs"),y=require("../../composables/validation.mjs"),w=require("../../util/helpers.mjs"),V={class:"ev-switch--control"},q=e.createElementVNode("div",{class:"ev-switch--track"},null,-1),N=e.createElementVNode("div",{class:"ev-switch--thumb"},null,-1),S=["id","name","disabled","readonly","checked","value","aria-disabled","aria-checked"],B={key:0,class:"ev-switch--label"},C={key:0,class:"ev-switch--errors"},x=e.defineComponent({inheritAttrs:!1,__name:"EvSwitch",props:{...g.makeEvSwitchProps()},emits:["update:focused","update:modelValue"],setup(i,{expose:a}){const r=i,c=e.useSlots(),d=e.useAttrs(),f=e.ref(null),o=e.ref(null),[p,_]=w.splitInputAttrs(d),t=y.useFormField(r),{trueValue:h,isChecked:n}=E.useToggleControl(t.model,r);function m(){return o.value}function v(s){n.value=s.target.checked}return a({field:t,input:o,focus:()=>{var s;(s=m())==null||s.focus()}}),(s,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"containerRef",ref:f,class:["ev-switch",[{"is-checked":e.unref(n),"is-labelled":r.label||e.unref(c).label},e.unref(t).classes,r.class]],style:r.style},e.unref(p)),[e.createElementVNode("div",V,[q,N,e.createElementVNode("input",e.mergeProps({id:e.unref(t).id,ref_key:"inputRef",ref:o,type:"checkbox",role:"switch",name:e.unref(t).name,disabled:e.unref(t).isDisabled,readonly:e.unref(t).isReadonly,checked:e.unref(n),value:e.unref(h),"aria-disabled":e.unref(t).isDisabled,"aria-checked":e.unref(n)},e.unref(_),{onInput:v,onFocus:l[0]||(l[0]=(...u)=>e.unref(t).focus&&e.unref(t).focus(...u)),onBlur:l[1]||(l[1]=(...u)=>e.unref(t).blur&&e.unref(t).blur(...u))}),null,16,S)]),r.label||r.hint||e.unref(c).label?(e.openBlock(),e.createElementBlock("div",B,[e.createVNode(e.unref(k.default),{clickable:"",for:e.unref(t).id,title:r.label,hint:r.hint},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"label")]),_:3},8,["for","title","hint"]),e.unref(t).isShowErrorMessages?(e.openBlock(),e.createElementBlock("div",C,[e.createVNode(e.unref(b.default),{messages:e.unref(t).errorMessages},null,8,["messages"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16))}});exports.default=x;
 //# sourceMappingURL=EvSwitch.vue.mjs.map

package/dist/esm/components/EvSwitch/EvSwitch.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvSwitch.vue.mjs","sources":["../../../../src/components/EvSwitch/EvSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-switch>`\n */\nimport \"./EvSwitch.scss\";\nimport { ref, useAttrs } from \"vue\";\nimport { splitInputAttrs } from \"@/util\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useToggleControl } from \"@/components/EvCheckbox\";\nimport { makeEvSwitchProps } from \"./EvSwitch\";\nimport { useFormField } from \"@/composables/validation\";\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 props = defineProps({\n    ...makeEvSwitchProps(),\n});\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    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-switch\"\n        :class=\"[\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-switch--control\">\n            <div class=\"ev-switch--track\"></div>\n            <div class=\"ev-switch--thumb\"></div>\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\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-switch--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 v-if=\"formField.isShowErrorMessages\" class=\"ev-switch--errors\">\n                <ev-errors :messages=\"formField.errorMessages\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["_useSlots"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,UAAM,QAAQA;AAOd,UAAM,QAAQ,SAAS;AACjB,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,IAAA;AAOpB,aAAS,QAAQ,GAAU;AACb,gBAAA,QAAS,EAAE,OAA4B;AAAA,IAAA;AAMxC,aAAA;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO,MAAM;;AACT,8BAAA,MAAA,mBAAmB;AAAA,MAAM;AAAA,IAC7B,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EvSwitch.vue.mjs","sources":["../../../../src/components/EvSwitch/EvSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # `<ev-switch>`\n */\nimport \"./EvSwitch.scss\";\nimport { ref, useAttrs } from \"vue\";\nimport { splitInputAttrs } from \"@/util\";\nimport { EvErrors } from \"@/components/EvErrors\";\nimport { EvLabel } from \"@/components/EvLabel\";\nimport { useToggleControl } from \"@/components/EvCheckbox\";\nimport { makeEvSwitchProps } from \"./EvSwitch\";\nimport { useFormField } from \"@/composables/validation\";\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 props = defineProps({\n    ...makeEvSwitchProps(),\n});\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    field: formField,\n    input: inputRef,\n    focus: () => {\n        getInputElement()?.focus();\n    },\n});\n</script>\n\n<template>\n    <div\n        ref=\"containerRef\"\n        class=\"ev-switch\"\n        :class=\"[\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-switch--control\">\n            <div class=\"ev-switch--track\"></div>\n            <div class=\"ev-switch--thumb\"></div>\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\n            v-if=\"props.label || props.hint || slots.label\"\n            class=\"ev-switch--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 v-if=\"formField.isShowErrorMessages\" class=\"ev-switch--errors\">\n                <ev-errors :messages=\"formField.errorMessages\" />\n            </div>\n        </div>\n    </div>\n</template>\n"],"names":["slots","_useSlots","attrs","useAttrs","containerRef","ref","inputRef","containerAttrs","inputAttrs","splitInputAttrs","formField","useFormField","props","trueValue","isChecked","useToggleControl","getInputElement","onInput","e","__expose","_a"],"mappings":"05BAyBMA,EAAQC,EAAAA,WAORC,EAAQC,EAAAA,SAAS,EACjBC,EAAeC,MAAwB,IAAI,EAC3CC,EAAWD,MAA6B,IAAI,EAC5C,CAACE,EAAgBC,CAAU,EAAIC,EAAAA,gBAAgBP,CAAK,EACpDQ,EAAYC,eAAaC,CAAK,EAC9B,CAAE,UAAAC,EAAW,UAAAC,GAAcC,EAAiB,iBAAAL,EAAU,MAAOE,CAAK,EAKxE,SAASI,GAA2C,CAChD,OAAOV,EAAS,KAAA,CAOpB,SAASW,EAAQC,EAAU,CACbJ,EAAA,MAASI,EAAE,OAA4B,OAAA,CAMxC,OAAAC,EAAA,CACT,MAAOT,EACP,MAAOJ,EACP,MAAO,IAAM,QACTc,EAAAJ,EAAA,IAAA,MAAAI,EAAmB,OAAM,CAC7B,CACH"}

package/dist/esm/components/EvSwitch/EvSwitch.vue2.mjs

@@ -1,6 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import _sfc_main from "./EvSwitch.vue.mjs";
-export {
-  _sfc_main as default
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EvSwitch.vue.mjs");exports.default=e.default;
 //# sourceMappingURL=EvSwitch.vue2.mjs.map

package/dist/esm/components/EvSwitch/EvSwitch.vue2.mjs.map

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

package/dist/esm/components/EvTabs/EvTab/EvTab.mjs

@@ -1,26 +1,2 @@
-/*! Evance UI v1.1.10 | MIT License */
-import { makeEvButtonProps } from "../../EvButton/EvButton.mjs";
-import { propsFactory } from "../../../util/props.mjs";
-import { omit } from "../../../util/helpers.mjs";
-const makeEvTabProps = propsFactory(
-  {
-    direction: {
-      type: String,
-      default: "horizontal"
-    },
-    ...omit(
-      makeEvButtonProps({
-        variant: "subtle",
-        selectedClass: "is-selected",
-        selectedAppearance: "primary",
-        selectedVariant: "subtle"
-      }),
-      ["active", "symbol"]
-    )
-  },
-  "EvTab"
-);
-export {
-  makeEvTabProps
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../EvButton/EvButton.mjs"),t=require("../../../util/props.mjs"),r=require("../../../util/helpers.mjs"),s=t.propsFactory({direction:{type:String,default:"horizontal"},...r.omit(e.makeEvButtonProps({variant:"subtle",selectedClass:"is-selected",selectedAppearance:"primary",selectedVariant:"subtle"}),["active","symbol"])},"EvTab");exports.makeEvTabProps=s;
 //# sourceMappingURL=EvTab.mjs.map

package/dist/esm/components/EvTabs/EvTab/EvTab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EvTab.mjs","sources":["../../../../../src/components/EvTabs/EvTab/EvTab.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { EvButtonProps, makeEvButtonProps } from \"@/components/EvButton\";\nimport { PropType } from \"vue\";\n\nexport type TabDirection = \"horizontal\" | \"vertical\";\n\nexport interface EvTabProps extends Omit<EvButtonProps, \"active\" | \"symbol\"> {\n    direction?: TabDirection;\n}\n\n/**\n * # makeEvTabProps()\n */\nexport const makeEvTabProps = propsFactory(\n    {\n        direction: {\n            type: String as PropType<TabDirection>,\n            default: \"horizontal\",\n        },\n\n        ...omit(\n            makeEvButtonProps({\n                variant: \"subtle\" as const,\n                selectedClass: \"is-selected\",\n                selectedAppearance: \"primary\",\n                selectedVariant: \"subtle\",\n            }),\n            [\"active\", \"symbol\"],\n        ),\n    },\n    \"EvTab\",\n);\n"],"names":[],"mappings":";;;;AAaO,MAAM,iBAAiB;AAAA,EAC1B;AAAA,IACI,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IAEA,GAAG;AAAA,MACC,kBAAkB;AAAA,QACd,SAAS;AAAA,QACT,eAAe;AAAA,QACf,oBAAoB;AAAA,QACpB,iBAAiB;AAAA,MAAA,CACpB;AAAA,MACD,CAAC,UAAU,QAAQ;AAAA,IAAA;AAAA,EAE3B;AAAA,EACA;AACJ;"}
+{"version":3,"file":"EvTab.mjs","sources":["../../../../../src/components/EvTabs/EvTab/EvTab.ts"],"sourcesContent":["import { omit, propsFactory } from \"@/util\";\nimport { EvButtonProps, makeEvButtonProps } from \"@/components/EvButton\";\nimport { PropType } from \"vue\";\n\nexport type TabDirection = \"horizontal\" | \"vertical\";\n\nexport interface EvTabProps extends Omit<EvButtonProps, \"active\" | \"symbol\"> {\n    direction?: TabDirection;\n}\n\n/**\n * # makeEvTabProps()\n */\nexport const makeEvTabProps = propsFactory(\n    {\n        direction: {\n            type: String as PropType<TabDirection>,\n            default: \"horizontal\",\n        },\n\n        ...omit(\n            makeEvButtonProps({\n                variant: \"subtle\" as const,\n                selectedClass: \"is-selected\",\n                selectedAppearance: \"primary\",\n                selectedVariant: \"subtle\",\n            }),\n            [\"active\", \"symbol\"],\n        ),\n    },\n    \"EvTab\",\n);\n"],"names":["makeEvTabProps","propsFactory","omit","makeEvButtonProps"],"mappings":"iPAaaA,EAAiBC,EAAA,aAC1B,CACI,UAAW,CACP,KAAM,OACN,QAAS,YACb,EAEA,GAAGC,EAAA,KACCC,oBAAkB,CACd,QAAS,SACT,cAAe,cACf,mBAAoB,UACpB,gBAAiB,QAAA,CACpB,EACD,CAAC,SAAU,QAAQ,CAAA,CAE3B,EACA,OACJ"}