@evance/evance-ui 1.0.36 → 1.0.37

package/dist/esm/chunks/anchor-CUG4Y6FL.mjs

@@ -1,98 +0,0 @@
-/*! Evance UI v1.0.36 | MIT License */
-class Anchor {
-  constructor(side, alignment) {
-    this.side = side;
-    this.alignment = alignment;
-  }
-  /**
-   * ## Get Axis
-   * Returns either x or y axis.
-   */
-  get axis() {
-    return ["left", "right"].includes(this.side) ? "x" : "y";
-  }
-  /**
-   * ## Physical Alignment
-   */
-  get physicalAlignment() {
-    if (this.alignment === "auto") {
-      throw new Error(
-        "Evance UI: Cannot convert `auto` to a physical alignment"
-      );
-    }
-    return {
-      center: "center",
-      start: "left",
-      end: "right"
-    }[this.alignment];
-  }
-  /**
-   * ## Center Align
-   */
-  centerAlign() {
-    return new Anchor(this.side, "center");
-  }
-  /**
-   * ## Flip Alignment
-   */
-  flipAlignment() {
-    const alignment = {
-      auto: "auto",
-      center: "center",
-      end: "start",
-      start: "end"
-    }[this.alignment];
-    return new Anchor(this.side, alignment);
-  }
-  /**
-   * ## Flip Corner
-   */
-  flipCorner() {
-    return this.flipAlignment().flipSide();
-  }
-  /**
-   * ## Flip Side
-   */
-  flipSide() {
-    const side = {
-      auto: "auto",
-      center: "center",
-      top: "bottom",
-      bottom: "top",
-      left: "right",
-      right: "left"
-    }[this.side];
-    return new Anchor(side, this.alignment);
-  }
-  /**
-   * ## Parse Selector
-   * @param selector
-   * @param isRtl
-   * @private
-   */
-  static fromSelector(selector, isRtl = false) {
-    let [side, alignment] = selector.split(/[\s\-]/);
-    if (!alignment) {
-      alignment = side === "auto" ? "auto" : "center";
-    }
-    const anchor = new Anchor(side, alignment);
-    if (isRtl) {
-      if (anchor.side === "left") {
-        anchor.side = "right";
-      } else if (anchor.side === "right") {
-        anchor.side = "left";
-      }
-    }
-    return anchor;
-  }
-  toCssValue() {
-    return `${this.side} ${this.physicalAlignment}`;
-  }
-  toString() {
-    return `${this.side} ${this.alignment}`;
-  }
-}
-export {
-  Anchor as A
-};
-//# sourceMappingURL=anchor-CUG4Y6FL.mjs.map

package/dist/esm/chunks/anchor-CUG4Y6FL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"anchor-CUG4Y6FL.mjs","sources":["../../../src/util/anchor.ts"],"sourcesContent":["import { Axis } from \"@/util/dimensions\";\n\n/**\n * # Anchors\n *\n */\ntype VerticalSide = \"top\" | \"bottom\";\ntype EdgeAlignment = \"start\" | \"end\" | \"center\";\ntype HorizontalSide = \"left\" | \"right\";\ntype SelectorSeparator = \" \" | \"-\";\n\nexport type AnchorSelector =\n    | VerticalSide\n    | HorizontalSide\n    | `${VerticalSide}${SelectorSeparator}${EdgeAlignment}`\n    | `${HorizontalSide}${SelectorSeparator}${EdgeAlignment}`\n    | \"auto\"\n    | `auto${SelectorSeparator}${EdgeAlignment | \"auto\"}`\n    | \"center\"\n    | `center${SelectorSeparator}center`;\n\nexport type AnchorSide = VerticalSide | HorizontalSide | \"auto\" | \"center\";\nexport type AnchorAlignment = EdgeAlignment | \"auto\";\nexport type PhysicalAlignment = \"left\" | \"right\" | \"center\";\nexport type PhysicalSide = HorizontalSide | VerticalSide;\n\n/**\n * # Anchor\n *\n * - `alignment`: 'start', 'end', 'center', 'auto'\n * - `side`: 'top', 'bottom', 'left', 'right', 'center', 'auto'\n *\n */\nexport class Anchor {\n    public constructor(\n        public side: AnchorSide,\n        public alignment: AnchorAlignment,\n    ) {}\n\n    /**\n     * ## Get Axis\n     * Returns either x or y axis.\n     */\n    public get axis(): Axis {\n        return [\"left\", \"right\"].includes(this.side) ? \"x\" : \"y\";\n    }\n\n    /**\n     * ## Physical Alignment\n     */\n    public get physicalAlignment(): PhysicalAlignment {\n        if (this.alignment === \"auto\") {\n            throw new Error(\n                \"Evance UI: Cannot convert `auto` to a physical alignment\",\n            );\n        }\n        return {\n            center: \"center\",\n            start: \"left\",\n            end: \"right\",\n        }[this.alignment] as PhysicalAlignment;\n    }\n\n    /**\n     * ## Center Align\n     */\n    public centerAlign() {\n        return new Anchor(this.side, \"center\");\n    }\n\n    /**\n     * ## Flip Alignment\n     */\n    public flipAlignment() {\n        const alignment = {\n            auto: \"auto\",\n            center: \"center\",\n            end: \"start\",\n            start: \"end\",\n        }[this.alignment];\n        return new Anchor(this.side, alignment as AnchorAlignment);\n    }\n\n    /**\n     * ## Flip Corner\n     */\n    public flipCorner() {\n        return this.flipAlignment().flipSide();\n    }\n\n    /**\n     * ## Flip Side\n     */\n    public flipSide(): Anchor {\n        const side = {\n            auto: \"auto\",\n            center: \"center\",\n            top: \"bottom\",\n            bottom: \"top\",\n            left: \"right\",\n            right: \"left\",\n        }[this.side];\n        return new Anchor(side as AnchorSide, this.alignment);\n    }\n\n    /**\n     * ## Parse Selector\n     * @param selector\n     * @param isRtl\n     * @private\n     */\n    public static fromSelector(\n        selector: AnchorSelector,\n        isRtl: boolean = false,\n    ): Anchor {\n        let [side, alignment] = selector.split(/[\\s\\-]/) as [\n            AnchorSide,\n            AnchorAlignment | undefined,\n        ];\n        if (!alignment) {\n            alignment = side === \"auto\" ? \"auto\" : \"center\";\n        }\n        const anchor = new Anchor(side, alignment);\n        if (isRtl) {\n            if (anchor.side === \"left\") {\n                anchor.side = \"right\";\n            } else if (anchor.side === \"right\") {\n                anchor.side = \"left\";\n            }\n        }\n        return anchor;\n    }\n\n    public toCssValue(): string {\n        return `${this.side} ${this.physicalAlignment}`;\n    }\n\n    public toString(): string {\n        return `${this.side} ${this.alignment}`;\n    }\n}\n"],"names":[],"mappings":";AAiCO,MAAM,OAAO;AAAA,EACT,YACI,MACA,WACT;AAFS,SAAA,OAAA;AACA,SAAA,YAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOX,IAAW,OAAa;AACb,WAAA,CAAC,QAAQ,OAAO,EAAE,SAAS,KAAK,IAAI,IAAI,MAAM;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMzD,IAAW,oBAAuC;AAC1C,QAAA,KAAK,cAAc,QAAQ;AAC3B,YAAM,IAAI;AAAA,QACN;AAAA,MACJ;AAAA,IAAA;AAEG,WAAA;AAAA,MACH,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,KAAK;AAAA,IAAA,EACP,KAAK,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMb,cAAc;AACjB,WAAO,IAAI,OAAO,KAAK,MAAM,QAAQ;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMlC,gBAAgB;AACnB,UAAM,YAAY;AAAA,MACd,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,OAAO;AAAA,IAAA,EACT,KAAK,SAAS;AAChB,WAAO,IAAI,OAAO,KAAK,MAAM,SAA4B;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMtD,aAAa;AACT,WAAA,KAAK,cAAc,EAAE,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMlC,WAAmB;AACtB,UAAM,OAAO;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,EACT,KAAK,IAAI;AACX,WAAO,IAAI,OAAO,MAAoB,KAAK,SAAS;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASxD,OAAc,aACV,UACA,QAAiB,OACX;AACN,QAAI,CAAC,MAAM,SAAS,IAAI,SAAS,MAAM,QAAQ;AAI/C,QAAI,CAAC,WAAW;AACA,kBAAA,SAAS,SAAS,SAAS;AAAA,IAAA;AAE3C,UAAM,SAAS,IAAI,OAAO,MAAM,SAAS;AACzC,QAAI,OAAO;AACH,UAAA,OAAO,SAAS,QAAQ;AACxB,eAAO,OAAO;AAAA,MAAA,WACP,OAAO,SAAS,SAAS;AAChC,eAAO,OAAO;AAAA,MAAA;AAAA,IAClB;AAEG,WAAA;AAAA,EAAA;AAAA,EAGJ,aAAqB;AACxB,WAAO,GAAG,KAAK,IAAI,IAAI,KAAK,iBAAiB;AAAA,EAAA;AAAA,EAG1C,WAAmB;AACtB,WAAO,GAAG,KAAK,IAAI,IAAI,KAAK,SAAS;AAAA,EAAA;AAE7C;"}

package/dist/esm/chunks/animate-Bz27WCqr.mjs

@@ -1,88 +0,0 @@
-/*! Evance UI v1.0.36 | MIT License */
-import { d as isEmpty } from "./is-functions-DV0o6XE9.mjs";
-function animate(el, keyframes, options) {
-  if (typeof Animation === "undefined" || isEmpty(el.animate)) {
-    return animateFinished;
-  }
-  let animation;
-  try {
-    animation = el.animate(keyframes, options);
-  } catch (e) {
-    return animateFinished;
-  }
-  if (!("finished" in Animation.prototype) || isEmpty(animation.finished)) {
-    animation.finished = new Promise((resolve) => {
-      animation.onfinish = () => {
-        resolve(animation);
-      };
-    });
-  }
-  if (!("cancel" in Animation.prototype) || isEmpty(animation.cancel)) {
-    animation.cancel = new Promise((resolve, reject) => {
-      animation.oncancel = () => {
-        reject(animation);
-      };
-    });
-  }
-  return animation;
-}
-const animateFinished = {
-  finished: Promise.resolve()
-};
-function clickBlockedAnimation(el) {
-  if (isEmpty(el)) {
-    return null;
-  }
-  return animate(
-    el,
-    [
-      { transformOrigin: "center" },
-      { transform: "scale(1.05) translateY(-3px)" },
-      { transformOrigin: "center" }
-    ],
-    {
-      duration: 250,
-      easing: "cubic-bezier(0.4, 0, 0.2, 1)"
-    }
-  );
-}
-let clean = true;
-const frames = [];
-function requestNewFrame(callback) {
-  if (!clean || frames.length) {
-    frames.push(callback);
-    run();
-  } else {
-    clean = false;
-    callback();
-    run();
-  }
-}
-let raf = -1;
-function run() {
-  cancelAnimationFrame(raf);
-  raf = requestAnimationFrame(() => {
-    const frame = frames.shift();
-    if (frame) {
-      frame();
-    }
-    if (frames.length) {
-      run();
-    } else {
-      clean = true;
-    }
-  });
-}
-const easingStandard = "cubic-bezier(0.4, 0, 0.2, 1)";
-const easingDecelerate = "cubic-bezier(0.0, 0, 0.2, 1)";
-const easingAccelerate = "cubic-bezier(0.4, 0, 1, 1)";
-export {
-  animate as a,
-  easingAccelerate as b,
-  easingDecelerate as c,
-  clickBlockedAnimation as d,
-  easingStandard as e,
-  animateFinished as f,
-  requestNewFrame as r
-};
-//# sourceMappingURL=animate-Bz27WCqr.mjs.map

package/dist/esm/chunks/animate-Bz27WCqr.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"animate-Bz27WCqr.mjs","sources":["../../../src/util/animate.ts"],"sourcesContent":["import { isEmpty } from \"./is-functions\";\n\n/**\n * # Animate\n *\n * We take advantage of the Element interface's animate() method.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/animate\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats\n *\n * @param el The element we wish to animate\n * @param keyframes The keyframes to use during animation (see the Keyframes format)\n * @param options An integer duration (in milliseconds), OR an Object containing timing properties\n */\nexport function animate(\n    el: Element,\n    keyframes: Keyframe[] | PropertyIndexedKeyframes | null,\n    options?: number | KeyframeAnimationOptions,\n) {\n    if (typeof Animation === \"undefined\" || isEmpty(el.animate)) {\n        return animateFinished;\n    }\n    let animation: Animation;\n    try {\n        animation = el.animate(keyframes, options);\n    } catch (e) {\n        return animateFinished;\n    }\n    // Polyfill if `finished` is unavailable\n    if (!(\"finished\" in Animation.prototype) || isEmpty(animation.finished)) {\n        (animation as any).finished = new Promise((resolve) => {\n            animation.onfinish = () => {\n                resolve(animation);\n            };\n        });\n    }\n    // Polyfill if `cancel` is unavailable\n    if (!(\"cancel\" in Animation.prototype) || isEmpty(animation.cancel)) {\n        (animation as any).cancel = new Promise((resolve, reject) => {\n            animation.oncancel = () => {\n                reject(animation);\n            };\n        });\n    }\n    return animation;\n}\n\n/**\n * ## Animate Finished\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Animation/finished\n */\nexport const animateFinished = {\n    finished: Promise.resolve(),\n} as const;\n\n/**\n * # Click Blocked Animation\n * @param el\n */\nexport function clickBlockedAnimation(el: HTMLElement | null | undefined) {\n    if (isEmpty(el)) {\n        return null;\n    }\n    return animate(\n        el!,\n        [\n            { transformOrigin: \"center\" },\n            { transform: \"scale(1.05) translateY(-3px)\" },\n            { transformOrigin: \"center\" },\n        ],\n        {\n            duration: 250,\n            easing: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n        },\n    );\n}\n\nlet clean = true;\nconst frames = [] as any[];\n\n/**\n * Schedule a task to run in an animation frame on its own\n * This is useful for heavy tasks that may cause jank if all ran together\n */\nexport function requestNewFrame(callback: () => void) {\n    if (!clean || frames.length) {\n        frames.push(callback);\n        run();\n    } else {\n        clean = false;\n        callback();\n        run();\n    }\n}\n\nlet raf = -1;\nfunction run() {\n    cancelAnimationFrame(raf);\n    raf = requestAnimationFrame(() => {\n        const frame = frames.shift();\n        if (frame) {\n            frame();\n        }\n        if (frames.length) {\n            run();\n        } else {\n            clean = true;\n        }\n    });\n}\n\nexport const easingStandard = \"cubic-bezier(0.4, 0, 0.2, 1)\";\nexport const easingDecelerate = \"cubic-bezier(0.0, 0, 0.2, 1)\"; // Entering\nexport const easingAccelerate = \"cubic-bezier(0.4, 0, 1, 1)\"; // Leaving\n"],"names":[],"mappings":";;AAcgB,SAAA,QACZ,IACA,WACA,SACF;AACE,MAAI,OAAO,cAAc,eAAe,QAAQ,GAAG,OAAO,GAAG;AAClD,WAAA;AAAA,EAAA;AAEP,MAAA;AACA,MAAA;AACY,gBAAA,GAAG,QAAQ,WAAW,OAAO;AAAA,WACpC,GAAG;AACD,WAAA;AAAA,EAAA;AAGX,MAAI,EAAE,cAAc,UAAU,cAAc,QAAQ,UAAU,QAAQ,GAAG;AACpE,cAAkB,WAAW,IAAI,QAAQ,CAAC,YAAY;AACnD,gBAAU,WAAW,MAAM;AACvB,gBAAQ,SAAS;AAAA,MACrB;AAAA,IAAA,CACH;AAAA,EAAA;AAGL,MAAI,EAAE,YAAY,UAAU,cAAc,QAAQ,UAAU,MAAM,GAAG;AAChE,cAAkB,SAAS,IAAI,QAAQ,CAAC,SAAS,WAAW;AACzD,gBAAU,WAAW,MAAM;AACvB,eAAO,SAAS;AAAA,MACpB;AAAA,IAAA,CACH;AAAA,EAAA;AAEE,SAAA;AACX;AAOO,MAAM,kBAAkB;AAAA,EAC3B,UAAU,QAAQ,QAAQ;AAC9B;AAMO,SAAS,sBAAsB,IAAoC;AAClE,MAAA,QAAQ,EAAE,GAAG;AACN,WAAA;AAAA,EAAA;AAEJ,SAAA;AAAA,IACH;AAAA,IACA;AAAA,MACI,EAAE,iBAAiB,SAAS;AAAA,MAC5B,EAAE,WAAW,+BAA+B;AAAA,MAC5C,EAAE,iBAAiB,SAAS;AAAA,IAChC;AAAA,IACA;AAAA,MACI,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,EAEhB;AACJ;AAEA,IAAI,QAAQ;AACZ,MAAM,SAAS,CAAC;AAMT,SAAS,gBAAgB,UAAsB;AAC9C,MAAA,CAAC,SAAS,OAAO,QAAQ;AACzB,WAAO,KAAK,QAAQ;AAChB,QAAA;AAAA,EAAA,OACD;AACK,YAAA;AACC,aAAA;AACL,QAAA;AAAA,EAAA;AAEZ;AAEA,IAAI,MAAM;AACV,SAAS,MAAM;AACX,uBAAqB,GAAG;AACxB,QAAM,sBAAsB,MAAM;AACxB,UAAA,QAAQ,OAAO,MAAM;AAC3B,QAAI,OAAO;AACD,YAAA;AAAA,IAAA;AAEV,QAAI,OAAO,QAAQ;AACX,UAAA;AAAA,IAAA,OACD;AACK,cAAA;AAAA,IAAA;AAAA,EACZ,CACH;AACL;AAEO,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;"}

package/dist/esm/chunks/appearance-n5ZZbaNU.mjs

@@ -1,146 +0,0 @@
-/*! Evance UI v1.0.36 | MIT License */
-import { p as propsFactory } from "./props-2s59DNIa.mjs";
-import { computed, unref } from "vue";
-import { a as appearanceModifier, v as variantModifier, m as makeClassName } from "./modifiers-BVTtETUg.mjs";
-const Appearance = {
-  default: "default",
-  danger: "danger",
-  information: "information",
-  notice: "notice",
-  primary: "primary",
-  success: "success",
-  warning: "warning"
-};
-const Variant = {
-  default: "default",
-  bold: "bold",
-  outlined: "outlined",
-  subtle: "subtle",
-  tonal: "tonal"
-};
-const makeAppearanceProps = propsFactory(
-  {
-    appearance: {
-      type: String,
-      default: Appearance.default
-    },
-    variant: {
-      type: String,
-      default: Variant.default
-    }
-  },
-  "Appearance"
-);
-function useAppearance(props, group = null, isActive = null, defaultVariant = Variant.default) {
-  const appearanceName = computed(() => {
-    const { appearance } = unref(props);
-    const value = (isActive == null ? void 0 : isActive.value) ? (group == null ? void 0 : group.selectedAppearance.value) ?? appearance : appearance;
-    return value ?? Appearance.default;
-  });
-  const appearanceClass = computed(() => {
-    return appearanceModifier(appearanceName.value);
-  });
-  const variantName = computed(() => {
-    const { variant } = unref(props);
-    let value = (isActive == null ? void 0 : isActive.value) ? (group == null ? void 0 : group.selectedVariant.value) ?? variant : variant;
-    value = value ?? Variant.default;
-    if (appearanceName.value !== Appearance.default && value === Variant.default) {
-      value = defaultVariant;
-    }
-    return value;
-  });
-  const variantClass = computed(() => {
-    return variantModifier(variantName.value);
-  });
-  return {
-    appearance: appearanceName,
-    appearanceClass,
-    variant: variantName,
-    variantClass
-  };
-}
-const InputAppearance = {
-  default: Appearance.default,
-  button: "button",
-  none: "none",
-  subtle: "subtle"
-};
-const makeInputAppearanceProps = propsFactory(
-  {
-    appearance: {
-      type: String,
-      default: InputAppearance.default
-    }
-  },
-  "InputAppearance"
-);
-const InputSize = {
-  default: "medium",
-  xSmall: "x-small",
-  small: "small",
-  medium: "medium",
-  large: "large",
-  xLarge: "x-large"
-};
-const makeInputSizeProps = propsFactory(
-  {
-    size: {
-      type: String,
-      default: InputSize.default
-    }
-  },
-  "InputSize"
-);
-const TextAlign = {
-  default: "left",
-  left: "left",
-  center: "center",
-  right: "right"
-};
-const makeTextAlignProps = propsFactory(
-  {
-    align: {
-      type: String,
-      default: TextAlign.default
-    }
-  },
-  "TextAlign"
-);
-const TextAppearance = {
-  ...Appearance,
-  inverse: "inverse",
-  subtle: "subtle"
-};
-const makeTextAppearanceProps = propsFactory(
-  {
-    appearance: {
-      type: String,
-      default: TextAppearance.default
-    }
-  },
-  "TextAppearance"
-);
-function useTextAppearance(props) {
-  const appearanceClass = computed(() => {
-    return makeClassName(props.appearance, "color", ["default"]);
-  });
-  return {
-    appearanceClass
-  };
-}
-export {
-  Appearance as A,
-  InputSize as I,
-  TextAlign as T,
-  Variant as V,
-  useTextAppearance as a,
-  makeAppearanceProps as b,
-  makeInputAppearanceProps as c,
-  InputAppearance as d,
-  makeInputSizeProps as e,
-  makeTextAlignProps as f,
-  TextAppearance as g,
-  makeTextAppearanceProps as m,
-  useAppearance as u
-};
-//# sourceMappingURL=appearance-n5ZZbaNU.mjs.map

package/dist/esm/chunks/appearance-n5ZZbaNU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"appearance-n5ZZbaNU.mjs","sources":["../../../src/util/appearance.ts"],"sourcesContent":["import { propsFactory } from \"./props\";\r\nimport { computed, MaybeRef, PropType, Ref, unref } from \"vue\";\r\nimport {\r\n    appearanceModifier,\r\n    makeClassName,\r\n    variantModifier,\r\n} from \"@/util/modifiers\";\r\nimport { GroupItemProvide } from \"@/composables/groupItem\";\r\n\r\n/**\r\n * # Appearance\r\n *\r\n * Default appearance keys for\r\n *\r\n */\r\nexport const Appearance = {\r\n    default: \"default\",\r\n    danger: \"danger\",\r\n    information: \"information\",\r\n    notice: \"notice\",\r\n    primary: \"primary\",\r\n    success: \"success\",\r\n    warning: \"warning\",\r\n} as const;\r\n\r\nexport type AppearanceProp = (typeof Appearance)[keyof typeof Appearance];\r\n\r\nexport const Variant = {\r\n    default: \"default\",\r\n    bold: \"bold\",\r\n    outlined: \"outlined\",\r\n    subtle: \"subtle\",\r\n    tonal: \"tonal\",\r\n} as const;\r\n\r\nexport type VariantProp = (typeof Variant)[keyof typeof Variant];\r\n\r\nexport interface AppearanceProps {\r\n    appearance: AppearanceProp;\r\n    variant?: VariantProp;\r\n}\r\n\r\nexport const makeAppearanceProps = propsFactory(\r\n    {\r\n        appearance: {\r\n            type: String as PropType<AppearanceProp>,\r\n            default: Appearance.default,\r\n        },\r\n        variant: {\r\n            type: String as PropType<VariantProp>,\r\n            default: Variant.default,\r\n        },\r\n    },\r\n    \"Appearance\",\r\n);\r\n\r\n/**\r\n * # useAppearance\r\n *\r\n * @param props\r\n * @param group\r\n * @param isActive\r\n * @param defaultVariant\r\n */\r\nexport function useAppearance(\r\n    props: MaybeRef<Partial<AppearanceProps>>,\r\n    group: GroupItemProvide | null = null,\r\n    isActive: Ref<boolean | undefined> | null = null,\r\n    defaultVariant: string = Variant.default,\r\n) {\r\n    const appearanceName = computed(() => {\r\n        const { appearance } = unref(props);\r\n        const value = isActive?.value\r\n            ? group?.selectedAppearance.value ?? appearance\r\n            : appearance;\r\n        return value ?? Appearance.default;\r\n    });\r\n\r\n    // Appearance modifier classes\r\n    const appearanceClass = computed(() => {\r\n        return appearanceModifier(appearanceName.value);\r\n    });\r\n\r\n    const variantName = computed(() => {\r\n        const { variant } = unref(props);\r\n        let value = isActive?.value\r\n            ? group?.selectedVariant.value ?? variant\r\n            : variant;\r\n        value = value ?? Variant.default;\r\n        if (\r\n            appearanceName.value !== Appearance.default &&\r\n            value === Variant.default\r\n        ) {\r\n            value = defaultVariant;\r\n        }\r\n        return value;\r\n    });\r\n\r\n    const variantClass = computed(() => {\r\n        return variantModifier(variantName.value);\r\n    });\r\n\r\n    return {\r\n        appearance: appearanceName,\r\n        appearanceClass,\r\n        variant: variantName,\r\n        variantClass,\r\n    };\r\n}\r\n\r\n/**\r\n * # Input Appearance\r\n */\r\nexport const InputAppearance = {\r\n    default: Appearance.default,\r\n    button: \"button\",\r\n    none: \"none\",\r\n    subtle: \"subtle\",\r\n} as const;\r\n\r\nexport type InputAppearanceProp =\r\n    (typeof InputAppearance)[keyof typeof InputAppearance];\r\n\r\nexport const makeInputAppearanceProps = propsFactory(\r\n    {\r\n        appearance: {\r\n            type: String as PropType<InputAppearanceProp>,\r\n            default: InputAppearance.default,\r\n        },\r\n    },\r\n    \"InputAppearance\",\r\n);\r\n\r\n/**\r\n * # Input Sizes\r\n */\r\nexport const InputSize = {\r\n    default: \"medium\",\r\n    xSmall: \"x-small\",\r\n    small: \"small\",\r\n    medium: \"medium\",\r\n    large: \"large\",\r\n    xLarge: \"x-large\",\r\n} as const;\r\n\r\nexport type InputSizeProp = (typeof InputSize)[keyof typeof InputSize];\r\nexport const makeInputSizeProps = propsFactory(\r\n    {\r\n        size: {\r\n            type: String as PropType<InputSizeProp>,\r\n            default: InputSize.default,\r\n        },\r\n    },\r\n    \"InputSize\",\r\n);\r\n\r\n/**\r\n * # Text Align\r\n */\r\nexport const TextAlign = {\r\n    default: \"left\",\r\n    left: \"left\",\r\n    center: \"center\",\r\n    right: \"right\",\r\n} as const;\r\nexport type TextAlignProp = (typeof TextAlign)[keyof typeof TextAlign];\r\nexport const makeTextAlignProps = propsFactory(\r\n    {\r\n        align: {\r\n            type: String as PropType<TextAlignProp>,\r\n            default: TextAlign.default,\r\n        },\r\n    },\r\n    \"TextAlign\",\r\n);\r\n\r\n/**\r\n * Text Appearance\r\n */\r\nexport const TextAppearance = {\r\n    ...Appearance,\r\n    inverse: \"inverse\",\r\n    subtle: \"subtle\",\r\n} as const;\r\n\r\nexport type TextAppearanceProp =\r\n    (typeof TextAppearance)[keyof typeof TextAppearance];\r\n\r\nexport const makeTextAppearanceProps = propsFactory(\r\n    {\r\n        appearance: {\r\n            type: String as PropType<TextAppearanceProp>,\r\n            default: TextAppearance.default,\r\n        },\r\n    },\r\n    \"TextAppearance\",\r\n);\r\n\r\nexport interface TextAppearanceProps {\r\n    appearance: TextAppearanceProp;\r\n}\r\n\r\nexport function useTextAppearance(\r\n    props: TextAppearanceProps,\r\n) {\r\n    const appearanceClass = computed(() => {\r\n        return makeClassName(props.appearance, \"color\", [\"default\"]);\r\n    });\r\n    return {\r\n        appearanceClass,\r\n    };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/chunks/component-B7n8wpjB.mjs

@@ -1,16 +0,0 @@
-/*! Evance UI v1.0.36 | MIT License */
-import { p as propsFactory } from "./props-2s59DNIa.mjs";
-const makeComponentProps = propsFactory(
-  {
-    class: [String, Array],
-    style: {
-      type: [String, Array, Object],
-      default: null
-    }
-  },
-  "component"
-);
-export {
-  makeComponentProps as m
-};
-//# sourceMappingURL=component-B7n8wpjB.mjs.map

package/dist/esm/chunks/component-B7n8wpjB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-B7n8wpjB.mjs","sources":["../../../src/composables/component.ts"],"sourcesContent":["// Composables\nimport { propsFactory } from \"@/util\";\nimport { PropType, StyleValue } from \"vue\";\n\nexport type ClassValue = any;\n\nexport interface ComponentProps {\n    class?: ClassValue;\n    style?: StyleValue | undefined;\n}\n\nexport const makeComponentProps = propsFactory(\n    {\n        class: [String, Array] as PropType<ClassValue>,\n        style: {\n            type: [String, Array, Object] as PropType<StyleValue>,\n            default: null,\n        },\n    },\n    \"component\",\n);\n"],"names":[],"mappings":";;AAWO,MAAM,qBAAqB;AAAA,EAC9B;AAAA,IACI,OAAO,CAAC,QAAQ,KAAK;AAAA,IACrB,OAAO;AAAA,MACH,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IAAA;AAAA,EAEjB;AAAA,EACA;AACJ;"}

package/dist/esm/chunks/components-CBxMpXuv.mjs

@@ -1,13 +0,0 @@
-/*! Evance UI v1.0.36 | MIT License */
-import { getCurrentInstance } from "vue";
-function getCurrentComponent(callee) {
-  const component = getCurrentInstance();
-  if (!component) {
-    throw new Error(`Evance UI: ${callee} requires a component instance`);
-  }
-  return component;
-}
-export {
-  getCurrentComponent as g
-};
-//# sourceMappingURL=components-CBxMpXuv.mjs.map

package/dist/esm/chunks/components-CBxMpXuv.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"components-CBxMpXuv.mjs","sources":["../../../src/util/components.ts"],"sourcesContent":["import { ComponentInternalInstance, getCurrentInstance } from \"vue\";\n\n/**\n * # Get Current Component\n *\n * Gets the current instance of component from vue.\n *\n * @param callee\n */\nexport function getCurrentComponent(callee: string): ComponentInternalInstance {\n    const component = getCurrentInstance();\n    if (!component) {\n        throw new Error(`Evance UI: ${callee} requires a component instance`);\n    }\n    return component;\n}\n"],"names":[],"mappings":";;AASO,SAAS,oBAAoB,QAA2C;AAC3E,QAAM,YAAY,mBAAmB;AACrC,MAAI,CAAC,WAAW;AACZ,UAAM,IAAI,MAAM,cAAc,MAAM,gCAAgC;AAAA,EAAA;AAEjE,SAAA;AACX;"}

package/dist/esm/chunks/console-Cya9MeEd.mjs

@@ -1,12 +0,0 @@
-/*! Evance UI v1.0.36 | MIT License */
-function consoleWarn(message) {
-  console.warn(`Evance UI: ${message}`);
-}
-function consoleError(message) {
-  console.error(`Evance UI: ${message}`);
-}
-export {
-  consoleError as a,
-  consoleWarn as c
-};
-//# sourceMappingURL=console-Cya9MeEd.mjs.map

package/dist/esm/chunks/console-Cya9MeEd.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"console-Cya9MeEd.mjs","sources":["../../../src/util/console.ts"],"sourcesContent":["/**\n * # Console Warn\n * @param message\n */\nexport function consoleWarn(message: string): void {\n    console.warn(`Evance UI: ${message}`);\n}\n\n/**\n * # Console Error\n * @param message\n */\nexport function consoleError(message: string): void {\n    console.error(`Evance UI: ${message}`);\n}\n"],"names":[],"mappings":";AAIO,SAAS,YAAY,SAAuB;AACvC,UAAA,KAAK,cAAc,OAAO,EAAE;AACxC;AAMO,SAAS,aAAa,SAAuB;AACxC,UAAA,MAAM,cAAc,OAAO,EAAE;AACzC;"}