@evance/evance-ui 1.0.14 → 1.0.16

package/dist/esm/locale-BaaGF1AP.mjs

@@ -0,0 +1,400 @@
+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.16 | MIT License */
+import { shallowRef, inject } from "vue";
+import { L as LocaleCode } from "./LocaleCode-CIC2F1rq.mjs";
+import { a as isObject, i as isString, b as isBoolean, k as isNumber } from "./is-functions-BX-xFd1P.mjs";
+import { c as createStringTemplate } from "./strings-BtBPpRu3.mjs";
+import { i as getPropertyValueByPath } from "./helpers-3Kc3JPa3.mjs";
+class Localized {
+  /**
+   * @param defaultLocale
+   * @param currentLocale
+   */
+  constructor(defaultLocale, currentLocale) {
+    this.defaultLocale = defaultLocale;
+    this.currentLocale = currentLocale;
+  }
+  /**
+   * ## Get Translation Codes
+   *
+   * Returns all the translation codes for the Locale we should use when getting a translatable.
+   * This includes a fallback to our default TranslationCode.
+   *
+   * @param locale
+   */
+  getTranslationCodes(locale) {
+    const localeCode = LocaleCode.fromString(locale);
+    const translationCodes = localeCode.toTranslationCodes();
+    if (!translationCodes.find(
+      (code) => code === this.defaultLocale.value
+    )) {
+      translationCodes.push(this.defaultLocale.value);
+    }
+    return translationCodes;
+  }
+  /**
+   * ## Set Current Locale
+   *
+   * Set the current locale so that we don't have to use it in each translate call,
+   * unless we want to.
+   *
+   * @param locale
+   */
+  setCurrentLocale(locale) {
+    this.currentLocale.value = locale;
+  }
+  /**
+   * ## Set Default Locale
+   *
+   * The default locale to use if translations are unavailable for the current locale.
+   *
+   * @param locale
+   */
+  setDefaultLocale(locale) {
+    this.defaultLocale.value = locale;
+  }
+}
+class NumberFormatter extends Localized {
+  format(value, options, locale) {
+    return this.formatter(options, locale).format(value);
+  }
+  formatter(options, locale) {
+    if (!locale) {
+      locale = this.currentLocale.value ?? this.defaultLocale.value;
+    }
+    return new Intl.NumberFormat(this.getTranslationCodes(locale), options);
+  }
+}
+const pluralizationRuleKeys = [
+  "zero",
+  "one",
+  "two",
+  "few",
+  "many",
+  "other"
+];
+function isPluralizationKey(key) {
+  return pluralizationRuleKeys.includes(key);
+}
+function isPluralizationRules(value) {
+  if (isObject(value)) {
+    return Object.entries(value).every(([key, val]) => {
+      return isPluralizationKey(key) && isString(val) || key === "ordinal" && isBoolean(val);
+    });
+  }
+  return false;
+}
+class Translatable {
+  constructor(translationCode, reference, data) {
+    this.translationCode = translationCode;
+    this.reference = reference;
+    this.data = data;
+  }
+  get defaultText() {
+    if (typeof this.data === "string") {
+      return this.data;
+    }
+    return this.getText("other") ?? "";
+  }
+  get isString() {
+    return isString(this.data);
+  }
+  get isPluralization() {
+    return isPluralizationRules(this.data);
+  }
+  getText(rule) {
+    if (typeof this.data === "string") {
+      return this.data;
+    }
+    const value = this.data[rule] ?? null;
+    return value === null ? this.data["other"] ?? null : value;
+  }
+  /**
+   * ## Translate
+   * @param variables
+   */
+  translate(variables = {}) {
+    if (isString(this.data)) {
+      return createStringTemplate(
+        this.defaultText,
+        variables
+      )();
+    }
+    if (isPluralizationRules(this.data)) {
+      const keyToPluralize = Object.keys(variables).find(
+        (key) => isNumber(variables[key])
+      );
+      if (keyToPluralize === void 0) {
+        console.error(
+          `Could not find a number to pluralize in translation options for '${this.reference}'.`
+        );
+        return void 0;
+      }
+      const rules = new Intl.PluralRules(this.translationCode, {
+        type: this.data.ordinal || false ? "ordinal" : "cardinal"
+      });
+      const rule = rules.select(variables[keyToPluralize]);
+      const text = this.getText(rule);
+      if (text === null) {
+        console.error(
+          `Pluralization rule '${rule}' or 'other' unavailable for '${this.reference}'.`
+        );
+        return void 0;
+      }
+      return createStringTemplate(text, variables)();
+    }
+    console.error(`Invalid translatable for '${this.reference}'.`);
+    return void 0;
+  }
+}
+class LanguagePack {
+  /**
+   * @param translationCode
+   * @param data
+   */
+  constructor(translationCode, data = {}) {
+    this.translationCode = translationCode;
+    this.data = data;
+  }
+  /**
+   * ## Get Translatable
+   * @param reference
+   */
+  getTranslatable(reference) {
+    try {
+      const translationData = getPropertyValueByPath(
+        this.data,
+        reference,
+        null
+      );
+      if (!translationData) {
+        return null;
+      }
+      return new Translatable(
+        this.translationCode,
+        reference,
+        translationData
+      );
+    } catch (e) {
+      return null;
+    }
+  }
+}
+class Translator extends 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(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(locale, reference, reference);
+    return fallback.translate(variables);
+  }
+}
+const en = {
+  carousel: {
+    next: "Next",
+    previous: "Previous"
+  },
+  close: "Close",
+  dismiss: "Dismiss",
+  expand: "Expand",
+  greeting: "Hello { name }",
+  infiniteScroll: {
+    more: "Load more",
+    finished: "No more"
+  },
+  placement: {
+    one: "{ value }st",
+    two: "{ value }nd",
+    few: "{ value }rd",
+    other: "{ value }th",
+    ordinal: true
+  },
+  search: {
+    filter: "Filter",
+    placeholder: "Search..."
+  },
+  sort: {
+    label: "Sort",
+    heading: "Sort by",
+    direction: "Direction",
+    ascending: "Ascending",
+    descending: "Descending"
+  },
+  select: {
+    noItemsText: "No items available"
+  },
+  table: {
+    empty: "No results"
+  },
+  months: {
+    one: "{ value } month",
+    other: "{ value } months"
+  }
+};
+class LocaleManager extends Localized {
+  constructor(localeOptions) {
+    const currentLocale = shallowRef((localeOptions == null ? void 0 : localeOptions.locale) ?? "en-GB");
+    const defaultLocale = shallowRef("en-GB");
+    super(defaultLocale, currentLocale);
+    __publicField(this, "numberFormatter");
+    __publicField(this, "translator");
+    this.numberFormatter = new NumberFormatter(
+      this.defaultLocale,
+      this.currentLocale
+    );
+    this.translator = new Translator(
+      this.defaultLocale,
+      this.currentLocale
+    );
+    this.translator.addLanguagePack(this.defaultLocale.value, en);
+    if (localeOptions == null ? void 0 : localeOptions.languagePack) {
+      this.translator.addLanguagePack(
+        this.currentLocale.value,
+        localeOptions.languagePack
+      );
+    }
+  }
+  /**
+   * # Add Language Pack
+   * @param localeCode
+   * @param messages
+   */
+  addLanguagePack(localeCode, messages) {
+    this.translator.addLanguagePack(localeCode, messages);
+  }
+}
+const LocaleSymbol = Symbol.for("ev:locale");
+function createLocaleManager(localeOptions) {
+  return new LocaleManager(localeOptions);
+}
+function useLocaleManager() {
+  const localeManager = inject(LocaleSymbol);
+  if (!localeManager) {
+    throw new Error("Evance UI: Could not find injected locale instance.");
+  }
+  return localeManager;
+}
+function useLocaleFunctions() {
+  const manager = useLocaleManager();
+  return {
+    t: (reference, variables, locale) => {
+      return manager.translator.translate(reference, variables, locale);
+    },
+    n: (value, options, locale) => {
+      return manager.numberFormatter.format(value, options, locale);
+    }
+  };
+}
+function useRtl() {
+  const isRtl = shallowRef(false);
+  const rtlClasses = shallowRef([]);
+  return {
+    isRtl,
+    rtlClasses
+  };
+}
+export {
+  LocaleSymbol as L,
+  useLocaleManager as a,
+  useRtl as b,
+  createLocaleManager as c,
+  useLocaleFunctions as u
+};
+//# sourceMappingURL=locale-BaaGF1AP.mjs.map

package/dist/esm/locale-BaaGF1AP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-BaaGF1AP.mjs","sources":["../../src/modules/Locale/Localized.ts","../../src/modules/NumberFormatter.ts","../../src/modules/Translation/Pluralization.ts","../../src/modules/Translation/Translatable.ts","../../src/modules/Translation/LanguagePack.ts","../../src/modules/Translation/Translator.ts","../../src/locale/en.ts","../../src/modules/Locale/LocaleManager.ts","../../src/composables/locale.ts"],"sourcesContent":["import { Ref } from \"vue\";\nimport { LocaleCode } from \"@/modules/Locale/LocaleCode\";\n\n/**\n * # Localized\n */\nexport class Localized {\n    /**\n     * @param defaultLocale\n     * @param currentLocale\n     */\n    constructor(\n        public readonly defaultLocale: Ref<string>,\n        public readonly currentLocale: Ref<string>,\n    ) {}\n\n    /**\n     * ## Get Translation Codes\n     *\n     * Returns all the translation codes for the Locale we should use when getting a translatable.\n     * This includes a fallback to our default TranslationCode.\n     *\n     * @param locale\n     */\n    public getTranslationCodes(locale: string): string[] {\n        const localeCode = LocaleCode.fromString(locale) as LocaleCode;\n        const translationCodes = localeCode.toTranslationCodes();\n        // Add our default if it is not in the list\n        if (\n            !translationCodes.find(\n                (code: string) => code === this.defaultLocale.value,\n            )\n        ) {\n            translationCodes.push(this.defaultLocale.value);\n        }\n        return translationCodes;\n    }\n\n    /**\n     * ## Set Current Locale\n     *\n     * Set the current locale so that we don't have to use it in each translate call,\n     * unless we want to.\n     *\n     * @param locale\n     */\n    public setCurrentLocale(locale: string): void {\n        this.currentLocale.value = locale;\n    }\n\n    /**\n     * ## Set Default Locale\n     *\n     * The default locale to use if translations are unavailable for the current locale.\n     *\n     * @param locale\n     */\n    public setDefaultLocale(locale: string): void {\n        this.defaultLocale.value = locale;\n    }\n}\n","import { Localized } from \"@/modules/Locale/Localized\";\n\n/**\n * # Number Formatter\n */\nexport class NumberFormatter extends Localized {\n    public format(\n        value: number,\n        options?: Intl.NumberFormatOptions,\n        locale?: string,\n    ) {\n        return this.formatter(options, locale).format(value);\n    }\n\n    public formatter(options?: Intl.NumberFormatOptions, locale?: string) {\n        if (!locale) {\n            locale = this.currentLocale.value ?? this.defaultLocale.value;\n        }\n        return new Intl.NumberFormat(this.getTranslationCodes(locale), options);\n    }\n}\n","import { isBoolean, isObject, isString } from \"@/util\";\n\n/**\n * # Pluralization\n *\n * Pluralization supports cardinal and ordinal values.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules\n */\nexport const pluralizationRuleKeys = [\n    \"zero\",\n    \"one\",\n    \"two\",\n    \"few\",\n    \"many\",\n    \"other\",\n] as const;\n\nexport type PluralizationRuleKey = (typeof pluralizationRuleKeys)[number];\n\nexport type PluralizationRules = {\n    [K in PluralizationRuleKey]?: string;\n} & {\n    ordinal?: boolean;\n};\n\n/**\n * ## Is Pluralization Key\n *\n * Determines whether the value supplied represents a valid pluralization rule key.\n *\n * @param key\n */\nexport function isPluralizationKey(key: any): key is PluralizationRuleKey {\n    return pluralizationRuleKeys.includes(key);\n}\n\n/**\n * # Is Pluralization Rules\n *\n * Determines whether a value contains an object with pluralization rules within it.\n *\n * @param value\n */\nexport function isPluralizationRules(value: any): value is PluralizationRules {\n    if (isObject(value)) {\n        return Object.entries(value).every(([key, val]) => {\n            return (\n                (isPluralizationKey(key) && isString(val)) ||\n                (key === \"ordinal\" && isBoolean(val))\n            );\n        });\n    }\n    return false;\n}\n","import {\n    isPluralizationRules,\n    PluralizationRuleKey,\n    PluralizationRules,\n} from \"@/modules/Translation/Pluralization\";\nimport { TranslationVariables } from \"@/modules/Translation/Translator\";\nimport {\n    createStringTemplate,\n    isNumber,\n    isString,\n    TemplateVariables,\n} from \"@/util\";\n\n/**\n * # Translatable\n */\nexport class Translatable {\n    constructor(\n        public translationCode: string,\n        public reference: string,\n        public data: string | PluralizationRules,\n    ) {}\n\n    get defaultText(): string {\n        if (typeof this.data === \"string\") {\n            return this.data;\n        }\n        return this.getText(\"other\") ?? \"\";\n    }\n\n    get isString(): boolean {\n        return isString(this.data);\n    }\n\n    get isPluralization() {\n        return isPluralizationRules(this.data);\n    }\n\n    public getText(rule: PluralizationRuleKey): string | null {\n        if (typeof this.data === \"string\") {\n            return this.data;\n        }\n        const value = this.data[rule] ?? null;\n        return value === null ? this.data[\"other\"] ?? null : value;\n    }\n\n    /**\n     * ## Translate\n     * @param variables\n     */\n    public translate(variables: TranslationVariables = {}): string | undefined {\n        if (isString(this.data)) {\n            return createStringTemplate(\n                this.defaultText,\n                variables as TemplateVariables,\n            )();\n        }\n        // If the translatable is a set of pluralization rules then we expect at least one number value\n        if (isPluralizationRules(this.data)) {\n            // Find the first number in the options\n            const keyToPluralize = Object.keys(variables).find((key) =>\n                isNumber(variables[key]),\n            );\n            if (keyToPluralize === undefined) {\n                console.error(\n                    `Could not find a number to pluralize in translation options for '${this.reference}'.`,\n                );\n                return undefined;\n            }\n            const rules = new Intl.PluralRules(this.translationCode, {\n                type: this.data.ordinal || false ? \"ordinal\" : \"cardinal\",\n            });\n            const rule = rules.select(variables[keyToPluralize] as number);\n            const text = this.getText(rule);\n            if (text === null) {\n                console.error(\n                    `Pluralization rule '${rule}' or 'other' unavailable for '${this.reference}'.`,\n                );\n                return undefined;\n            }\n            return createStringTemplate(text, variables as TemplateVariables)();\n        }\n        console.error(`Invalid translatable for '${this.reference}'.`);\n        return undefined;\n    }\n}\n","import { getPropertyValueByPath } from \"@/util\";\nimport { Translatable } from \"@/modules/Translation/Translatable\";\nimport { PluralizationRules } from \"@/modules/Translation/Pluralization\";\n\n/**\n * # Language Pack\n */\nexport class LanguagePack {\n    /**\n     * @param translationCode\n     * @param data\n     */\n    constructor(\n        public translationCode: string,\n        public data: LanguagePackData = {},\n    ) {}\n\n    /**\n     * ## Get Translatable\n     * @param reference\n     */\n    public getTranslatable(reference: string): Translatable | null {\n        try {\n            const translationData = getPropertyValueByPath(\n                this.data,\n                reference,\n                null,\n            );\n            if (!translationData) {\n                return null;\n            }\n            return new Translatable(\n                this.translationCode,\n                reference,\n                translationData,\n            );\n        } catch (e) {\n            return null;\n        }\n    }\n}\n\n/**\n * # Language Pack Data\n */\nexport interface LanguagePackData {\n    [key: string]: LanguagePackData | PluralizationRules | string;\n}\n","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","export default {\n    carousel: {\n        next: \"Next\",\n        previous: \"Previous\",\n    },\n    close: \"Close\",\n    dismiss: \"Dismiss\",\n    expand: \"Expand\",\n    greeting: \"Hello { name }\",\n    infiniteScroll: {\n        more: \"Load more\",\n        finished: \"No more\",\n    },\n    placement: {\n        one: \"{ value }st\",\n        two: \"{ value }nd\",\n        few: \"{ value }rd\",\n        other: \"{ value }th\",\n        ordinal: true,\n    },\n    search: {\n        filter: \"Filter\",\n        placeholder: \"Search...\",\n    },\n    sort: {\n        label: \"Sort\",\n        heading: \"Sort by\",\n        direction: \"Direction\",\n        ascending: \"Ascending\",\n        descending: \"Descending\",\n    },\n    select: {\n        noItemsText: \"No items available\",\n    },\n    table: {\n        empty: \"No results\",\n    },\n    months: {\n        one: \"{ value } month\",\n        other: \"{ value } months\",\n    },\n};\n","import { Localized } from \"@/modules/Locale/Localized\";\nimport { NumberFormatter } from \"@/modules/NumberFormatter\";\nimport { Translator } from \"@/modules/Translation/Translator\";\n\nimport en from \"@/locale/en\";\nimport { shallowRef } from \"vue\";\nimport { LanguagePackData } from \"@/modules/Translation/LanguagePack\";\n\n/**\n * # Locale Manager\n *\n * Note: in Evance 'en' is always the default locale.\n */\nexport class LocaleManager extends Localized {\n    public readonly numberFormatter: NumberFormatter;\n\n    public readonly translator: Translator;\n\n    constructor(localeOptions: LocaleOptions) {\n        const currentLocale = shallowRef(localeOptions?.locale ?? \"en-GB\");\n        const defaultLocale = shallowRef(\"en-GB\");\n        super(defaultLocale, currentLocale);\n\n        this.numberFormatter = new NumberFormatter(\n            this.defaultLocale,\n            this.currentLocale,\n        );\n        this.translator = new Translator(\n            this.defaultLocale,\n            this.currentLocale,\n        );\n        this.translator.addLanguagePack(this.defaultLocale.value, en);\n\n        if (localeOptions?.languagePack) {\n            this.translator.addLanguagePack(\n                this.currentLocale.value,\n                localeOptions.languagePack,\n            );\n        }\n    }\n\n    /**\n     * # Add Language Pack\n     * @param localeCode\n     * @param messages\n     */\n    public addLanguagePack(localeCode: string, messages: LanguagePackData) {\n        this.translator.addLanguagePack(localeCode, messages);\n    }\n}\n\n/**\n * # Locale Options\n */\nexport interface LocaleOptions {\n    locale?: string;\n    languagePack?: LanguagePackData;\n}\n","import { inject, InjectionKey, shallowRef } from \"vue\";\nimport {\n    LocaleManager,\n    LocaleOptions,\n} from \"@/modules/Locale/LocaleManager.ts\";\nimport { TranslationVariables } from \"@/modules/Translation/Translator\";\n\n/**\n * # Locale Symbol\n */\nexport const LocaleSymbol: InjectionKey<LocaleManager> =\n    Symbol.for(\"ev:locale\");\n\n/**\n * # Create Locale Manager\n * @todo: we need a lot more settings and options.\n */\nexport function createLocaleManager(localeOptions: LocaleOptions) {\n    return new LocaleManager(localeOptions);\n}\n\n/**\n * # Use Locale Manager\n */\nexport function useLocaleManager(): LocaleManager {\n    const localeManager: LocaleManager | undefined = inject(LocaleSymbol);\n    if (!localeManager) {\n        throw new Error(\"Evance UI: Could not find injected locale instance.\");\n    }\n    return localeManager;\n}\n\n/**\n * # Use Locale Functions\n */\nexport function useLocaleFunctions() {\n    const manager = useLocaleManager();\n    return {\n        t: (\n            reference: string,\n            variables?: TranslationVariables,\n            locale?: string,\n        ): string | undefined => {\n            return manager.translator.translate(reference, variables, locale);\n        },\n        n: (\n            value: number,\n            options?: Intl.NumberFormatOptions,\n            locale?: string,\n        ) => {\n            return manager.numberFormatter.format(value, options, locale);\n        },\n    };\n}\n\n/**\n *\n */\nexport function useRtl() {\n    // @todo: Implement RTL in Locale Manager\n    const isRtl = shallowRef(false);\n    const rtlClasses = shallowRef([]);\n    return {\n        isRtl,\n        rtlClasses,\n    };\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modelProxy-CaWgzjb4.mjs

@@ -0,0 +1,61 @@
+/*! Evance UI v1.0.16 | MIT License */
+import { ref, computed, toRaw, watch } from "vue";
+import { u as useToggleScope } from "./toggleScope-Bek3Ckrl.mjs";
+import { g as getCurrentComponent } from "./components-BV3FZKR7.mjs";
+import { t as toKebabCase } from "./strings-BtBPpRu3.mjs";
+function hasProp(vueInstance, propName) {
+  var _a;
+  return !!((_a = vueInstance.props) == null ? void 0 : _a.hasOwnProperty(propName));
+}
+function useModelProxy(props, modelName, defaultValue, transformIn = (value) => value, transformOut = (value) => value) {
+  const component = getCurrentComponent("useModelProxy");
+  const modelRef = ref(
+    props[modelName] !== void 0 ? props[modelName] : defaultValue
+  );
+  const modelNameKebab = toKebabCase(modelName);
+  const isCheckKebabName = modelName !== modelNameKebab;
+  const isModelAvailable = computed(() => {
+    void props[modelName];
+    return hasProp(component, modelName) && hasProp(component, `onUpdate:${modelName}`) || isCheckKebabName && hasProp(component, modelNameKebab) && hasProp(component, `onUpdate:${modelNameKebab}`);
+  });
+  useToggleScope(
+    () => !isModelAvailable.value,
+    () => {
+      watch(
+        () => props[modelName],
+        (value) => {
+          modelRef.value = value;
+        }
+      );
+    }
+  );
+  const model = computed({
+    get() {
+      const externalValue = props[modelName];
+      return transformIn(
+        isModelAvailable.value ? externalValue : modelRef.value
+      );
+    },
+    set(internalValue) {
+      const newValue = transformOut(internalValue);
+      const value = toRaw(
+        isModelAvailable.value ? props[modelName] : modelRef.value
+      );
+      if (value === newValue || transformIn(value) === internalValue) {
+        return;
+      }
+      modelRef.value = newValue;
+      component.emit(`update:${modelName}`, newValue);
+    }
+  });
+  Object.defineProperty(model, "externalValue", {
+    get: () => {
+      return isModelAvailable.value ? props[modelName] : modelRef.value;
+    }
+  });
+  return model;
+}
+export {
+  useModelProxy as u
+};
+//# sourceMappingURL=modelProxy-CaWgzjb4.mjs.map

package/dist/esm/modelProxy-CaWgzjb4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modelProxy-CaWgzjb4.mjs","sources":["../../src/composables/modelProxy.ts"],"sourcesContent":["import { ComponentInternalInstance, computed, ref, toRaw, watch } from \"vue\";\nimport type { Ref } from \"vue\";\nimport { EventProp, getCurrentComponent, toKebabCase } from \"@/util\";\nimport { useToggleScope } from \"./toggleScope\";\n\ntype InnerVal<T> = T extends any[] ? Readonly<T> : T;\n\n/**\n * ## Has Prop\n *\n * Returns `true` if the `vueInstance` supplied has the `propName` in its list of props.\n *\n * @param vueInstance\n * @param propName\n */\nfunction hasProp(\n    vueInstance: ComponentInternalInstance,\n    propName: string,\n): boolean {\n    return !!vueInstance.props?.hasOwnProperty(propName);\n}\n\n/**\n * # Model Proxy\n */\nexport function useModelProxy<\n    PropsObject extends object &\n        Partial<{\n            [key in ModelName as `onUpdate:${ModelName}`]:\n                | EventProp\n                | undefined;\n        }>,\n    ModelName extends Extract<keyof PropsObject, string>,\n    Inner = PropsObject[ModelName],\n>(\n    props: PropsObject,\n    modelName: ModelName,\n    defaultValue?: PropsObject[ModelName],\n    transformIn: (modelValue?: PropsObject[ModelName]) => Inner = (\n        value: any,\n    ) => value,\n    transformOut: (modelValue: Inner) => PropsObject[ModelName] = (\n        value: any,\n    ) => value,\n) {\n    const component: ComponentInternalInstance =\n        getCurrentComponent(\"useModelProxy\");\n    const modelRef: Ref<PropsObject[ModelName]> = ref(\n        props[modelName] !== undefined ? props[modelName] : defaultValue,\n    ) as Ref<PropsObject[ModelName]>;\n    const modelNameKebab: string = toKebabCase(modelName);\n    const isCheckKebabName: boolean = modelName !== modelNameKebab;\n    const isModelAvailable = computed(() => {\n        // Ignore evaluation of props[modelName]\n        void props[modelName];\n        return (\n            (hasProp(component, modelName) &&\n                hasProp(component, `onUpdate:${modelName}`)) ||\n            (isCheckKebabName &&\n                hasProp(component, modelNameKebab) &&\n                hasProp(component, `onUpdate:${modelNameKebab}`))\n        );\n    });\n\n    // Watch changes on the original model\n    useToggleScope(\n        () => !isModelAvailable.value,\n        () => {\n            watch(\n                () => props[modelName],\n                (value) => {\n                    modelRef.value = value;\n                },\n            );\n        },\n    );\n\n    // Define a computed model\n    const model = computed({\n        get(): any {\n            const externalValue = props[modelName];\n            return transformIn(\n                isModelAvailable.value ? externalValue : modelRef.value,\n            );\n        },\n        set(internalValue): void {\n            const newValue = transformOut(internalValue);\n            const value = toRaw(\n                isModelAvailable.value ? props[modelName] : modelRef.value,\n            );\n            // Ignore if the value has not changed\n            if (value === newValue || transformIn(value) === internalValue) {\n                return;\n            }\n            modelRef.value = newValue;\n            component.emit(`update:${modelName}`, newValue);\n        },\n    }) as any as Ref<InnerVal<any>> & {\n        readonly externalValue: PropsObject[ModelName];\n    };\n\n    // Define an externalValue property to our model\n    Object.defineProperty(model, \"externalValue\", {\n        get: () => {\n            return isModelAvailable.value ? props[modelName] : modelRef.value;\n        },\n    });\n\n    return model;\n}\n"],"names":[],"mappings":";;;;;AAeA,SAAS,QACL,aACA,UACO;;AACP,SAAO,CAAC,GAAC,iBAAY,UAAZ,mBAAmB,eAAe;AAC/C;AAKgB,SAAA,cAUZ,OACA,WACA,cACA,cAA8D,CAC1D,UACC,OACL,eAA8D,CAC1D,UACC,OACP;AACQ,QAAA,YACF,oBAAoB,eAAe;AACvC,QAAM,WAAwC;AAAA,IAC1C,MAAM,SAAS,MAAM,SAAY,MAAM,SAAS,IAAI;AAAA,EACxD;AACM,QAAA,iBAAyB,YAAY,SAAS;AACpD,QAAM,mBAA4B,cAAc;AAC1C,QAAA,mBAAmB,SAAS,MAAM;AAEpC,SAAK,MAAM,SAAS;AACpB,WACK,QAAQ,WAAW,SAAS,KACzB,QAAQ,WAAW,YAAY,SAAS,EAAE,KAC7C,oBACG,QAAQ,WAAW,cAAc,KACjC,QAAQ,WAAW,YAAY,cAAc,EAAE;AAAA,EAAA,CAE1D;AAGD;AAAA,IACI,MAAM,CAAC,iBAAiB;AAAA,IACxB,MAAM;AACF;AAAA,QACI,MAAM,MAAM,SAAS;AAAA,QACrB,CAAC,UAAU;AACP,mBAAS,QAAQ;AAAA,QAAA;AAAA,MAEzB;AAAA,IAAA;AAAA,EAER;AAGA,QAAM,QAAQ,SAAS;AAAA,IACnB,MAAW;AACD,YAAA,gBAAgB,MAAM,SAAS;AAC9B,aAAA;AAAA,QACH,iBAAiB,QAAQ,gBAAgB,SAAS;AAAA,MACtD;AAAA,IACJ;AAAA,IACA,IAAI,eAAqB;AACf,YAAA,WAAW,aAAa,aAAa;AAC3C,YAAM,QAAQ;AAAA,QACV,iBAAiB,QAAQ,MAAM,SAAS,IAAI,SAAS;AAAA,MACzD;AAEA,UAAI,UAAU,YAAY,YAAY,KAAK,MAAM,eAAe;AAC5D;AAAA,MAAA;AAEJ,eAAS,QAAQ;AACjB,gBAAU,KAAK,UAAU,SAAS,IAAI,QAAQ;AAAA,IAAA;AAAA,EAClD,CACH;AAKM,SAAA,eAAe,OAAO,iBAAiB;AAAA,IAC1C,KAAK,MAAM;AACP,aAAO,iBAAiB,QAAQ,MAAM,SAAS,IAAI,SAAS;AAAA,IAAA;AAAA,EAChE,CACH;AAEM,SAAA;AACX;"}

package/dist/esm/modifiers-CUPH6Fz7.mjs

@@ -0,0 +1,34 @@
+/*! Evance UI v1.0.16 | MIT License */
+import { i as isString } from "./is-functions-BX-xFd1P.mjs";
+import { t as toKebabCase } from "./strings-BtBPpRu3.mjs";
+function makeClassName(value, prefix = "", exclude = []) {
+  if (!value || exclude.some((exclusion) => {
+    if (exclusion instanceof RegExp) {
+      return exclusion.test(value);
+    }
+    return value === exclusion;
+  })) {
+    return void 0;
+  }
+  const kebabValue = toKebabCase(value);
+  return `${prefix}-${kebabValue}`;
+}
+function sizeModifier(value, exclude = []) {
+  if (!isString(value)) {
+    return void 0;
+  }
+  return makeClassName(value, "is-size", exclude);
+}
+function appearanceModifier(value, exclude = []) {
+  return makeClassName(value, "is-appearance", exclude);
+}
+function variantModifier(value, exclude = []) {
+  return makeClassName(value, "is-variant", exclude);
+}
+export {
+  appearanceModifier as a,
+  makeClassName as m,
+  sizeModifier as s,
+  variantModifier as v
+};
+//# sourceMappingURL=modifiers-CUPH6Fz7.mjs.map

package/dist/esm/modifiers-CUPH6Fz7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifiers-CUPH6Fz7.mjs","sources":["../../src/util/modifiers.ts"],"sourcesContent":["import { isString, toKebabCase } from \"../util\";\n\n/**\n * ## Make Class Name\n * Accepts a string `value` and a `prefix` to be combined and separated by a dash (\"-\").\n * The value will be converted into \"kebab-case\".\n * @param value\n * @param prefix\n * @param exclude\n */\nexport function makeClassName(\n    value?: string,\n    prefix: string = \"\",\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    if (\n        !value ||\n        exclude.some((exclusion) => {\n            if (exclusion instanceof RegExp) {\n                return exclusion.test(value);\n            }\n            return value === exclusion;\n        })\n    ) {\n        return undefined;\n    }\n    const kebabValue = toKebabCase(value);\n    return `${prefix}-${kebabValue}`;\n}\n\n/**\n * ## Make a Size Modifier Class Name\n * @param value\n * @param exclude\n */\nexport function sizeModifier(\n    value?: string | number,\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    if (!isString(value)) {\n        return undefined;\n    }\n    return makeClassName(value, \"is-size\", exclude);\n}\n\n/**\n * ## Make an Appearance Modifier Class Name\n * @param value\n * @param exclude\n */\nexport function appearanceModifier(\n    value: string,\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    return makeClassName(value, \"is-appearance\", exclude);\n}\n\n/**\n * ## Make a Variant Modifier Class Name\n * @param value\n * @param exclude\n */\nexport function variantModifier(\n    value: string,\n    exclude: (string | RegExp)[] = [],\n): string | undefined {\n    return makeClassName(value, \"is-variant\", exclude);\n}\n"],"names":[],"mappings":";;;AAUO,SAAS,cACZ,OACA,SAAiB,IACjB,UAA+B,CAAA,GACb;AAClB,MACI,CAAC,SACD,QAAQ,KAAK,CAAC,cAAc;AACxB,QAAI,qBAAqB,QAAQ;AACtB,aAAA,UAAU,KAAK,KAAK;AAAA,IAAA;AAE/B,WAAO,UAAU;AAAA,EAAA,CACpB,GACH;AACS,WAAA;AAAA,EAAA;AAEL,QAAA,aAAa,YAAY,KAAK;AAC7B,SAAA,GAAG,MAAM,IAAI,UAAU;AAClC;AAOO,SAAS,aACZ,OACA,UAA+B,IACb;AACd,MAAA,CAAC,SAAS,KAAK,GAAG;AACX,WAAA;AAAA,EAAA;AAEJ,SAAA,cAAc,OAAO,WAAW,OAAO;AAClD;AAOO,SAAS,mBACZ,OACA,UAA+B,IACb;AACX,SAAA,cAAc,OAAO,iBAAiB,OAAO;AACxD;AAOO,SAAS,gBACZ,OACA,UAA+B,IACb;AACX,SAAA,cAAc,OAAO,cAAc,OAAO;AACrD;"}

package/dist/esm/numbers-DnPQzvth.mjs

@@ -0,0 +1,10 @@
+/*! Evance UI v1.0.16 | MIT License */
+const IntegerishPattern = /^\d+$/;
+function isIntegerish(value) {
+  return IntegerishPattern.test(value.toString());
+}
+export {
+  IntegerishPattern as I,
+  isIntegerish as i
+};
+//# sourceMappingURL=numbers-DnPQzvth.mjs.map

package/dist/esm/numbers-DnPQzvth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbers-DnPQzvth.mjs","sources":["../../src/util/numbers.ts"],"sourcesContent":["/**\n * # Integerish Pattern\n */\nexport const IntegerishPattern: RegExp = /^\\d+$/;\n\n/**\n * # Is Integerish\n * @param value\n */\nexport function isIntegerish(value: string | number): boolean {\n    return IntegerishPattern.test(value.toString());\n}\n"],"names":[],"mappings":";AAGO,MAAM,oBAA4B;AAMlC,SAAS,aAAa,OAAiC;AAC1D,SAAO,kBAAkB,KAAK,MAAM,SAAA,CAAU;AAClD;"}

package/dist/esm/props-XyZfS7T6.mjs

@@ -0,0 +1,25 @@
+/*! Evance UI v1.0.16 | MIT License */
+function propsFactory(props, source) {
+  return (defaults) => {
+    return Object.keys(props).reduce((obj, prop) => {
+      const isObjectDefinition = typeof props[prop] === "object" && props[prop] != null && !Array.isArray(props[prop]);
+      const definition = isObjectDefinition ? props[prop] : { type: props[prop] };
+      if (defaults && prop in defaults) {
+        obj[prop] = {
+          ...definition,
+          default: defaults[prop]
+        };
+      } else {
+        obj[prop] = definition;
+      }
+      if (source && !obj[prop].source) {
+        obj[prop].source = source;
+      }
+      return obj;
+    }, {});
+  };
+}
+export {
+  propsFactory as p
+};
+//# sourceMappingURL=props-XyZfS7T6.mjs.map

package/dist/esm/props-XyZfS7T6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props-XyZfS7T6.mjs","sources":["../../src/util/props.ts"],"sourcesContent":["import type { IfAny } from \"@vue/shared\"; // eslint-disable-line vue/prefer-import-from-vue\nimport type { ComponentObjectPropsOptions, Prop, PropType } from \"vue\";\n\n/**\n * # Props Factory\n *\n * Creates a factory function for props definitions.\n * This is used to define props in a composable then override\n * default values in an implementing component.\n *\n * @example Simplified signature\n * (props: Props) => (defaults?: Record<keyof props, any>) => Props\n *\n * @example Usage\n * const makeProps = propsFactory({\n *   foo: String,\n * })\n *\n * defineComponent({\n *   props: {\n *     ...makeProps({\n *       foo: 'a',\n *     }),\n *   },\n *   setup (props) {\n *     // would be \"string | undefined\", now \"string\" because a default has been provided\n *     props.foo\n *   },\n * }\n *\n * Copied from Vuetify\n * @see https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/util/propsFactory.ts\n */\nexport function propsFactory<PropsOptions extends ComponentObjectPropsOptions>(\n    props: PropsOptions,\n    source: string,\n) {\n    return <Defaults extends PartialKeys<PropsOptions> = {}>(\n        defaults?: Defaults,\n    ): AppendDefault<PropsOptions, Defaults> => {\n        return Object.keys(props).reduce<any>((obj, prop) => {\n            const isObjectDefinition =\n                typeof props[prop] === \"object\" &&\n                props[prop] != null &&\n                !Array.isArray(props[prop]);\n            const definition = isObjectDefinition\n                ? props[prop]\n                : { type: props[prop] };\n\n            if (defaults && prop in defaults) {\n                obj[prop] = {\n                    ...definition,\n                    default: defaults[prop],\n                };\n            } else {\n                obj[prop] = definition;\n            }\n\n            if (source && !obj[prop].source) {\n                obj[prop].source = source;\n            }\n\n            return obj;\n        }, {});\n    };\n}\n\ntype AppendDefault<\n    T extends ComponentObjectPropsOptions,\n    D extends PartialKeys<T>,\n> = {\n    [P in keyof T]-?: unknown extends D[P]\n        ? T[P]\n        : T[P] extends Record<string, unknown>\n          ? Omit<T[P], \"type\" | \"default\"> & {\n                type: PropType<MergeDefault<T[P], D[P]>>;\n                default: MergeDefault<T[P], D[P]>;\n            }\n          : {\n                type: PropType<MergeDefault<T[P], D[P]>>;\n                default: MergeDefault<T[P], D[P]>;\n            };\n};\n\ntype MergeDefault<T, D> = unknown extends D\n    ? InferPropType<T>\n    : NonNullable<InferPropType<T>> | D;\n\n/**\n * Like `Partial<T>` but doesn't care what the value is\n */\ntype PartialKeys<T> = { [P in keyof T]?: unknown };\n\n// Copied from Vue\ntype InferPropType<T> = [T] extends [null]\n    ? any // null & true would fail to infer\n    : [T] extends [{ type: null | true }]\n      ? // As TS issue https://github.com/Microsoft/TypeScript/issues/14829\n        // somehow `ObjectConstructor` when inferred from { (): T } becomes `any`\n        // `BooleanConstructor` when inferred from PropConstructor(with PropMethod) becomes `Boolean`\n        any\n      : [T] extends [ObjectConstructor | { type: ObjectConstructor }]\n        ? Record<string, any>\n        : [T] extends [BooleanConstructor | { type: BooleanConstructor }]\n          ? boolean\n          : [T] extends [DateConstructor | { type: DateConstructor }]\n            ? Date\n            : [T] extends [(infer U)[] | { type: (infer U)[] }]\n              ? U extends DateConstructor\n                  ? Date | InferPropType<U>\n                  : InferPropType<U>\n              : [T] extends [Prop<infer V, infer D>]\n                ? unknown extends V\n                    ? IfAny<V, V, D>\n                    : V\n                : T;\n"],"names":[],"mappings":";AAiCgB,SAAA,aACZ,OACA,QACF;AACE,SAAO,CACH,aACwC;AACxC,WAAO,OAAO,KAAK,KAAK,EAAE,OAAY,CAAC,KAAK,SAAS;AACjD,YAAM,qBACF,OAAO,MAAM,IAAI,MAAM,YACvB,MAAM,IAAI,KAAK,QACf,CAAC,MAAM,QAAQ,MAAM,IAAI,CAAC;AACxB,YAAA,aAAa,qBACb,MAAM,IAAI,IACV,EAAE,MAAM,MAAM,IAAI,EAAE;AAEtB,UAAA,YAAY,QAAQ,UAAU;AAC9B,YAAI,IAAI,IAAI;AAAA,UACR,GAAG;AAAA,UACH,SAAS,SAAS,IAAI;AAAA,QAC1B;AAAA,MAAA,OACG;AACH,YAAI,IAAI,IAAI;AAAA,MAAA;AAGhB,UAAI,UAAU,CAAC,IAAI,IAAI,EAAE,QAAQ;AACzB,YAAA,IAAI,EAAE,SAAS;AAAA,MAAA;AAGhB,aAAA;AAAA,IACX,GAAG,EAAE;AAAA,EACT;AACJ;"}

package/dist/esm/resizeObserver-moCOZc0k.mjs

@@ -0,0 +1,47 @@
+/*! Evance UI v1.0.16 | MIT License */
+import { ref, onBeforeUnmount, watch, readonly } from "vue";
+import { B as Browser, r as refElement } from "./helpers-3Kc3JPa3.mjs";
+function useResizeObserver(callback, box = "content") {
+  const resizeRef = ref();
+  const contentRect = ref();
+  if (Browser.hasWindow) {
+    const observer = new ResizeObserver(
+      (entries) => {
+        if (!entries.length) {
+          return;
+        }
+        if (box === "content") {
+          contentRect.value = entries[0].contentRect;
+        } else {
+          contentRect.value = entries[0].target.getBoundingClientRect();
+        }
+      }
+    );
+    onBeforeUnmount(() => {
+      observer.disconnect();
+    });
+    watch(
+      resizeRef,
+      (newValue, oldValue) => {
+        if (oldValue) {
+          observer.unobserve(refElement(oldValue));
+          contentRect.value = void 0;
+        }
+        if (newValue) {
+          observer.observe(refElement(newValue));
+        }
+      },
+      {
+        flush: "post"
+      }
+    );
+  }
+  return {
+    resizeRef,
+    contentRect: readonly(contentRect)
+  };
+}
+export {
+  useResizeObserver as u
+};
+//# sourceMappingURL=resizeObserver-moCOZc0k.mjs.map