@m4l/components 9.1.68 → 9.1.70

package/components/NumberInput/types.d.ts

@@ -0,0 +1,48 @@
+import { Sizes } from '@m4l/styles';
+import { Theme } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { NumberInputSlots as Slots } from './slots/NumberInputEnum';
+import { NUMBER_INPUT_KEY_COMPONENT } from './constants';
+import { UseNumberInputParameters } from './hooks/useNumberInput/types';
+export interface NumberInputOwnProps extends Omit<UseNumberInputParameters, 'error' | 'inputId' | 'inputRef' | 'focusError'> {
+    /**
+     * Clase
+     */
+    className?: string;
+    /**
+     * Trailing adornment for this input.
+     */
+    endAdornment?: React.ReactNode;
+    /**
+     * If `true`, the `input` will indicate an error by setting the `aria-invalid` attribute on the input and the `baseui--error` class on the root element.
+     */
+    error?: boolean;
+    /**
+     * The id of the `input` element.
+     */
+    id?: string;
+    /**
+     * The short hint displayed in the `input` before the user enters a value.
+     */
+    placeholder?: React.InputHTMLAttributes<HTMLInputElement>['placeholder'];
+    /**
+     * Leading adornment for this input.
+     */
+    startAdornment?: React.ReactNode;
+}
+export interface NumberInputProps extends NumberInputOwnProps {
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    variant?: 'outlined' | 'text';
+    withDecimal?: boolean;
+    dataTestId?: string;
+}
+export type NumberInputOwnerState = {
+    disabled?: boolean;
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    variant?: 'outlined' | 'text';
+    error?: boolean;
+    focusError?: boolean;
+    noButtons?: boolean;
+};
+export type NumberInputSlotsType = keyof typeof Slots;
+export type NumberInputStyles = OverridesStyleRules<Slots, typeof NUMBER_INPUT_KEY_COMPONENT, Theme>;

package/components/NumberInput/utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ajusta un valor de manera controlada dentro de un rango y en pasos definidos,
+ * y isNumber verifica si un valor es un número válido
+ */
+export declare function clampStepwise(val: number, min?: number, max?: number, stepProp?: number, withDecimal?: boolean): number;
+export declare function isNumber(val: unknown): val is number;

package/components/animate/index.d.ts

@@ -3,5 +3,5 @@ export { IconButtonAnimate } from './IconButtonAnimate';
 export { MotionContainer } from './MotionContainer';
 export { MotionLazyContainer } from './MotionLazyContainer';
 export { LoadingScreen } from './LoadingScreen';
-export { PropagateLoader } from './PropagateLoader';
+export { PropagateLoaderSpinner } from '../extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner';
 export { AnimatedScroll } from './AnimatedScroll';

package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.d.ts

@@ -0,0 +1,11 @@
+import { PropagateLoaderSpinnerProps } from './types';
+/**
+ * Un componente de cargador que muestra un propagador de carga.
+ * Utiliza React Spinners bajo el nombre de `PropagateLoader`.
+ * @returns Un componente de cargador que muestra un propagador de carga.
+ * @author cesar - automatic
+ * @createdAt 2025-01-07 11:39:01 - automatic
+ * @updatedAt 2025-01-14 14:13:30 - automatic
+ * @updatedUser cesar - automatic
+ */
+export declare const PropagateLoaderSpinner: React.FC<PropagateLoaderSpinnerProps>;

package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.js

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "@mui/material";
+import { P as PropagateLoaderSpinnerStyled, L as LoaderStyled } from "./slots/PropagateLoaderSpinnerSlots.js";
+import { P as PROPAGATE_LOADER_SPINNER_KEY_COMPONENT } from "./constants.js";
+import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
+import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import clsx from "clsx";
+import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
+import { P as PropagateLoaderSpinnerSlots } from "./slots/PropagateLoaderSpinnerEnum.js";
+const PropagateLoaderSpinner = ({
+  loading = true,
+  color,
+  speedMultiplier = 1,
+  cssOverride,
+  size = "medium",
+  dataTestId,
+  className,
+  ...other
+}) => {
+  const { palette } = useTheme();
+  const { currentSize } = useComponentSize(size);
+  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
+  const ownerState = {
+    propagateLoaderSize: adjustedSize
+  };
+  if (!loading) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    PropagateLoaderSpinnerStyled,
+    {
+      ownerState,
+      className: clsx(getComponentSlotRoot(PROPAGATE_LOADER_SPINNER_KEY_COMPONENT), className),
+      ...getPropDataTestId(PROPAGATE_LOADER_SPINNER_KEY_COMPONENT, PropagateLoaderSpinnerSlots.root, dataTestId),
+      ...other,
+      role: "propagate-loader-spinner",
+      children: /* @__PURE__ */ jsx(
+        LoaderStyled,
+        {
+          ownerState: {},
+          loading,
+          color: color || palette.primary.main,
+          speedMultiplier,
+          cssOverride,
+          ...other
+        }
+      )
+    }
+  );
+};
+export {
+  PropagateLoaderSpinner as P
+};

package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.styles.d.ts

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

package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.styles.js

@@ -0,0 +1,39 @@
+import { g as getHeightSizeStyles } from "../../../../utils/getHeightSizeStyles.js";
+const propagateLoaderSpinnerStyles = {
+  /**
+   * Estilos del componente raíz del contenedor de la ventana.
+   * @author cesar - automatic
+   * @createdAt 2024-11-21 08:55:01 - automatic
+   * @updatedAt 2025-01-14 14:13:30 - automatic
+   * @updatedUser cesar - automatic
+   */
+  root: () => ({
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }),
+  /**
+   * Estilos del loader.
+   * @author cesar - automatic
+   * @createdAt 2025-01-14 14:13:30 - automatic
+   * @updatedAt 2025-01-14 14:13:30 - automatic
+   * @updatedUser cesar - automatic
+   */
+  loader: ({ theme, ownerState }) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    ...getHeightSizeStyles(
+      theme.generalSettings.isMobile,
+      ownerState.propagateLoaderSize || "medium",
+      "action"
+    ),
+    "& > span": {
+      alignItems: "center"
+    }
+  })
+};
+export {
+  propagateLoaderSpinnerStyles as p
+};

package/components/extended/React-Spinners/PropagateLoaderSpinner/constants.d.ts

@@ -0,0 +1 @@
+export declare const PROPAGATE_LOADER_SPINNER_KEY_COMPONENT = "M4LPropagateLoaderSpinner";

package/components/extended/React-Spinners/PropagateLoaderSpinner/constants.js

@@ -0,0 +1,4 @@
+const PROPAGATE_LOADER_SPINNER_KEY_COMPONENT = "M4LPropagateLoaderSpinner";
+export {
+  PROPAGATE_LOADER_SPINNER_KEY_COMPONENT as P
+};

package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerEnum.d.ts

@@ -0,0 +1,4 @@
+export declare enum PropagateLoaderSpinnerSlots {
+    root = "root",
+    loader = "loader"
+}

package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerEnum.js

@@ -0,0 +1,8 @@
+var PropagateLoaderSpinnerSlots = /* @__PURE__ */ ((PropagateLoaderSpinnerSlots2) => {
+  PropagateLoaderSpinnerSlots2["root"] = "root";
+  PropagateLoaderSpinnerSlots2["loader"] = "loader";
+  return PropagateLoaderSpinnerSlots2;
+})(PropagateLoaderSpinnerSlots || {});
+export {
+  PropagateLoaderSpinnerSlots as P
+};

package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerSlots.d.ts

@@ -0,0 +1,6 @@
+export declare const PropagateLoaderSpinnerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').PropagateLoaderSpinnerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').PropagateLoaderSpinnerOwnerState> & 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 LoaderStyled: import('@emotion/styled').StyledComponent<Pick<import('react-spinners/helpers/props').LoaderSizeProps, keyof import('react-spinners/helpers/props').LoaderSizeProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').PropagateLoaderSpinnerOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').PropagateLoaderSpinnerOwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerSlots.js

@@ -0,0 +1,17 @@
+import { styled } from "@mui/material";
+import { P as PROPAGATE_LOADER_SPINNER_KEY_COMPONENT } from "../constants.js";
+import { P as PropagateLoaderSpinnerSlots } from "./PropagateLoaderSpinnerEnum.js";
+import { p as propagateLoaderSpinnerStyles } from "../PropagateLoaderSpinner.styles.js";
+import { PropagateLoader } from "react-spinners";
+const PropagateLoaderSpinnerStyled = styled("div", {
+  name: PROPAGATE_LOADER_SPINNER_KEY_COMPONENT,
+  slot: PropagateLoaderSpinnerSlots.root
+})(propagateLoaderSpinnerStyles?.root);
+const LoaderStyled = styled(PropagateLoader, {
+  name: PROPAGATE_LOADER_SPINNER_KEY_COMPONENT,
+  slot: PropagateLoaderSpinnerSlots.loader
+})(propagateLoaderSpinnerStyles?.loader);
+export {
+  LoaderStyled as L,
+  PropagateLoaderSpinnerStyled as P
+};

package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PropagateLoaderSpinnerEnum';
+export * from './PropagateLoaderSpinnerSlots';

package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/index.js

@@ -0,0 +1 @@
+

package/components/extended/React-Spinners/PropagateLoaderSpinner/tests/PropagateLoaderSpinner.test.d.ts

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

package/components/extended/React-Spinners/PropagateLoaderSpinner/types.d.ts

@@ -0,0 +1,58 @@
+import { CSSProperties } from 'react';
+import { PropagateLoaderSpinnerSlots } from './slots/PropagateLoaderSpinnerEnum';
+import { PROPAGATE_LOADER_SPINNER_KEY_COMPONENT } from './constants';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Theme } from '@mui/material';
+import { Sizes } from '@m4l/styles';
+export type PropagateLoaderSpinnerType = keyof typeof PropagateLoaderSpinnerSlots;
+/**
+ * Propiedades comunes para configurar el loader.
+ */
+export interface PropagateLoaderSpinnerProps {
+    /**
+     * Indica si el loader debe mostrarse o no.
+     * Por defecto: `true`.
+     */
+    loading?: boolean;
+    /**
+     * Color del loader.
+     * Puede ser cualquier valor de color válido en CSS.
+     */
+    color?: string;
+    /**
+     * Factor de multiplicación de la velocidad del loader.
+     * Por defecto: `1`.
+     */
+    speedMultiplier?: number;
+    /**
+     * Estilos en línea para sobrescribir los predeterminados del loader.
+     */
+    cssOverride?: CSSProperties;
+    /**
+     * Opciones de tamaño del componente.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * data-testid para pruebas unitarias.
+     */
+    dataTestId?: string;
+    /**
+     * Clase CSS para sobrescribir los estilos predeterminados del loader.
+     */
+    className?: string;
+    /**
+     * Props adicionales que se pueden pasar al loader.
+     */
+    [key: string]: unknown;
+}
+export interface PropagateLoaderSpinnerOwnerState {
+    /**
+     * Tamaño del campo de texto.
+     */
+    propagateLoaderSize: PropagateLoaderSpinnerProps['size'];
+    /**
+     * Props adicionales que se pueden pasar al loader.
+     */
+    [key: string]: unknown;
+}
+export type PropagateLoaderSpinnerStyles = OverridesStyleRules<PropagateLoaderSpinnerType, typeof PROPAGATE_LOADER_SPINNER_KEY_COMPONENT, Theme>;

package/components/hook-form/{RHFInputNumberSpinner/RHFInputNumberSpinner.d.ts → RHFNumberInput/RHFNumberInput.d.ts}

@@ -1,4 +1,4 @@
-import { RHFInputNumberSpinnerProps } from './types';
+import { RHFNumberInputProps } from './types';
 /**
  * Componente RHFInputNumberSpinner
  * @author Andrés Quintero - automatic
@@ -6,4 +6,4 @@ import { RHFInputNumberSpinnerProps } from './types';
  * @updatedAt 2024-12-30 14:36:10 - automatic
  * @updatedUser Andrés Quintero - automatic
  */
-export declare const RHFInputNumberSpinner: (props: RHFInputNumberSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RHFNumberInput: (props: RHFNumberInputProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/{RHFInputNumberSpinner/RHFInputNumberSpinner.styles.d.ts → RHFNumberInput/RHFNumberInput.styles.d.ts}

@@ -1,8 +1,8 @@
-import { RHFInputNumberSpinnerStyles } from './types';
+import { RHFNumberInputStyles } from './types';
 /**
  * Estilos para el componente `RHFInputNumberSpinner`.
  *
  * Este objeto contiene los estilos para los diferentes slots del componente,
  * permitiendo personalizar su apariencia a través de las propiedades definidas.
  */
-export declare const rhfInputNumberSpinnerStyles: RHFInputNumberSpinnerStyles;
+export declare const rhfNumberInputStyles: RHFNumberInputStyles;

package/components/hook-form/RHFNumberInput/RHFNumberInput.test.d.ts

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

package/components/hook-form/RHFNumberInput/constants.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Nombre de clase que se usa para dar identidad a los slots del componente.
+ */
+export declare const RHF_NUMBER_INPUT_KEY_COMPONENT = "M4LRHFNumberInput";

package/components/hook-form/{RHFInputNumberSpinner/slots/RHFInputNumberSpinnerEnum.d.ts → RHFNumberInput/slots/RHFNumberInputEnum.d.ts}

@@ -2,9 +2,6 @@
  * Define los nombres de los slots de estilo para el componente `RHFInputNumberSpinner`. Estos slots se utilizan para
  * aplicar estilos específicos y crear clases CSS únicas para los distintos elementos del componente.
  */
-export declare enum RHFInputNumberSpinnerSlots {
-    root = "root",
-    label = "label",
-    inputNumberSpinner = "inputNumberSpinner",
-    helperError = "helperError"
+export declare enum RHFNumberInputSlots {
+    root = "root"
 }

package/components/hook-form/RHFNumberInput/slots/RHFNumberInputSlots.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Este componente utiliza el slot `root` para aplicar estilos personalizados
+ * al contenedor principal del `RHFInputNumberSpinner`.
+ */
+export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFNumberInputOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').RHFNumberInputOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;

package/components/hook-form/RHFNumberInput/types.d.ts

@@ -0,0 +1,47 @@
+import { Sizes } from '@m4l/styles';
+import { Theme } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { NumberInputProps } from '../../NumberInput/types';
+import { LabelProps } from '../../Label';
+import { RHFNumberInputSlots } from './slots/RHFNumberInputEnum';
+import { RHF_NUMBER_INPUT_KEY_COMPONENT } from './constants';
+/**
+ * Props para el componente RHFNumberInput
+ */
+export interface RHFNumberInputProps extends Omit<LabelProps, 'label' | 'color'>, Omit<NumberInputProps, 'variant' | 'color' | 'value'> {
+    name: string;
+    /**
+     * Prop Para el testeo del componente
+     */
+    instaceDataTestId?: string;
+    /**
+     * label para informar sobre el campo
+     */
+    label?: string;
+    /**
+     * Variante
+     */
+    variant?: 'outlined' | 'text';
+}
+/**
+ * Define las claves del objeto `RHFNumberInputSlotsType`, que se utilizan para
+ * hacer referencia a los diferentes slots disponibles para estilizar el componente
+ * `RHFInputNumberSpinner`.
+ */
+export type RHFNumberInputSlotsType = keyof typeof RHFNumberInputSlots;
+/**
+ * Representa las propiedades de estado específicas del componente `RHFNumberInputOwnerState`.
+ */
+export interface RHFNumberInputOwnerState {
+    /**
+     * Valor para definir el tamaño del icono.
+     */
+    iconSize: Sizes;
+}
+/**
+ * Define los estilos del componente `RHFNumberInputStyles`. Permite la personalización parcial
+ * de las reglas de estilo mediante `OverridesStyleRules`.
+ *
+ * Puede ser parcial o estar indefinido.
+ */
+export type RHFNumberInputStyles = OverridesStyleRules<RHFNumberInputSlots, typeof RHF_NUMBER_INPUT_KEY_COMPONENT, Theme>;

package/index.js

@@ -10,7 +10,7 @@ import { I as I2 } from "./components/animate/IconButtonAnimate/index.js";
 import { M } from "./components/animate/MotionContainer/index.js";
 import { M as M2 } from "./components/animate/MotionLazyContainer/index.js";
 import { L } from "./components/animate/LoadingScreen/index.js";
-import { P } from "./components/animate/PropagateLoader/index.js";
+import { P } from "./components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.js";
 import { A } from "./components/animate/AnimatedScroll/animatedScroll.js";
 import { v } from "./components/animate/variants/fade.js";
 import { v as v2 } from "./components/animate/variants/bounce.js";
@@ -306,7 +306,7 @@ export {
   P13 as PopupsViewer,
   P4 as PriceFormatter,
   P5 as PrintingSystem,
-  P as PropagateLoader,
+  P as PropagateLoaderSpinner,
   P11 as PropertyValue,
   R as RHFAutocomplete,
   R2 as RHFAutocompleteAsync,

package/package.json

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

package/utils/getHeightSizeStyles.d.ts

@@ -14,3 +14,15 @@ import { Sizes, SizesComponentsTypes } from '@m4l/styles';
  * @updatedUser Andrés Quintero - automatic
  */
 export declare const getHeightSizeStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((heightSize: string | number) => Record<string, any>)) => any;
+/**
+ * Utilidad que se encarga de obtener los estilos de tamaño para ser usados en el css de los componentes.
+ * @param isMobile - Modalidad de dispositivo en el que se encuentra la aplicación (Escritorio y móvil). Se espera que se obtenga del objeto
+ * theme.generalSettings.isMobile.
+ * @param size - Formato de tamaño definido por el componente o el contexto de AppearanceComponentProvider, puede ser small,
+ * medium o large.
+ * @param variantSize - Variante de tamaño que se desea aplicar al componente.
+ * @param css - Estilos css adicionales o una función que devuelve un objeto de estilos. Si es una función, recibe `sizeValue` como argumento.
+ * @param property - Propiedad CSS que se desea aplicar (por defecto es 'height').
+ * @returns Objeto con los estilos calculados.
+ */
+export declare const getSizeStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((sizeValue: string | number) => Record<string, any>), property?: "height" | "width") => any;

package/components/ControlIncrement/ControlIncrement.d.ts

@@ -1,9 +0,0 @@
-import { ControlIncrementProps } from './types';
-/**
- * Componente Para Incrementar o Decrementar
- * @author Andrés Quintero - automatic
- * @createdAt 2024-12-30 14:36:05 - automatic
- * @updatedAt 2024-12-30 14:36:08 - automatic
- * @updatedUser Andrés Quintero - automatic
- */
-export declare const ControlIncrement: (props: ControlIncrementProps) => import("react/jsx-runtime").JSX.Element;

package/components/ControlIncrement/ControlIncrement.styles.d.ts

@@ -1,8 +0,0 @@
-import { ControlIncrementStyles } from './types';
-/**
- * Estilos utilizados para el componente `ControlIncrement`.
- * Este objeto define los estilos para los diferentes "slots" (partes) del componente,
- * como el contenedor principal (`root`), los botones de incremento (`iconButtonUp`) y decremento (`iconButtonDown`),
- * y el esqueleto (`controlIncrementSkeleton`).
- */
-export declare const controlIncrementStyles: ControlIncrementStyles;

package/components/ControlIncrement/constants.d.ts

@@ -1,25 +0,0 @@
-/**
- * Nombre de clase que se usa para dar identidad a los slots del componente.
- */
-export declare const CONTROL_INCREMENT_KEY_COMPONENT = "M4LControlIncrement";
-/**
- * Constante para la url del icono arrow up
- */
-export declare const ICON_INCREMENT = "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/ControlIncrement/assets/icons/chevron_up_sm.svg";
-/**
- * Constante para la url del icono arrow down
- */
-export declare const ICON_DECREMENT = "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/ControlIncrement/assets/icons/chevron_down_sm.svg";
-/**
- * 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 CONTROL_INCREMENT_SPECIFY = "M4lclassCssSpecificity";
-/**
- * Cosntante para su uso en una clase para mas especificidad y evitar el uso de important
- */
-export declare const BUTTON_UP = "button-up";
-/**
- * Cosntante para su uso en una clase para mas especificidad y evitar el uso de important
- */
-export declare const BUTTON_DOWN = "button-down";

package/components/ControlIncrement/slots/ControlIncrementEnum.d.ts

@@ -1,6 +0,0 @@
-export declare enum ControlIncrementSlots {
-    root = "root",
-    iconButtonUp = "iconButtonUp",
-    iconButtonDown = "iconButtonDown",
-    controlIncrementSkeleton = "controlIncrementSkeleton"
-}

package/components/ControlIncrement/slots/ControltrolIncrementSlots.d.ts

@@ -1,14 +0,0 @@
-export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').ControlIncrementOwnerState> & 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 IconButtonUpStyles: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "selected" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "form" | "src" | "rotationAngle" | "tooltipContent" | "instaceDataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "componentPaletteColor" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown>;
-}, {}, {}>;
-export declare const IconButtonDownStyles: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "selected" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "form" | "src" | "rotationAngle" | "tooltipContent" | "instaceDataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "componentPaletteColor" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown>;
-}, {}, {}>;
-export declare const ControlIncrementSkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "style" | "variant" | "width" | "height" | "animation" | "sx" | "classes" | "className">, "children" | "ref" | "title" | "id" | "hidden" | "color" | "content" | "style" | "variant" | "width" | "height" | "translate" | "animation" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown>;
-}, {}, {}>;

package/components/ControlIncrement/slots/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ControltrolIncrementSlots';
-export * from './ControlIncrementEnum';

package/components/ControlIncrement/stories/ControlClick/ControlIncrement.controlclick.stories.d.ts

@@ -1,13 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import { ControlIncrement } from '../../ControlIncrement';
-declare const meta: Meta<typeof ControlIncrement>;
-type Story = StoryObj<typeof ControlIncrement>;
-/**
- * ControlIncrement en modo Base
- */
-export declare const Base: Story;
-/**
- * ControlIncrement Tiene la particularidad de que cuando le des click a up o down este ejecute una funcion
- */
-export declare const Click: Story;
-export default meta;

package/components/ControlIncrement/stories/DefaultAndDisabled/ControlIncrement.defaultanddisabled.stories.d.ts

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react/*';
-import { ControlIncrement } from '../../ControlIncrement';
-declare const meta: Meta<typeof ControlIncrement>;
-type Story = StoryObj<typeof ControlIncrement>;
-/**
- * ControlIncrement en modo Base
- */
-export declare const Base: Story;
-/**
- * ControlIncrement cuando esta en modo default
- */
-export declare const Default: Story;
-/**
- * ControlIncrement cuando esta en modo disabled
- */
-export declare const Disabled: Story;
-export default meta;