react-better-html 1.1.247 → 1.1.249

package/dist/index.d.mts

@@ -178,6 +178,9 @@ declare const Text: typeof TextComponent & {
 
 type PageHeaderProps = {
     icon?: IconName | AnyOtherString;
+    iconColor?: React.CSSProperties["color"];
+    /** @default 20 */
+    iconSize?: number;
     image?: AssetName | AnyOtherString;
     imageUrl?: string;
     imageSize?: number;
@@ -497,21 +500,25 @@ type Alert = {
     onClose?: (alert: Alert) => void;
 };
 
+type Tab = {
+    id: string;
+    label?: string;
+};
 type TabGroup = {
     name: string;
-    selectedTab: string;
+    selectedTab: Tab["id"];
 };
 type TabsProps = {
-    tabs: string[];
+    tabs: Tab[];
     name?: string;
     accentColor?: Color;
     style?: "default" | "borderRadiusTop" | "box";
-    onChange?: (tab: string) => void;
+    onChange?: (tab: Tab) => void;
     children?: React.ReactNode;
 } & ComponentMarginProps;
 type TabsRef = {
-    selectedTab: string;
-    selectTab: (tab: string) => void;
+    selectedTab: Tab["id"];
+    selectTab: (tab: Tab) => void;
 };
 type TabsComponent = {
     (props: ComponentPropWithRef<TabsRef, TabsProps>): React.ReactElement;
@@ -519,7 +526,7 @@ type TabsComponent = {
 };
 declare const TabsComponent: TabsComponent;
 type TabsContentProps = {
-    tab: string;
+    tabId: Tab["id"];
     tabWithDot?: boolean;
     tabsGroupName?: string;
     isInitialTab?: boolean;
@@ -632,8 +639,11 @@ declare const filterHover: () => Record<"z05" | "z1" | "z2" | "z3", React.CSSPro
 declare function generateLocalStorage<LocalStorage extends object>(): {
     setItem: <StorageName extends keyof LocalStorage>(name: StorageName, value: LocalStorage[StorageName]) => void;
     getItem: <StorageName extends keyof LocalStorage>(name: StorageName) => LocalStorage[StorageName] | undefined;
+    getAllItems: () => Partial<LocalStorage>;
     removeItem: (name: keyof LocalStorage) => void;
-    removeAllItems: () => void;
+    removeAllItems: (config?: {
+        keepValues?: (keyof LocalStorage)[];
+    }) => void;
 };
 
 type LoaderProps = {
@@ -1179,4 +1189,4 @@ type LocalStoragePluginOptions = {
 declare const defaultLocalStoragePluginOptions: Required<LocalStoragePluginOptions>;
 declare const localStoragePlugin: BetterHtmlPluginConstructor<LocalStoragePluginOptions>;
 
-export { type Alert, type AlertDisplay, type AlertDuration, type AlertType, type AlertsPluginOptions, type AppConfig, type BetterHtmlConfig, type BetterHtmlPlugin, _default$1 as BetterHtmlProvider, type BetterHtmlProviderConfig, type BrowserName, type BurgerButtonProps, Button, type ButtonProps, Chip, type ChipProps, ColorThemeSwitch, type ColorThemeSwitchProps, type ComponentHoverStyle, type ComponentMarginProps, type ComponentPaddingProps, Div, type DivProps, _default$4 as Divider, Dropdown, type DropdownOption, type DropdownProps, Foldable, type FoldableProps, type FoldableRef, Form, type FormProps, FormRow, type FormRowProps, type HorizontalDividerProps, _default as Icon, type IconProps, _default$2 as Image, type ImageProps, InputField, type InputFieldProps, _default$3 as Label, type LabelProps, Loader, type LoaderProps, type LocalStoragePluginOptions, Modal, type ModalProps, type ModalRef, PageHeader, type PageHeaderProps, PageHolder, type PageHolderProps, Pagination, type PluginName, type ReactRouterDomPluginOptions, SideMenu, type SideMenuItem, type SideMenuProps, type TabGroup, Table, type TableColumn, type TableFilterData, type TableListFilterListItem, type TableProps, type TableRef, Tabs, type TabsProps, type TabsRef, Text, type TextAs, type TextProps, type TextareaFieldProps, _default$5 as ToggleInput, type ToggleInputProps, type ToggleInputRef, Tooltip, type TooltipProps, type TooltipRef, type VerticalDividerProps, alertControls, alertsPlugin, defaultAlertsPluginOptions, defaultLocalStoragePluginOptions, defaultReactRouterDomPluginOptions, filterHover, generateLocalStorage, getBrowser, getFormErrorObject, isMobileDevice, localStoragePlugin, reactRouterDomPlugin, sideMenuControls, useAlertControls, useBetterHtmlContext, useForm, useMediaQuery, usePageResize, usePageScroll, useUrlQuery };
+export { type Alert, type AlertDisplay, type AlertDuration, type AlertType, type AlertsPluginOptions, type AppConfig, type BetterHtmlConfig, type BetterHtmlPlugin, _default$1 as BetterHtmlProvider, type BetterHtmlProviderConfig, type BrowserName, type BurgerButtonProps, Button, type ButtonProps, Chip, type ChipProps, ColorThemeSwitch, type ColorThemeSwitchProps, type ComponentHoverStyle, type ComponentMarginProps, type ComponentPaddingProps, Div, type DivProps, _default$4 as Divider, Dropdown, type DropdownOption, type DropdownProps, Foldable, type FoldableProps, type FoldableRef, Form, type FormProps, FormRow, type FormRowProps, type HorizontalDividerProps, _default as Icon, type IconProps, _default$2 as Image, type ImageProps, InputField, type InputFieldProps, _default$3 as Label, type LabelProps, Loader, type LoaderProps, type LocalStoragePluginOptions, Modal, type ModalProps, type ModalRef, PageHeader, type PageHeaderProps, PageHolder, type PageHolderProps, Pagination, type PluginName, type ReactRouterDomPluginOptions, SideMenu, type SideMenuItem, type SideMenuProps, type Tab, type TabGroup, Table, type TableColumn, type TableFilterData, type TableListFilterListItem, type TableProps, type TableRef, Tabs, type TabsProps, type TabsRef, Text, type TextAs, type TextProps, type TextareaFieldProps, _default$5 as ToggleInput, type ToggleInputProps, type ToggleInputRef, Tooltip, type TooltipProps, type TooltipRef, type VerticalDividerProps, alertControls, alertsPlugin, defaultAlertsPluginOptions, defaultLocalStoragePluginOptions, defaultReactRouterDomPluginOptions, filterHover, generateLocalStorage, getBrowser, getFormErrorObject, isMobileDevice, localStoragePlugin, reactRouterDomPlugin, sideMenuControls, useAlertControls, useBetterHtmlContext, useForm, useMediaQuery, usePageResize, usePageScroll, useUrlQuery };

package/dist/index.d.ts

@@ -178,6 +178,9 @@ declare const Text: typeof TextComponent & {
 
 type PageHeaderProps = {
     icon?: IconName | AnyOtherString;
+    iconColor?: React.CSSProperties["color"];
+    /** @default 20 */
+    iconSize?: number;
     image?: AssetName | AnyOtherString;
     imageUrl?: string;
     imageSize?: number;
@@ -497,21 +500,25 @@ type Alert = {
     onClose?: (alert: Alert) => void;
 };
 
+type Tab = {
+    id: string;
+    label?: string;
+};
 type TabGroup = {
     name: string;
-    selectedTab: string;
+    selectedTab: Tab["id"];
 };
 type TabsProps = {
-    tabs: string[];
+    tabs: Tab[];
     name?: string;
     accentColor?: Color;
     style?: "default" | "borderRadiusTop" | "box";
-    onChange?: (tab: string) => void;
+    onChange?: (tab: Tab) => void;
     children?: React.ReactNode;
 } & ComponentMarginProps;
 type TabsRef = {
-    selectedTab: string;
-    selectTab: (tab: string) => void;
+    selectedTab: Tab["id"];
+    selectTab: (tab: Tab) => void;
 };
 type TabsComponent = {
     (props: ComponentPropWithRef<TabsRef, TabsProps>): React.ReactElement;
@@ -519,7 +526,7 @@ type TabsComponent = {
 };
 declare const TabsComponent: TabsComponent;
 type TabsContentProps = {
-    tab: string;
+    tabId: Tab["id"];
     tabWithDot?: boolean;
     tabsGroupName?: string;
     isInitialTab?: boolean;
@@ -632,8 +639,11 @@ declare const filterHover: () => Record<"z05" | "z1" | "z2" | "z3", React.CSSPro
 declare function generateLocalStorage<LocalStorage extends object>(): {
     setItem: <StorageName extends keyof LocalStorage>(name: StorageName, value: LocalStorage[StorageName]) => void;
     getItem: <StorageName extends keyof LocalStorage>(name: StorageName) => LocalStorage[StorageName] | undefined;
+    getAllItems: () => Partial<LocalStorage>;
     removeItem: (name: keyof LocalStorage) => void;
-    removeAllItems: () => void;
+    removeAllItems: (config?: {
+        keepValues?: (keyof LocalStorage)[];
+    }) => void;
 };
 
 type LoaderProps = {
@@ -1179,4 +1189,4 @@ type LocalStoragePluginOptions = {
 declare const defaultLocalStoragePluginOptions: Required<LocalStoragePluginOptions>;
 declare const localStoragePlugin: BetterHtmlPluginConstructor<LocalStoragePluginOptions>;
 
-export { type Alert, type AlertDisplay, type AlertDuration, type AlertType, type AlertsPluginOptions, type AppConfig, type BetterHtmlConfig, type BetterHtmlPlugin, _default$1 as BetterHtmlProvider, type BetterHtmlProviderConfig, type BrowserName, type BurgerButtonProps, Button, type ButtonProps, Chip, type ChipProps, ColorThemeSwitch, type ColorThemeSwitchProps, type ComponentHoverStyle, type ComponentMarginProps, type ComponentPaddingProps, Div, type DivProps, _default$4 as Divider, Dropdown, type DropdownOption, type DropdownProps, Foldable, type FoldableProps, type FoldableRef, Form, type FormProps, FormRow, type FormRowProps, type HorizontalDividerProps, _default as Icon, type IconProps, _default$2 as Image, type ImageProps, InputField, type InputFieldProps, _default$3 as Label, type LabelProps, Loader, type LoaderProps, type LocalStoragePluginOptions, Modal, type ModalProps, type ModalRef, PageHeader, type PageHeaderProps, PageHolder, type PageHolderProps, Pagination, type PluginName, type ReactRouterDomPluginOptions, SideMenu, type SideMenuItem, type SideMenuProps, type TabGroup, Table, type TableColumn, type TableFilterData, type TableListFilterListItem, type TableProps, type TableRef, Tabs, type TabsProps, type TabsRef, Text, type TextAs, type TextProps, type TextareaFieldProps, _default$5 as ToggleInput, type ToggleInputProps, type ToggleInputRef, Tooltip, type TooltipProps, type TooltipRef, type VerticalDividerProps, alertControls, alertsPlugin, defaultAlertsPluginOptions, defaultLocalStoragePluginOptions, defaultReactRouterDomPluginOptions, filterHover, generateLocalStorage, getBrowser, getFormErrorObject, isMobileDevice, localStoragePlugin, reactRouterDomPlugin, sideMenuControls, useAlertControls, useBetterHtmlContext, useForm, useMediaQuery, usePageResize, usePageScroll, useUrlQuery };
+export { type Alert, type AlertDisplay, type AlertDuration, type AlertType, type AlertsPluginOptions, type AppConfig, type BetterHtmlConfig, type BetterHtmlPlugin, _default$1 as BetterHtmlProvider, type BetterHtmlProviderConfig, type BrowserName, type BurgerButtonProps, Button, type ButtonProps, Chip, type ChipProps, ColorThemeSwitch, type ColorThemeSwitchProps, type ComponentHoverStyle, type ComponentMarginProps, type ComponentPaddingProps, Div, type DivProps, _default$4 as Divider, Dropdown, type DropdownOption, type DropdownProps, Foldable, type FoldableProps, type FoldableRef, Form, type FormProps, FormRow, type FormRowProps, type HorizontalDividerProps, _default as Icon, type IconProps, _default$2 as Image, type ImageProps, InputField, type InputFieldProps, _default$3 as Label, type LabelProps, Loader, type LoaderProps, type LocalStoragePluginOptions, Modal, type ModalProps, type ModalRef, PageHeader, type PageHeaderProps, PageHolder, type PageHolderProps, Pagination, type PluginName, type ReactRouterDomPluginOptions, SideMenu, type SideMenuItem, type SideMenuProps, type Tab, type TabGroup, Table, type TableColumn, type TableFilterData, type TableListFilterListItem, type TableProps, type TableRef, Tabs, type TabsProps, type TabsRef, Text, type TextAs, type TextProps, type TextareaFieldProps, _default$5 as ToggleInput, type ToggleInputProps, type ToggleInputRef, Tooltip, type TooltipProps, type TooltipRef, type VerticalDividerProps, alertControls, alertsPlugin, defaultAlertsPluginOptions, defaultLocalStoragePluginOptions, defaultReactRouterDomPluginOptions, filterHover, generateLocalStorage, getBrowser, getFormErrorObject, isMobileDevice, localStoragePlugin, reactRouterDomPlugin, sideMenuControls, useAlertControls, useBetterHtmlContext, useForm, useMediaQuery, usePageResize, usePageScroll, useUrlQuery };

package/dist/index.js

@@ -1651,6 +1651,8 @@ var Icon_default = { Icon: MemoizedIcon }.Icon;
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
   icon,
+  iconColor,
+  iconSize = 20,
   image,
   imageUrl,
   imageSize = 60,
@@ -1681,7 +1683,7 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
       marginBottom: marginBottom ?? theme2.styles.space * 2,
       ref,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { name: icon, size: 20, flexShrink: 0 }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { name: icon, size: iconSize, color: iconColor, flexShrink: 0 }),
         (image || imageUrl) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           ImageTag,
           {
@@ -3349,25 +3351,53 @@ function findClosestNumber(numbers, target) {
 
 // src/utils/localStorage.ts
 function generateLocalStorage() {
-  return {
-    setItem: (name, value) => {
-      if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.setItem"))
-        return void 0;
-      const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
-        (plugin) => plugin.name === "localStorage"
+  const setItem = (name, value) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.setItem"))
+      return void 0;
+    const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
+      (plugin) => plugin.name === "localStorage"
+    );
+    if (!localStoragePlugin2) {
+      throw new Error(
+        "`generateLocalStorage.setItem` function requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
       );
-      if (!localStoragePlugin2) {
-        throw new Error(
-          "`generateLocalStorage.setItem` function requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
-        );
-      }
-      const pluginConfig = localStoragePlugin2.getConfig();
-      const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
-      const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
-      const readyValue = encryptionEnabled ? encryptString(JSON.stringify(value)) : JSON.stringify(value);
-      if (value) localStorage.setItem(readyName.toString(), readyValue);
-      else localStorage.removeItem(readyName.toString());
-    },
+    }
+    const pluginConfig = localStoragePlugin2.getConfig();
+    const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
+    const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
+    const readyValue = encryptionEnabled ? encryptString(JSON.stringify(value)) : JSON.stringify(value);
+    if (value) localStorage.setItem(readyName.toString(), readyValue);
+    else localStorage.removeItem(readyName.toString());
+  };
+  const getAllItems = () => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.getAllItems"))
+      return void 0;
+    const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
+      (plugin) => plugin.name === "localStorage"
+    );
+    if (!localStoragePlugin2) {
+      throw new Error(
+        "`generateLocalStorage.getAllItems` function requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
+      );
+    }
+    const pluginConfig = localStoragePlugin2.getConfig();
+    const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
+    const items = {
+      ...localStorage
+    };
+    try {
+      return encryptionEnabled ? Object.entries(items).reduce((previousValue, currentValue) => {
+        const readyName = encryptString(currentValue[0]);
+        const item = JSON.parse(decryptString(currentValue[1]));
+        previousValue[readyName] = item;
+        return previousValue;
+      }, {}) : items;
+    } catch (error) {
+      return void 0;
+    }
+  };
+  return {
+    setItem,
     getItem: (name) => {
       if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.getItem"))
         return void 0;
@@ -3390,6 +3420,7 @@ function generateLocalStorage() {
         return void 0;
       }
     },
+    getAllItems,
     removeItem: (name) => {
       if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.removeItem"))
         return void 0;
@@ -3406,8 +3437,14 @@ function generateLocalStorage() {
       const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
       localStorage.removeItem(readyName.toString());
     },
-    removeAllItems: () => {
+    removeAllItems: (config) => {
+      const allItems = getAllItems();
       localStorage.clear();
+      if (config?.keepValues) {
+        config.keepValues.forEach((key) => {
+          setItem(key, allItems[key]);
+        });
+      }
     }
   };
 }
@@ -7404,23 +7441,23 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
   const firstRenderPassedRef = (0, import_react29.useRef)(false);
   const tabsRef = (0, import_react29.useRef)({});
   const [selectedTab, setSelectedTab] = (0, import_react29.useState)(() => {
-    const selectedTabValue = tabs[0] ?? "";
+    const selectedTabId = tabs[0]?.id ?? "";
     if (urlQuery) {
       const tabQueryValue = urlQuery.getQuery(name ?? defaultTabName);
-      if (!tabQueryValue) return selectedTabValue;
-      if (tabs.includes(tabQueryValue)) return tabQueryValue;
+      if (!tabQueryValue) return selectedTabId;
+      if (tabs.some((tab) => tab.id === tabQueryValue)) return tabQueryValue;
     }
-    return selectedTabValue;
+    return selectedTabId;
   });
   const [rerenderState, setRerenderState] = (0, import_react29.useState)(0);
   const tabsGap = style === "box" ? theme2.styles.gap / 2 : 0;
   const onClickTab = (0, import_react29.useCallback)(
     (tab) => {
-      setSelectedTab(tab);
+      setSelectedTab(tab.id);
       onChange?.(tab);
       if (urlQuery) {
         urlQuery.setQuery({
-          [name ?? defaultTabName]: tab
+          [name ?? defaultTabName]: tab.id
         });
       }
     },
@@ -7431,7 +7468,7 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
     [rerenderState, selectedTab]
   );
   const leftSpacing = (0, import_react29.useMemo)(() => {
-    const selectedTabIndex = tabs.findIndex((tab) => tab === selectedTab);
+    const selectedTabIndex = tabs.findIndex((tab) => tab.id === selectedTab);
     let spacing = 0;
     Object.values(tabsRef.current).forEach((tab, index) => {
       if (index < selectedTabIndex) spacing += (tab?.getBoundingClientRect().width ?? 0) + tabsGap;
@@ -7490,7 +7527,7 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Div_default.column, { width: "100%", gap: theme2.styles.space, ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Div_default, { position: "relative", className: "react-better-html-no-scrollbar", overflowY: "auto", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Div_default.row, { position: "relative", width: "fit-content", gap: tabsGap, userSelect: "none", children: tabs.map((tab) => {
-        const selected = tab === selectedTab;
+        const selected = tab.id === selectedTab;
         return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           Div_default,
           {
@@ -7509,10 +7546,10 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
             isTabAccessed: true,
             onClickWithValue: onClickTab,
             ref: (ref2) => {
-              tabsRef.current[tab] = ref2;
+              tabsRef.current[tab.id] = ref2;
             },
             children: [
-              componentsState.tabs.tabsWithDots.includes(tab) && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              componentsState.tabs.tabsWithDots.includes(tab.id) && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Div_default,
                 {
                   position: "absolute",
@@ -7532,12 +7569,12 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
                   color: !selected ? theme2.colors.textSecondary : style === "box" ? theme2.colors.base : void 0,
                   transition: theme2.styles.transition,
                   whiteSpace: "nowrap",
-                  children: tab
+                  children: tab.label ?? tab.id
                 }
               )
             ]
           },
-          tab
+          tab.id
         );
       }) }),
       style !== "box" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -7556,7 +7593,7 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
     children && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Div_default, { width: "100%", children })
   ] });
 });
-TabsComponent.content = function Content({ tab, tabWithDot, tabsGroupName, isInitialTab, children }) {
+TabsComponent.content = function Content({ tabId, tabWithDot, tabsGroupName, isInitialTab, children }) {
   const { componentsState } = useBetterHtmlContextInternal();
   const thisTabGroupData = (0, import_react29.useMemo)(
     () => componentsState.tabs.tabGroups.find((item) => item.name === (tabsGroupName ?? defaultTabName)),
@@ -7564,14 +7601,16 @@ TabsComponent.content = function Content({ tab, tabWithDot, tabsGroupName, isIni
   );
   (0, import_react29.useEffect)(() => {
     if (tabWithDot) {
-      componentsState.tabs.setTabsWithDots?.((oldValue) => oldValue.includes(tab) ? oldValue : [...oldValue, tab]);
+      componentsState.tabs.setTabsWithDots?.(
+        (oldValue) => oldValue.includes(tabId) ? oldValue : [...oldValue, tabId]
+      );
     } else {
       componentsState.tabs.setTabsWithDots?.(
-        (oldValue) => oldValue.includes(tab) ? oldValue.filter((tab2) => tab2 !== tab2) : oldValue
+        (oldValue) => oldValue.includes(tabId) ? oldValue.filter((tab) => tab !== tabId) : oldValue
       );
     }
   }, [tabWithDot]);
-  return (thisTabGroupData ? thisTabGroupData.selectedTab === tab : isInitialTab) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Div_default, { width: "100%", children }) : void 0;
+  return (thisTabGroupData ? thisTabGroupData.selectedTab === tabId : isInitialTab) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Div_default, { width: "100%", children }) : void 0;
 };
 var Tabs2 = (0, import_react29.memo)(TabsComponent);
 Tabs2.content = TabsComponent.content;