@m4l/components 9.3.1-BE24072025-beta.2 → 9.3.1

package/index.js

@@ -88,8 +88,9 @@ import { B as B5 } from "./components/mui_extended/Button/Button.js";
 import { C as C15 } from "./components/mui_extended/CheckBox/CheckBox.js";
 import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
 import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
-import { S as S4 } from "./components/mui_extended/Skeleton/Skeleton.js";
-import { S as S5 } from "./components/mui_extended/Stack/Stack.js";
+import { S as S4 } from "./components/mui_extended/Select/Select.js";
+import { S as S5 } from "./components/mui_extended/Skeleton/Skeleton.js";
+import { S as S6 } from "./components/mui_extended/Stack/Stack.js";
 import { T as T4 } from "./components/mui_extended/Tab/Tab.js";
 import { T as T5 } from "./components/mui_extended/Tabs/Tabs.js";
 import { T as T6 } from "./components/mui_extended/TabContent/TabContent.js";
@@ -145,7 +146,7 @@ import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
 import { R as R16 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
 import { R as R17 } from "./components/hook-form/RHFPeriod/constants.js";
 import { R as R18 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
-import { P as P6, R as R19, S as S6, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { P as P6, R as R19, S as S7, T as T17 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
 import { R as R20 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
 import { R as R21 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { I as I4 } from "./components/Icon/Icon.js";
@@ -172,8 +173,8 @@ import { a as a10, P as P9 } from "./components/popups/components/PopupsProvider
 import { P as P10 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
 import { P as P11 } from "./components/PrintingSystem/PrintingSystem.js";
 import { P as P12 } from "./components/PropertyValue/PropertyValue.js";
-import { S as S7 } from "./components/ScrollBar/ScrollBar.js";
-import { S as S8 } from "./components/SideBar/SideBar.js";
+import { S as S8 } from "./components/ScrollBar/ScrollBar.js";
+import { S as S9 } from "./components/SideBar/SideBar.js";
 import { T as T18 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T19 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { W } from "./components/WindowBase/WindowBase.js";
@@ -185,7 +186,6 @@ import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/Dy
 import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
 import { a as a14, g as g27 } from "./components/ModalDialog/dictionary.js";
 import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
-import { S as S9 } from "./components/SettingsLayout/SettingsLayout.js";
 import { P as P13 } from "./components/Pager/Pager.js";
 import { F as F2, R as R22, u as u16 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g28 } from "./components/hook-form/RHFormContext/dictionary.js";
@@ -348,15 +348,15 @@ export {
   R2 as ResizableBox,
   R3 as Responsive,
   S10 as SKELETON_SVG_ICON,
-  S7 as ScrollBar,
+  S8 as ScrollBar,
   S as SectionCommercial,
-  S6 as SelectStyled,
-  S9 as SettingsLayout,
-  S8 as SideBar,
-  S4 as Skeleton,
+  S4 as Select,
+  S7 as SelectStyled,
+  S9 as SideBar,
+  S5 as Skeleton,
   S2 as SortCompareValues,
   S3 as SplitLayout,
-  S5 as Stack,
+  S6 as Stack,
   T10 as TOGGLE_BUTTON_KEY_COMPONENT,
   a8 as TOGGLE_ICON_BUTTON_CLASS_NAME_SPECIFY,
   T14 as TOGGLE_ICON_BUTTON_KEY_COMPONENT,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.1-BE24072025-beta.2",
+  "version": "9.3.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -11,8 +11,8 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "2.9.11",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "7.1.3-BE24072025-beta.2",
-    "@m4l/styles": "7.1.31-BE24072025-beta.2",
+    "@m4l/graphics": "^7.0.0",
+    "@m4l/styles": "^7.0.0",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",

package/components/SettingsLayout/SettingsLayout.d.ts

@@ -1,5 +0,0 @@
-import { SettingsLayoutProps } from './types';
-/**
- * todo
- */
-export declare const SettingsLayout: (props: SettingsLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/components/SettingsLayout/SettingsLayout.js

@@ -1,50 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEnvironment, ModuleDictionaryProvider, ModuleSkeletonProvider, BaseProvider } from "@m4l/core";
-import { useLocales } from "@m4l/graphics";
-import { S as SETTINGS_LAYOUT_DEFAULT_WIDTH, a as SETTINGS_LAYOUT_CLASSES } from "./constants.js";
-import { S as SettingsLayoutBase } from "./subcomponents/SettingsLayoutBase/SettingsLayoutBase.js";
-const SettingsLayout = (props) => {
-  const {
-    onResetSetting,
-    handleOpen,
-    onChangeMode,
-    onChangeColor,
-    onChangeDirection,
-    onChangeLayout,
-    onToggleStretch,
-    open,
-    themeUserSettings,
-    presetsOptionsColorMain,
-    width = SETTINGS_LAYOUT_DEFAULT_WIDTH
-  } = props;
-  const currentLang = useLocales().currentLocale?.localeString;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const prefixPathIcon = `${host_static_assets}/${environment_assets}`;
-  return /* @__PURE__ */ jsx(
-    ModuleDictionaryProvider,
-    {
-      isAuth: false,
-      moduleId: "theme_settings",
-      componentsDictionary: [],
-      currentLang,
-      children: /* @__PURE__ */ jsx(ModuleSkeletonProvider, { flags: ["dictionary_loaded"], children: /* @__PURE__ */ jsx(BaseProvider, { value: {
-        onResetSetting,
-        handleOpen,
-        onChangeMode,
-        onChangeColor,
-        onChangeDirection,
-        onChangeLayout,
-        onToggleStretch,
-        open,
-        themeUserSettings,
-        presetsOptionsColorMain,
-        width,
-        classes: SETTINGS_LAYOUT_CLASSES,
-        prefixPathIcon
-      }, children: /* @__PURE__ */ jsx(SettingsLayoutBase, {}) }) })
-    }
-  );
-};
-export {
-  SettingsLayout as S
-};

package/components/SettingsLayout/SettingsLayout.styles.d.ts

@@ -1,2 +0,0 @@
-import { SettingsLayoutstyles } from './types';
-export declare const settingsLayoutStyles: SettingsLayoutstyles;

package/components/SettingsLayout/SettingsLayout.styles.js

@@ -1,270 +0,0 @@
-import { PRIMARY_COLORS_LIGHT, PRIMARY_COLORS_DARK } from "@m4l/styles";
-import { g as getTypographyStyles } from "../../utils/getTypographyStyles.js";
-import { v as varFade } from "../animate/variants/fade.js";
-import { g as getSizeStyles } from "../../utils/getSizeStyles/getSizeStyles.js";
-const settingsLayoutStyles = {
-  /**
-   * Estilos css de la ranura root
-   */
-  root: ({ theme, ownerState }) => ({
-    top: 0,
-    right: 0,
-    bottom: 0,
-    transform: "unset!important",
-    padding: theme.vars.size.baseSpacings.sp6,
-    opacity: "1!important",
-    display: "flex",
-    position: "fixed",
-    width: ownerState?.width,
-    flexDirection: "column",
-    gap: theme.vars.size.baseSpacings.sp6,
-    boxShadow: theme.vars.customShadows?.z4,
-    overflowY: "auto",
-    zIndex: theme.zIndex.drawer + 3,
-    ...ownerState?.themeDirection === "ltr" && {
-      borderTopLeftRadius: theme.vars.size.borderRadius.r3,
-      borderBottomLeftRadius: theme.vars.size.borderRadius.r3
-    },
-    ...ownerState?.themeDirection === "rtl" && {
-      borderTopRightRadius: theme.vars.size.borderRadius.r3,
-      borderBottomRightRadius: theme.vars.size.borderRadius.r3
-    },
-    border: theme.vars.size.borderStroke.container,
-    borderColor: theme.vars.palette.border.secondary,
-    backgroundColor: theme.vars.palette.background.base,
-    ...ownerState?.themeDirection !== "rtl" ? varFade({
-      distance: ownerState?.width,
-      durationIn: 0.32,
-      durationOut: 0.32
-    }).inRight : varFade({
-      distance: ownerState?.width,
-      durationIn: 0.32,
-      durationOut: 0.32
-    }).inLeft
-  }),
-  /**
-   * Estilos css de la ranura backdrop
-   */
-  backdrop: ({ theme }) => ({
-    background: "transparent",
-    zIndex: theme.zIndex.drawer + 1,
-    transform: "unset",
-    opacity: 1
-  }),
-  /**
-   * Estilos css de la ranura header
-   */
-  headerContainer: () => ({
-    width: "100%",
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between"
-  }),
-  /**
-   * Estilos css de la ranura headerActions
-   */
-  headerActions: ({ theme }) => ({
-    display: "flex",
-    flexDirection: "row",
-    width: "fit-content",
-    alignItems: "center",
-    padding: theme.vars.size.baseSpacings["sp0-5"],
-    gap: theme.vars.size.baseSpacings["sp0-5"],
-    borderRadius: theme.vars.size.borderRadius.r2,
-    border: theme.vars.size.borderStroke.container,
-    borderColor: theme.vars.palette.border.disabled,
-    backgroundColor: theme.vars.palette.background.default
-  }),
-  /**
-   * Estilos css de la ranura content
-   */
-  bodyContent: ({ theme }) => ({
-    display: "flex",
-    flexDirection: "column",
-    position: "relative",
-    overflowY: "auto",
-    width: "100%",
-    gap: theme.vars.size.baseSpacings.sp6
-  }),
-  /**
-   * Estilos css de la ranura settingContainer
-   */
-  settingContainer: ({ theme }) => ({
-    display: "flex",
-    flexDirection: "column",
-    padding: theme.vars.size.baseSpacings.sp4,
-    gap: theme.vars.size.baseSpacings.sp4,
-    borderRadius: theme.vars.size.borderRadius.r2,
-    backgroundColor: theme.vars.palette.background.default
-  }),
-  /**
-   * Estilos css de la ranura settingIconTitle
-   */
-  settingIconTitle: ({ theme }) => ({
-    display: "flex",
-    flexDirection: "row",
-    gap: theme.vars.size.baseSpacings["sp2-5"],
-    justifyContent: "flex-start",
-    alignItems: "center"
-  }),
-  /**
-   * Estilos css de la ranura settingItemContent
-   */
-  settingItemContent: ({ theme }) => ({
-    display: "flex",
-    flexDirection: "row",
-    gap: theme.vars.size.baseSpacings.sp4,
-    justifyContent: "space-between"
-  }),
-  /**
-   * Estilos css de la ranura settingItem
-   */
-  settingItem: ({ theme, ownerState }) => ({
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center",
-    width: "100%",
-    height: "100%",
-    borderRadius: theme.vars.size.borderRadius.r2,
-    border: theme.vars.size.borderStroke.container,
-    borderColor: theme.vars.palette.border.disabled,
-    padding: theme.vars.size.baseSpacings.sp2,
-    outline: "unset",
-    "& .M4LIcon-root": {
-      width: theme.vars.size.baseSpacings.sp5,
-      height: theme.vars.size.baseSpacings.sp5
-    },
-    ...ownerState?.onChange ? {
-      transition: "all 0.3s ease",
-      cursor: "pointer",
-      "&:hover": {
-        backgroundColor: theme.vars.palette.default.hoverOpacity
-      },
-      "&:active": {
-        backgroundColor: theme.vars.palette.default.activeOpacity
-      },
-      "&:focus-visible": {
-        borderColor: theme.vars.palette.border.main,
-        boxShadow: theme.vars.customShadows?.primary
-      },
-      ...ownerState?.selected ? {
-        borderColor: theme.vars.palette.border.main,
-        backgroundColor: theme.vars.palette.primary.enabledOpacity,
-        "&:hover": {
-          backgroundColor: theme.vars.palette.primary.hoverOpacity
-        },
-        "&:active": {
-          backgroundColor: theme.vars.palette.primary.activeOpacity
-        }
-      } : {}
-    } : {}
-  }),
-  /**
-   * Estilos css de la ranura settingItemColorContainer
-   */
-  settingItemColorContainer: () => ({
-    display: "flex",
-    flexDirection: "row",
-    width: "auto",
-    height: "auto",
-    position: "relative"
-  }),
-  /**
-   * Estilos css de la ranura settingItemColor
-   */
-  settingItemColor: ({ theme, ownerState }) => {
-    const presetColor = ownerState?.color ?? "patronus";
-    const presetPalette = ownerState?.mode === "light" ? PRIMARY_COLORS_LIGHT[presetColor] : PRIMARY_COLORS_DARK[presetColor];
-    return {
-      ...getSizeStyles(
-        theme,
-        ownerState?.size || "medium",
-        "box",
-        (size) => ({
-          width: size,
-          height: size
-        })
-      ),
-      "&:focus-visible": {
-        borderColor: theme.vars.palette.border.main,
-        boxShadow: theme.vars.customShadows?.primary,
-        "&:after": {
-          content: '""',
-          position: "absolute",
-          inset: "-4px",
-          borderRadius: "40% / 45%",
-          boxShadow: `0 0 0 1px ${presetPalette.focus}`,
-          zIndex: 1
-        }
-      },
-      ...ownerState?.selected ? {
-        "&:before": {
-          content: '""',
-          position: "absolute",
-          inset: "0",
-          borderRadius: theme.vars.size.borderRadius.r3,
-          boxShadow: `0 0 0 1px ${presetPalette.enabled}`,
-          backgroundColor: presetPalette.enabledOpacity,
-          zIndex: 1
-        }
-      } : {},
-      "& .M4LIcon-icon": {
-        display: "flex",
-        flexDirection: "row",
-        backgroundColor: presetPalette.enabled,
-        outline: "unset",
-        position: "relative",
-        overflow: "visible",
-        transition: "all 0.3s ease",
-        ...ownerState?.onChange ? {
-          cursor: "pointer",
-          transition: "all 0.3s ease",
-          "&:hover": {
-            backgroundColor: presetPalette.hover
-          },
-          "&:active": {
-            backgroundColor: presetPalette.active
-          }
-        } : {}
-      }
-    };
-  },
-  /**
-   * Estilos css de la ranura settingFullscreen
-   */
-  settingFullscreen: ({ theme, ownerState }) => ({
-    /*  borderRadius: theme.vars.size.borderRadius['r1-5'],
-    border: 'unset',
-    outline: 'unset', */
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: theme.vars.size.borderRadius["r1-5"],
-    "& .MuiTypography-root": {
-      width: "fit-content",
-      ...getTypographyStyles(
-        theme.generalSettings.isMobile,
-        ownerState?.size || "medium",
-        "bodyDens"
-      )
-    }
-  }),
-  /**
-   * Estilos css de la ranura icon
-   */
-  icon: {},
-  /**
-   * Estilos css de la ranura typography
-   */
-  typography: {},
-  /**
-   * Estilos css de la ranura divider
-   */
-  divider: {}
-};
-export {
-  settingsLayoutStyles as s
-};

package/components/SettingsLayout/constants.d.ts

@@ -1,7 +0,0 @@
-import { SettingsLayoutSlots } from './slots/SettingsLayoutEnum';
-/**
- * Nombre de clase del componente.
- */
-export declare const SETTINGS_LAYOUT_COMPONENT_KEY = "M4LSettingsLayout";
-export declare const SETTINGS_LAYOUT_CLASSES: Record<keyof typeof SettingsLayoutSlots, string>;
-export declare const SETTINGS_LAYOUT_DEFAULT_WIDTH = 300;

package/components/SettingsLayout/constants.js

@@ -1,10 +0,0 @@
-import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
-import { S as SettingsLayoutSlots } from "./slots/SettingsLayoutEnum.js";
-const SETTINGS_LAYOUT_COMPONENT_KEY = "M4LSettingsLayout";
-const SETTINGS_LAYOUT_CLASSES = getComponentClasses(SETTINGS_LAYOUT_COMPONENT_KEY, SettingsLayoutSlots);
-const SETTINGS_LAYOUT_DEFAULT_WIDTH = 300;
-export {
-  SETTINGS_LAYOUT_DEFAULT_WIDTH as S,
-  SETTINGS_LAYOUT_CLASSES as a,
-  SETTINGS_LAYOUT_COMPONENT_KEY as b
-};

package/components/SettingsLayout/dictionary.d.ts

@@ -1,56 +0,0 @@
-export declare const DICTIONARY: {
-    COMPANY_SLOGAN: string;
-    COMPANY_NAME: string;
-    MODE: string;
-    DIRECTION: string;
-    PRESETS: string;
-    STRETCH: string;
-    EXIT_FULLSCREEN: string;
-    FULLSCREEN: string;
-    COMPANY_NAME_SUBTITLE: string;
-    VALIDATION_EMAIL_INVALID: string;
-    VALIDATION_PWD_REQUIRED: string;
-    LABEL_BACK_LOGIN: string;
-    LABEL_EMAIL: string;
-    LABEL_INTRO: string;
-    MODULE_DESCRIPTION: string;
-    MODULE_LEYEND: string;
-    MODULE_NAME: string;
-    LABEL_PWD: string;
-    LABEL_PWD_CONFIRM: string;
-    LABEL_FORGOT: string;
-    LABEL_NOT_MEMBER: string;
-    LABEL_REGISTER: string;
-    LABEL_REMEMBERME: string;
-    LABEL_USER: string;
-    P_HOLDER_USER: string;
-    VALIDATION_USER_REQUIRED: string;
-    VALIDATION_EMAIL_REQUIRED: string;
-    VALIDATION_PWD_INVALID: string;
-    LABEL_FIRST_PHONE: string;
-    LABEL_COMPANY_NAME: string;
-    LABEL_COUNTRY_LABORATORY: string;
-    LABEL_EMAIL_CONFIRM: string;
-    LABEL_FIRST_NAME: string;
-    LABEL_LAST_NAME: string;
-    LABEL_MEMBER: string;
-    LABEL_STATE: string;
-    LABEL_CITY: string;
-    LABEL_ADDRESS: string;
-    LABEL_COUNTRY_CLIENT: string;
-    VALIDATION_FIRST_PHONE_REQUIRED: string;
-    VALITATION_COMPONY_NAME_REQUIRED: string;
-    VALIDATION_COUNTRY_LABORATORY_REQUIRED: string;
-    VALIDATION_COUNTRY_CLIENT_REQUIRED: string;
-    VALIDATION_EMAIL_CONFIRM_MATCHES: string;
-    VALIDATION_FIRST_NAME_REQUIRED: string;
-    VALIDATION_LAST_NAME_REQUIRED: string;
-    VALIDATION_STATE_REQUIRED: string;
-    VALIDATION_CITY_REQUIRED: string;
-    VALIDATION_ADDRESS_REQUIRED: string;
-    MODULE_DESCRIPTION_COMPLETED: string;
-    LABEL_CHANGE_PASSWORD_COMPLETED: string;
-    VALIDATION_PWD_CONFIRM_MATCHES: string;
-    NOT_FOUND_TITLE: string;
-    NOT_FOUND_DESCRIPTION: string;
-};

package/components/SettingsLayout/dictionary.js

@@ -1,12 +0,0 @@
-const DICTIONARY = {
-  /* ---------------------Settings dictionary -------------------*/
-  MODE: "mode",
-  DIRECTION: "direction",
-  PRESETS: "presets",
-  EXIT_FULLSCREEN: "exit_fullscreen",
-  FULLSCREEN: "fullscreen",
-  MODULE_NAME: "module_name"
-};
-export {
-  DICTIONARY as D
-};

package/components/SettingsLayout/icons.d.ts

@@ -1,14 +0,0 @@
-export declare const PATH_ICONS: {
-    REFRESH: string;
-    CLOSE: string;
-    MOON: string;
-    SUN: string;
-    MODE: string;
-    PALETTE: string;
-    DIRECTION: string;
-    ALIGN_LEFT: string;
-    ALIGN_RIGHT: string;
-    FULLSCREEN: string;
-    FULLSCREEN_EXIT: string;
-    COLOR: string;
-};

package/components/SettingsLayout/icons.js

@@ -1,17 +0,0 @@
-const PATH_ICONS = {
-  REFRESH: "frontend/components/setting_layout/assets/icons/refresh.svg",
-  CLOSE: "frontend/components/setting_layout/assets/icons/closeSmall.svg",
-  MOON: "frontend/components/setting_layout/assets/icons/CloudMoon.svg",
-  SUN: "frontend/components/setting_layout/assets/icons/Sun.svg",
-  MODE: "frontend/components/setting_layout/assets/icons/eclipse.svg",
-  PALETTE: "frontend/components/setting_layout/assets/icons/palette.svg",
-  DIRECTION: "frontend/components/setting_layout/assets/icons/signpost.svg",
-  ALIGN_LEFT: "frontend/components/setting_layout/assets/icons/align-start-vertical.svg",
-  ALIGN_RIGHT: "frontend/components/setting_layout/assets/icons/align-end-vertical.svg",
-  FULLSCREEN: "frontend/components/setting_layout/assets/icons/FrameCorners.svg",
-  FULLSCREEN_EXIT: "frontend/components/setting_layout/assets/icons/exit_fullscreen.svg",
-  COLOR: "frontend/components/setting_layout/assets/icons/color_preset.svg"
-};
-export {
-  PATH_ICONS as P
-};

package/components/SettingsLayout/index.d.ts

@@ -1,2 +0,0 @@
-export { SettingsLayout } from './SettingsLayout';
-export type { SettingsLayoutProps } from './types';

package/components/SettingsLayout/index.js

@@ -1 +0,0 @@
-

package/components/SettingsLayout/slots/SettingsLayoutEnum.d.ts

@@ -1,17 +0,0 @@
-export declare enum SettingsLayoutSlots {
-    root = "root",
-    backdrop = "backdrop",
-    icon = "icon",
-    typography = "typography",
-    divider = "divider",
-    headerContainer = "headerContainer",
-    headerActions = "headerActions",
-    bodyContent = "bodyContent",
-    settingContainer = "settingContainer",
-    settingIconTitle = "settingIconTitle",
-    settingItem = "settingItem",
-    settingItemColor = "settingItemColor",
-    settingItemColorContainer = "settingItemColorContainer",
-    settingItemContent = "settingItemContent",
-    settingFullscreen = "settingFullscreen"
-}

package/components/SettingsLayout/slots/SettingsLayoutEnum.js

@@ -1,21 +0,0 @@
-var SettingsLayoutSlots = /* @__PURE__ */ ((SettingsLayoutSlots2) => {
-  SettingsLayoutSlots2["root"] = "root";
-  SettingsLayoutSlots2["backdrop"] = "backdrop";
-  SettingsLayoutSlots2["icon"] = "icon";
-  SettingsLayoutSlots2["typography"] = "typography";
-  SettingsLayoutSlots2["divider"] = "divider";
-  SettingsLayoutSlots2["headerContainer"] = "headerContainer";
-  SettingsLayoutSlots2["headerActions"] = "headerActions";
-  SettingsLayoutSlots2["bodyContent"] = "bodyContent";
-  SettingsLayoutSlots2["settingContainer"] = "settingContainer";
-  SettingsLayoutSlots2["settingIconTitle"] = "settingIconTitle";
-  SettingsLayoutSlots2["settingItem"] = "settingItem";
-  SettingsLayoutSlots2["settingItemColor"] = "settingItemColor";
-  SettingsLayoutSlots2["settingItemColorContainer"] = "settingItemColorContainer";
-  SettingsLayoutSlots2["settingItemContent"] = "settingItemContent";
-  SettingsLayoutSlots2["settingFullscreen"] = "settingFullscreen";
-  return SettingsLayoutSlots2;
-})(SettingsLayoutSlots || {});
-export {
-  SettingsLayoutSlots as S
-};