@m4l/components 9.1.104 → 9.1.106

package/@types/types.d.ts

@@ -133,6 +133,10 @@ import { RHFCheckBoxOwnerState, RHFCheckBoxSlotsType } from '../components/hook-
 import { AreasAdminOwnerState, AreasAdminType } from '../components/areas/components/AreasAdmin/types';
 import { DateTimePickerOwnerState, DateTimePickerSlotsType } from '../components/mui_extended/DateTimePicker/types';
 import { DividerOwnerState, DividerSlotsType } from '../components/mui_extended/Divider/types';
+import { NoItemSelectedOwnerState, NoItemSelectedSlotsType } from '../components/NoItemSelected/types';
+import { ActionFormIntroOwnerState, ActionFormIntroSlotsType } from '../components/CommonActions/components/ActionFormIntro/types';
+
+
 declare module '@mui/material/styles' {
   // Define the slots in the theme
   interface ComponentNameToClassKey {
@@ -197,6 +201,8 @@ declare module '@mui/material/styles' {
     M4LStack: StackSlotsType;
     M4LDateTimePicker: DateTimePickerSlotsType;
     M4LDivider: DividerSlotsType;
+    M4LNoItemSelected: NoItemSelectedSlotsType;
+    M4LActionFormIntro: ActionFormIntroSlotsType;
   }
   interface ComponentsPropsList {
     // Extend ComponentsProps or ComponentsOwnerState(this extend ComponentProps)
@@ -261,6 +267,8 @@ declare module '@mui/material/styles' {
     M4LStack: Partial<StackOwnerState>;
     M4LDateTimePicker: Partial<DateTimePickerOwnerState>;
     M4LDivider: Partial<DividerOwnerState>;
+    M4LNoItemSelected: Partial<NoItemSelectedOwnerState>;
+    M4LActionFormIntro : Partial<ActionFormIntroOwnerState>;
   }
   interface Components {
     M4LDynamicFilter?: {
@@ -547,6 +555,7 @@ declare module '@mui/material/styles' {
         defaultProps?: ComponentsPropsList['M4LScrollBar'];
         styleOverrides?: ComponentsOverrides<Theme>['M4LScrollBar'];
         variants?: ComponentsVariants['M4LScrollBar'];
+    }
     M4LAreasAdmin?: {
       defaultProps?: ComponentsPropsList['M4LAreasAdmin'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LAreasAdmin'];
@@ -562,11 +571,21 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LDateTimePicker'];
       variants?: ComponentsVariants['M4LDateTimePicker'];
     };
+    M4LNoItemSelected?: {
+        defaultProps?: ComponentsPropsList['M4LNoItemSelected'];
+        styleOverrides?: ComponentsOverrides<Theme>['M4LNoItemSelected'];
+        variants?: ComponentsVariants['M4LNoItemSelected'];
+    }
+    M4LActionFormIntro?: {
+        defaultProps?: ComponentsPropsList['M4LActionFormIntro '];
+        styleOverrides?: ComponentsOverrides<Theme>['M4LActionFormIntro '];
+        variants?: ComponentsVariants['M4LActionFormIntro '];
+    };
     M4LDivider?: {
       defaultProps?: ComponentsPropsList['M4LDivider'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LDivider'];
       variants?: ComponentsVariants['M4LDivider'];
     };
    }
-  }
+
 }

package/components/CommonActions/components/ActionFormIntro/ActionFormIntro.d.ts

@@ -0,0 +1,9 @@
+import { ActionsFormIntroProps } from './types';
+/**
+ * Este componente es útil en formularios donde se necesita un botón de envío con
+ * funcionalidad de carga y soporte para internacionalización.
+ * @createdAt 2024-12-31 11:23:50 - automatic
+ * @updatedAt 2025-01-03 11:42:14 - automatic
+ * @updatedUser Andrés Quintero - automatic
+ */
+export declare function ActionFormIntro(props: ActionsFormIntroProps): import("react/jsx-runtime").JSX.Element;

package/components/CommonActions/components/ActionFormIntro/ActionFormIntro.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useFormContext, useFormState } from "react-hook-form";
+import { useModuleDictionary } from "@m4l/core";
+import { c as classActoinFormIntroRoot } from "./constanst.js";
+import { clsx } from "clsx";
+import { D as DICTIONARY } from "../../dictionary.js";
+import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
+import { L as LoadingButtonActionFormIntroRootStyled } from "./slots/ActionFormIntroSlots.js";
+function ActionFormIntro(props) {
+  const { variant = "contained", color = "primary", className, label, size = "medium", ...others } = props;
+  const { getLabel } = useModuleDictionary();
+  const finalLabel = label || getLabel(DICTIONARY.LABEL_INTRO);
+  const { control } = useFormContext();
+  const { isSubmitting } = useFormState({ control });
+  const { currentSize } = useComponentSize(size);
+  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
+  return /* @__PURE__ */ jsx(
+    LoadingButtonActionFormIntroRootStyled,
+    {
+      ownerState: {},
+      variant,
+      type: "submit",
+      color,
+      loading: isSubmitting,
+      size: adjustedSize,
+      className: clsx(classActoinFormIntroRoot, className),
+      label: finalLabel,
+      ...others
+    }
+  );
+}
+export {
+  ActionFormIntro as A
+};

package/components/CommonActions/components/ActionFormIntro/ActionFromIntro.styles.d.ts

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

package/components/CommonActions/components/ActionFormIntro/ActionFromIntro.styles.js

@@ -0,0 +1,7 @@
+const actionFormIntroStyles = {
+  /** 🌳  Estilos para el componente raiz 🌳 */
+  root: () => ({})
+};
+export {
+  actionFormIntroStyles as a
+};

package/components/CommonActions/components/ActionFormIntro/constanst.d.ts

@@ -0,0 +1,6 @@
+export declare const ACTION_FORM_INTRO_KEY_COMPONENT = "M4LActionFormIntro";
+/**
+ * Nombre de clase creado para aportar especificidad a los estilos del componente. Es usado para sobreescribir los estilos de MUI sin
+ * tener la necesidad de agregar valores en !important.
+ */
+export declare const classActoinFormIntroRoot: string;

package/components/CommonActions/components/ActionFormIntro/constanst.js

@@ -0,0 +1,7 @@
+import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+const ACTION_FORM_INTRO_KEY_COMPONENT = "M4LActionFormIntro";
+const classActoinFormIntroRoot = getComponentSlotRoot(ACTION_FORM_INTRO_KEY_COMPONENT);
+export {
+  ACTION_FORM_INTRO_KEY_COMPONENT as A,
+  classActoinFormIntroRoot as c
+};

package/components/CommonActions/components/ActionFormIntro/slots/ActionFormIntroEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum ActionFormIntroSlots {
+    root = "root"
+}

package/components/CommonActions/components/ActionFormIntro/slots/ActionFormIntroEnum.js

@@ -0,0 +1,7 @@
+var ActionFormIntroSlots = /* @__PURE__ */ ((ActionFormIntroSlots2) => {
+  ActionFormIntroSlots2["root"] = "root";
+  return ActionFormIntroSlots2;
+})(ActionFormIntroSlots || {});
+export {
+  ActionFormIntroSlots as A
+};

package/components/CommonActions/components/ActionFormIntro/slots/ActionFormIntroSlots.d.ts

@@ -0,0 +1,3 @@
+export declare const LoadingButtonActionFormIntroRootStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../mui_extended/LoadingButton/types').LoadingButtonProps, keyof import('../../../../mui_extended/LoadingButton/types').LoadingButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ActionFormIntroOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').ActionFormIntroOwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/CommonActions/components/ActionFormIntro/slots/ActionFormIntroSlots.js

@@ -0,0 +1,12 @@
+import { styled } from "@mui/material";
+import { L as LoadingButton } from "../../../../mui_extended/LoadingButton/LoadingButton.js";
+import { A as ACTION_FORM_INTRO_KEY_COMPONENT } from "../constanst.js";
+import { A as ActionFormIntroSlots } from "./ActionFormIntroEnum.js";
+import { a as actionFormIntroStyles } from "../ActionFromIntro.styles.js";
+const LoadingButtonActionFormIntroRootStyled = styled(LoadingButton, {
+  name: ACTION_FORM_INTRO_KEY_COMPONENT,
+  slot: ActionFormIntroSlots.root
+})(actionFormIntroStyles?.root);
+export {
+  LoadingButtonActionFormIntroRootStyled as L
+};

package/components/CommonActions/components/ActionFormIntro/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActionFormIntroEnum';
+export * from './ActionFormIntroSlots';

package/components/CommonActions/components/ActionFormIntro/slots/index.js

@@ -0,0 +1 @@
+

package/components/CommonActions/components/ActionFormIntro/test/ActionFormIntro.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/CommonActions/components/ActionFormIntro/types.d.ts

@@ -1,4 +1,18 @@
+import { Sizes } from '@m4l/styles';
+import { Theme } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { LoadingButtonProps } from '../../../mui_extended/LoadingButton/types';
+import { ACTION_FORM_INTRO_KEY_COMPONENT } from './constanst';
+import { ActionFormIntroSlots } from './slots/ActionFormIntroEnum';
 export interface ActionsFormIntroProps extends Omit<LoadingButtonProps, 'label'> {
     label?: string;
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    className?: string;
+    skeletonWidth?: string;
+    dictionaryId?: string;
 }
+export type OwnerState = Pick<LoadingButtonProps, 'size'>;
+export interface ActionFormIntroOwnerState extends LoadingButtonProps, OwnerState {
+}
+export type ActionFormIntroType = keyof typeof ActionFormIntroSlots;
+export type ActionFormIntroStyles = OverridesStyleRules<ActionFormIntroSlots, typeof ACTION_FORM_INTRO_KEY_COMPONENT, Theme>;

package/components/CommonActions/dictionary.d.ts

@@ -1,3 +1,6 @@
 import { Dictionary } from '@m4l/core';
 export declare function getCommonActionsDictionary(): string[];
 export declare const defaultCommonActionsDictionary: Dictionary;
+export declare const DICTIONARY: {
+    readonly LABEL_INTRO: "common_actions.intro";
+};

package/components/CommonActions/dictionary.js

@@ -9,7 +9,11 @@ const defaultCommonActionsDictionary = {
     confirm_quit_msg: "Are your sure exit?"
   }
 };
+const DICTIONARY = {
+  LABEL_INTRO: "common_actions.intro"
+};
 export {
+  DICTIONARY as D,
   defaultCommonActionsDictionary as d,
   getCommonActionsDictionary as g
 };

package/components/CommonActions/index.d.ts

@@ -2,6 +2,6 @@ export { ActionsContainer } from './components/ActionsContainer/ActionsContainer
 export { ActionCancel } from './components/ActionCancel';
 export { ActionIntro } from './components/ActionIntro';
 export { ActionFormCancel } from './components/ActionFormCancel';
-export { ActionFormIntro } from './components/ActionFormIntro';
+export { ActionFormIntro } from './components/ActionFormIntro/ActionFormIntro';
 export { getCommonActionsDictionary } from './dictionary';
 export * from './dictionary';

package/components/Image/Image.js

@@ -25,15 +25,7 @@ function Image(props) {
       {
         enableIntersectionObserver,
         threshold,
-        children: /* @__PURE__ */ jsx(Fragment, { children: ownerState.isSkeleton ? /* @__PURE__ */ jsx(DivContainerSkeletonStyled, { ownerState: {}, className: "M4lclassCssSpecificity", "data-testid": "skeleton-component", children: /* @__PURE__ */ jsx(
-          ImgSkeleton,
-          {
-            ownerState: {},
-            className: "M4lclassCssSpecificityIMG",
-            src: svgDataUriSkeleton,
-            alt: "Skeleton Image"
-          }
-        ) }) : /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(Fragment, { children: ownerState.isSkeleton ? /* @__PURE__ */ jsx(DivContainerSkeletonStyled, { ownerState: {}, className: "M4lclassCssSpecificity", "data-testid": "skeleton-component", children: /* @__PURE__ */ jsx(ImgSkeleton, { ownerState: {}, className: "M4lclassCssSpecificityIMG", src: svgDataUriSkeleton, alt: "Skeleton Image" }) }) : /* @__PURE__ */ jsx(
           ImgStyled,
           {
             ownerState: { ...ownerState },

package/components/NoItemSelected/{index.d.ts → NoItemSelected.d.ts}

@@ -1,5 +1,5 @@
 import { NoItemSelectedProps } from './types';
 /**
- * TODO: Documentar
+ * Componente que muestra un mensaje y una imagen cuando no se ha seleccionado ningún elemento.
  */
 export declare function NoItemSelected(props: NoItemSelectedProps): import("react/jsx-runtime").JSX.Element;

package/components/NoItemSelected/NoItemSelected.js

@@ -0,0 +1,61 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { useMemo, useRef, useState, useEffect } from "react";
+import { W as WrapperNoItemSelectedStyled, N as NoItemSelectedContainer, I as ImgStyled, a as WrapperTpography, T as TypographyStyledTitle, b as TypographyStyledDetail, L as LabelDetail } from "./slots/NoItemSelectedSlots.js";
+import { clsx } from "clsx";
+import { N as NO_ITEM_SELECT_KEY_COMPONENT, c as classNoItemSelected } from "./constant.js";
+import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { N as NoItemSelectedSlots } from "./slots/NoItemSelectedEnum.js";
+import { D as DICTIONARY } from "./dictionary.js";
+import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
+function NoItemSelected(props) {
+  const { image, message, size = "medium", className, dataTestId } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { currentSize } = useComponentSize(size);
+  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
+  const { getLabel } = useModuleDictionary();
+  const defaultImage = useMemo(() => {
+    return `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
+  }, []);
+  const ownerState = {
+    size
+  };
+  const containerRef = useRef(null);
+  const [isVisible, setIsVisible] = useState(true);
+  useEffect(() => {
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        setIsVisible(entry.contentRect.height >= 49);
+      }
+    });
+    if (containerRef.current) {
+      observer.observe(containerRef.current);
+    }
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    WrapperNoItemSelectedStyled,
+    {
+      ownerState: {},
+      ...getPropDataTestId(NO_ITEM_SELECT_KEY_COMPONENT, NoItemSelectedSlots.root, dataTestId),
+      children: [
+        /* @__PURE__ */ jsx(NoItemSelectedContainer, { ownerState: {}, ref: containerRef, children: isVisible && /* @__PURE__ */ jsx(
+          ImgStyled,
+          {
+            className: clsx(classNoItemSelected.img, "noItemSelectedImg", className),
+            ownerState: {},
+            src: image || defaultImage,
+            alt: "No item selected"
+          }
+        ) }),
+        !message ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(WrapperTpography, { ownerState: {}, size: adjustedSize, children: [
+          /* @__PURE__ */ jsx(TypographyStyledTitle, { ownerState: { ...ownerState }, size: adjustedSize, children: getLabel(DICTIONARY.LABEL_TITLE) }),
+          /* @__PURE__ */ jsx(TypographyStyledDetail, { ownerState: { ...ownerState }, size: adjustedSize, children: getLabel(DICTIONARY.LABEL_DETAIL) })
+        ] }) }) : /* @__PURE__ */ jsx(LabelDetail, { ownerState: {}, children: message })
+      ]
+    }
+  );
+}
+export {
+  NoItemSelected as N
+};

package/components/NoItemSelected/NoItemSelected.styles.d.ts

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

package/components/NoItemSelected/NoItemSelected.styles.js

@@ -0,0 +1,98 @@
+import { g as getTypographyStyles } from "../../utils/getTypographyStyles.js";
+const noItemSelectedStyles = {
+  /**
+   * 📦 Estilos para el contenedor principal del componente NoItemSelected 📦.
+   */
+  root: ({ theme }) => ({
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "80%",
+    width: "100%",
+    maxWidth: "600px",
+    minWidth: "200px",
+    padding: "10px",
+    gap: theme.vars.size.baseSpacings.sp2,
+    minHeight: "60px"
+  }),
+  /**
+   * 📸 Estilos para la imagen del componente NoItemSelected 📸.
+   */
+  img: () => ({
+    display: "flex",
+    top: "50%",
+    left: "50%",
+    width: "100%",
+    height: "auto ",
+    maxWidth: "150px",
+    maxHeight: "106px",
+    minWidth: "70px",
+    minHeight: "50px"
+  }),
+  /**
+   * 🏷️ Estilos para la etiqueta TypographyTitle del componente NoItemSelected 🏷️.
+   */
+  typographyStyledTitle: ({ theme, ownerState }) => ({
+    "&.MuiTypography-root": {
+      "&.M4lclassCssSpecificity": {
+        display: "flex",
+        color: theme.vars.palette.primary.semanticText,
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "bodyDens"
+        ),
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "small",
+          "bodyDens"
+        )
+      }
+    }
+  }),
+  /**
+   * 🏷️ Estilos para la etiqueta TypographyDetail del componente NoItemSelected 🏷️.
+   */
+  typographyStyledDetail: ({ theme, ownerState }) => ({
+    "&.MuiTypography-root": {
+      "&.M4lclassCssSpecificity": {
+        color: theme.vars.palette.text.secondary,
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "bodyDens"
+        ),
+        ...getTypographyStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "small",
+          "body"
+        )
+      }
+    }
+  }),
+  /**
+   *  🎁 Estilos para el wrapper de la typography de  NoItemSelect. 🎁
+   */
+  wrapperTpography: ({ theme }) => ({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    flexDirection: "column",
+    gap: theme.vars.size.baseSpacings["sp0-5"]
+  }),
+  /**
+   * 🎁 Estilos para el wrapper de la imagen de  NoItemSelect. 🎁
+   */
+  noItemSelectedContainer: () => ({
+    justifyContent: "center",
+    display: "flex",
+    height: "100%",
+    maxHeight: "106px",
+    width: "100%"
+  }),
+  labelDetail: {}
+};
+export {
+  noItemSelectedStyles as n
+};

package/components/NoItemSelected/constant.d.ts

@@ -0,0 +1,2 @@
+export declare const NO_ITEM_SELECT_KEY_COMPONENT = "M4LNoItemSelected";
+export declare const classNoItemSelected: Record<string, string>;

package/components/NoItemSelected/constant.js

@@ -0,0 +1,8 @@
+import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { N as NoItemSelectedSlots } from "./slots/NoItemSelectedEnum.js";
+const NO_ITEM_SELECT_KEY_COMPONENT = "M4LNoItemSelected";
+const classNoItemSelected = getComponentClasses(NO_ITEM_SELECT_KEY_COMPONENT, NoItemSelectedSlots);
+export {
+  NO_ITEM_SELECT_KEY_COMPONENT as N,
+  classNoItemSelected as c
+};

package/components/NoItemSelected/dictionary.d.ts

@@ -1,3 +1,7 @@
 import { Dictionary } from '@m4l/core';
 export declare function getNoItemSelectedComponentsDictionary(): string[];
 export declare const defaultNoItemSelectedDictionary: Dictionary;
+export declare const DICTIONARY: {
+    readonly LABEL_TITLE: "no_item_selected.title";
+    readonly LABEL_DETAIL: "no_item_selected.detail";
+};

package/components/NoItemSelected/dictionary.js

@@ -1,12 +1,7 @@
-function getNoItemSelectedComponentsDictionary() {
-  return ["no_item_selected"];
-}
-const defaultNoItemSelectedDictionary = {
-  no_item_selected: {
-    message: "Please select a item to show detail"
-  }
+const DICTIONARY = {
+  LABEL_TITLE: "no_item_selected.title",
+  LABEL_DETAIL: "no_item_selected.detail"
 };
 export {
-  defaultNoItemSelectedDictionary as d,
-  getNoItemSelectedComponentsDictionary as g
+  DICTIONARY as D
 };

package/components/NoItemSelected/slots/NoItemSelectedEnum.d.ts

@@ -0,0 +1,9 @@
+export declare enum NoItemSelectedSlots {
+    root = "root",
+    img = "img",
+    typographyStyledTitle = "typographyStyledTitle",
+    typographyStyledDetail = "typographyStyledDetail",
+    labelDetail = "labelDetail",
+    noItemSelectedContainer = "noItemSelectedContainer",
+    wrapperTpography = "wrapperTpography"
+}

package/components/NoItemSelected/slots/NoItemSelectedEnum.js

@@ -0,0 +1,13 @@
+var NoItemSelectedSlots = /* @__PURE__ */ ((NoItemSelectedSlots2) => {
+  NoItemSelectedSlots2["root"] = "root";
+  NoItemSelectedSlots2["img"] = "img";
+  NoItemSelectedSlots2["typographyStyledTitle"] = "typographyStyledTitle";
+  NoItemSelectedSlots2["typographyStyledDetail"] = "typographyStyledDetail";
+  NoItemSelectedSlots2["labelDetail"] = "labelDetail";
+  NoItemSelectedSlots2["noItemSelectedContainer"] = "noItemSelectedContainer";
+  NoItemSelectedSlots2["wrapperTpography"] = "wrapperTpography";
+  return NoItemSelectedSlots2;
+})(NoItemSelectedSlots || {});
+export {
+  NoItemSelectedSlots as N
+};

package/components/NoItemSelected/slots/NoItemSelectedSlots.d.ts

@@ -0,0 +1,21 @@
+export declare const WrapperNoItemSelectedStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const ImgStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Image').ImageProps, keyof import('../../Image').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const TypographyStyledTitle: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const TypographyStyledDetail: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const LabelDetail: import('@emotion/styled').StyledComponent<Pick<import('../../Label').LabelProps, keyof import('../../Label').LabelProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const NoItemSelectedContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const WrapperTpography: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').NoItemSelectedOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;

package/components/NoItemSelected/slots/NoItemSelectedSlots.js

@@ -0,0 +1,44 @@
+import { styled } from "@mui/material/styles";
+import { N as NoItemSelectedSlots } from "./NoItemSelectedEnum.js";
+import { N as NO_ITEM_SELECT_KEY_COMPONENT } from "../constant.js";
+import { n as noItemSelectedStyles } from "../NoItemSelected.styles.js";
+import { T as Typography } from "../../mui_extended/Typography/Typography.js";
+import { L as Label } from "../../Label/Label.js";
+import { I as Image } from "../../Image/Image.js";
+const WrapperNoItemSelectedStyled = styled("div", {
+  name: NO_ITEM_SELECT_KEY_COMPONENT,
+  slot: NoItemSelectedSlots.root
+})(noItemSelectedStyles?.root);
+const ImgStyled = styled(Image, {
+  name: NO_ITEM_SELECT_KEY_COMPONENT,
+  slot: NoItemSelectedSlots.img
+})(noItemSelectedStyles?.img);
+const TypographyStyledTitle = styled(Typography, {
+  name: NO_ITEM_SELECT_KEY_COMPONENT,
+  slot: NoItemSelectedSlots.typographyStyledTitle
+})(noItemSelectedStyles?.typographyStyledTitle);
+const TypographyStyledDetail = styled(Typography, {
+  name: NO_ITEM_SELECT_KEY_COMPONENT,
+  slot: NoItemSelectedSlots.typographyStyledDetail
+})(noItemSelectedStyles?.typographyStyledDetail);
+const LabelDetail = styled(Label, {
+  name: NO_ITEM_SELECT_KEY_COMPONENT,
+  slot: NoItemSelectedSlots.labelDetail
+})(noItemSelectedStyles?.labelDetail);
+const NoItemSelectedContainer = styled("div", {
+  name: NO_ITEM_SELECT_KEY_COMPONENT,
+  slot: NoItemSelectedSlots.noItemSelectedContainer
+})(noItemSelectedStyles?.noItemSelectedContainer);
+const WrapperTpography = styled("div", {
+  name: NO_ITEM_SELECT_KEY_COMPONENT,
+  slot: NoItemSelectedSlots.wrapperTpography
+})(noItemSelectedStyles?.wrapperTpography);
+export {
+  ImgStyled as I,
+  LabelDetail as L,
+  NoItemSelectedContainer as N,
+  TypographyStyledTitle as T,
+  WrapperNoItemSelectedStyled as W,
+  WrapperTpography as a,
+  TypographyStyledDetail as b
+};

package/components/NoItemSelected/types.d.ts

@@ -1,4 +1,20 @@
-export interface NoItemSelectedProps {
+import { Theme, PaletteColor } from '@mui/material';
+import { M4LOverridesStyleRules } from '../../@types/augmentations';
+import { NO_ITEM_SELECT_KEY_COMPONENT } from './constant';
+import { Sizes } from '@m4l/styles';
+import { NoItemSelectedSlots } from './slots/NoItemSelectedEnum';
+import { LabelProps } from '../Label';
+export interface NoItemSelectedProps extends Pick<LabelProps, 'label'> {
     image?: string;
     message?: string;
+    paletteColor?: PaletteColor;
+    dictionaryId?: string;
+    className?: string;
+    dataTestId?: string;
+    size?: Extract<Sizes, 'small' | 'medium'>;
 }
+export interface NoItemSelectedOwnerState {
+    size: Extract<Sizes, 'small' | 'medium'>;
+}
+export type NoItemSelectedSlotsType = keyof typeof NoItemSelectedSlots;
+export type NoItemSelectedStyles = M4LOverridesStyleRules<NoItemSelectedSlotsType, typeof NO_ITEM_SELECT_KEY_COMPONENT, Theme>;

package/components/index.d.ts

@@ -29,8 +29,7 @@ export * from './modal';
 export * from './LoadingError';
 export * from './MFLoader';
 export { NavLink } from './mui_extended/NavLink';
-export * from './NoItemSelected';
-export * from './NoItemSelected/dictionary';
+export * from './NoItemSelected/NoItemSelected';
 export * from './ObjectLogs';
 export * from './ObjectLogs/dictionary';
 export * from './PaperForm/PaperForm';

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/index.js

@@ -7,7 +7,7 @@ import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../../../dictionary.js";
 import { u as usePopupsStore } from "../../../../../../../../../popups/components/PopupsProvider/hooks/usePopupsStore/index.js";
 import { u as useMapGpsToolsStore } from "../../../../../../hooks/useMapGpsToolsStore/index.js";
 import { R as RHFHelperError } from "../../../../../../../../../hook-form/RHFHelperError/index.js";
-import { A as ActionFormIntro } from "../../../../../../../../../CommonActions/components/ActionFormIntro/index.js";
+import { A as ActionFormIntro } from "../../../../../../../../../CommonActions/components/ActionFormIntro/ActionFormIntro.js";
 import { W as WindowConfirm } from "../../../../../../../../../WindowConfirm/WindowConfirm.js";
 import { A as ActionsContainer } from "../../../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
 import { B as Button } from "../../../../../../../../../mui_extended/Button/Button.js";

package/index.js

@@ -73,9 +73,9 @@ import { A as A6 } from "./components/CommonActions/components/ActionsContainer/
 import { A as A7 } from "./components/CommonActions/components/ActionCancel/ActionCancel.js";
 import { A as A8 } from "./components/CommonActions/components/ActionIntro/ActionIntro.js";
 import { A as A9 } from "./components/CommonActions/components/ActionFormCancel/index.js";
-import { A as A10 } from "./components/CommonActions/components/ActionFormIntro/index.js";
-import { d, g as g13 } from "./components/CommonActions/dictionary.js";
-import { D as D5 } from "./components/DragResizeWindow/DragResizeWindow.js";
+import { A as A10 } from "./components/CommonActions/components/ActionFormIntro/ActionFormIntro.js";
+import { D as D5, d, g as g13 } from "./components/CommonActions/dictionary.js";
+import { D as D6 } from "./components/DragResizeWindow/DragResizeWindow.js";
 import { d as d2 } from "./components/DragResizeWindow/classes/index.js";
 import { G } from "./components/GridLayout/GridLayout.js";
 import { R as R18 } from "./components/GridLayout/subcomponents/Responsive/index.js";
@@ -121,10 +121,9 @@ import { L as L8 } from "./components/LoadingError/LoadingError.js";
 import { g as g19 } from "./components/LoadingError/dictionary.js";
 import { M as M10 } from "./components/MFLoader/MFLoader.js";
 import { g as g20 } from "./components/MFLoader/dictionary.js";
-import { N as N3 } from "./components/NoItemSelected/index.js";
-import { d as d6, g as g21 } from "./components/NoItemSelected/dictionary.js";
+import { N as N3 } from "./components/NoItemSelected/NoItemSelected.js";
 import { O } from "./components/ObjectLogs/index.js";
-import { d as d7, g as g22 } from "./components/ObjectLogs/dictionary.js";
+import { d as d6, g as g21 } from "./components/ObjectLogs/dictionary.js";
 import { P as P9 } from "./components/PaperForm/PaperForm.js";
 import { P as P10 } from "./components/PDFViewer/PDFViewer.js";
 import { H as H4 } from "./components/HelmetPage/index.js";
@@ -139,9 +138,9 @@ import { T as T4 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T5 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { S as S6 } from "./components/SideBar/SideBar.js";
 import { A as A11 } from "./components/AppBar/AppBar.js";
-import { g as g23 } from "./components/AppBar/dictionary.js";
+import { g as g22 } from "./components/AppBar/dictionary.js";
 import { A as A12 } from "./components/AccountPopover/AccountPopover.js";
-import { g as g24 } from "./components/AccountPopover/dictionary.js";
+import { g as g23 } from "./components/AccountPopover/dictionary.js";
 import { u as u8 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore/index.js";
 import { a as a11, P as P12 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
 import { P as P13 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
@@ -161,7 +160,7 @@ import { L as L9 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L10 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L11 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
 import { P as P14 } from "./components/Pager/Pager.js";
-import { g as g25 } from "./components/Pager/dicctionary.js";
+import { g as g24 } from "./components/Pager/dicctionary.js";
 import { T as T7 } from "./components/mui_extended/Tab/Tab.js";
 import { T as T8 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I6 } from "./components/mui_extended/IconButton/IconButton.js";
@@ -185,9 +184,9 @@ import { T as T17 } from "./components/mui_extended/ToggleIconButton/ToggleIconB
 import { T as T18 } from "./components/mui_extended/ToggleIconButton/constants.js";
 import { T as T19 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonEnum.js";
 import { T as T20 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
-import { a as a13, D as D6, M as M13 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
+import { a as a13, D as D7, M as M13 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
 import { F, R as R21, u as u9 } from "./components/hook-form/RHFormContext/index.js";
-import { g as g26 } from "./components/hook-form/RHFormContext/dictionary.js";
+import { g as g25 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u10 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a14, M as M14 } from "./contexts/ModalContext/index.js";
@@ -195,7 +194,7 @@ import { a as a15, R as R22 } from "./contexts/RealTimeContext/RealTimeContext.j
 import { u as u11 } from "./hooks/useFormAddEdit/index.js";
 import { u as u12 } from "./hooks/useModal/index.js";
 import { u as u13 } from "./hooks/useTab/index.js";
-import { g as g27 } from "./hooks/useFormAddEdit/dictionary.js";
+import { g as g26 } from "./hooks/useFormAddEdit/dictionary.js";
 import { u as u14 } from "./hooks/useFormFocus/index.js";
 import { u as u15 } from "./hooks/useInterval/index.js";
 import { u as u16 } from "./hooks/useComponentSize/useComponentSize.js";
@@ -239,13 +238,14 @@ export {
   C11 as CommonFeatureRender,
   C as ConcatenatedFormatter,
   C12 as ContentWindowStyled,
+  D5 as DICTIONARY,
   D as DataGrid,
   D2 as DateFormatter,
   D3 as DistanceToNowFormatter,
-  D5 as DragResizeWindow,
+  D6 as DragResizeWindow,
   D4 as DynamicFilter,
   a13 as DynamicMFParmsContext,
-  D6 as DynamicMFParmsProvider,
+  D7 as DynamicMFParmsProvider,
   F as FormProviderCustom,
   G as GridLayout,
   H5 as HamburgerMenu,
@@ -383,11 +383,10 @@ export {
   c as createToaster,
   d as defaultCommonActionsDictionary,
   d4 as defaultModalDialogDictionary,
-  d6 as defaultNoItemSelectedDictionary,
-  d7 as defaultObjectLogDictionary,
+  d6 as defaultObjectLogDictionary,
   d2 as draggableWindowClasses,
-  g24 as getAccountPopoverDictionary,
-  g23 as getAppBarDictionary,
+  g23 as getAccountPopoverDictionary,
+  g22 as getAppBarDictionary,
   b2 as getAreasComponentsDictionary,
   g3 as getAreasDictionary,
   g13 as getCommonActionsDictionary,
@@ -395,7 +394,7 @@ export {
   g2 as getDataGridRowsFromSet,
   g11 as getDistanceToNowFormatterComponentsDictionary,
   a5 as getDynamicFilterComponentsDictionary,
-  g26 as getFormComponentsDictionary,
+  g25 as getFormComponentsDictionary,
   g9 as getFormatConcatenated,
   u4 as getFormatDate,
   g8 as getFormatPoints,
@@ -409,14 +408,13 @@ export {
   a9 as getMenuActionsComponentsDictionary,
   g18 as getModalDialogComponentsDictionary,
   g17 as getModalDictionary,
-  g21 as getNoItemSelectedComponentsDictionary,
-  g22 as getObjectLogsComponentsDictionary,
-  g25 as getPagerComponentsDictionary,
+  g21 as getObjectLogsComponentsDictionary,
+  g24 as getPagerComponentsDictionary,
   g6 as getPeriodComponetsDictionary,
   g5 as getRHFAutocompleteAsyncComponentsDictionary,
   g4 as getRHFAutocompleteComponentsDictionary,
   g7 as getUncertaintyFormat,
-  g27 as getformAddEditDictionary,
+  g26 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
   i2 as isFeature,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.104",
+  "version": "9.1.106",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/components/CommonActions/components/ActionFormIntro/index.d.ts

@@ -1,5 +0,0 @@
-import { ActionsFormIntroProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare function ActionFormIntro(props: ActionsFormIntroProps): import("react/jsx-runtime").JSX.Element;

package/components/CommonActions/components/ActionFormIntro/index.js

@@ -1,30 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useFormContext, useFormState } from "react-hook-form";
-import { useModuleDictionary } from "@m4l/core";
-import { L as LoadingButton } from "../../../mui_extended/LoadingButton/LoadingButton.js";
-import { u as useCommonActionsUtilityClasses } from "../../classes/index.js";
-function ActionFormIntro(props) {
-  const { variant = "contained", color = "primary", label, ...others } = props;
-  const { getLabel } = useModuleDictionary();
-  const finalLabel = label || getLabel("common_actions.intro");
-  const { control } = useFormContext();
-  const { isSubmitting } = useFormState({
-    control
-  });
-  const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    LoadingButton,
-    {
-      ...others,
-      variant,
-      type: "submit",
-      color,
-      loading: isSubmitting,
-      className: classes.actionFormIntro,
-      label: finalLabel
-    }
-  );
-}
-export {
-  ActionFormIntro as A
-};

package/components/NoItemSelected/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LNoItemSelected";

package/components/NoItemSelected/classes/constants.js

@@ -1,4 +0,0 @@
-const componentName = "M4LNoItemSelected";
-export {
-  componentName as c
-};

package/components/NoItemSelected/classes/index.d.ts

@@ -1,9 +0,0 @@
-import { NoItemSelectedClassesType } from './types';
-export declare const noItemSelectedClasses: NoItemSelectedClassesType;
-export declare function getNoItemSelectedUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const useNoItemSelectedUtilityClasses: () => {
-    root: string;
-};

package/components/NoItemSelected/classes/index.js

@@ -1,26 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(
-  componentName,
-  [
-    /* elements */
-    "root"
-    /* states or variants of elements */
-  ]
-);
-function getNoItemSelectedUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useNoItemSelectedUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getNoItemSelectedUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useNoItemSelectedUtilityClasses as u
-};

package/components/NoItemSelected/classes/types.d.ts

@@ -1,6 +0,0 @@
-import { useNoItemSelectedUtilityClasses } from '.';
-export interface NoItemSelectedClassesType {
-    root: string;
-}
-export type NoItemSelectedClassesKey = keyof NoItemSelectedClassesType;
-export type Classes = ReturnType<typeof useNoItemSelectedUtilityClasses>;

package/components/NoItemSelected/index.js

@@ -1,23 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { W as WrapperNoItemSelected, L as Label, I as Img, a as WrapperSKTNoItemSelected } from "./styles.js";
-import { Skeleton } from "@mui/material";
-import { useMemo } from "react";
-import { u as useNoItemSelectedUtilityClasses } from "./classes/index.js";
-function NoItemSelected(props) {
-  const { image, message } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { getLabel } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
-  const defaultImage = useMemo(() => {
-    return `${host_static_assets}/${environment_assets}/frontend/components/no_item_selected/assets/icons/no_selected.svg`;
-  }, []);
-  const classes = useNoItemSelectedUtilityClasses();
-  return /* @__PURE__ */ jsx(WrapperNoItemSelected, { className: classes.root, children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    !message ? /* @__PURE__ */ jsx(Label, { children: getLabel("no_item_selected.message") }) : /* @__PURE__ */ jsx(Label, { children: message }),
-    !image ? /* @__PURE__ */ jsx(Img, { src: defaultImage }) : /* @__PURE__ */ jsx(Img, { src: image })
-  ] }) : /* @__PURE__ */ jsx(WrapperSKTNoItemSelected, { id: "WrapperSKTNoItemSelected", children: /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", width: "100%", height: "100%" }) }) });
-}
-export {
-  NoItemSelected as N
-};

package/components/NoItemSelected/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const WrapperNoItemSelected: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Img: import('@emotion/styled').StyledComponent<import('../Image').ImageProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;
-export declare const Label: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const WrapperSKTNoItemSelected: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/NoItemSelected/styles.js

@@ -1,26 +0,0 @@
-import { I as Image } from "../Image/Image.js";
-import { styled } from "@mui/material/styles";
-const WrapperNoItemSelected = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LNoItemSelected?.styleOverrides || {}
-}));
-const Img = styled(Image)(() => ({
-  display: "flex"
-}));
-const Label = styled("span")(({ theme }) => ({
-  ...theme.colorSchemes.finalTheme.typography.body,
-  padding: `${theme.spacing(1.5)} ${theme.spacing(1)} ${theme.spacing(1)} ${theme.spacing(1)}`
-}));
-const WrapperSKTNoItemSelected = styled("div")(() => ({
-  display: "flex",
-  width: "100%",
-  minWidth: "100%",
-  minHeight: "230px",
-  mask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`,
-  WebkitMask: `url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 70 70' style='enable-background:new 0 0 70 70%3B' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M45 8.7c1.4-1.5 3.4-2.3 5.4-2.3s3.9 0.8 5.4 2.3s2.4 3.5 2.5 5.7c0 2.2-0.9 4.2-2.4 5.7s-3.5 2.3-5.5 2.2c-2.1 0.1-4-0.7-5.5-2.2c-1.4-1.5-2.3-3.5-2.4-5.7C42.6 12.2 43.5 10.2 45 8.7z'/%3E%3Cpath d='M68.4 62.1c-0.3 0.5-0.7 0.8-1.2 1.1s-1 0.4-1.6 0.4H4.3c-0.6 0-1.1-0.1-1.6-0.4s-0.9-0.6-1.2-1.1c-0.2-0.5-0.4-1-0.4-1.5s0.1-1.1 0.4-1.5l23-36.4c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l11.5 18.2c0.2 0.3 0.5 0.5 0.8 0.7c0.3 0.2 0.6 0.3 1 0.3c0.3 0 0.7-0.1 1-0.3c0.3-0.2 0.6-0.4 0.8-0.7l3.1-4.9c0.3-0.5 0.7-0.8 1.2-1.1c0.5-0.3 1-0.4 1.6-0.4c0.6 0 1.1 0.1 1.6 0.4c0.5 0.3 0.9 0.6 1.2 1.1l14.6 23.1c0.3 0.5 0.3 1 0.3 1.5S68.7 61.7 68.4 62.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain`
-}));
-export {
-  Img as I,
-  Label as L,
-  WrapperNoItemSelected as W,
-  WrapperSKTNoItemSelected as a
-};