smarthr-ui 97.0.0 → 98.0.0

package/lib/components/Table/ThSortButton.js

@@ -4,7 +4,7 @@ import { memo, useMemo } from 'react';
 import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.19_ts-node@10.9.2_@swc_core@1.15.17_@types_node@20.19.35_typescript@5.9.3__/vendor/tailwind-variants/dist/index.js';
 import '../../intl/IntlProvider.js';
 import { useIntl } from '../../intl/useIntl.js';
-import 'react-intl';
+import '../../intl/Localizer.js';
 import '../../_virtual/dayjs.min.js';
 import '../../intl/TimeFormatter.js';
 import '../Button/Button.js';
@@ -24,9 +24,9 @@ const sortButtonClassNameGenerator = ce({
         },
     },
 });
-const ThSortButton = memo(({ align, sort, decorators, onSort, children }) => {
+const ThSortButton = memo(({ align, sort, onSort, children }) => {
     const { localize } = useIntl();
-    const decoratorDefaultTexts = useMemo(() => ({
+    const defaultTexts = useMemo(() => ({
         asc: localize({
             id: 'smarthr-ui/Th/sortDirectionAsc',
             defaultText: '昇順',
@@ -43,9 +43,8 @@ const ThSortButton = memo(({ align, sort, decorators, onSort, children }) => {
     const sortLabel = useMemo(() => {
         if (!sort)
             return undefined;
-        return (decorators?.sortDirectionIconAlt?.(decoratorDefaultTexts[sort], { sort }) ??
-            decoratorDefaultTexts[sort]);
-    }, [decorators, sort, decoratorDefaultTexts]);
+        return defaultTexts[sort];
+    }, [sort, defaultTexts]);
     const className = useMemo(() => sortButtonClassNameGenerator({ align }), [align]);
     return (jsxs(UnstyledButton, { onClick: onSort, className: className, children: [children, jsx(SortIcon, {}), jsx(VisuallyHiddenText, { children: sortLabel })] }));
 });

package/lib/components/Table/ThSortButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThSortButton.js","sources":["../../../src/components/Table/ThSortButton.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, type ReactNode, memo, useMemo } from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../intl'\nimport { UnstyledButton } from '../Button'\nimport { FaSortDownIcon, FaSortUpIcon } from '../Icon'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nconst sortButtonClassNameGenerator = tv({\n  base: 'shr-relative -shr-mx-1 -shr-my-0.75 shr-inline-flex shr-w-full shr-items-center shr-justify-between shr-gap-x-0.5 shr-px-1 shr-py-0.75 shr-font-bold',\n  variants: {\n    align: {\n      left: '',\n      right: 'shr-justify-end',\n    },\n  },\n})\n\ntype sortTypes = 'asc' | 'desc' | 'none'\n\ntype Props = PropsWithChildren<{\n  align?: VariantProps<typeof sortButtonClassNameGenerator>['align']\n  onSort?: () => void\n  sort?: sortTypes\n  decorators?: {\n    sortDirectionIconAlt: (text: string, { sort }: { sort: sortTypes }) => ReactNode\n  }\n}>\n\nexport const ThSortButton = memo<Props>(({ align, sort, decorators, onSort, children }) => {\n  const { localize } = useIntl()\n\n  const decoratorDefaultTexts = useMemo(\n    () => ({\n      asc: localize({\n        id: 'smarthr-ui/Th/sortDirectionAsc',\n        defaultText: '昇順',\n      }),\n      desc: localize({\n        id: 'smarthr-ui/Th/sortDirectionDesc',\n        defaultText: '降順',\n      }),\n      none: localize({\n        id: 'smarthr-ui/Th/sortDirectionNone',\n        defaultText: '並び替えなし',\n      }),\n    }),\n    [localize],\n  )\n\n  const sortLabel = useMemo(() => {\n    if (!sort) return undefined\n\n    return (\n      decorators?.sortDirectionIconAlt?.(decoratorDefaultTexts[sort], { sort }) ??\n      decoratorDefaultTexts[sort]\n    )\n  }, [decorators, sort, decoratorDefaultTexts])\n\n  const className = useMemo(() => sortButtonClassNameGenerator({ align }), [align])\n\n  return (\n    <UnstyledButton onClick={onSort} className={className}>\n      {children}\n      <SortIcon />\n      <VisuallyHiddenText>{sortLabel}</VisuallyHiddenText>\n    </UnstyledButton>\n  )\n})\n\nconst sortIconClassNameGenerator = tv({\n  slots: {\n    wrapper: 'smarthr-ui-Icon-extended shr-relative shr-h-1 shr-w-1',\n    upIcon: [\n      'shr-absolute shr-left-0 shr-top-0',\n      'shr-text-base',\n      '[[aria-sort=\"none\"]_&]:shr-text-disabled',\n      '[[aria-sort=\"ascending\"]_&]:shr-text-black',\n      '[[aria-sort=\"descending\"]_&]:shr-text-disabled',\n    ],\n    downIcon: [\n      'shr-absolute shr-left-0 shr-top-0',\n      'shr-text-base',\n      '[[aria-sort=\"none\"]_&]:shr-text-disabled',\n      '[[aria-sort=\"ascending\"]_&]:shr-text-disabled',\n      '[[aria-sort=\"descending\"]_&]:shr-text-black',\n    ],\n  },\n})\n\nconst SortIcon = memo(() => {\n  const classNames = useMemo(() => {\n    const { wrapper, upIcon, downIcon } = sortIconClassNameGenerator()\n\n    return {\n      wrapper: wrapper(),\n      upIcon: upIcon(),\n      downIcon: downIcon(),\n    }\n  }, [])\n\n  return (\n    <span className={classNames.wrapper}>\n      <FaSortUpIcon className={classNames.upIcon} />\n      <FaSortDownIcon className={classNames.downIcon} />\n    </span>\n  )\n})\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAUA;AACE;AACA;AACE;AACE;AACA;AACD;AACF;AACF;AAaM;AACL;AAEA;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;AAIH;AACE;AAAW;AAEX;AAEE;;AAIJ;;AASF;AAEA;AACE;AACE;AACA;;;;;;AAMC;AACD;;;;;;AAMC;AACF;AACF;AAED;AACE;;;;;;;;AAUA;AAMF;;"}
+{"version":3,"file":"ThSortButton.js","sources":["../../../src/components/Table/ThSortButton.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, memo, useMemo } from 'react'\nimport { type VariantProps, tv } from 'tailwind-variants'\n\nimport { useIntl } from '../../intl'\nimport { UnstyledButton } from '../Button'\nimport { FaSortDownIcon, FaSortUpIcon } from '../Icon'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nconst sortButtonClassNameGenerator = tv({\n  base: 'shr-relative -shr-mx-1 -shr-my-0.75 shr-inline-flex shr-w-full shr-items-center shr-justify-between shr-gap-x-0.5 shr-px-1 shr-py-0.75 shr-font-bold',\n  variants: {\n    align: {\n      left: '',\n      right: 'shr-justify-end',\n    },\n  },\n})\n\ntype sortTypes = 'asc' | 'desc' | 'none'\n\ntype Props = PropsWithChildren<{\n  align?: VariantProps<typeof sortButtonClassNameGenerator>['align']\n  onSort?: () => void\n  sort?: sortTypes\n}>\n\nexport const ThSortButton = memo<Props>(({ align, sort, onSort, children }) => {\n  const { localize } = useIntl()\n\n  const defaultTexts = useMemo(\n    () => ({\n      asc: localize({\n        id: 'smarthr-ui/Th/sortDirectionAsc',\n        defaultText: '昇順',\n      }),\n      desc: localize({\n        id: 'smarthr-ui/Th/sortDirectionDesc',\n        defaultText: '降順',\n      }),\n      none: localize({\n        id: 'smarthr-ui/Th/sortDirectionNone',\n        defaultText: '並び替えなし',\n      }),\n    }),\n    [localize],\n  )\n\n  const sortLabel = useMemo(() => {\n    if (!sort) return undefined\n\n    return defaultTexts[sort]\n  }, [sort, defaultTexts])\n\n  const className = useMemo(() => sortButtonClassNameGenerator({ align }), [align])\n\n  return (\n    <UnstyledButton onClick={onSort} className={className}>\n      {children}\n      <SortIcon />\n      <VisuallyHiddenText>{sortLabel}</VisuallyHiddenText>\n    </UnstyledButton>\n  )\n})\n\nconst sortIconClassNameGenerator = tv({\n  slots: {\n    wrapper: 'smarthr-ui-Icon-extended shr-relative shr-h-1 shr-w-1',\n    upIcon: [\n      'shr-absolute shr-left-0 shr-top-0',\n      'shr-text-base',\n      '[[aria-sort=\"none\"]_&]:shr-text-disabled',\n      '[[aria-sort=\"ascending\"]_&]:shr-text-black',\n      '[[aria-sort=\"descending\"]_&]:shr-text-disabled',\n    ],\n    downIcon: [\n      'shr-absolute shr-left-0 shr-top-0',\n      'shr-text-base',\n      '[[aria-sort=\"none\"]_&]:shr-text-disabled',\n      '[[aria-sort=\"ascending\"]_&]:shr-text-disabled',\n      '[[aria-sort=\"descending\"]_&]:shr-text-black',\n    ],\n  },\n})\n\nconst SortIcon = memo(() => {\n  const classNames = useMemo(() => {\n    const { wrapper, upIcon, downIcon } = sortIconClassNameGenerator()\n\n    return {\n      wrapper: wrapper(),\n      upIcon: upIcon(),\n      downIcon: downIcon(),\n    }\n  }, [])\n\n  return (\n    <span className={classNames.wrapper}>\n      <FaSortUpIcon className={classNames.upIcon} />\n      <FaSortDownIcon className={classNames.downIcon} />\n    </span>\n  )\n})\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAUA;AACE;AACA;AACE;AACE;AACA;AACD;AACF;AACF;AAUM;AACL;AAEA;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;AAIH;AACE;AAAW;AAEX;AACF;AAEA;;AASF;AAEA;AACE;AACE;AACA;;;;;;AAMC;AACD;;;;;;AAMC;AACF;AACF;AAED;AACE;;;;;;;;AAUA;AAMF;;"}

package/lib/components/WarekiPicker/WarekiPicker.cjs

@@ -3,7 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 require('../../intl/IntlProvider.cjs');
 var intl_useIntl = require('../../intl/useIntl.cjs');
-require('react-intl');
+require('../../intl/Localizer.cjs');
 require('../../_virtual/dayjs.min.cjs');
 require('../../intl/TimeFormatter.cjs');
 var components_DatePicker_DatePicker = require('../DatePicker/DatePicker.cjs');

package/lib/components/WarekiPicker/WarekiPicker.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import '../../intl/IntlProvider.js';
 import { useIntl } from '../../intl/useIntl.js';
-import 'react-intl';
+import '../../intl/Localizer.js';
 import '../../_virtual/dayjs.min.js';
 import '../../intl/TimeFormatter.js';
 import { DatePicker } from '../DatePicker/DatePicker.js';

package/lib/index.cjs

@@ -144,8 +144,6 @@ var components_Layout_Sidebar_Sidebar = require('./components/Layout/Sidebar/Sid
 var components_Layout_Center_Center = require('./components/Layout/Center/Center.cjs');
 var components_Layout_Container_Container = require('./components/Layout/Container/Container.cjs');
 var hooks_useTheme = require('./hooks/useTheme.cjs');
-var hooks_useDevice_useDevice = require('./hooks/useDevice/useDevice.cjs');
-var hooks_useDevice_DeviceProvider = require('./hooks/useDevice/DeviceProvider.cjs');
 var hooks_useEnvironment_useEnvironment = require('./hooks/useEnvironment/useEnvironment.cjs');
 var hooks_useEnvironment_EnvironmentProvider = require('./hooks/useEnvironment/EnvironmentProvider.cjs');
 var themes_createMediaQuery = require('./themes/createMediaQuery.cjs');
@@ -166,8 +164,7 @@ var themes_createRadius = require('./themes/createRadius.cjs');
 var themes_createLeading = require('./themes/createLeading.cjs');
 var intl_IntlProvider = require('./intl/IntlProvider.cjs');
 var intl_useIntl = require('./intl/useIntl.cjs');
-require('react/jsx-runtime');
-require('react-intl');
+require('./intl/Localizer.cjs');
 var intl_DateFormatter = require('./intl/DateFormatter.cjs');
 var intl_TimeFormatter = require('./intl/TimeFormatter.cjs');
 var intl_TimestampFormatter = require('./intl/TimestampFormatter.cjs');
@@ -523,8 +520,6 @@ exports.Center = components_Layout_Center_Center.Center;
 exports.Container = components_Layout_Container_Container.Container;
 exports.ThemeProvider = hooks_useTheme.ThemeProvider;
 exports.useTheme = hooks_useTheme.useTheme;
-exports.useDevice = hooks_useDevice_useDevice.useDevice;
-exports.DeviceProvider = hooks_useDevice_DeviceProvider.DeviceProvider;
 exports.useEnvironment = hooks_useEnvironment_useEnvironment.useEnvironment;
 exports.EnvironmentProvider = hooks_useEnvironment_EnvironmentProvider.EnvironmentProvider;
 exports.createMediaQuery = themes_createMediaQuery.createMediaQuery;

package/lib/index.cjs.map

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

package/lib/index.d.ts

@@ -66,7 +66,6 @@ export { Timeline, TimelineItem } from './components/Timeline';
 export { Scroller } from './components/Scroller';
 export { Center, Cluster, Container, Reel, Stack, Sidebar } from './components/Layout';
 export { useTheme } from './hooks/useTheme';
-export { useDevice, DeviceProvider } from './hooks/useDevice';
 export { useEnvironment, EnvironmentProvider } from './hooks/useEnvironment';
 export { createTheme, createMediaQuery, defaultMediaQuery, defaultColor, defaultInteraction, defaultBorder, defaultRadius, defaultFontSize, defaultLeading, defaultSpacing, defaultBreakpoint, } from './themes';
 export { ThemeProvider } from './hooks/useTheme';

package/lib/index.js

@@ -142,8 +142,6 @@ export { Sidebar } from './components/Layout/Sidebar/Sidebar.js';
 export { Center } from './components/Layout/Center/Center.js';
 export { Container } from './components/Layout/Container/Container.js';
 export { ThemeProvider, useTheme } from './hooks/useTheme.js';
-export { useDevice } from './hooks/useDevice/useDevice.js';
-export { DeviceProvider } from './hooks/useDevice/DeviceProvider.js';
 export { useEnvironment } from './hooks/useEnvironment/useEnvironment.js';
 export { EnvironmentProvider } from './hooks/useEnvironment/EnvironmentProvider.js';
 export { createMediaQuery, defaultMediaQuery } from './themes/createMediaQuery.js';
@@ -164,8 +162,7 @@ export { defaultRadius } from './themes/createRadius.js';
 export { defaultLeading } from './themes/createLeading.js';
 export { IntlProvider } from './intl/IntlProvider.js';
 export { useIntl } from './intl/useIntl.js';
-import 'react/jsx-runtime';
-import 'react-intl';
+import './intl/Localizer.js';
 export { DateFormatter } from './intl/DateFormatter.js';
 export { TimeFormatter } from './intl/TimeFormatter.js';
 export { TimestampFormatter } from './intl/TimestampFormatter.js';

package/lib/index.js.map

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

package/lib/intl/Localizer.cjs

@@ -2,9 +2,13 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var reactIntl = require('react-intl');
 
-const Localizer = ({ values, id, defaultText, ...rest }) => (jsxRuntime.jsx(reactIntl.FormattedMessage, { ...rest, id: id, defaultMessage: defaultText, values: { ...values, break: values?.break ?? jsxRuntime.jsx("br", {}) } }));
+const LocalizerInner = ({ values, id, defaultText, ...rest }) => (jsxRuntime.jsx(reactIntl.FormattedMessage, { ...rest, id: id, defaultMessage: defaultText, values: { ...values, break: values?.break ?? jsxRuntime.jsx("br", {}) } }));
+// eslint-disable-next-line smarthr/best-practice-for-no-unnecessary-variable
+const typedMemo = React.memo;
+const Localizer = typedMemo(LocalizerInner);
 
 exports.Localizer = Localizer;
 //# sourceMappingURL=Localizer.cjs.map

package/lib/intl/Localizer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Localizer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Localizer.cjs","sources":["../../src/intl/Localizer.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, memo } from 'react'\nimport { FormattedMessage as ReactIntlFormattedMessage } from 'react-intl'\n\nimport type { typedJa } from './locales'\n\ntype Messages = Record<keyof typeof typedJa, string>\n\ntype Props<Id extends keyof Messages> = {\n  id: Id\n  defaultText: (typeof typedJa)[Id]\n  values?: ComponentProps<typeof ReactIntlFormattedMessage>['values']\n}\n\nconst LocalizerInner = <ID extends keyof Messages>({\n  values,\n  id,\n  defaultText,\n  ...rest\n}: Props<ID>) => (\n  <ReactIntlFormattedMessage\n    {...rest}\n    id={id}\n    defaultMessage={defaultText}\n    values={{ ...values, break: values?.break ?? <br /> }}\n  />\n)\n\n// eslint-disable-next-line smarthr/best-practice-for-no-unnecessary-variable\nconst typedMemo: <T>(c: T) => T = memo\nexport const Localizer = typedMemo(LocalizerInner)\n"],"names":[],"mappings":";;;;;;;AAeA;AAcA;AACA;;;"}

package/lib/intl/Localizer.d.ts

@@ -1,6 +1,6 @@
+import { type ComponentProps } from 'react';
 import { FormattedMessage as ReactIntlFormattedMessage } from 'react-intl';
 import type { typedJa } from './locales';
-import type { ComponentProps } from 'react';
 type Messages = Record<keyof typeof typedJa, string>;
 type Props<Id extends keyof Messages> = {
     id: Id;

package/lib/intl/Localizer.js

@@ -1,8 +1,12 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-const Localizer = ({ values, id, defaultText, ...rest }) => (jsx(FormattedMessage, { ...rest, id: id, defaultMessage: defaultText, values: { ...values, break: values?.break ?? jsx("br", {}) } }));
+const LocalizerInner = ({ values, id, defaultText, ...rest }) => (jsx(FormattedMessage, { ...rest, id: id, defaultMessage: defaultText, values: { ...values, break: values?.break ?? jsx("br", {}) } }));
+// eslint-disable-next-line smarthr/best-practice-for-no-unnecessary-variable
+const typedMemo = memo;
+const Localizer = typedMemo(LocalizerInner);
 
 export { Localizer };
 //# sourceMappingURL=Localizer.js.map

package/lib/intl/Localizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Localizer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Localizer.js","sources":["../../src/intl/Localizer.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, memo } from 'react'\nimport { FormattedMessage as ReactIntlFormattedMessage } from 'react-intl'\n\nimport type { typedJa } from './locales'\n\ntype Messages = Record<keyof typeof typedJa, string>\n\ntype Props<Id extends keyof Messages> = {\n  id: Id\n  defaultText: (typeof typedJa)[Id]\n  values?: ComponentProps<typeof ReactIntlFormattedMessage>['values']\n}\n\nconst LocalizerInner = <ID extends keyof Messages>({\n  values,\n  id,\n  defaultText,\n  ...rest\n}: Props<ID>) => (\n  <ReactIntlFormattedMessage\n    {...rest}\n    id={id}\n    defaultMessage={defaultText}\n    values={{ ...values, break: values?.break ?? <br /> }}\n  />\n)\n\n// eslint-disable-next-line smarthr/best-practice-for-no-unnecessary-variable\nconst typedMemo: <T>(c: T) => T = memo\nexport const Localizer = typedMemo(LocalizerInner)\n"],"names":[],"mappings":";;;;;AAeA;AAcA;AACA;;;"}