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

package/dist/cjs/providers/i18n-provider/i18n-provider.cjs

@@ -14,36 +14,72 @@ const DEFAULT_LANGUAGE = {
 	locale: require_constant.DEFAULT_LOCALE
 };
 const LOCALES = Object.keys(require_providers_i18n_provider_intl_index);
-function getLanguage(locale, dir) {
-	locale ??= (0, require_utils_index.utils_exports.createdDom)() ? navigator.language : require_constant.DEFAULT_LOCALE;
-	try {
-		Intl.DateTimeFormat.supportedLocalesOf([locale]);
-	} catch (_err) {
-		locale = require_constant.DEFAULT_LOCALE;
-	}
-	dir ??= (0, require_utils_index.utils_exports.isRtl)(locale) ? "rtl" : "ltr";
-	return {
-		dir,
-		locale
-	};
-}
 const I18nContext = (0, react.createContext)({
 	...DEFAULT_LANGUAGE,
 	changeLanguage: require_utils_index.utils_exports.noop,
 	getTranslation: () => () => "",
 	t: () => ""
 });
-const I18nProvider = ({ children, dir: forcedDir, formats, intl = require_providers_i18n_provider_intl_index, intlMessageFormatOptions, locale: forcedLocale }) => {
-	const [language, setLanguage] = (0, react.useState)(getLanguage(forcedLocale, forcedDir));
+const I18nProvider = ({ children, dir: forcedDir, fallbackLocale = require_constant.DEFAULT_LOCALE, formats, intl: forcedIntl, intlMessageFormatOptions, locale: forcedLocale }) => {
+	const intl = (0, react.useMemo)(() => {
+		if (!forcedIntl) return require_providers_i18n_provider_intl_index;
+		if ((0, require_utils_index.utils_exports.isEmptyObject)(forcedIntl)) return require_providers_i18n_provider_intl_index;
+		return forcedIntl;
+	}, [forcedIntl]);
+	const locales = (0, react.useMemo)(() => Object.keys(intl), [intl]);
+	const getFallbackLocale = (0, react.useCallback)((language) => {
+		if (language) {
+			for (const key of locales) if (key.startsWith(language)) return key;
+		}
+		if (locales.includes(fallbackLocale)) return fallbackLocale;
+		if ((0, require_utils_index.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 = (0, react.useCallback)((forcedLocale) => {
+		if (forcedLocale) {
+			if (locales.includes(forcedLocale)) return forcedLocale;
+			const language = forcedLocale.split("-")[0];
+			return getFallbackLocale(language);
+		} else if ((0, require_utils_index.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 = (0, react.useCallback)((locale, dir) => {
+		locale = getLocale(locale);
+		try {
+			Intl.DateTimeFormat.supportedLocalesOf([locale]);
+		} catch {
+			locale = getFallbackLocale();
+		}
+		dir ??= (0, require_utils_index.utils_exports.isRtl)(locale) ? "rtl" : "ltr";
+		return {
+			dir,
+			locale
+		};
+	}, [getLocale, getFallbackLocale]);
+	const [{ dir, locale }, setLanguage] = (0, react.useState)(getLanguage(forcedLocale, forcedDir));
 	const controlled = !(0, require_utils_index.utils_exports.isUndefined)(forcedLocale);
-	const { locale } = language;
 	const messages = (0, react.useMemo)(() => intl[locale], [intl, locale]);
 	const changeSystemLanguage = (0, react.useCallback)(() => {
 		setLanguage(getLanguage());
-	}, []);
+	}, [getLanguage]);
 	const changeLanguage = (0, react.useCallback)((locale, dir) => {
 		setLanguage(getLanguage(locale, dir));
-	}, []);
+	}, [getLanguage]);
 	const getValue = (0, react.useCallback)((path) => {
 		const value = (0, require_utils_index.utils_exports.getMemoizedObject)(messages, path);
 		if (!(0, require_utils_index.utils_exports.isUndefined)(value)) return value;
@@ -74,20 +110,17 @@ const I18nProvider = ({ children, dir: forcedDir, formats, intl = require_provid
 		formats,
 		intlMessageFormatOptions
 	]);
-	const value = (0, react.useMemo)(() => {
-		const rest = {
-			changeLanguage,
-			getTranslation,
-			t: getTranslation()
-		};
-		return {
-			...language,
-			...rest
-		};
-	}, [
+	const value = (0, react.useMemo)(() => ({
+		changeLanguage,
+		dir,
+		getTranslation,
+		locale,
+		t: getTranslation()
+	}), [
 		changeLanguage,
+		dir,
 		getTranslation,
-		language
+		locale
 	]);
 	(0, react.useEffect)(() => {
 		if (controlled) return;
@@ -98,7 +131,11 @@ const I18nProvider = ({ children, dir: forcedDir, formats, intl = require_provid
 	}, [controlled, changeSystemLanguage]);
 	require_effect.useUpdateEffect(() => {
 		setLanguage(getLanguage(forcedLocale, forcedDir));
-	}, [forcedLocale, forcedDir]);
+	}, [
+		forcedLocale,
+		forcedDir,
+		getLanguage
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(I18nContext, {
 		value,
 		children
@@ -122,7 +159,6 @@ function useI18n(key) {
 exports.I18nContext = I18nContext;
 exports.I18nProvider = I18nProvider;
 exports.LOCALES = LOCALES;
-exports.getLanguage = getLanguage;
 exports.useI18n = useI18n;
 
 //# sourceMappingURL=i18n-provider.cjs.map

package/dist/cjs/providers/i18n-provider/i18n-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"i18n-provider.cjs","names":["DEFAULT_LOCALE","INTL","createContext","useState","useMemo","useCallback","get","IntlMessageFormat","useContext"],"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.cjs","names":["DEFAULT_LOCALE","INTL","createContext","useMemo","useCallback","useState","get","IntlMessageFormat","useContext"],"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/cjs/providers/i18n-provider/index.cjs

@@ -4,6 +4,5 @@ const require_i18n_provider = require("./i18n-provider.cjs");
 exports.I18nContext = require_i18n_provider.I18nContext;
 exports.I18nProvider = require_i18n_provider.I18nProvider;
 exports.LOCALES = require_i18n_provider.LOCALES;
-exports.getLanguage = require_i18n_provider.getLanguage;
 exports.i18nCache = require_i18n_cache.i18nCache;
 exports.useI18n = require_i18n_provider.useI18n;

package/dist/cjs/providers/ui-provider/ui-provider.cjs

@@ -13,12 +13,15 @@ let react_jsx_runtime = require("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 = require_config.config, cookie, dir, intl, locale, rootNode, storage, theme: theme$1 = require_theme_index.theme, themeSchemeStorageKey }) => {
+const UIProvider = ({ children, colorMode, colorModeStorageKey, config: config$1 = require_config.config, cookie, dir, fallbackLocale, formats, intl, intlMessageFormatOptions, locale, rootNode, storage, theme: theme$1 = require_theme_index.theme, themeSchemeStorageKey }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_environment_provider.EnvironmentProvider, {
 		value: rootNode,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_i18n_provider.I18nProvider, {
 			dir,
+			fallbackLocale,
+			formats,
 			intl,
+			intlMessageFormatOptions,
 			locale,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_system_provider.SystemProvider, {
 				config: config$1,

package/dist/cjs/providers/ui-provider/ui-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui-provider.cjs","names":["defaultConfig","defaultTheme","EnvironmentProvider","I18nProvider","SystemProvider","config","theme","ThemeProvider","ColorModeProvider","LoadingProvider","NoticeProvider"],"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,eAAAA,QACT,QACA,KACA,MACA,QACA,UACA,SACA,OAAA,UAAQC,oBAAAA,OACR,4BACI;CACJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD;EAAqB,OAAO;EAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,cAAD;GAAmB;GAAW;GAAc;GAC1C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;IACrC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,eAAD;KACE,QAAQF;KACA;KACC;KACT,YAAY;KACZ,OAAOC;KAEP,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,4BAAAA,mBAAD;MACa;MACX,QAAQH;MACA;MACC;MACT,YAAY;MAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,yBAAAA,iBAAD;OAAiB,GAAIJ,SAAO;OAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACK,wBAAAA,gBAAD;QAAgB,GAAIL,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAA,oBAAA,cAAO,MAAA,CAAkCJ,oBAAAA,OAAcK,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAA,oBAAA,cAAO,MAAA,CAAMN,eAAAA,QAAeK,QAAM;AACpC"}
+{"version":3,"file":"ui-provider.cjs","names":["defaultConfig","defaultTheme","EnvironmentProvider","I18nProvider","SystemProvider","config","theme","ThemeProvider","ColorModeProvider","LoadingProvider","NoticeProvider"],"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,eAAAA,QACT,QACA,KACA,gBACA,SACA,MACA,0BACA,QACA,UACA,SACA,OAAA,UAAQC,oBAAAA,OACR,4BACI;CACJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,qBAAD;EAAqB,OAAO;EAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,cAAD;GACO;GACW;GACP;GACH;GACoB;GAClB;GAER,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;IAAgB,QAAQC;IAAQ,OAAOC;IACrC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,eAAD;KACE,QAAQF;KACA;KACC;KACT,YAAY;KACZ,OAAOC;KAEP,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACE,4BAAAA,mBAAD;MACa;MACX,QAAQH;MACA;MACC;MACT,YAAY;MAEZ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACI,yBAAAA,iBAAD;OAAiB,GAAIJ,SAAO;OAC1B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACK,wBAAAA,gBAAD;QAAgB,GAAIL,SAAO;QAAS;OAAyB,CAAA;MAC9C,CAAA;KACA,CAAA;IACN,CAAA;GACD,CAAA;EACJ,CAAA;CACK,CAAA;AAEzB;AAIA,MAAa,eAAqC,YAAa;CAC7D,QAAA,GAAA,oBAAA,cAAO,MAAA,CAAkCJ,oBAAAA,OAAcK,OAAK;AAC9D;AAEA,MAAa,gBAAgB,aAAwB;CACnD,QAAA,GAAA,oBAAA,cAAO,MAAA,CAAMN,eAAAA,QAAeK,QAAM;AACpC"}

package/dist/esm/components/icon/icons/angle-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { Angle } from "lucide-react";
+//#region src/components/icon/icons/angle-icon.tsx
+/**
+* `AngleIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const AngleIcon = component(Icon$1)({ as: Angle });
+//#endregion
+export { AngleIcon };
+
+//# sourceMappingURL=angle-icon.js.map

package/dist/esm/components/icon/icons/angle-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"angle-icon.js","names":["Icon","OriginalAngleIcon"],"sources":["../../../../../src/components/icon/icons/angle-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { Angle as OriginalAngleIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `AngleIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const AngleIcon = component(Icon)({\n  as: OriginalAngleIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,YAAY,UAAUA,MAAI,CAAC,CAAC,EACvC,IAAIC,MACN,CAAC"}

package/dist/esm/components/icon/icons/audio-lines-x-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { AudioLinesX } from "lucide-react";
+//#region src/components/icon/icons/audio-lines-x-icon.tsx
+/**
+* `AudioLinesXIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const AudioLinesXIcon = component(Icon$1)({ as: AudioLinesX });
+//#endregion
+export { AudioLinesXIcon };
+
+//# sourceMappingURL=audio-lines-x-icon.js.map

package/dist/esm/components/icon/icons/audio-lines-x-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-lines-x-icon.js","names":["Icon","OriginalAudioLinesXIcon"],"sources":["../../../../../src/components/icon/icons/audio-lines-x-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { AudioLinesX as OriginalAudioLinesXIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `AudioLinesXIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const AudioLinesXIcon = component(Icon)({\n  as: OriginalAudioLinesXIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,kBAAkB,UAAUA,MAAI,CAAC,CAAC,EAC7C,IAAIC,YACN,CAAC"}

package/dist/esm/components/icon/icons/broom-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { Broom } from "lucide-react";
+//#region src/components/icon/icons/broom-icon.tsx
+/**
+* `BroomIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const BroomIcon = component(Icon$1)({ as: Broom });
+//#endregion
+export { BroomIcon };
+
+//# sourceMappingURL=broom-icon.js.map

package/dist/esm/components/icon/icons/broom-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"broom-icon.js","names":["Icon","OriginalBroomIcon"],"sources":["../../../../../src/components/icon/icons/broom-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { Broom as OriginalBroomIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `BroomIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const BroomIcon = component(Icon)({\n  as: OriginalBroomIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,YAAY,UAAUA,MAAI,CAAC,CAAC,EACvC,IAAIC,MACN,CAAC"}

package/dist/esm/components/icon/icons/broom-sparkles-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { BroomSparkles } from "lucide-react";
+//#region src/components/icon/icons/broom-sparkles-icon.tsx
+/**
+* `BroomSparklesIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const BroomSparklesIcon = component(Icon$1)({ as: BroomSparkles });
+//#endregion
+export { BroomSparklesIcon };
+
+//# sourceMappingURL=broom-sparkles-icon.js.map

package/dist/esm/components/icon/icons/broom-sparkles-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"broom-sparkles-icon.js","names":["Icon","OriginalBroomSparklesIcon"],"sources":["../../../../../src/components/icon/icons/broom-sparkles-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { BroomSparkles as OriginalBroomSparklesIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `BroomSparklesIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const BroomSparklesIcon = component(Icon)({\n  as: OriginalBroomSparklesIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,oBAAoB,UAAUA,MAAI,CAAC,CAAC,EAC/C,IAAIC,cACN,CAAC"}

package/dist/esm/components/icon/icons/eject-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { Eject } from "lucide-react";
+//#region src/components/icon/icons/eject-icon.tsx
+/**
+* `EjectIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const EjectIcon = component(Icon$1)({ as: Eject });
+//#endregion
+export { EjectIcon };
+
+//# sourceMappingURL=eject-icon.js.map

package/dist/esm/components/icon/icons/eject-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eject-icon.js","names":["Icon","OriginalEjectIcon"],"sources":["../../../../../src/components/icon/icons/eject-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { Eject as OriginalEjectIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `EjectIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const EjectIcon = component(Icon)({\n  as: OriginalEjectIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,YAAY,UAAUA,MAAI,CAAC,CAAC,EACvC,IAAIC,MACN,CAAC"}

package/dist/esm/components/icon/icons/face-angry-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { FaceAngry } from "lucide-react";
+//#region src/components/icon/icons/face-angry-icon.tsx
+/**
+* `FaceAngryIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const FaceAngryIcon = component(Icon$1)({ as: FaceAngry });
+//#endregion
+export { FaceAngryIcon };
+
+//# sourceMappingURL=face-angry-icon.js.map

package/dist/esm/components/icon/icons/face-angry-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"face-angry-icon.js","names":["Icon","OriginalFaceAngryIcon"],"sources":["../../../../../src/components/icon/icons/face-angry-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { FaceAngry as OriginalFaceAngryIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `FaceAngryIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const FaceAngryIcon = component(Icon)({\n  as: OriginalFaceAngryIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,gBAAgB,UAAUA,MAAI,CAAC,CAAC,EAC3C,IAAIC,UACN,CAAC"}

package/dist/esm/components/icon/icons/face-expressionless-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { FaceExpressionless } from "lucide-react";
+//#region src/components/icon/icons/face-expressionless-icon.tsx
+/**
+* `FaceExpressionlessIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const FaceExpressionlessIcon = component(Icon$1)({ as: FaceExpressionless });
+//#endregion
+export { FaceExpressionlessIcon };
+
+//# sourceMappingURL=face-expressionless-icon.js.map

package/dist/esm/components/icon/icons/face-expressionless-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"face-expressionless-icon.js","names":["Icon","OriginalFaceExpressionlessIcon"],"sources":["../../../../../src/components/icon/icons/face-expressionless-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { FaceExpressionless as OriginalFaceExpressionlessIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `FaceExpressionlessIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const FaceExpressionlessIcon = component(Icon)({\n  as: OriginalFaceExpressionlessIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,yBAAyB,UAAUA,MAAI,CAAC,CAAC,EACpD,IAAIC,mBACN,CAAC"}

package/dist/esm/components/icon/icons/face-grinning-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { FaceGrinning } from "lucide-react";
+//#region src/components/icon/icons/face-grinning-icon.tsx
+/**
+* `FaceGrinningIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const FaceGrinningIcon = component(Icon$1)({ as: FaceGrinning });
+//#endregion
+export { FaceGrinningIcon };
+
+//# sourceMappingURL=face-grinning-icon.js.map

package/dist/esm/components/icon/icons/face-grinning-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"face-grinning-icon.js","names":["Icon","OriginalFaceGrinningIcon"],"sources":["../../../../../src/components/icon/icons/face-grinning-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { FaceGrinning as OriginalFaceGrinningIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `FaceGrinningIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const FaceGrinningIcon = component(Icon)({\n  as: OriginalFaceGrinningIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,mBAAmB,UAAUA,MAAI,CAAC,CAAC,EAC9C,IAAIC,aACN,CAAC"}

package/dist/esm/components/icon/icons/face-neutral-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { FaceNeutral } from "lucide-react";
+//#region src/components/icon/icons/face-neutral-icon.tsx
+/**
+* `FaceNeutralIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const FaceNeutralIcon = component(Icon$1)({ as: FaceNeutral });
+//#endregion
+export { FaceNeutralIcon };
+
+//# sourceMappingURL=face-neutral-icon.js.map

package/dist/esm/components/icon/icons/face-neutral-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"face-neutral-icon.js","names":["Icon","OriginalFaceNeutralIcon"],"sources":["../../../../../src/components/icon/icons/face-neutral-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { FaceNeutral as OriginalFaceNeutralIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `FaceNeutralIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const FaceNeutralIcon = component(Icon)({\n  as: OriginalFaceNeutralIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,kBAAkB,UAAUA,MAAI,CAAC,CAAC,EAC7C,IAAIC,YACN,CAAC"}

package/dist/esm/components/icon/icons/face-slightly-frowning-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { FaceSlightlyFrowning } from "lucide-react";
+//#region src/components/icon/icons/face-slightly-frowning-icon.tsx
+/**
+* `FaceSlightlyFrowningIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const FaceSlightlyFrowningIcon = component(Icon$1)({ as: FaceSlightlyFrowning });
+//#endregion
+export { FaceSlightlyFrowningIcon };
+
+//# sourceMappingURL=face-slightly-frowning-icon.js.map

package/dist/esm/components/icon/icons/face-slightly-frowning-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"face-slightly-frowning-icon.js","names":["Icon","OriginalFaceSlightlyFrowningIcon"],"sources":["../../../../../src/components/icon/icons/face-slightly-frowning-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { FaceSlightlyFrowning as OriginalFaceSlightlyFrowningIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `FaceSlightlyFrowningIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const FaceSlightlyFrowningIcon = component(Icon)({\n  as: OriginalFaceSlightlyFrowningIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,2BAA2B,UAAUA,MAAI,CAAC,CAAC,EACtD,IAAIC,qBACN,CAAC"}

package/dist/esm/components/icon/icons/face-slightly-smiling-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { FaceSlightlySmiling } from "lucide-react";
+//#region src/components/icon/icons/face-slightly-smiling-icon.tsx
+/**
+* `FaceSlightlySmilingIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const FaceSlightlySmilingIcon = component(Icon$1)({ as: FaceSlightlySmiling });
+//#endregion
+export { FaceSlightlySmilingIcon };
+
+//# sourceMappingURL=face-slightly-smiling-icon.js.map

package/dist/esm/components/icon/icons/face-slightly-smiling-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"face-slightly-smiling-icon.js","names":["Icon","OriginalFaceSlightlySmilingIcon"],"sources":["../../../../../src/components/icon/icons/face-slightly-smiling-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { FaceSlightlySmiling as OriginalFaceSlightlySmilingIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `FaceSlightlySmilingIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const FaceSlightlySmilingIcon = component(Icon)({\n  as: OriginalFaceSlightlySmilingIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,0BAA0B,UAAUA,MAAI,CAAC,CAAC,EACrD,IAAIC,oBACN,CAAC"}

package/dist/esm/components/icon/icons/face-slightly-smiling-plus-icon.js

@@ -0,0 +1,14 @@
+"use client";
+import { Icon as Icon$1, component } from "../icon.js";
+import { FaceSlightlySmilingPlus } from "lucide-react";
+//#region src/components/icon/icons/face-slightly-smiling-plus-icon.tsx
+/**
+* `FaceSlightlySmilingPlusIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const FaceSlightlySmilingPlusIcon = component(Icon$1)({ as: FaceSlightlySmilingPlus });
+//#endregion
+export { FaceSlightlySmilingPlusIcon };
+
+//# sourceMappingURL=face-slightly-smiling-plus-icon.js.map

package/dist/esm/components/icon/icons/face-slightly-smiling-plus-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"face-slightly-smiling-plus-icon.js","names":["Icon","OriginalFaceSlightlySmilingPlusIcon"],"sources":["../../../../../src/components/icon/icons/face-slightly-smiling-plus-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { FaceSlightlySmilingPlus as OriginalFaceSlightlySmilingPlusIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `FaceSlightlySmilingPlusIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const FaceSlightlySmilingPlusIcon = component(Icon)({\n  as: OriginalFaceSlightlySmilingPlusIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,8BAA8B,UAAUA,MAAI,CAAC,CAAC,EACzD,IAAIC,wBACN,CAAC"}