@evance/evance-ui 1.0.39 → 1.0.41

package/dist/cjs/src/modules/Translation/TranslationCode.cjs

@@ -0,0 +1,43 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class TranslationCode {
+  /**
+   * @param languageCode
+   * @param countryCode
+   */
+  constructor(languageCode, countryCode = null) {
+    this.languageCode = languageCode;
+    this.countryCode = countryCode;
+  }
+  get isRegional() {
+    return !(this.countryCode === null);
+  }
+  /**
+   * ## From String
+   *
+   * Accepts an Evance Locale Code string e.g. 'en-gb'.
+   * But will also accept 'en_GB'.
+   * @param code
+   */
+  static fromString(code) {
+    var _a;
+    const matches = code.match(/^([a-zA-Z]{2,3})(?:[_-]([a-zA-Z]{2,3}))?$/);
+    if (!matches) {
+      throw new Error(
+        `Evance UI: The string '${code}' is not a valid Locale string`
+      );
+    }
+    const languageCode = matches[1].toLowerCase();
+    const countryCode = ((_a = matches[2]) == null ? void 0 : _a.toUpperCase()) || null;
+    return new this(languageCode, countryCode);
+  }
+  /**
+   * ## To String
+   */
+  toString() {
+    return this.languageCode + (this.isRegional ? "-" + this.countryCode : "");
+  }
+}
+exports.TranslationCode = TranslationCode;
+//# sourceMappingURL=TranslationCode.cjs.map

package/dist/cjs/src/modules/Translation/TranslationCode.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationCode.cjs","sources":["../../../../../src/modules/Translation/TranslationCode.ts"],"sourcesContent":["/**\n * # Translation Code\n *\n * Language Code: ISO 639-1 codes (required)\n * Country Code: ISO 3166-1 Alpha-2 country code (optional)\n */\nexport class TranslationCode {\n    /**\n     * @param languageCode\n     * @param countryCode\n     */\n    constructor(\n        public languageCode: string,\n        public countryCode: string | null = null,\n    ) {}\n\n    get isRegional(): boolean {\n        return !(this.countryCode === null);\n    }\n\n    /**\n     * ## From String\n     *\n     * Accepts an Evance Locale Code string e.g. 'en-gb'.\n     * But will also accept 'en_GB'.\n     * @param code\n     */\n    public static fromString(code: string) {\n        const matches = code.match(/^([a-zA-Z]{2,3})(?:[_-]([a-zA-Z]{2,3}))?$/);\n        if (!matches) {\n            throw new Error(\n                `Evance UI: The string '${code}' is not a valid Locale string`,\n            );\n        }\n        const languageCode = matches[1].toLowerCase();\n        const countryCode = matches[2]?.toUpperCase() || null;\n        return new this(languageCode, countryCode);\n    }\n\n    /**\n     * ## To String\n     */\n    public toString(): string {\n        return (\n            this.languageCode + (this.isRegional ? \"-\" + this.countryCode : \"\")\n        );\n    }\n}\n"],"names":[],"mappings":";;;AAMO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,YACW,cACA,cAA6B,MACtC;AAFS,SAAA,eAAA;AACA,SAAA,cAAA;AAAA,EAAA;AAAA,EAGX,IAAI,aAAsB;AACf,WAAA,EAAE,KAAK,gBAAgB;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUlC,OAAc,WAAW,MAAc;;AAC7B,UAAA,UAAU,KAAK,MAAM,2CAA2C;AACtE,QAAI,CAAC,SAAS;AACV,YAAM,IAAI;AAAA,QACN,0BAA0B,IAAI;AAAA,MAClC;AAAA,IAAA;AAEJ,UAAM,eAAe,QAAQ,CAAC,EAAE,YAAY;AAC5C,UAAM,gBAAc,aAAQ,CAAC,MAAT,mBAAY,kBAAiB;AAC1C,WAAA,IAAI,KAAK,cAAc,WAAW;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMtC,WAAmB;AACtB,WACI,KAAK,gBAAgB,KAAK,aAAa,MAAM,KAAK,cAAc;AAAA,EAAA;AAG5E;;"}

package/dist/cjs/src/modules/Translation/Translator.cjs

@@ -0,0 +1,115 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const LanguagePack = require("./LanguagePack.cjs");
+const Translatable = require("./Translatable.cjs");
+const Localized = require("../Locale/Localized.cjs");
+class Translator extends Localized.Localized {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "languagePacks", []);
+    __publicField(this, "translatables", /* @__PURE__ */ new Map());
+  }
+  /**
+   * ## Add Language Pack
+   *
+   * The new language pack is added to the beginning of the array of available language packs.
+   * This makes it possible for subsequent language packs to override references.
+   *
+   * @param locale
+   * @param messages
+   */
+  addLanguagePack(locale, messages) {
+    this.languagePacks.unshift(new LanguagePack.LanguagePack(locale, messages));
+  }
+  /**
+   * ## Get Closest Translatable
+   *
+   * Returns the closest available translatable object matching the reference supplied across all
+   * language packs matching translation codes from the locale, or the default.
+   *
+   * For example if a locale was supplied of "de-de", and our default translations were in "en",
+   * then we would search for language packs "de-de", "de" and "en" in sequence.
+   *
+   * @param locale
+   * @param reference
+   */
+  getClosestTranslatable(locale, reference) {
+    const translatableKey = `${locale}:${reference}`;
+    if (this.translatables.has(translatableKey)) {
+      return this.translatables.get(translatableKey);
+    }
+    const translationCodes = this.getTranslationCodes(locale);
+    for (const translationCode of translationCodes) {
+      const translatable = this.getTranslatable(
+        translationCode,
+        reference
+      );
+      if (translatable) {
+        this.translatables.set(translatableKey, translatable);
+        return translatable;
+      }
+    }
+    return void 0;
+  }
+  /**
+   * ## Get Language Packs
+   */
+  getLanguagePacks() {
+    return this.languagePacks;
+  }
+  /**
+   * # Get Language Packs for TranslationCode
+   *
+   * Returns the all available language pack matching the translation code.
+   *
+   * @param translationCode
+   */
+  getLanguagePacksForTranslationCode(translationCode) {
+    return this.languagePacks.filter((languagePack) => {
+      return languagePack.translationCode === translationCode;
+    });
+  }
+  /**
+   * ## Get Translatable
+   *
+   * Returns a translatable item from a language pack matching the supplied translation code.
+   * Returns `null` if either the language pack is unavailable, or if the
+   *
+   * @param translationCode
+   * @param reference
+   */
+  getTranslatable(translationCode, reference) {
+    const packs = this.getLanguagePacksForTranslationCode(translationCode);
+    for (const pack of packs) {
+      const translatable = pack.getTranslatable(reference);
+      if (translatable) {
+        return translatable;
+      }
+    }
+    return null;
+  }
+  /**
+   * ## Translate
+   *
+   * @param locale
+   * @param reference
+   * @param variables
+   */
+  translate(reference, variables = {}, locale = void 0) {
+    if (!locale) {
+      locale = this.currentLocale.value ?? this.defaultLocale.value;
+    }
+    const translatable = this.getClosestTranslatable(locale, reference);
+    if (translatable) {
+      return translatable.translate(variables);
+    }
+    const fallback = new Translatable.Translatable(locale, reference, reference);
+    return fallback.translate(variables);
+  }
+}
+exports.Translator = Translator;
+//# sourceMappingURL=Translator.cjs.map

package/dist/cjs/src/modules/Translation/Translator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Translator.cjs","sources":["../../../../../src/modules/Translation/Translator.ts"],"sourcesContent":["import {\n    LanguagePack,\n    LanguagePackData,\n} from \"@/modules/Translation/LanguagePack\";\nimport { Translatable } from \"@/modules/Translation/Translatable\";\nimport { Localized } from \"@/modules/Locale/Localized\";\n\n/**\n * # Translation Options\n *\n * When requesting a translation you may supply an object with keys matching\n * the variable names of the string template within a Language Pack.\n *\n * The only reserved key term is `ordinal`, which is reserved for telling the\n * translator that we should expect an ordinal, not a cardinal translation\n * from a pluralization rule set.\n *\n */\nexport type TranslationVariables = {\n    [key: string]: string | number | boolean;\n};\n\n/**\n * # Translator\n */\nexport class Translator extends Localized {\n    private languagePacks: LanguagePack[] = [];\n\n    private translatables: Map<string, Translatable> = new Map();\n\n    /**\n     * ## Add Language Pack\n     *\n     * The new language pack is added to the beginning of the array of available language packs.\n     * This makes it possible for subsequent language packs to override references.\n     *\n     * @param locale\n     * @param messages\n     */\n    public addLanguagePack(locale: string, messages: LanguagePackData): void {\n        this.languagePacks.unshift(new LanguagePack(locale, messages));\n    }\n\n    /**\n     * ## Get Closest Translatable\n     *\n     * Returns the closest available translatable object matching the reference supplied across all\n     * language packs matching translation codes from the locale, or the default.\n     *\n     * For example if a locale was supplied of \"de-de\", and our default translations were in \"en\",\n     * then we would search for language packs \"de-de\", \"de\" and \"en\" in sequence.\n     *\n     * @param locale\n     * @param reference\n     */\n    private getClosestTranslatable(\n        locale: string,\n        reference: string,\n    ): Translatable | undefined {\n        const translatableKey = `${locale}:${reference}`;\n\n        if (this.translatables.has(translatableKey)) {\n            return this.translatables.get(translatableKey);\n        }\n\n        const translationCodes = this.getTranslationCodes(locale);\n        for (const translationCode of translationCodes) {\n            const translatable = this.getTranslatable(\n                translationCode,\n                reference,\n            );\n            if (translatable) {\n                this.translatables.set(translatableKey, translatable);\n                return translatable;\n            }\n        }\n        return undefined;\n    }\n\n    /**\n     * ## Get Language Packs\n     */\n    public getLanguagePacks(): LanguagePack[] {\n        return this.languagePacks;\n    }\n\n    /**\n     * # Get Language Packs for TranslationCode\n     *\n     * Returns the all available language pack matching the translation code.\n     *\n     * @param translationCode\n     */\n    private getLanguagePacksForTranslationCode(\n        translationCode: string,\n    ): LanguagePack[] {\n        return this.languagePacks.filter((languagePack) => {\n            return languagePack.translationCode === translationCode;\n        });\n    }\n\n    /**\n     * ## Get Translatable\n     *\n     * Returns a translatable item from a language pack matching the supplied translation code.\n     * Returns `null` if either the language pack is unavailable, or if the\n     *\n     * @param translationCode\n     * @param reference\n     */\n    private getTranslatable(\n        translationCode: string,\n        reference: string,\n    ): Translatable | null {\n        const packs = this.getLanguagePacksForTranslationCode(translationCode);\n        for (const pack of packs) {\n            const translatable = pack.getTranslatable(reference);\n            if (translatable) {\n                return translatable;\n            }\n        }\n        return null;\n    }\n\n    /**\n     * ## Translate\n     *\n     * @param locale\n     * @param reference\n     * @param variables\n     */\n    public translate(\n        reference: string,\n        variables: TranslationVariables = {},\n        locale: string | undefined = undefined,\n    ): string | undefined {\n        if (!locale) {\n            locale = this.currentLocale.value ?? this.defaultLocale.value;\n        }\n        const translatable = this.getClosestTranslatable(locale, reference);\n        if (translatable) {\n            return translatable.translate(variables);\n        }\n        const fallback = new Translatable(locale, reference, reference);\n        return fallback.translate(variables);\n    }\n}\n"],"names":["Localized","LanguagePack","Translatable"],"mappings":";;;;;;;;;AAyBO,MAAM,mBAAmBA,UAAAA,UAAU;AAAA,EAAnC;AAAA;AACK,yCAAgC,CAAC;AAEjC,6DAA+C,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpD,gBAAgB,QAAgB,UAAkC;AACrE,SAAK,cAAc,QAAQ,IAAIC,aAAAA,aAAa,QAAQ,QAAQ,CAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAezD,uBACJ,QACA,WACwB;AACxB,UAAM,kBAAkB,GAAG,MAAM,IAAI,SAAS;AAE9C,QAAI,KAAK,cAAc,IAAI,eAAe,GAAG;AAClC,aAAA,KAAK,cAAc,IAAI,eAAe;AAAA,IAAA;AAG3C,UAAA,mBAAmB,KAAK,oBAAoB,MAAM;AACxD,eAAW,mBAAmB,kBAAkB;AAC5C,YAAM,eAAe,KAAK;AAAA,QACtB;AAAA,QACA;AAAA,MACJ;AACA,UAAI,cAAc;AACT,aAAA,cAAc,IAAI,iBAAiB,YAAY;AAC7C,eAAA;AAAA,MAAA;AAAA,IACX;AAEG,WAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMJ,mBAAmC;AACtC,WAAO,KAAK;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUR,mCACJ,iBACc;AACd,WAAO,KAAK,cAAc,OAAO,CAAC,iBAAiB;AAC/C,aAAO,aAAa,oBAAoB;AAAA,IAAA,CAC3C;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYG,gBACJ,iBACA,WACmB;AACb,UAAA,QAAQ,KAAK,mCAAmC,eAAe;AACrE,eAAW,QAAQ,OAAO;AAChB,YAAA,eAAe,KAAK,gBAAgB,SAAS;AACnD,UAAI,cAAc;AACP,eAAA;AAAA,MAAA;AAAA,IACX;AAEG,WAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUJ,UACH,WACA,YAAkC,CAAA,GAClC,SAA6B,QACX;AAClB,QAAI,CAAC,QAAQ;AACT,eAAS,KAAK,cAAc,SAAS,KAAK,cAAc;AAAA,IAAA;AAE5D,UAAM,eAAe,KAAK,uBAAuB,QAAQ,SAAS;AAClE,QAAI,cAAc;AACP,aAAA,aAAa,UAAU,SAAS;AAAA,IAAA;AAE3C,UAAM,WAAW,IAAIC,aAAAA,aAAa,QAAQ,WAAW,SAAS;AACvD,WAAA,SAAS,UAAU,SAAS;AAAA,EAAA;AAE3C;;"}

package/dist/cjs/src/services/dialog.cjs

@@ -0,0 +1,14 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const dialog$1 = require("../composables/dialog.cjs");
+const EvDialogServiceOpener = require("../components/EvDialog/EvDialogServiceOpener.cjs");
+const dialog = {
+  install: (app) => {
+    const service = new EvDialogServiceOpener.EvDialogServiceOpener(app);
+    app.config.globalProperties.$dialog = service;
+    app.provide(dialog$1.EvDialogServiceSymbol, service);
+  }
+};
+exports.default = dialog;
+//# sourceMappingURL=dialog.cjs.map

package/dist/cjs/src/services/dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.cjs","sources":["../../../../src/services/dialog.ts"],"sourcesContent":["import { App } from \"vue\";\nimport { EvDialogServiceSymbol } from \"@/composables/dialog\";\nimport { EvDialogServiceOpener } from \"@/components/EvDialog/EvDialogServiceOpener\";\n\n/**\n * # EvDialogService\n */\nexport default {\n    install: (app: App) => {\n        const service = new EvDialogServiceOpener(app);\n\n        // For options API - use with `this.$dialog`\n        app.config.globalProperties.$dialog = service;\n\n        // For composition API - use with `useDialog()`\n        app.provide(EvDialogServiceSymbol, service);\n    },\n};\n"],"names":["EvDialogServiceOpener","EvDialogServiceSymbol"],"mappings":";;;;;AAOA,MAAe,SAAA;AAAA,EACX,SAAS,CAAC,QAAa;AACb,UAAA,UAAU,IAAIA,sBAAA,sBAAsB,GAAG;AAGzC,QAAA,OAAO,iBAAiB,UAAU;AAGlC,QAAA,QAAQC,gCAAuB,OAAO;AAAA,EAAA;AAElD;;"}

package/dist/cjs/src/services/drawer.cjs

@@ -0,0 +1,14 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const drawer$1 = require("../composables/drawer.cjs");
+const EvDrawerServiceOpener = require("../components/EvDrawer/EvDrawerServiceOpener.cjs");
+const drawer = {
+  install: (app) => {
+    const service = new EvDrawerServiceOpener.EvDrawerServiceOpener(app);
+    app.config.globalProperties.$drawer = service;
+    app.provide(drawer$1.EvDrawerServiceSymbol, service);
+  }
+};
+exports.default = drawer;
+//# sourceMappingURL=drawer.cjs.map

package/dist/cjs/src/services/drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.cjs","sources":["../../../../src/services/drawer.ts"],"sourcesContent":["import { App } from \"vue\";\nimport { EvDrawerServiceSymbol } from \"@/composables/drawer\";\nimport { EvDrawerServiceOpener } from \"@/components/EvDrawer/EvDrawerServiceOpener\";\n\n/**\n * # EvDialogService\n */\nexport default {\n    install: (app: App) => {\n        const service = new EvDrawerServiceOpener(app);\n\n        // For options API - use with `this.$drawer`\n        app.config.globalProperties.$drawer = service;\n\n        // For composition API - use with `useDrawer()`\n        app.provide(EvDrawerServiceSymbol, service);\n    },\n};\n"],"names":["EvDrawerServiceOpener","EvDrawerServiceSymbol"],"mappings":";;;;;AAOA,MAAe,SAAA;AAAA,EACX,SAAS,CAAC,QAAa;AACb,UAAA,UAAU,IAAIA,sBAAA,sBAAsB,GAAG;AAGzC,QAAA,OAAO,iBAAiB,UAAU;AAGlC,QAAA,QAAQC,gCAAuB,OAAO;AAAA,EAAA;AAElD;;"}

package/dist/cjs/src/services/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dialog = require("./dialog.cjs");
+const drawer = require("./drawer.cjs");
+const notification = require("./notification.cjs");
+exports.EvDialogService = dialog.default;
+exports.EvDrawerService = drawer.default;
+exports.EvNotificationService = notification.default;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/src/services/index.cjs.map

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

package/dist/cjs/src/services/notification.cjs

@@ -0,0 +1,14 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvNotificationsManager = require("../components/EvNotifications/EvNotificationsManager.cjs");
+const notification$1 = require("../composables/notification.cjs");
+const notification = {
+  install: (app) => {
+    const service = new EvNotificationsManager.EvNotificationsManager();
+    app.config.globalProperties.$notification = service;
+    app.provide(notification$1.EvNotificationServiceSymbol, service);
+  }
+};
+exports.default = notification;
+//# sourceMappingURL=notification.cjs.map

package/dist/cjs/src/services/notification.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.cjs","sources":["../../../../src/services/notification.ts"],"sourcesContent":["import { App } from \"vue\";\nimport { EvNotificationsManager } from \"@/components/EvNotifications/EvNotificationsManager\";\nimport { EvNotificationServiceSymbol } from \"@/composables/notification\";\n\n/**\n * # EvNotificationService\n */\nexport default {\n    install: (app: App) => {\n        const service = new EvNotificationsManager();\n\n        // For options API - use with `this.$dialog`\n        app.config.globalProperties.$notification = service;\n\n        // For composition API - use with `useDialog()`\n        app.provide(EvNotificationServiceSymbol, service);\n    },\n};\n"],"names":["EvNotificationsManager","EvNotificationServiceSymbol"],"mappings":";;;;;AAOA,MAAe,eAAA;AAAA,EACX,SAAS,CAAC,QAAa;AACb,UAAA,UAAU,IAAIA,8CAAuB;AAGvC,QAAA,OAAO,iBAAiB,gBAAgB;AAGxC,QAAA,QAAQC,4CAA6B,OAAO;AAAA,EAAA;AAExD;;"}

package/dist/cjs/src/util/anchor.cjs

@@ -0,0 +1,98 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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}`;
+  }
+}
+exports.Anchor = Anchor;
+//# sourceMappingURL=anchor.cjs.map

package/dist/cjs/src/util/anchor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.cjs","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/cjs/src/util/animate.cjs

@@ -0,0 +1,88 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isFunctions = require("./is-functions.cjs");
+function animate(el, keyframes, options) {
+  if (typeof Animation === "undefined" || isFunctions.isEmpty(el.animate)) {
+    return animateFinished;
+  }
+  let animation;
+  try {
+    animation = el.animate(keyframes, options);
+  } catch (e) {
+    return animateFinished;
+  }
+  if (!("finished" in Animation.prototype) || isFunctions.isEmpty(animation.finished)) {
+    animation.finished = new Promise((resolve) => {
+      animation.onfinish = () => {
+        resolve(animation);
+      };
+    });
+  }
+  if (!("cancel" in Animation.prototype) || isFunctions.isEmpty(animation.cancel)) {
+    animation.cancel = new Promise((resolve, reject) => {
+      animation.oncancel = () => {
+        reject(animation);
+      };
+    });
+  }
+  return animation;
+}
+const animateFinished = {
+  finished: Promise.resolve()
+};
+function clickBlockedAnimation(el) {
+  if (isFunctions.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)";
+exports.animate = animate;
+exports.animateFinished = animateFinished;
+exports.clickBlockedAnimation = clickBlockedAnimation;
+exports.easingAccelerate = easingAccelerate;
+exports.easingDecelerate = easingDecelerate;
+exports.easingStandard = easingStandard;
+exports.requestNewFrame = requestNewFrame;
+//# sourceMappingURL=animate.cjs.map

package/dist/cjs/src/util/animate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate.cjs","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":["isEmpty"],"mappings":";;;;AAcgB,SAAA,QACZ,IACA,WACA,SACF;AACE,MAAI,OAAO,cAAc,eAAeA,YAAQ,QAAA,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,cAAcA,oBAAQ,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,cAAcA,oBAAQ,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,MAAAA,YAAAA,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/cjs/src/util/appearance.cjs

@@ -0,0 +1,146 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const props = require("./props.cjs");
+const vue = require("vue");
+const modifiers = require("./modifiers.cjs");
+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 = props.propsFactory(
+  {
+    appearance: {
+      type: String,
+      default: Appearance.default
+    },
+    variant: {
+      type: String,
+      default: Variant.default
+    }
+  },
+  "Appearance"
+);
+function useAppearance(props2, group = null, isActive = null, defaultVariant = Variant.default) {
+  const appearanceName = vue.computed(() => {
+    const { appearance } = vue.unref(props2);
+    const value = (isActive == null ? void 0 : isActive.value) ? (group == null ? void 0 : group.selectedAppearance.value) ?? appearance : appearance;
+    return value ?? Appearance.default;
+  });
+  const appearanceClass = vue.computed(() => {
+    return modifiers.appearanceModifier(appearanceName.value);
+  });
+  const variantName = vue.computed(() => {
+    const { variant } = vue.unref(props2);
+    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 = vue.computed(() => {
+    return modifiers.variantModifier(variantName.value);
+  });
+  return {
+    appearance: appearanceName,
+    appearanceClass,
+    variant: variantName,
+    variantClass
+  };
+}
+const InputAppearance = {
+  default: Appearance.default,
+  button: "button",
+  none: "none",
+  subtle: "subtle"
+};
+const makeInputAppearanceProps = props.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 = props.propsFactory(
+  {
+    size: {
+      type: String,
+      default: InputSize.default
+    }
+  },
+  "InputSize"
+);
+const TextAlign = {
+  default: "left",
+  left: "left",
+  center: "center",
+  right: "right"
+};
+const makeTextAlignProps = props.propsFactory(
+  {
+    align: {
+      type: String,
+      default: TextAlign.default
+    }
+  },
+  "TextAlign"
+);
+const TextAppearance = {
+  ...Appearance,
+  inverse: "inverse",
+  subtle: "subtle"
+};
+const makeTextAppearanceProps = props.propsFactory(
+  {
+    appearance: {
+      type: String,
+      default: TextAppearance.default
+    }
+  },
+  "TextAppearance"
+);
+function useTextAppearance(props2) {
+  const appearanceClass = vue.computed(() => {
+    return modifiers.makeClassName(props2.appearance, "color", ["default"]);
+  });
+  return {
+    appearanceClass
+  };
+}
+exports.Appearance = Appearance;
+exports.InputAppearance = InputAppearance;
+exports.InputSize = InputSize;
+exports.TextAlign = TextAlign;
+exports.TextAppearance = TextAppearance;
+exports.Variant = Variant;
+exports.makeAppearanceProps = makeAppearanceProps;
+exports.makeInputAppearanceProps = makeInputAppearanceProps;
+exports.makeInputSizeProps = makeInputSizeProps;
+exports.makeTextAlignProps = makeTextAlignProps;
+exports.makeTextAppearanceProps = makeTextAppearanceProps;
+exports.useAppearance = useAppearance;
+exports.useTextAppearance = useTextAppearance;
+//# sourceMappingURL=appearance.cjs.map

package/dist/cjs/src/util/appearance.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.cjs","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":["propsFactory","props","computed","unref","appearanceModifier","variantModifier","makeClassName"],"mappings":"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"}

package/dist/cjs/src/util/array.cjs

@@ -0,0 +1,12 @@
+"use strict";
+/*! Evance UI v1.0.40 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function randomArrayItem(array, emptyValue) {
+  if (array.length === 0) {
+    return emptyValue;
+  }
+  const randomIndex = Math.floor(Math.random() * array.length);
+  return array[randomIndex];
+}
+exports.randomArrayItem = randomArrayItem;
+//# sourceMappingURL=array.cjs.map

package/dist/cjs/src/util/array.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.cjs","sources":["../../../../src/util/array.ts"],"sourcesContent":["/**\n * # randomArrayItem\n *\n * Returns a random element from any array, or `undefined` if the array is empty.\n *\n * You can change the value returned if the array is empty by supplying the `emptyValue`.\n *\n * @param array\n * @param emptyValue\n */\nexport function randomArrayItem(array: any[], emptyValue?: any) {\n    if (array.length === 0) {\n        return emptyValue;\n    }\n    const randomIndex = Math.floor(Math.random() * array.length);\n    return array[randomIndex];\n}\n"],"names":[],"mappings":";;;AAUgB,SAAA,gBAAgB,OAAc,YAAkB;AACxD,MAAA,MAAM,WAAW,GAAG;AACb,WAAA;AAAA,EAAA;AAEX,QAAM,cAAc,KAAK,MAAM,KAAK,OAAO,IAAI,MAAM,MAAM;AAC3D,SAAO,MAAM,WAAW;AAC5B;;"}