@evance/evance-ui 1.0.38 → 1.0.40

package/dist/esm/chunks/anchor-Wh0s-znl.mjs

@@ -0,0 +1,98 @@
+/*! Evance UI v1.0.40 | 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-Wh0s-znl.mjs.map

package/dist/esm/chunks/anchor-Wh0s-znl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-Wh0s-znl.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-CPLzdQ9X.mjs

@@ -0,0 +1,88 @@
+/*! Evance UI v1.0.40 | MIT License */
+import { d as isEmpty } from "./is-functions-mbSk0wXG.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-CPLzdQ9X.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animate-CPLzdQ9X.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-CEdpAlZF.mjs

@@ -0,0 +1,146 @@
+/*! Evance UI v1.0.40 | MIT License */
+import { p as propsFactory } from "./props-DC84orEr.mjs";
+import { computed, unref } from "vue";
+import { a as appearanceModifier, v as variantModifier, m as makeClassName } from "./modifiers-DXWUDX56.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-CEdpAlZF.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"appearance-CEdpAlZF.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-B_uzKus7.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"component-B_uzKus7.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-DXtB006g.mjs

@@ -0,0 +1,13 @@
+/*! Evance UI v1.0.40 | 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-DXtB006g.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-DXtB006g.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-BxianKbW.mjs

@@ -0,0 +1,12 @@
+/*! Evance UI v1.0.40 | 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-BxianKbW.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"console-BxianKbW.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;"}