@yamada-ui/react 2.2.7-dev-20260817094722 → 2.2.7-dev-20260817110843

package/dist/esm/providers/i18n-provider/i18n-provider.js

@@ -12,36 +12,72 @@ const DEFAULT_LANGUAGE = {
 	locale: DEFAULT_LOCALE
 };
 const LOCALES = Object.keys(intl_default);
-function getLanguage(locale, dir) {
-	locale ??= (0, utils_exports.createdDom)() ? navigator.language : DEFAULT_LOCALE;
-	try {
-		Intl.DateTimeFormat.supportedLocalesOf([locale]);
-	} catch (_err) {
-		locale = DEFAULT_LOCALE;
-	}
-	dir ??= (0, utils_exports.isRtl)(locale) ? "rtl" : "ltr";
-	return {
-		dir,
-		locale
-	};
-}
 const I18nContext = createContext({
 	...DEFAULT_LANGUAGE,
 	changeLanguage: utils_exports.noop,
 	getTranslation: () => () => "",
 	t: () => ""
 });
-const I18nProvider = ({ children, dir: forcedDir, formats, intl = intl_default, intlMessageFormatOptions, locale: forcedLocale }) => {
-	const [language, setLanguage] = useState(getLanguage(forcedLocale, forcedDir));
+const I18nProvider = ({ children, dir: forcedDir, fallbackLocale = DEFAULT_LOCALE, formats, intl: forcedIntl, intlMessageFormatOptions, locale: forcedLocale }) => {
+	const intl = useMemo(() => {
+		if (!forcedIntl) return intl_default;
+		if ((0, utils_exports.isEmptyObject)(forcedIntl)) return intl_default;
+		return forcedIntl;
+	}, [forcedIntl]);
+	const locales = useMemo(() => Object.keys(intl), [intl]);
+	const getFallbackLocale = useCallback((language) => {
+		if (language) {
+			for (const key of locales) if (key.startsWith(language)) return key;
+		}
+		if (locales.includes(fallbackLocale)) return fallbackLocale;
+		if ((0, utils_exports.createdDom)()) try {
+			const { language } = new Intl.Locale(fallbackLocale);
+			for (const key of locales) if (key.startsWith(language)) return key;
+		} catch {
+			return locales[0];
+		}
+		else {
+			const language = fallbackLocale.split("-")[0];
+			for (const key of locales) if (key.startsWith(language)) return key;
+		}
+		return locales[0];
+	}, [locales, fallbackLocale]);
+	const getLocale = useCallback((forcedLocale) => {
+		if (forcedLocale) {
+			if (locales.includes(forcedLocale)) return forcedLocale;
+			const language = forcedLocale.split("-")[0];
+			return getFallbackLocale(language);
+		} else if ((0, utils_exports.createdDom)()) try {
+			const { language, region } = new Intl.Locale(navigator.language);
+			const locale = `${language}-${region}`;
+			return locales.includes(locale) ? locale : getFallbackLocale(language);
+		} catch {
+			return getFallbackLocale();
+		}
+		else return getFallbackLocale();
+	}, [locales, getFallbackLocale]);
+	const getLanguage = useCallback((locale, dir) => {
+		locale = getLocale(locale);
+		try {
+			Intl.DateTimeFormat.supportedLocalesOf([locale]);
+		} catch {
+			locale = getFallbackLocale();
+		}
+		dir ??= (0, utils_exports.isRtl)(locale) ? "rtl" : "ltr";
+		return {
+			dir,
+			locale
+		};
+	}, [getLocale, getFallbackLocale]);
+	const [{ dir, locale }, setLanguage] = useState(getLanguage(forcedLocale, forcedDir));
 	const controlled = !(0, utils_exports.isUndefined)(forcedLocale);
-	const { locale } = language;
 	const messages = useMemo(() => intl[locale], [intl, locale]);
 	const changeSystemLanguage = useCallback(() => {
 		setLanguage(getLanguage());
-	}, []);
+	}, [getLanguage]);
 	const changeLanguage = useCallback((locale, dir) => {
 		setLanguage(getLanguage(locale, dir));
-	}, []);
+	}, [getLanguage]);
 	const getValue = useCallback((path) => {
 		const value = (0, utils_exports.getMemoizedObject)(messages, path);
 		if (!(0, utils_exports.isUndefined)(value)) return value;
@@ -72,20 +108,17 @@ const I18nProvider = ({ children, dir: forcedDir, formats, intl = intl_default,
 		formats,
 		intlMessageFormatOptions
 	]);
-	const value = useMemo(() => {
-		const rest = {
-			changeLanguage,
-			getTranslation,
-			t: getTranslation()
-		};
-		return {
-			...language,
-			...rest
-		};
-	}, [
+	const value = useMemo(() => ({
+		changeLanguage,
+		dir,
+		getTranslation,
+		locale,
+		t: getTranslation()
+	}), [
 		changeLanguage,
+		dir,
 		getTranslation,
-		language
+		locale
 	]);
 	useEffect(() => {
 		if (controlled) return;
@@ -96,7 +129,11 @@ const I18nProvider = ({ children, dir: forcedDir, formats, intl = intl_default,
 	}, [controlled, changeSystemLanguage]);
 	useUpdateEffect(() => {
 		setLanguage(getLanguage(forcedLocale, forcedDir));
-	}, [forcedLocale, forcedDir]);
+	}, [
+		forcedLocale,
+		forcedDir,
+		getLanguage
+	]);
 	return /* @__PURE__ */ jsx(I18nContext, {
 		value,
 		children
@@ -117,6 +154,6 @@ function useI18n(key) {
 	else return context;
 }
 //#endregion
-export { I18nContext, I18nProvider, LOCALES, getLanguage, useI18n };
+export { I18nContext, I18nProvider, LOCALES, useI18n };
 
 //# sourceMappingURL=i18n-provider.js.map

package/dist/esm/providers/i18n-provider/i18n-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n-provider.js","names":["INTL","createdDom","isRtl","noop","isUndefined","get","isString","isEmptyObject"],"sources":["../../../../src/providers/i18n-provider/i18n-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Formats, Options } from \"intl-messageformat\"\nimport type { FC, ReactNode } from \"react\"\nimport type { TextDirection } from \"../../core\"\nimport type { AnyString, Dict, Path, Value } from \"../../utils\"\nimport type { IcuArgs } from \"./icu.types\"\nimport type { DefaultIntlData } from \"./intl\"\nimport IntlMessageFormat from \"intl-messageformat\"\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { DEFAULT_DIRECTION, DEFAULT_LOCALE } from \"../../core\"\nimport {\n  createdDom,\n  getMemoizedObject as get,\n  isEmptyObject,\n  isRtl,\n  isString,\n  isUndefined,\n  noop,\n  useUpdateEffect,\n} from \"../../utils\"\nimport INTL from \"./intl\"\n\nexport interface Language {\n  dir: TextDirection\n  locale: string\n}\n\nconst DEFAULT_LANGUAGE: Language = {\n  dir: DEFAULT_DIRECTION,\n  locale: DEFAULT_LOCALE,\n}\n\nexport const LOCALES = Object.keys(INTL) as readonly Locale[]\n\nexport function getLanguage(locale?: string, dir?: TextDirection): Language {\n  locale ??= createdDom() ? navigator.language : DEFAULT_LOCALE\n\n  try {\n    Intl.DateTimeFormat.supportedLocalesOf([locale])\n  } catch (_err) {\n    locale = DEFAULT_LOCALE\n  }\n\n  dir ??= isRtl(locale) ? \"rtl\" : \"ltr\"\n\n  return { dir, locale }\n}\n\ntype IntlData = DefaultIntlData\ntype IntlKey = keyof IntlData\ntype IntlPath = Path<IntlData>\n\nexport type Locale = keyof typeof INTL\n\ntype Translation<Y extends object = IntlData, M extends string = IntlPath> = <\n  D extends M,\n>(\n  path: D,\n  ...args: IcuArgs<Value<Y, D>> extends never\n    ? [replaceValues?: IcuArgs<Value<Y, D>, IntlPath | M>]\n    : [replaceValues: IcuArgs<Value<Y, D>, IntlPath | M>]\n) => string\n\ninterface I18nContext<\n  Y extends object = IntlData,\n  M extends string = IntlPath,\n> extends Language {\n  t: Translation<Y, M>\n  changeLanguage: (locale?: string, dir?: TextDirection) => void\n  getTranslation: (key?: IntlKey) => Translation<Y, M>\n}\n\nexport const I18nContext = createContext<I18nContext>({\n  ...DEFAULT_LANGUAGE,\n  changeLanguage: noop,\n  getTranslation: () => () => \"\",\n  t: () => \"\",\n})\n\nexport interface I18nProviderProps {\n  children?: ReactNode\n  /**\n   * The text direction to apply to the application.\n   *\n   * If not provided, the direction will be determined by the locale.\n   */\n  dir?: TextDirection\n  /**\n   * The formats to pass to the `intlMessageFormat` instance.\n   */\n  formats?: Formats\n  /**\n   * The internationalization messages to apply to the application.\n   *\n   * This prop expects a dictionary object where the keys are locale strings (e.g., \"en-US\").\n   */\n  intl?: Dict\n  /**\n   * The options to pass to the `intlMessageFormat` instance.\n   */\n  intlMessageFormatOptions?: Options\n  /**\n   * The locale to apply to the application.\n   *\n   * If not provided, the locale will be determined by the browser.\n   */\n  locale?: AnyString | Locale\n}\n\nexport const I18nProvider: FC<I18nProviderProps> = ({\n  children,\n  dir: forcedDir,\n  formats,\n  intl = INTL as Dict,\n  intlMessageFormatOptions,\n  locale: forcedLocale,\n}) => {\n  const [language, setLanguage] = useState(getLanguage(forcedLocale, forcedDir))\n  const controlled = !isUndefined(forcedLocale)\n  const { locale } = language\n\n  const messages = useMemo(() => intl[locale], [intl, locale])\n\n  const changeSystemLanguage = useCallback(() => {\n    setLanguage(getLanguage())\n  }, [])\n\n  const changeLanguage = useCallback((locale?: string, dir?: TextDirection) => {\n    setLanguage(getLanguage(locale, dir))\n  }, [])\n\n  const getValue = useCallback(\n    (path: number | string) => {\n      const value = get<string | undefined>(messages, path)\n\n      if (!isUndefined(value)) {\n        return value\n      } else {\n        path = path.toString().replace(/^[^.]+\\./g, \"\")\n\n        return get<string | undefined>(messages, path)\n      }\n    },\n    [messages],\n  )\n\n  const getTranslation = useCallback(\n    (key?: IntlKey) =>\n      <Y extends IntlPath>(\n        path: Y,\n        replaceValues?: IcuArgs<Value<IntlData, Y>, IntlPath>,\n      ) => {\n        const value = getValue(key ? `${key}.${path}` : path) ?? path\n\n        if (isUndefined(replaceValues)) return value\n\n        try {\n          const resolvedReplaceValues = Object.entries(replaceValues).reduce<{\n            [key: string]: any\n          }>((prev, [key, pathOrValue]) => {\n            if (isString(pathOrValue)) {\n              const resolvedPathOrValue = String(pathOrValue)\n              const value =\n                getValue(\n                  key ? `${key}.${resolvedPathOrValue}` : resolvedPathOrValue,\n                ) ?? resolvedPathOrValue\n\n              prev[key] = value\n            } else {\n              prev[key] = pathOrValue\n            }\n\n            return prev\n          }, {})\n\n          const message = new IntlMessageFormat(\n            value,\n            locale,\n            formats,\n            intlMessageFormatOptions,\n          )\n\n          return message.format(resolvedReplaceValues) as string\n        } catch (e) {\n          if (e instanceof Error) console.warn(e.message)\n\n          return value\n        }\n      },\n    [getValue, locale, formats, intlMessageFormatOptions],\n  )\n\n  const value = useMemo(() => {\n    const rest = { changeLanguage, getTranslation, t: getTranslation() }\n\n    return { ...language, ...rest }\n  }, [changeLanguage, getTranslation, language])\n\n  useEffect(() => {\n    if (controlled) return\n\n    window.addEventListener(\"languagechange\", changeSystemLanguage)\n\n    return () => {\n      window.removeEventListener(\"languagechange\", changeSystemLanguage)\n    }\n  }, [controlled, changeSystemLanguage])\n\n  useUpdateEffect(() => {\n    setLanguage(getLanguage(forcedLocale, forcedDir))\n  }, [forcedLocale, forcedDir])\n\n  return <I18nContext value={value}>{children}</I18nContext>\n}\n\nexport function useI18n(): I18nContext\n\nexport function useI18n<Y extends IntlKey>(\n  key: Y,\n): I18nContext<IntlData[Y], Path<IntlData[Y]>>\n\nexport function useI18n<Y extends IntlKey>(key?: Y) {\n  const context = useContext(I18nContext)\n\n  const translation = useCallback(\n    <M extends Path<IntlData[Y]>>(\n      path: M,\n      replaceValues?: IcuArgs<\n        Value<IntlData[Y], M>,\n        IntlPath | Path<IntlData[Y]>\n      >,\n    ) => context.getTranslation(key)(path as any, replaceValues as any),\n    [key, context],\n  )\n\n  if (isEmptyObject(context))\n    return {\n      ...DEFAULT_LANGUAGE,\n      changeLanguage: noop,\n      t: () => \"\",\n    }\n\n  if (key) return { ...context, t: translation }\n  else return context\n}\n"],"mappings":"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"}
+{"version":3,"file":"i18n-provider.js","names":["INTL","noop","isEmptyObject","createdDom","isRtl","isUndefined","get","isString"],"sources":["../../../../src/providers/i18n-provider/i18n-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Formats, Options } from \"intl-messageformat\"\nimport type { FC, ReactNode } from \"react\"\nimport type { TextDirection } from \"../../core\"\nimport type { AnyString, Dict, Path, Value } from \"../../utils\"\nimport type { IcuArgs } from \"./icu.types\"\nimport type { DefaultIntlData } from \"./intl\"\nimport IntlMessageFormat from \"intl-messageformat\"\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\"\nimport { DEFAULT_DIRECTION, DEFAULT_LOCALE } from \"../../core\"\nimport {\n  createdDom,\n  getMemoizedObject as get,\n  isEmptyObject,\n  isRtl,\n  isString,\n  isUndefined,\n  noop,\n  useUpdateEffect,\n} from \"../../utils\"\nimport INTL from \"./intl\"\n\nexport interface Language {\n  dir: TextDirection\n  locale: string\n}\n\nconst DEFAULT_LANGUAGE: Language = {\n  dir: DEFAULT_DIRECTION,\n  locale: DEFAULT_LOCALE,\n}\n\nexport const LOCALES = Object.keys(INTL) as readonly Locale[]\n\ntype IntlData = DefaultIntlData\ntype IntlKey = keyof IntlData\ntype IntlPath = Path<IntlData>\n\nexport type Locale = keyof typeof INTL\n\ntype Translation<Y extends object = IntlData, M extends string = IntlPath> = <\n  D extends M,\n>(\n  path: D,\n  ...args: IcuArgs<Value<Y, D>> extends never\n    ? [replaceValues?: IcuArgs<Value<Y, D>, IntlPath | M>]\n    : [replaceValues: IcuArgs<Value<Y, D>, IntlPath | M>]\n) => string\n\ninterface I18nContext<\n  Y extends object = IntlData,\n  M extends string = IntlPath,\n> extends Language {\n  t: Translation<Y, M>\n  changeLanguage: (locale?: string, dir?: TextDirection) => void\n  getTranslation: (key?: IntlKey) => Translation<Y, M>\n}\n\nexport const I18nContext = createContext<I18nContext>({\n  ...DEFAULT_LANGUAGE,\n  changeLanguage: noop,\n  getTranslation: () => () => \"\",\n  t: () => \"\",\n})\n\nexport interface I18nProviderProps {\n  children?: ReactNode\n  /**\n   * The text direction to apply to the application.\n   *\n   * If not provided, the direction will be determined by the locale.\n   */\n  dir?: TextDirection\n  /**\n   * The fallback locale to use if no matching locale is available.\n   */\n  fallbackLocale?: AnyString | Locale\n  /**\n   * The formats to pass to the `intlMessageFormat` instance.\n   */\n  formats?: Formats\n  /**\n   * The internationalization messages to apply to the application.\n   *\n   * This prop expects a dictionary object where the keys are locale strings (e.g., \"en-US\").\n   */\n  intl?: Dict\n  /**\n   * The options to pass to the `intlMessageFormat` instance.\n   */\n  intlMessageFormatOptions?: Options\n  /**\n   * The locale to apply to the application.\n   *\n   * If not provided, the locale will be determined by the browser.\n   */\n  locale?: AnyString | Locale\n}\n\nexport const I18nProvider: FC<I18nProviderProps> = ({\n  children,\n  dir: forcedDir,\n  fallbackLocale = DEFAULT_LOCALE,\n  formats,\n  intl: forcedIntl,\n  intlMessageFormatOptions,\n  locale: forcedLocale,\n}) => {\n  const intl = useMemo<Dict>(() => {\n    if (!forcedIntl) return INTL\n\n    if (isEmptyObject(forcedIntl)) return INTL\n\n    return forcedIntl\n  }, [forcedIntl])\n  const locales = useMemo(() => Object.keys(intl), [intl])\n\n  const getFallbackLocale = useCallback(\n    (language?: string) => {\n      if (language)\n        for (const key of locales) if (key.startsWith(language)) return key\n\n      if (locales.includes(fallbackLocale)) return fallbackLocale\n\n      if (createdDom()) {\n        try {\n          const { language } = new Intl.Locale(fallbackLocale)\n\n          for (const key of locales) if (key.startsWith(language)) return key\n        } catch {\n          return locales[0]!\n        }\n      } else {\n        const language = fallbackLocale.split(\"-\")[0]!\n\n        for (const key of locales) if (key.startsWith(language)) return key\n      }\n\n      return locales[0]!\n    },\n    [locales, fallbackLocale],\n  )\n\n  const getLocale = useCallback(\n    (forcedLocale?: string) => {\n      if (forcedLocale) {\n        if (locales.includes(forcedLocale)) return forcedLocale\n\n        const language = forcedLocale.split(\"-\")[0]!\n\n        return getFallbackLocale(language)\n      } else if (createdDom()) {\n        try {\n          const { language, region } = new Intl.Locale(navigator.language)\n          const locale = `${language}-${region}`\n\n          return locales.includes(locale) ? locale : getFallbackLocale(language)\n        } catch {\n          return getFallbackLocale()\n        }\n      } else {\n        return getFallbackLocale()\n      }\n    },\n    [locales, getFallbackLocale],\n  )\n\n  const getLanguage = useCallback(\n    (locale?: string, dir?: TextDirection): Language => {\n      locale = getLocale(locale)\n\n      try {\n        Intl.DateTimeFormat.supportedLocalesOf([locale])\n      } catch {\n        locale = getFallbackLocale()\n      }\n\n      dir ??= isRtl(locale) ? \"rtl\" : \"ltr\"\n\n      return { dir, locale }\n    },\n    [getLocale, getFallbackLocale],\n  )\n\n  const [{ dir, locale }, setLanguage] = useState(\n    getLanguage(forcedLocale, forcedDir),\n  )\n  const controlled = !isUndefined(forcedLocale)\n\n  const messages = useMemo(() => intl[locale], [intl, locale])\n\n  const changeSystemLanguage = useCallback(() => {\n    setLanguage(getLanguage())\n  }, [getLanguage])\n\n  const changeLanguage = useCallback(\n    (locale?: string, dir?: TextDirection) => {\n      setLanguage(getLanguage(locale, dir))\n    },\n    [getLanguage],\n  )\n\n  const getValue = useCallback(\n    (path: number | string) => {\n      const value = get<string | undefined>(messages, path)\n\n      if (!isUndefined(value)) {\n        return value\n      } else {\n        path = path.toString().replace(/^[^.]+\\./g, \"\")\n\n        return get<string | undefined>(messages, path)\n      }\n    },\n    [messages],\n  )\n\n  const getTranslation = useCallback(\n    (key?: IntlKey) =>\n      <Y extends IntlPath>(\n        path: Y,\n        replaceValues?: IcuArgs<Value<IntlData, Y>, IntlPath>,\n      ) => {\n        const value = getValue(key ? `${key}.${path}` : path) ?? path\n\n        if (isUndefined(replaceValues)) return value\n\n        try {\n          const resolvedReplaceValues = Object.entries(replaceValues).reduce<{\n            [key: string]: any\n          }>((prev, [key, pathOrValue]) => {\n            if (isString(pathOrValue)) {\n              const resolvedPathOrValue = String(pathOrValue)\n              const value =\n                getValue(\n                  key ? `${key}.${resolvedPathOrValue}` : resolvedPathOrValue,\n                ) ?? resolvedPathOrValue\n\n              prev[key] = value\n            } else {\n              prev[key] = pathOrValue\n            }\n\n            return prev\n          }, {})\n\n          const message = new IntlMessageFormat(\n            value,\n            locale,\n            formats,\n            intlMessageFormatOptions,\n          )\n\n          return message.format(resolvedReplaceValues) as string\n        } catch (e) {\n          if (e instanceof Error) console.warn(e.message)\n\n          return value\n        }\n      },\n    [getValue, locale, formats, intlMessageFormatOptions],\n  )\n\n  const value = useMemo(\n    () => ({\n      changeLanguage,\n      dir,\n      getTranslation,\n      locale,\n      t: getTranslation(),\n    }),\n    [changeLanguage, dir, getTranslation, locale],\n  )\n\n  useEffect(() => {\n    if (controlled) return\n\n    window.addEventListener(\"languagechange\", changeSystemLanguage)\n\n    return () => {\n      window.removeEventListener(\"languagechange\", changeSystemLanguage)\n    }\n  }, [controlled, changeSystemLanguage])\n\n  useUpdateEffect(() => {\n    setLanguage(getLanguage(forcedLocale, forcedDir))\n  }, [forcedLocale, forcedDir, getLanguage])\n\n  return <I18nContext value={value}>{children}</I18nContext>\n}\n\nexport function useI18n(): I18nContext\n\nexport function useI18n<Y extends IntlKey>(\n  key: Y,\n): I18nContext<IntlData[Y], Path<IntlData[Y]>>\n\nexport function useI18n<Y extends IntlKey>(key?: Y) {\n  const context = useContext(I18nContext)\n\n  const translation = useCallback(\n    <M extends Path<IntlData[Y]>>(\n      path: M,\n      replaceValues?: IcuArgs<\n        Value<IntlData[Y], M>,\n        IntlPath | Path<IntlData[Y]>\n      >,\n    ) => context.getTranslation(key)(path as any, replaceValues as any),\n    [key, context],\n  )\n\n  if (isEmptyObject(context))\n    return {\n      ...DEFAULT_LANGUAGE,\n      changeLanguage: noop,\n      t: () => \"\",\n    }\n\n  if (key) return { ...context, t: translation }\n  else return context\n}\n"],"mappings":"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"}

package/dist/esm/providers/i18n-provider/index.js

@@ -1,3 +1,3 @@
 import { i18nCache } from "./i18n-cache.js";
-import { I18nContext, I18nProvider, LOCALES, getLanguage, useI18n } from "./i18n-provider.js";
-export { I18nContext, I18nProvider, LOCALES, getLanguage, i18nCache, useI18n };
+import { I18nContext, I18nProvider, LOCALES, useI18n } from "./i18n-provider.js";
+export { I18nContext, I18nProvider, LOCALES, i18nCache, useI18n };

package/dist/esm/providers/ui-provider/ui-provider.js

@@ -13,12 +13,15 @@ import { jsx } from "react/jsx-runtime";
 /**
 * The global provider that must be added to make all Yamada UI components work correctly.
 */
-const UIProvider = ({ children, colorMode, colorModeStorageKey, config: config$1 = config, cookie, dir, intl, locale, rootNode, storage, theme: theme$1 = theme, themeSchemeStorageKey }) => {
+const UIProvider = ({ children, colorMode, colorModeStorageKey, config: config$1 = config, cookie, dir, fallbackLocale, formats, intl, intlMessageFormatOptions, locale, rootNode, storage, theme: theme$1 = theme, themeSchemeStorageKey }) => {
 	return /* @__PURE__ */ jsx(EnvironmentProvider, {
 		value: rootNode,
 		children: /* @__PURE__ */ jsx(I18nProvider, {
 			dir,
+			fallbackLocale,
+			formats,
 			intl,
+			intlMessageFormatOptions,
 			locale,
 			children: /* @__PURE__ */ jsx(SystemProvider, {
 				config: config$1,

package/dist/esm/providers/ui-provider/ui-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-provider.js","names":["defaultConfig","defaultTheme","config","theme","merge"],"sources":["../../../../src/providers/ui-provider/ui-provider.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type {\n  ColorModeProviderProps,\n  EnvironmentProviderProps,\n  ThemeConfig,\n  ThemeProviderProps,\n  UsageTheme,\n} from \"../../core\"\nimport type { DeepMerge } from \"../../utils\"\nimport type { I18nProviderProps } from \"../i18n-provider\"\nimport { LoadingProvider } from \"../../components/loading\"\nimport { NoticeProvider } from \"../../components/notice\"\nimport {\n  ColorModeProvider,\n  EnvironmentProvider,\n  SystemProvider,\n  ThemeProvider,\n} from \"../../core\"\nimport { config as defaultConfig, theme as defaultTheme } from \"../../theme\"\nimport { merge } from \"../../utils\"\nimport { I18nProvider } from \"../i18n-provider\"\n\nexport interface UIProviderProps\n  extends\n    Omit<ThemeProviderProps, \"storageKey\">,\n    Pick<ColorModeProviderProps, \"colorMode\">,\n    I18nProviderProps {\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  colorModeStorageKey?: string\n  /**\n   * The root node to use.\n   */\n  rootNode?: EnvironmentProviderProps[\"value\"]\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  themeSchemeStorageKey?: string\n}\n\n/**\n * The global provider that must be added to make all Yamada UI components work correctly.\n */\nexport const UIProvider: FC<UIProviderProps> = ({\n  children,\n  colorMode,\n  colorModeStorageKey,\n  config = defaultConfig,\n  cookie,\n  dir,\n  intl,\n  locale,\n  rootNode,\n  storage,\n  theme = defaultTheme,\n  themeSchemeStorageKey,\n}) => {\n  return (\n    <EnvironmentProvider value={rootNode}>\n      <I18nProvider dir={dir} intl={intl} locale={locale}>\n        <SystemProvider config={config} theme={theme}>\n          <ThemeProvider\n            config={config}\n            cookie={cookie}\n            storage={storage}\n            storageKey={themeSchemeStorageKey}\n            theme={theme}\n          >\n            <ColorModeProvider\n              colorMode={colorMode}\n              config={config}\n              cookie={cookie}\n              storage={storage}\n              storageKey={colorModeStorageKey}\n            >\n              <LoadingProvider {...config.loading}>\n                <NoticeProvider {...config.notice}>{children}</NoticeProvider>\n              </LoadingProvider>\n            </ColorModeProvider>\n          </ThemeProvider>\n        </SystemProvider>\n      </I18nProvider>\n    </EnvironmentProvider>\n  )\n}\n\ntype DefaultTheme = typeof defaultTheme\n\nexport const extendTheme = <Y extends UsageTheme>(theme: Y) => {\n  return merge<DeepMerge<DefaultTheme, Y>>(defaultTheme, theme)\n}\n\nexport const extendConfig = (config: ThemeConfig) => {\n  return merge(defaultConfig, config)\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAa,cAAmC,EAC9C,UACA,WACA,qBACA,QAAA,WAASA,QACT,QACA,KACA,MACA,QACA,UACA,SACA,OAAA,UAAQC,OACR,4BACI;CACJ,OACE,oBAAC,qBAAD;EAAqB,OAAO;EAC1B,UAAA,oBAAC,cAAD;GAAmB;GAAW;GAAc;GAC1C,UAAA,oBAAC,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;IACrC,UAAA,oBAAC,eAAD;KACE,QAAQD;KACA;KACC;KACT,YAAY;KACZ,OAAOC;KAEP,UAAA,oBAAC,mBAAD;MACa;MACX,QAAQD;MACA;MACC;MACT,YAAY;MAEZ,UAAA,oBAAC,iBAAD;OAAiB,GAAIA,SAAO;OAC1B,UAAA,oBAAC,gBAAD;QAAgB,GAAIA,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAOE,cAAAA,MAAAA,CAAkCH,OAAcE,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAOC,cAAAA,MAAAA,CAAMJ,QAAeE,QAAM;AACpC"}
+{"version":3,"file":"ui-provider.js","names":["defaultConfig","defaultTheme","config","theme","merge"],"sources":["../../../../src/providers/ui-provider/ui-provider.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type {\n  ColorModeProviderProps,\n  EnvironmentProviderProps,\n  ThemeConfig,\n  ThemeProviderProps,\n  UsageTheme,\n} from \"../../core\"\nimport type { DeepMerge } from \"../../utils\"\nimport type { I18nProviderProps } from \"../i18n-provider\"\nimport { LoadingProvider } from \"../../components/loading\"\nimport { NoticeProvider } from \"../../components/notice\"\nimport {\n  ColorModeProvider,\n  EnvironmentProvider,\n  SystemProvider,\n  ThemeProvider,\n} from \"../../core\"\nimport { config as defaultConfig, theme as defaultTheme } from \"../../theme\"\nimport { merge } from \"../../utils\"\nimport { I18nProvider } from \"../i18n-provider\"\n\nexport interface UIProviderProps\n  extends\n    Omit<ThemeProviderProps, \"storageKey\">,\n    Pick<ColorModeProviderProps, \"colorMode\">,\n    I18nProviderProps {\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  colorModeStorageKey?: string\n  /**\n   * The root node to use.\n   */\n  rootNode?: EnvironmentProviderProps[\"value\"]\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  themeSchemeStorageKey?: string\n}\n\n/**\n * The global provider that must be added to make all Yamada UI components work correctly.\n */\nexport const UIProvider: FC<UIProviderProps> = ({\n  children,\n  colorMode,\n  colorModeStorageKey,\n  config = defaultConfig,\n  cookie,\n  dir,\n  fallbackLocale,\n  formats,\n  intl,\n  intlMessageFormatOptions,\n  locale,\n  rootNode,\n  storage,\n  theme = defaultTheme,\n  themeSchemeStorageKey,\n}) => {\n  return (\n    <EnvironmentProvider value={rootNode}>\n      <I18nProvider\n        dir={dir}\n        fallbackLocale={fallbackLocale}\n        formats={formats}\n        intl={intl}\n        intlMessageFormatOptions={intlMessageFormatOptions}\n        locale={locale}\n      >\n        <SystemProvider config={config} theme={theme}>\n          <ThemeProvider\n            config={config}\n            cookie={cookie}\n            storage={storage}\n            storageKey={themeSchemeStorageKey}\n            theme={theme}\n          >\n            <ColorModeProvider\n              colorMode={colorMode}\n              config={config}\n              cookie={cookie}\n              storage={storage}\n              storageKey={colorModeStorageKey}\n            >\n              <LoadingProvider {...config.loading}>\n                <NoticeProvider {...config.notice}>{children}</NoticeProvider>\n              </LoadingProvider>\n            </ColorModeProvider>\n          </ThemeProvider>\n        </SystemProvider>\n      </I18nProvider>\n    </EnvironmentProvider>\n  )\n}\n\ntype DefaultTheme = typeof defaultTheme\n\nexport const extendTheme = <Y extends UsageTheme>(theme: Y) => {\n  return merge<DeepMerge<DefaultTheme, Y>>(defaultTheme, theme)\n}\n\nexport const extendConfig = (config: ThemeConfig) => {\n  return merge(defaultConfig, config)\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAa,cAAmC,EAC9C,UACA,WACA,qBACA,QAAA,WAASA,QACT,QACA,KACA,gBACA,SACA,MACA,0BACA,QACA,UACA,SACA,OAAA,UAAQC,OACR,4BACI;CACJ,OACE,oBAAC,qBAAD;EAAqB,OAAO;EAC1B,UAAA,oBAAC,cAAD;GACO;GACW;GACP;GACH;GACoB;GAClB;GAER,UAAA,oBAAC,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;IACrC,UAAA,oBAAC,eAAD;KACE,QAAQD;KACA;KACC;KACT,YAAY;KACZ,OAAOC;KAEP,UAAA,oBAAC,mBAAD;MACa;MACX,QAAQD;MACA;MACC;MACT,YAAY;MAEZ,UAAA,oBAAC,iBAAD;OAAiB,GAAIA,SAAO;OAC1B,UAAA,oBAAC,gBAAD;QAAgB,GAAIA,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAOE,cAAAA,MAAAA,CAAkCH,OAAcE,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAOC,cAAAA,MAAAA,CAAMJ,QAAeE,QAAM;AACpC"}

package/dist/types/components/chart/polar-chart.style.d.ts

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 //#region src/components/chart/polar-chart.style.d.ts
-declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "labelList" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
+declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelList" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelList" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelList" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "radial" | "labelLine" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelList" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
 type PolarChartStyle = typeof polarChartStyle;
 //#endregion
 export { PolarChartStyle, polarChartStyle };