@m4l/components 9.3.12-JT290825.beta.1 → 9.3.13

package/components/Stepper/store/types.d.ts

@@ -1,78 +0,0 @@
-import { ReactNode } from 'react';
-import { Step, StepperOwnerState, StepperProps } from '../types';
-export interface StepperState extends Pick<StepperProps, 'storeId' | 'visibleTitle' | 'steps' | 'indicatorType' | 'orientation' | 'size' | 'visibilityData'> {
-    /**
-     *  "ownerState" estado a nivel de clases del componente
-     */
-    ownerState: StepperOwnerState;
-    /**
-     * "currentStep" step actual
-     */
-    currentStep: number;
-    /**
-     * "host_static_assets" ruta base de los assets estáticos
-     */
-    host_static_assets: string;
-    /**
-     * "environment_assets" ruta del entorno de assets
-     */
-    environment_assets: string;
-    /**
-     * "completedSteps" pasos completados
-     */
-    completedSteps: number[];
-    /**
-     * "stepValidationStatus" estado de validación por cada step
-     * - true: el paso es válido
-     */
-    stepValidationStatus: Record<number, boolean>;
-    /**
-     * "isValidating" indica si el stepper está en proceso de validación
-     */
-    isValidating: boolean;
-}
-export interface StepperStateWithActions extends StepperState {
-    actions: {
-        /**
-         * inicializa el estado del componente con los steps que provienen desde afuera
-         */
-        init: (steps: Array<Step>) => void;
-        /**
-         * Establece el paso actual
-         * @param currentStep - Índice del paso actual
-         */
-        setCurrentStep: (currentStep: number) => void;
-        /**
-         * Marca un paso como completado
-         * @param stepIndex - Índice del paso
-         */
-        setCompletedStep: (stepIndex: number) => void;
-        /**
-         * Establece el estado de validación de un paso
-         * @param stepIndex - Índice del paso
-         * @param isValid - Estado de validación del paso
-         */
-        setStepValidationStatus: (stepIndex: number, isValid: boolean) => void;
-        /**
-         * Retrocede al paso anterior válido
-         * @param formData - Datos del formulario para evaluar conditions
-         * @param visibilityData - Datos adicionales para evaluar conditions
-         */
-        prevStep: (formData?: Record<string, any>, visibilityData?: any) => void;
-        /**
-         * Valida el paso actual y avanza al siguiente si es válido
-         * @param validateFn - Función de validación
-         * @param formData - Datos del formulario para evaluar conditions
-         * @param visibilityData - Datos adicionales para evaluar conditions
-         */
-        nextStep: (validateFn: () => Promise<boolean>, formData?: Record<string, any>, visibilityData?: any) => Promise<boolean>;
-        /**
-         * resetStepper - Resetea el Stepper a su estado inicial
-         */
-        resetStepper: () => void;
-    };
-}
-export interface StepperContextProps extends StepperProps {
-    children: ReactNode;
-}
-export type InitialStoreProps = Pick<StepperState, 'ownerState' | 'storeId' | 'steps' | 'visibleTitle' | 'host_static_assets' | 'environment_assets' | 'indicatorType' | 'orientation' | 'visibilityData'>;

package/components/Stepper/subcomponents/ContentArea/index.d.ts

@@ -1,6 +0,0 @@
-import { ContentAreaProps } from '../../types';
-/**
- * El componente ContentArea renderiza el área de contenido del Stepper.
- * Contiene el encabezado con un icono, titulo y descripción, y el contenido del step actual.
- */
-export declare function ContentArea(props: ContentAreaProps): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/ContentArea/index.js

@@ -1,24 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { u as useStepper } from "../../hooks/useStepper/index.js";
-import { a as ContentAreaStyled, b as ContentAreaHeaderStyled } from "../../slots/StepperSlot.js";
-import { W as WrapperIcon } from "./subcomponents/WrapperIcon/index.js";
-import { W as WrapperTitle } from "./subcomponents/WrapperTitle/index.js";
-function ContentArea(props) {
-  const { children } = props;
-  const { orientation } = useStepper((state) => ({
-    orientation: state.orientation
-  }));
-  const ownerState = {
-    orientation
-  };
-  return /* @__PURE__ */ jsxs(ContentAreaStyled, { ownerState, children: [
-    /* @__PURE__ */ jsxs(ContentAreaHeaderStyled, { children: [
-      /* @__PURE__ */ jsx(WrapperIcon, {}),
-      /* @__PURE__ */ jsx(WrapperTitle, {})
-    ] }),
-    children
-  ] });
-}
-export {
-  ContentArea as C
-};

package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente WrapperIcon renderiza el icono del título del Stepper.
- */
-export declare function WrapperIcon(): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.js

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { W as WrapperIconStyled, I as IconStyled } from "../../../../slots/StepperSlot.js";
-import { p as pathIcons } from "../../../../icons.js";
-import { u as useStepper } from "../../../../hooks/useStepper/index.js";
-function WrapperIcon() {
-  const { steps, currentStep, host_static_assets, environment_assets } = useStepper((state) => ({
-    host_static_assets: state.host_static_assets,
-    environment_assets: state.environment_assets,
-    steps: state.steps,
-    currentStep: state.currentStep
-  }));
-  const currentStepConfig = useMemo(() => {
-    return steps[currentStep];
-  }, [steps, currentStep]);
-  return /* @__PURE__ */ jsx(WrapperIconStyled, { children: /* @__PURE__ */ jsx(
-    IconStyled,
-    {
-      color: "primary.enabled",
-      src: currentStepConfig.icon ? currentStepConfig.icon : `${host_static_assets}/${environment_assets}/${pathIcons.patronum}`
-    }
-  ) });
-}
-export {
-  WrapperIcon as W
-};

package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * El componente WrapperTitle renderiza el título y la descripción del step en el Stepper.
- */
-export declare function WrapperTitle(): import("react/jsx-runtime").JSX.Element | null;

package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.js

@@ -1,23 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { u as useStepper } from "../../../../hooks/useStepper/index.js";
-import { c as WrapperTitleStyled, T as TitleStyled, D as DescriptionStyled } from "../../../../slots/StepperSlot.js";
-function WrapperTitle() {
-  const { steps, currentStep } = useStepper((state) => ({
-    steps: state.steps,
-    currentStep: state.currentStep
-  }));
-  const currentStepConfig = useMemo(() => {
-    return steps[currentStep];
-  }, [steps, currentStep]);
-  if (!currentStepConfig) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(WrapperTitleStyled, { children: [
-    /* @__PURE__ */ jsx(TitleStyled, { variant: "paragraphDens", children: currentStepConfig.title }),
-    currentStepConfig.description && /* @__PURE__ */ jsx(DescriptionStyled, { variant: "body", children: currentStepConfig.description })
-  ] });
-}
-export {
-  WrapperTitle as W
-};

package/components/Stepper/subcomponents/StepArea/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * El componente StepArea renderiza el área de pasos del Stepper.
- * Muestra solo los pasos que cumplen su condition según los datos del formulario.
- * Utiliza el hook useStepper para obtener el estado actual y los pasos definidos.
- */
-export declare function StepArea(): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/StepArea/index.js

@@ -1,135 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useFormContext, useWatch } from "react-hook-form";
-import { u as useStepper } from "../../hooks/useStepper/index.js";
-import { d as StepAreaStyled, e as StepStyled, f as StepNameStyled } from "../../slots/StepperSlot.js";
-import { I as Indicator } from "./subcomponents/Inidicator/index.js";
-import { e as evaluateVisibilityStepCondition } from "../../helpers/evaluateVisibilityStepCondition/index.js";
-function StepArea() {
-  const { trigger, clearErrors } = useFormContext();
-  const formValues = useWatch();
-  const {
-    currentStep,
-    steps,
-    visibleTitle,
-    setCurrentStep,
-    orientation,
-    setStepValidationStatus,
-    stepValidationStatus,
-    visibilityData
-  } = useStepper((state) => ({
-    currentStep: state.currentStep,
-    steps: state.steps,
-    visibleTitle: state.visibleTitle,
-    setCurrentStep: state.actions.setCurrentStep,
-    indicatorType: state.indicatorType,
-    orientation: state.orientation,
-    setStepValidationStatus: state.actions.setStepValidationStatus,
-    stepValidationStatus: state.stepValidationStatus,
-    visibilityData: state.visibilityData
-  }));
-  const validSteps = useMemo(() => {
-    return steps.filter(
-      (step) => evaluateVisibilityStepCondition(step, formValues || {}, visibilityData)
-    );
-  }, [steps, formValues, visibilityData]);
-  const ownerState = {
-    visibleTitle,
-    orientation,
-    totalSteps: validSteps.length
-  };
-  const handleStepClick = async (targetIndex) => {
-    const currentIndex = validSteps.findIndex(
-      (step) => step.key === steps[currentStep].key
-    );
-    if (targetIndex === currentIndex) {
-      return;
-    }
-    const isNavigatingForward = targetIndex > currentIndex;
-    const targetOriginalIndex = steps.findIndex(
-      (s) => s.key === validSteps[targetIndex].key
-    );
-    if (!isNavigatingForward) {
-      setCurrentStep(targetOriginalIndex);
-      return;
-    }
-    const isSkippingSteps = targetIndex > currentIndex + 1;
-    if (isSkippingSteps) {
-      for (let i = currentIndex; i < targetIndex; i++) {
-        const step = validSteps[i];
-        const stepOriginalIndex = steps.findIndex((s) => s.key === step.key);
-        const isValid = await trigger(step.validationFields);
-        if (!isValid) {
-          setCurrentStep(stepOriginalIndex);
-          setStepValidationStatus(stepOriginalIndex, false);
-          return;
-        }
-        setStepValidationStatus(stepOriginalIndex, true);
-      }
-    } else {
-      const currentStepData = validSteps[currentIndex];
-      const currentStepOriginalIndex = steps.findIndex(
-        (s) => s.key === currentStepData.key
-      );
-      const isCurrentValid = await trigger(currentStepData.validationFields);
-      if (!isCurrentValid) {
-        setStepValidationStatus(currentStepOriginalIndex, false);
-        return;
-      }
-      setStepValidationStatus(currentStepOriginalIndex, true);
-    }
-    setCurrentStep(targetOriginalIndex);
-    if (isNavigatingForward) {
-      const currentStepData = validSteps[currentIndex];
-      const currentStepOriginalIndex = steps.findIndex(
-        (s) => s.key === currentStepData.key
-      );
-      const isCurrentStepValid = stepValidationStatus[currentStepOriginalIndex] !== false;
-      if (isCurrentStepValid) {
-        const targetStep = validSteps[targetIndex];
-        const targetStepFields = targetStep.validationFields || [];
-        if (targetStepFields.length > 0) {
-          clearErrors(targetStepFields);
-          setTimeout(() => {
-            clearErrors(targetStepFields);
-            setStepValidationStatus(targetOriginalIndex, true);
-          }, 100);
-        }
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(StepAreaStyled, { ownerState, children: validSteps.map((step, validIndex) => {
-    const originalIndex = steps.findIndex((s) => s.key === step.key);
-    return /* @__PURE__ */ jsxs(
-      StepStyled,
-      {
-        role: "button",
-        onClick: () => handleStepClick(validIndex),
-        ownerState: { ...ownerState, currentStep, step: validIndex },
-        children: [
-          visibleTitle && /* @__PURE__ */ jsx(
-            StepNameStyled,
-            {
-              variant: "body",
-              ownerState: { ...ownerState, currentStep, step: validIndex },
-              children: step.title
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Indicator,
-            {
-              currentStep,
-              step: validIndex,
-              totalSteps: validSteps.length,
-              originalStepIndex: originalIndex
-            }
-          )
-        ]
-      },
-      step.key
-    );
-  }) });
-}
-export {
-  StepArea as S
-};

package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.d.ts

@@ -1,5 +0,0 @@
-import { IndicatorProps } from '../../../../types';
-/**
- * El componente Indicator renderiza el indicador del paso actual
- */
-export declare function Indicator(props: IndicatorProps): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.js

@@ -1,85 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { g as IndicatorStyled, h as TextNumberStyled } from "../../../../slots/StepperSlot.js";
-import { u as useStepper } from "../../../../hooks/useStepper/index.js";
-import { p as pathIcons } from "../../../../icons.js";
-import { useIsMobile } from "@m4l/graphics";
-import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
-import { I as Icon } from "../../../../../Icon/Icon.js";
-function Indicator(props) {
-  const { step, currentStep, totalSteps, originalStepIndex } = props;
-  const {
-    host_static_assets,
-    environment_assets,
-    orientation,
-    size,
-    indicatorType,
-    stepValidationStatus
-  } = useStepper((state) => ({
-    host_static_assets: state.host_static_assets,
-    environment_assets: state.environment_assets,
-    orientation: state.orientation,
-    size: state.size,
-    indicatorType: state.indicatorType,
-    stepValidationStatus: state.stepValidationStatus
-  }));
-  const { currentSize } = useComponentSize(size);
-  const ownerState = {
-    size: currentSize,
-    currentStep,
-    step,
-    totalSteps,
-    orientation,
-    indicatorType,
-    stepValidationStatus
-  };
-  const isMobile = useIsMobile();
-  const effectiveIndicatorType = useMemo(() => {
-    return isMobile ? "dot" : indicatorType;
-  }, [isMobile, indicatorType]);
-  const { isCompleted, isValidStep, hasBeenValidated } = useMemo(() => {
-    const completed = currentStep > originalStepIndex;
-    const validationStatus = stepValidationStatus[originalStepIndex];
-    const validated = validationStatus !== void 0;
-    const valid = validationStatus === true;
-    return {
-      isCompleted: completed,
-      isValidStep: valid,
-      hasBeenValidated: validated
-    };
-  }, [currentStep, originalStepIndex, stepValidationStatus]);
-  return /* @__PURE__ */ jsx(IndicatorStyled, { ownerState, children: hasBeenValidated && !isValidStep ? (
-    // Mostrar error solo si ha sido validado y es inválido
-    /* @__PURE__ */ jsx(
-      Icon,
-      {
-        src: `${host_static_assets}/${environment_assets}/${pathIcons.circleError}`,
-        size: "small",
-        color: "error.contrastText"
-      }
-    )
-  ) : isCompleted && isValidStep ? (
-    // Mostrar completado solo si está completado Y es válido
-    /* @__PURE__ */ jsx(
-      Icon,
-      {
-        src: `${host_static_assets}/${environment_assets}/${effectiveIndicatorType === "number" ? pathIcons.circleCheck : pathIcons.dotOutline}`,
-        size: "small",
-        color: "primary.semanticText"
-      }
-    )
-  ) : (
-    // Mostrar estado normal (número o dot) para pasos no validados o actuales
-    /* @__PURE__ */ jsx(TextNumberStyled, { variant: "body", ownerState: { currentStep, step }, children: effectiveIndicatorType === "number" ? step + 1 : /* @__PURE__ */ jsx(
-      Icon,
-      {
-        src: `${host_static_assets}/${environment_assets}/${currentStep === originalStepIndex ? pathIcons.dotSelected : pathIcons.dotOutline}`,
-        size: "small",
-        color: currentStep === originalStepIndex ? "primary.semanticText" : "text.disabled"
-      }
-    ) })
-  ) });
-}
-export {
-  Indicator as I
-};

package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Botón modular para cancelar el proceso del Stepper
- */
-export declare function StepperCancelButton(): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/StepperButtons/StepperCancelButton/index.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { D as DICTIONARY } from "../../../dictionary.js";
-import { useModuleDictionary } from "@m4l/core";
-import { u as useStepperActions } from "../../../hooks/useStepperActions/useStepperActions.js";
-import { B as Button } from "../../../../mui_extended/Button/Button.js";
-function StepperCancelButton() {
-  const { getLabel } = useModuleDictionary();
-  const { cancelAction } = useStepperActions();
-  const handleCancel = () => {
-    cancelAction();
-  };
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      label: getLabel(DICTIONARY.LABEL_CANCEL_BUTTON),
-      variant: "outlined",
-      color: "default",
-      onClick: handleCancel
-    }
-  );
-}
-export {
-  StepperCancelButton as S
-};

package/components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Botón modular para avanzar al siguiente step del Stepper
- */
-export declare function StepperNextButton(): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/StepperButtons/StepperNextButton/index.js

@@ -1,46 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { u as useStepper } from "../../../hooks/useStepper/index.js";
-import { p as pathIcons } from "../../../icons.js";
-import { useIsMobile } from "@m4l/graphics";
-import { D as DICTIONARY } from "../../../dictionary.js";
-import { useModuleDictionary } from "@m4l/core";
-import { u as useStepperActions } from "../../../hooks/useStepperActions/useStepperActions.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton.js";
-import { B as Button } from "../../../../mui_extended/Button/Button.js";
-function StepperNextButton() {
-  const { nextStepAction } = useStepperActions();
-  const isMobile = useIsMobile();
-  const { getLabel } = useModuleDictionary();
-  const { host_static_assets, environment_assets } = useStepper((state) => ({
-    host_static_assets: state.host_static_assets,
-    environment_assets: state.environment_assets
-  }));
-  const handleNext = async () => {
-    await nextStepAction();
-  };
-  return isMobile ? /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      type: "button",
-      onClick: handleNext,
-      icon: `${host_static_assets}/${environment_assets}/${pathIcons.arrowRight}`,
-      "data-testid": "stepper-next-button",
-      variant: "contained",
-      color: "primary"
-    }
-  ) : /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      label: getLabel(DICTIONARY.LABEL_NEXT_BUTTON),
-      variant: "contained",
-      color: "primary",
-      onClick: handleNext,
-      endIcon: `${host_static_assets}/${environment_assets}/${pathIcons.arrowRight}`,
-      "data-testid": "stepper-next-button"
-    }
-  );
-}
-export {
-  StepperNextButton as S
-};

package/components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Botón modular para ir al step anterior del Stepper
- */
-export declare function StepperPrevButton(): import("react/jsx-runtime").JSX.Element | null;

package/components/Stepper/subcomponents/StepperButtons/StepperPrevButton/index.js

@@ -1,52 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleDictionary } from "@m4l/core";
-import { u as useStepper } from "../../../hooks/useStepper/index.js";
-import { p as pathIcons } from "../../../icons.js";
-import { useIsMobile } from "@m4l/graphics";
-import { D as DICTIONARY } from "../../../dictionary.js";
-import { u as useStepperActions } from "../../../hooks/useStepperActions/useStepperActions.js";
-import { I as IconButton } from "../../../../mui_extended/IconButton/IconButton.js";
-import { B as Button } from "../../../../mui_extended/Button/Button.js";
-function StepperPrevButton() {
-  const { host_static_assets, environment_assets, currentStep } = useStepper(
-    (state) => ({
-      host_static_assets: state.host_static_assets,
-      environment_assets: state.environment_assets,
-      currentStep: state.currentStep
-    })
-  );
-  const isMobile = useIsMobile();
-  const { getLabel } = useModuleDictionary();
-  const { prevStepAction } = useStepperActions();
-  const handlePrev = () => {
-    prevStepAction();
-  };
-  if (currentStep === 0) {
-    return null;
-  }
-  return isMobile ? /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      type: "button",
-      onClick: handlePrev,
-      icon: `${host_static_assets}/${environment_assets}/${pathIcons.arrowLeft}`,
-      "data-testid": "stepper-prev-button",
-      variant: "outline",
-      color: "default"
-    }
-  ) : /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      label: !isMobile ? getLabel(DICTIONARY.LABEL_PREV_BUTTON) : "",
-      variant: "outlined",
-      color: "default",
-      onClick: handlePrev,
-      startIcon: `${host_static_assets}/${environment_assets}/${pathIcons.arrowLeft}`,
-      "data-testid": "stepper-prev-button"
-    }
-  );
-}
-export {
-  StepperPrevButton as S
-};

package/components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Botón modular para finalizar el Stepper y ejecutar onFinalSubmit
- */
-export declare function StepperSubmitButton(): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { D as DICTIONARY } from "../../../dictionary.js";
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../../mui_extended/Button/Button.js";
-function StepperSubmitButton() {
-  const { getLabel } = useModuleDictionary();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "submit",
-      label: getLabel(DICTIONARY.LABEL_SUBMIT_BUTTON),
-      variant: "contained",
-      color: "primary",
-      "data-testid": "stepper-submit-button"
-    }
-  );
-}
-export {
-  StepperSubmitButton as S
-};

package/components/Stepper/subcomponents/StepperButtons/index.d.ts

@@ -1,4 +0,0 @@
-export { StepperNextButton } from './StepperNextButton';
-export { StepperPrevButton } from './StepperPrevButton';
-export { StepperCancelButton } from './StepperCancelButton';
-export { StepperSubmitButton } from './StepperSubmitButton';

package/components/Stepper/subcomponents/StepperButtons/index.js

@@ -1 +0,0 @@
-

package/components/Stepper/subcomponents/StepperContent/index.d.ts

@@ -1,7 +0,0 @@
-import { StepperContentProps } from '../../types';
-/**
- * Componente StepperContent - Contenedor que renderiza todos los Steps
- * Cada Step maneja su propia lógica de renderizado condicional
- * SOLO acepta componentes Step como hijos.
- */
-export declare function StepperContent(props: StepperContentProps): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/StepperContent/index.js

@@ -1,23 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useMemo, Children, isValidElement } from "react";
-import { S as Step } from "./subcomponents/Step/index.js";
-function StepperContent(props) {
-  const { children } = props;
-  const validSteps = useMemo(() => {
-    const steps = [];
-    Children.forEach(children, (child) => {
-      if (isValidElement(child) && child.type === Step) {
-        steps.push(child);
-      } else {
-        throw new Error(
-          "StepperContent: Solo se permiten componentes Step como hijos."
-        );
-      }
-    });
-    return steps;
-  }, [children]);
-  return /* @__PURE__ */ jsx(Fragment, { children: validSteps });
-}
-export {
-  StepperContent as S
-};

package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.d.ts

@@ -1,6 +0,0 @@
-import { StepProps } from '../../../../types';
-/**
- * Componente Step - Representa un paso individual en el Stepper
- * Solo se renderiza cuando el step actual coincide con stepKey Y la condition es true
- */
-export declare function Step(props: StepProps): import("react/jsx-runtime").JSX.Element | null;