@iris-ui-kit/vue 0.1.0

package/dist/i18n.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/context.ts","../src/i18n/I18nProvider.ts","../src/i18n/useI18n.ts"],"names":["defineComponent","createI18n","provide","watch","applyDirection","localeDirection","onScopeDispose","inject","ref","onBeforeUnmount","computed"],"mappings":"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","file":"i18n.cjs","sourcesContent":["import { type InjectionKey } from 'vue'\nimport type { I18n } from '@iris-ui-kit/core'\n\n/** Injection key carrying the active {@link I18n} instance to `useI18n`. */\nexport const I18nInjectionKey: InjectionKey<I18n> = Symbol('IrisI18n')\n","import { defineComponent, onScopeDispose, provide, watch, type PropType } from 'vue'\nimport { createI18n, localeDirection, type I18n, type I18nMessages } from '@iris-ui-kit/core'\nimport { applyDirection } from '@iris-ui-kit/theme'\nimport { I18nInjectionKey } from './context'\n\n/**\n * Makes a locale + message dictionary available to descendant components via\n * `useI18n`. Pass `locale` / `messages` (an instance is created and kept in\n * sync) or a pre-built `i18n` instance you control externally. Renderless:\n * renders its default slot.\n */\nexport const IrisI18nProvider = defineComponent({\n  name: 'IrisI18nProvider',\n  props: {\n    locale: { type: String, default: undefined },\n    messages: { type: Object as PropType<I18nMessages>, default: undefined },\n    i18n: { type: Object as PropType<I18n>, default: undefined },\n    /**\n     * When set, the locale's writing direction ({@link localeDirection}) is\n     * applied to `directionTarget` (`dir` + `data-iris-dir`) and `<html lang>`\n     * is set whenever `locale` changes — so \"set locale → flip direction +\n     * announce language\" needs no manual wiring. Off by default so it never\n     * fights an explicit `<ThemeProvider dir>`. Reverts on unmount.\n     */\n    autoDirection: { type: Boolean, default: false },\n    /** Element to receive dir/lang when `autoDirection` is set. Defaults to `document.documentElement`. */\n    directionTarget: { type: Object as PropType<HTMLElement | null>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const instance = props.i18n ?? createI18n({ locale: props.locale, messages: props.messages })\n    provide(I18nInjectionKey, instance)\n\n    if (!props.i18n) {\n      watch(\n        () => props.locale,\n        (locale) => {\n          if (locale) instance.setLocale(locale)\n        },\n      )\n      watch(\n        () => props.messages,\n        (messages) => {\n          if (messages) instance.setMessages(messages)\n        },\n      )\n    }\n\n    // Auto-apply writing direction + `lang` from the active locale (opt-in).\n    let revertDirection: (() => void) | null = null\n    watch(\n      () => [props.autoDirection, props.locale, props.directionTarget] as const,\n      ([autoDirection, locale]) => {\n        revertDirection?.()\n        revertDirection = null\n        if (!autoDirection || !locale || typeof document === 'undefined') return\n        const el = props.directionTarget ?? document.documentElement\n        const applied = applyDirection(localeDirection(locale), el)\n        const prevLang = el.getAttribute('lang')\n        el.setAttribute('lang', locale)\n        revertDirection = () => {\n          applied.revert()\n          if (prevLang === null) el.removeAttribute('lang')\n          else el.setAttribute('lang', prevLang)\n        }\n      },\n      { immediate: true },\n    )\n    onScopeDispose(() => {\n      revertDirection?.()\n      revertDirection = null\n    })\n\n    return () => slots.default?.()\n  },\n})\n","import { computed, inject, onBeforeUnmount, ref, type ComputedRef, type Ref } from 'vue'\nimport { createI18n, type I18n, type I18nState } from '@iris-ui-kit/core'\nimport { I18nInjectionKey } from './context'\n\nexport interface UseI18nReturn {\n  locale: ComputedRef<string>\n  t: I18n['t']\n  formatDate: I18n['formatDate']\n  formatNumber: I18n['formatNumber']\n  formatRelativeTime: I18n['formatRelativeTime']\n  setLocale: I18n['setLocale']\n  setMessages: I18n['setMessages']\n}\n\n// Shared fallback so components can call `useI18n()` without an enclosing\n// provider — they get English defaults rather than throwing.\nlet fallbackI18n: I18n | null = null\nfunction getFallback(): I18n {\n  if (fallbackI18n === null) fallbackI18n = createI18n()\n  return fallbackI18n\n}\n\n/**\n * Reactive access to the active locale + translation/formatting helpers.\n * Works with or without an `<IrisI18nProvider>` (falls back to English\n * defaults). `t` / formatters read the live locale at call time, and `locale`\n * is a reactive ref so templates re-render on change.\n */\nexport function useI18n(): UseI18nReturn {\n  const i18n = inject(I18nInjectionKey, null) ?? getFallback()\n  const state = ref(i18n.getState()) as Ref<I18nState>\n  const unsubscribe = i18n.subscribe((next) => {\n    state.value = next\n  })\n  onBeforeUnmount(unsubscribe)\n\n  return {\n    locale: computed(() => state.value.locale),\n    t: (key, params) => {\n      void state.value.locale\n      return i18n.t(key, params)\n    },\n    formatDate: (value, options) => {\n      void state.value.locale\n      return i18n.formatDate(value, options)\n    },\n    formatNumber: (value, options) => {\n      void state.value.locale\n      return i18n.formatNumber(value, options)\n    },\n    formatRelativeTime: (value, unit, options) => {\n      void state.value.locale\n      return i18n.formatRelativeTime(value, unit, options)\n    },\n    setLocale: i18n.setLocale,\n    setMessages: i18n.setMessages,\n  }\n}\n"]}

package/dist/i18n.d.cts

@@ -0,0 +1,99 @@
+import * as vue from 'vue';
+import { PropType, ComputedRef, InjectionKey } from 'vue';
+import { I18nMessages, I18n } from '@iris-ui-kit/core';
+
+/**
+ * Makes a locale + message dictionary available to descendant components via
+ * `useI18n`. Pass `locale` / `messages` (an instance is created and kept in
+ * sync) or a pre-built `i18n` instance you control externally. Renderless:
+ * renders its default slot.
+ */
+declare const IrisI18nProvider: vue.DefineComponent<vue.ExtractPropTypes<{
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    messages: {
+        type: PropType<I18nMessages>;
+        default: undefined;
+    };
+    i18n: {
+        type: PropType<I18n>;
+        default: undefined;
+    };
+    /**
+     * When set, the locale's writing direction ({@link localeDirection}) is
+     * applied to `directionTarget` (`dir` + `data-iris-dir`) and `<html lang>`
+     * is set whenever `locale` changes — so "set locale → flip direction +
+     * announce language" needs no manual wiring. Off by default so it never
+     * fights an explicit `<ThemeProvider dir>`. Reverts on unmount.
+     */
+    autoDirection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Element to receive dir/lang when `autoDirection` is set. Defaults to `document.documentElement`. */
+    directionTarget: {
+        type: PropType<HTMLElement | null>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    messages: {
+        type: PropType<I18nMessages>;
+        default: undefined;
+    };
+    i18n: {
+        type: PropType<I18n>;
+        default: undefined;
+    };
+    /**
+     * When set, the locale's writing direction ({@link localeDirection}) is
+     * applied to `directionTarget` (`dir` + `data-iris-dir`) and `<html lang>`
+     * is set whenever `locale` changes — so "set locale → flip direction +
+     * announce language" needs no manual wiring. Off by default so it never
+     * fights an explicit `<ThemeProvider dir>`. Reverts on unmount.
+     */
+    autoDirection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Element to receive dir/lang when `autoDirection` is set. Defaults to `document.documentElement`. */
+    directionTarget: {
+        type: PropType<HTMLElement | null>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    locale: string;
+    messages: I18nMessages;
+    i18n: I18n;
+    autoDirection: boolean;
+    directionTarget: HTMLElement | null;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface UseI18nReturn {
+    locale: ComputedRef<string>;
+    t: I18n['t'];
+    formatDate: I18n['formatDate'];
+    formatNumber: I18n['formatNumber'];
+    formatRelativeTime: I18n['formatRelativeTime'];
+    setLocale: I18n['setLocale'];
+    setMessages: I18n['setMessages'];
+}
+/**
+ * Reactive access to the active locale + translation/formatting helpers.
+ * Works with or without an `<IrisI18nProvider>` (falls back to English
+ * defaults). `t` / formatters read the live locale at call time, and `locale`
+ * is a reactive ref so templates re-render on change.
+ */
+declare function useI18n(): UseI18nReturn;
+
+/** Injection key carrying the active {@link I18n} instance to `useI18n`. */
+declare const I18nInjectionKey: InjectionKey<I18n>;
+
+export { I18nInjectionKey, IrisI18nProvider, type UseI18nReturn, useI18n };

package/dist/i18n.d.ts

@@ -0,0 +1,99 @@
+import * as vue from 'vue';
+import { PropType, ComputedRef, InjectionKey } from 'vue';
+import { I18nMessages, I18n } from '@iris-ui-kit/core';
+
+/**
+ * Makes a locale + message dictionary available to descendant components via
+ * `useI18n`. Pass `locale` / `messages` (an instance is created and kept in
+ * sync) or a pre-built `i18n` instance you control externally. Renderless:
+ * renders its default slot.
+ */
+declare const IrisI18nProvider: vue.DefineComponent<vue.ExtractPropTypes<{
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    messages: {
+        type: PropType<I18nMessages>;
+        default: undefined;
+    };
+    i18n: {
+        type: PropType<I18n>;
+        default: undefined;
+    };
+    /**
+     * When set, the locale's writing direction ({@link localeDirection}) is
+     * applied to `directionTarget` (`dir` + `data-iris-dir`) and `<html lang>`
+     * is set whenever `locale` changes — so "set locale → flip direction +
+     * announce language" needs no manual wiring. Off by default so it never
+     * fights an explicit `<ThemeProvider dir>`. Reverts on unmount.
+     */
+    autoDirection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Element to receive dir/lang when `autoDirection` is set. Defaults to `document.documentElement`. */
+    directionTarget: {
+        type: PropType<HTMLElement | null>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    messages: {
+        type: PropType<I18nMessages>;
+        default: undefined;
+    };
+    i18n: {
+        type: PropType<I18n>;
+        default: undefined;
+    };
+    /**
+     * When set, the locale's writing direction ({@link localeDirection}) is
+     * applied to `directionTarget` (`dir` + `data-iris-dir`) and `<html lang>`
+     * is set whenever `locale` changes — so "set locale → flip direction +
+     * announce language" needs no manual wiring. Off by default so it never
+     * fights an explicit `<ThemeProvider dir>`. Reverts on unmount.
+     */
+    autoDirection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Element to receive dir/lang when `autoDirection` is set. Defaults to `document.documentElement`. */
+    directionTarget: {
+        type: PropType<HTMLElement | null>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    locale: string;
+    messages: I18nMessages;
+    i18n: I18n;
+    autoDirection: boolean;
+    directionTarget: HTMLElement | null;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface UseI18nReturn {
+    locale: ComputedRef<string>;
+    t: I18n['t'];
+    formatDate: I18n['formatDate'];
+    formatNumber: I18n['formatNumber'];
+    formatRelativeTime: I18n['formatRelativeTime'];
+    setLocale: I18n['setLocale'];
+    setMessages: I18n['setMessages'];
+}
+/**
+ * Reactive access to the active locale + translation/formatting helpers.
+ * Works with or without an `<IrisI18nProvider>` (falls back to English
+ * defaults). `t` / formatters read the live locale at call time, and `locale`
+ * is a reactive ref so templates re-render on change.
+ */
+declare function useI18n(): UseI18nReturn;
+
+/** Injection key carrying the active {@link I18n} instance to `useI18n`. */
+declare const I18nInjectionKey: InjectionKey<I18n>;
+
+export { I18nInjectionKey, IrisI18nProvider, type UseI18nReturn, useI18n };

package/dist/i18n.js

@@ -0,0 +1,3 @@
+export { I18nInjectionKey, IrisI18nProvider, useI18n } from './chunk-TCAXRWT6.js';
+//# sourceMappingURL=i18n.js.map
+//# sourceMappingURL=i18n.js.map

package/dist/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"i18n.js"}