@soyfri/shared-library 2.0.0-beta.3 → 2.0.0-beta.31

package/Step-Nd7SJbRZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step-Nd7SJbRZ.cjs","sources":["../src/components/Stepper/StepperContext.tsx","../src/components/Stepper/_hooks/useHorizontalScroll.ts","../src/components/Stepper/_parts/StepperScrollArrow.tsx","../src/components/Stepper/Stepper.tsx","../src/components/Stepper/Step.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type FC,\n  type ReactNode,\n} from 'react';\n\n/**\n * API expuesta por `useStepper()`.\n */\nexport interface StepperContextValue {\n  /** Índice del paso actual (0-based). */\n  currentStep: number;\n  /** Total de pasos del stepper. */\n  totalSteps: number;\n  /** True si `currentStep === 0`. */\n  isFirst: boolean;\n  /** True si `currentStep === totalSteps - 1`. */\n  isLast: boolean;\n  /** True tras ejecutar `submitStep()` desde el último paso. */\n  completed: boolean;\n  /** Avanza al siguiente paso (no pasa de `totalSteps - 1`). */\n  nextStep: () => void;\n  /** Retrocede al paso anterior (no baja de 0). */\n  prevStep: () => void;\n  /** Salta a un paso específico (0-based). No-op si fuera de rango. */\n  goToStep: (stepNumber: number) => void;\n  /**\n   * Envía el stepper. Marca `completed = true` y dispara el callback\n   * `onSubmit` del provider. En el último paso suele reemplazar a `nextStep`.\n   */\n  submitStep: () => void;\n  /** Resetea al paso inicial y limpia `completed`. */\n  reset: () => void;\n}\n\nconst defaultValue: StepperContextValue = {\n  currentStep: 0,\n  totalSteps: 0,\n  isFirst: true,\n  isLast: true,\n  completed: false,\n  nextStep: () => {},\n  prevStep: () => {},\n  goToStep: () => {},\n  submitStep: () => {},\n  reset: () => {},\n};\n\nexport const StepperContext = createContext<StepperContextValue>(defaultValue);\n\n/**\n * Hook para consumir el `StepperContext` desde cualquier descendiente de\n * `<StepperProvider>`.\n *\n * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)\n * para que componentes como `<Stepper>` puedan leerlo sin romper cuando no\n * hay provider envolvente.\n */\nexport function useStepper(): StepperContextValue {\n  return useContext(StepperContext);\n}\n\nexport interface StepperProviderProps {\n  /** Número total de pasos. Requerido. */\n  totalSteps: number;\n  /** Paso inicial (0-based). Default: 0. */\n  initialStep?: number;\n  /**\n   * Callback disparado cuando se llama `submitStep()`. Recibe el paso actual.\n   * El paquete NO ejecuta ninguna petición; queda a cargo del consumer.\n   */\n  onSubmit?: (currentStep: number) => void;\n  /**\n   * Callback disparado en cada cambio de paso (next/prev/goTo).\n   * Útil para tracking o validaciones externas.\n   */\n  onStepChange?: (newStep: number, prevStep: number) => void;\n  children?: ReactNode;\n}\n\n/**\n * Provider del stepper. Administra el `currentStep` internamente. El consumer\n * no necesita gestionar estado — solo consumirlo con `useStepper()` desde\n * cualquier descendiente.\n *\n * ```tsx\n * <StepperProvider totalSteps={3} onSubmit={handleFinalSubmit}>\n *   <Stepper>\n *     <Step label=\"Paso 1\"><StepOne /></Step>\n *     <Step label=\"Paso 2\"><StepTwo /></Step>\n *     <Step label=\"Paso 3\"><StepThree /></Step>\n *   </Stepper>\n *   <StepperControls />\n * </StepperProvider>\n * ```\n */\nexport const StepperProvider: FC<StepperProviderProps> = ({\n  totalSteps,\n  initialStep = 0,\n  onSubmit,\n  onStepChange,\n  children,\n}) => {\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const [completed, setCompleted] = useState(false);\n\n  const changeStep = useCallback(\n    (newStep: number) => {\n      setCurrentStep((prev) => {\n        if (newStep === prev) return prev;\n        if (newStep < 0 || newStep >= totalSteps) return prev;\n        onStepChange?.(newStep, prev);\n        return newStep;\n      });\n    },\n    [totalSteps, onStepChange],\n  );\n\n  const nextStep = useCallback(() => {\n    changeStep(currentStep + 1);\n  }, [changeStep, currentStep]);\n\n  const prevStep = useCallback(() => {\n    changeStep(currentStep - 1);\n  }, [changeStep, currentStep]);\n\n  const goToStep = useCallback(\n    (stepNumber: number) => {\n      changeStep(stepNumber);\n    },\n    [changeStep],\n  );\n\n  const submitStep = useCallback(() => {\n    setCompleted(true);\n    onSubmit?.(currentStep);\n  }, [currentStep, onSubmit]);\n\n  const reset = useCallback(() => {\n    setCurrentStep(initialStep);\n    setCompleted(false);\n  }, [initialStep]);\n\n  const value = useMemo<StepperContextValue>(\n    () => ({\n      currentStep,\n      totalSteps,\n      isFirst: currentStep === 0,\n      isLast: currentStep === totalSteps - 1,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    }),\n    [\n      currentStep,\n      totalSteps,\n      completed,\n      nextStep,\n      prevStep,\n      goToStep,\n      submitStep,\n      reset,\n    ],\n  );\n\n  return (\n    <StepperContext.Provider value={value}>{children}</StepperContext.Provider>\n  );\n};\n","import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\n\n/**\n * Hook interno del Stepper para manejar scroll horizontal cuando los steps\n * no caben en el contenedor. No se exporta desde el barrel — es un detalle\n * de implementación.\n *\n * @param enabled - Si el scroll está activo (típicamente sólo en orientación horizontal).\n * @param deps    - Cosas que afectan el layout y disparan un recompute (ej. cantidad de steps, paso activo).\n *\n * Retorna:\n * - `scrollRef`: ref a asignar al contenedor con `overflow-x: auto`.\n * - `canScrollLeft` / `canScrollRight`: flags para habilitar/deshabilitar flechas.\n * - `scrollBy(delta)`: imperativo con scroll suave.\n */\nexport function useHorizontalScroll(enabled: boolean, deps: unknown[] = []) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const updateScrollState = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n    // Tolerancia de 1px por redondeos de subpixel.\n    setCanScrollLeft(scrollLeft > 1);\n    setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!enabled) return;\n    updateScrollState();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [enabled, updateScrollState, ...deps]);\n\n  useEffect(() => {\n    if (!enabled) return;\n    const el = scrollRef.current;\n    if (!el) return;\n    el.addEventListener('scroll', updateScrollState, { passive: true });\n    const ro = new ResizeObserver(updateScrollState);\n    ro.observe(el);\n    return () => {\n      el.removeEventListener('scroll', updateScrollState);\n      ro.disconnect();\n    };\n  }, [enabled, updateScrollState]);\n\n  const scrollBy = useCallback((delta: number) => {\n    const el = scrollRef.current;\n    if (!el) return;\n    el.scrollBy({ left: delta, behavior: 'smooth' });\n  }, []);\n\n  return { scrollRef, canScrollLeft, canScrollRight, scrollBy };\n}\n","import { IconButton } from '@mui/material';\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\n\ninterface StepperScrollArrowProps {\n  direction: 'left' | 'right';\n  /** Cuando `false`, el botón está deshabilitado (por ejemplo, ya estás al inicio). */\n  enabled: boolean;\n  /**\n   * Cuando `false`, el botón queda con `visibility: hidden` (reserva su\n   * espacio pero no se ve). Útil para que el área de scroll no se corra\n   * horizontalmente cuando no hay overflow en ningún lado.\n   */\n  visible: boolean;\n  onClick: () => void;\n}\n\n/**\n * Flecha de scroll (`<` / `>`) del Stepper horizontal. Se muestra a los\n * costados del área scrollable cuando hay overflow. Componente privado —\n * no se exporta del barrel.\n */\nexport const StepperScrollArrow = ({\n  direction,\n  enabled,\n  visible,\n  onClick,\n}: StepperScrollArrowProps) => {\n  const isLeft = direction === 'left';\n  const Icon = isLeft ? ChevronLeftIcon : ChevronRightIcon;\n  const ariaLabel = isLeft ? 'Anterior' : 'Siguiente';\n\n  return (\n    <IconButton\n      aria-label={ariaLabel}\n      size=\"small\"\n      onClick={onClick}\n      disabled={!enabled}\n      sx={{\n        flex: '0 0 auto',\n        // Reservamos el slot siempre que haya overflow en algún lado,\n        // así el área scroll tiene un ancho estable (no saltan los\n        // steps cuando aparece/desaparece la flecha).\n        visibility: visible ? 'visible' : 'hidden',\n      }}\n    >\n      <Icon fontSize=\"small\" />\n    </IconButton>\n  );\n};\n","import {\n  Children,\n  isValidElement,\n  type FC,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Stepper as MuiStepper,\n  Step as MuiStep,\n  StepLabel as MuiStepLabel,\n  Box,\n} from '@mui/material';\n\nimport { StepProps } from './Step';\nimport { useStepper } from './StepperContext';\nimport { useHorizontalScroll } from './_hooks/useHorizontalScroll';\nimport { StepperScrollArrow } from './_parts/StepperScrollArrow';\n\nexport interface StepperProps {\n  /** Uno o varios `<Step>`. Children que no sean `<Step>` se ignoran. */\n  children: ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n  alternateLabel?: boolean;\n  /**\n   * Índice 0-based del paso activo. Si no se provee, el Stepper intenta\n   * leerlo del `StepperContext` (si está dentro de un `<StepperProvider>`).\n   * Si tampoco hay provider, el default es 0.\n   */\n  currentStep?: number;\n  keepMounted?: boolean;\n  sx?: object;\n}\n\nexport const Stepper: FC<StepperProps> = ({\n  children,\n  orientation = 'horizontal',\n  alternateLabel = false,\n  currentStep: currentStepProp,\n  keepMounted = false,\n  sx,\n}) => {\n  // Lee el paso desde el StepperContext cuando el consumer no lo pasa como prop.\n  const stepperCtx = useStepper();\n  const currentStep =\n    currentStepProp !== undefined\n      ? currentStepProp\n      : stepperCtx.totalSteps > 0\n        ? stepperCtx.currentStep\n        : 0;\n\n  const isHorizontal = orientation === 'horizontal';\n\n  // Filtra los children a los que tengan displayName=\"Step\" — acepta arrays,\n  // single child, fragments, y descarta cualquier otra cosa (strings, null, etc.).\n  const steps: ReactElement<StepProps>[] = Children.toArray(children).filter(\n    (child): child is ReactElement<StepProps> =>\n      isValidElement(child) &&\n      (child.type as { displayName?: string })?.displayName === 'Step',\n  );\n\n  const { scrollRef, canScrollLeft, canScrollRight, scrollBy } = useHorizontalScroll(\n    isHorizontal,\n    [steps.length, currentStep],\n  );\n\n  const showArrows = isHorizontal && (canScrollLeft || canScrollRight);\n\n  return (\n    <Box sx={sx}>\n      <Box\n        sx={\n          isHorizontal\n            ? { display: 'flex', alignItems: 'center', width: '100%', gap: 0.5 }\n            : undefined\n        }\n      >\n        {isHorizontal && (\n          <StepperScrollArrow\n            direction=\"left\"\n            enabled={canScrollLeft}\n            visible={showArrows}\n            onClick={() => scrollBy(-160)}\n          />\n        )}\n        <Box\n          ref={scrollRef}\n          sx={\n            isHorizontal\n              ? {\n                flex: '1 1 auto',\n                minWidth: 0,\n                overflowX: 'auto',\n                scrollBehavior: 'smooth',\n                WebkitOverflowScrolling: 'touch',\n                scrollbarWidth: 'none',\n                '&::-webkit-scrollbar': { display: 'none' },\n              }\n              : undefined\n          }\n        >\n          <MuiStepper\n            activeStep={currentStep}\n            orientation={orientation}\n            alternativeLabel={alternateLabel}\n            sx={\n              isHorizontal\n                ? {\n                  display: 'inline-flex',\n                  flexWrap: 'nowrap',\n                  minWidth: '100%',\n                  width: 'max-content',\n                  '& .MuiStep-root': { flex: '0 0 auto', minWidth: 120 },\n                }\n                : undefined\n            }\n          >\n            {steps.map((step, idx) => {\n              const {\n                label,\n                completed,\n                disabled,\n                className,\n                sx: stepSx,\n                dotColor,\n                activeDotColor,\n                completedDotColor,\n                iconTextColor,\n              } = step.props;\n              const key = step.key ?? idx;\n              return (\n                <MuiStep\n                  key={key}\n                  completed={completed}\n                  disabled={disabled}\n                  className={className}\n                  sx={stepSx}\n                >\n                  <MuiStepLabel\n                    sx={{\n                      pointerEvents: 'none',\n                      '& .MuiStepIcon-root': { color: dotColor },\n                      '& .MuiStepIcon-active': { color: activeDotColor },\n                      '& .MuiStepIcon-completed': { color: completedDotColor },\n                      '& .MuiStepIcon-text': { fill: iconTextColor },\n                    }}\n                  >\n                    {label}\n                  </MuiStepLabel>\n                </MuiStep>\n              );\n            })}\n          </MuiStepper>\n        </Box>\n        {isHorizontal && (\n          <StepperScrollArrow\n            direction=\"right\"\n            enabled={canScrollRight}\n            visible={showArrows}\n            onClick={() => scrollBy(160)}\n          />\n        )}\n      </Box>\n\n      {/* Cuerpos de los steps — render según el modo `keepMounted` */}\n      <Box mt={2}>\n        {keepMounted\n          ? steps.map((step, idx) => {\n            const key = step.key ?? idx;\n            const isActive = idx === currentStep;\n            return (\n              <Box\n                key={key}\n                // `display: none` mantiene el nodo en el DOM — state de los\n                // hijos (inputs, useState, etc.) no se pierde al navegar.\n                sx={{ display: isActive ? 'block' : 'none' }}\n                // Accesibilidad: oculta del flujo de lectura pero no del DOM.\n                aria-hidden={!isActive}\n              >\n                {step.props.children}\n              </Box>\n            );\n          })\n          : steps.map((step, idx) => {\n            if (idx !== currentStep) return null;\n            const key = step.key ?? idx;\n            return <Box key={key}>{step.props.children}</Box>;\n          })}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Stepper;\n","import React from \"react\";\nimport { StepProps as MuiStepProps } from \"@mui/material\";\n\ntype PickMuiStepProps = Pick<MuiStepProps, \"completed\" | \"disabled\" | \"sx\" | \"className\">;\n\nexport interface StepProps extends PickMuiStepProps {\n  label: React.ReactNode;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  sx?: object;\n  dotColor?: string;          // dot base\n  activeDotColor?: string;    // dot activa\n  completedDotColor?: string; // dot completada\n  iconTextColor?: string;     // número o check dentro\n}\n\nexport const Step = (_: StepProps): null => null;\n\nStep.displayName = \"Step\";\n\nexport default Step;"],"names":["createContext","useContext","useState","useCallback","useMemo","jsx","useRef","useLayoutEffect","useEffect","IconButton","Children","isValidElement","jsxs","Box","MuiStepper","MuiStep","MuiStepLabel"],"mappings":"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"}

package/Switch-CQFOopYy.cjs

@@ -0,0 +1,182 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const styles = require("@mui/material/styles");
+const material = require("@mui/material");
+const reactHookForm = require("react-hook-form");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const FOCUS_TRANSITION = "border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
+const buildSwitchSx = ({
+  bordered,
+  borderRadius,
+  hasLabel,
+  error
+}) => {
+  const radius = toRadius(borderRadius);
+  if (!bordered) {
+    return {
+      "& .MuiFormHelperText-root": { marginLeft: 0 }
+    };
+  }
+  return (theme) => ({
+    "& .MuiFormControlLabel-root": __spreadValues(__spreadProps(__spreadValues({
+      marginLeft: 0,
+      marginRight: 0,
+      paddingX: 1.5,
+      paddingY: 1.25,
+      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,
+      borderRadius: radius,
+      transition: FOCUS_TRANSITION
+    }, error && {
+      boxShadow: `0 0 0 1px ${theme.palette.error.main}`
+    }), {
+      // Focus del usuario sobre el switch interno.
+      "&:focus-within": {
+        borderColor: error ? theme.palette.error.main : theme.palette.primary.main,
+        boxShadow: `0 0 0 1px ${error ? theme.palette.error.main : theme.palette.primary.main}`
+      }
+    }), hasLabel && {
+      width: "100%",
+      justifyContent: "space-between"
+    }),
+    "& .MuiFormHelperText-root": {
+      marginLeft: 0
+    }
+  });
+};
+const Switch = (props) => {
+  const _a = props, {
+    label,
+    size = "medium",
+    labelPlacement = "end",
+    disabled = false,
+    error = false,
+    helperText,
+    bordered = false,
+    borderRadius = 10,
+    defaultChecked,
+    preset,
+    sx
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "size",
+    "labelPlacement",
+    "disabled",
+    "error",
+    "helperText",
+    "bordered",
+    "borderRadius",
+    "defaultChecked",
+    "preset",
+    "sx"
+  ]);
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("Switch", preset, theme);
+  const buildSx = (effectiveError) => [
+    buildSwitchSx({
+      bordered,
+      borderRadius,
+      hasLabel: !!label,
+      error: effectiveError
+    }),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
+  const renderSwitch = (checked2, onChange2, onBlur, inputRef) => {
+    const switchEl = /* @__PURE__ */ jsxRuntime.jsx(
+      material.Switch,
+      __spreadProps(__spreadValues({}, rest), {
+        size,
+        checked: !!checked2,
+        onChange: (_e, next) => onChange2(next),
+        onBlur,
+        inputRef,
+        disabled
+      })
+    );
+    return label ? /* @__PURE__ */ jsxRuntime.jsx(
+      material.FormControlLabel,
+      {
+        control: switchEl,
+        label,
+        labelPlacement,
+        disabled
+      }
+    ) : switchEl;
+  };
+  if ("control" in props && props.control) {
+    const { name, control, validation, onValueChange } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
+      {
+        name,
+        control,
+        rules: validation,
+        defaultValue: defaultChecked,
+        render: ({ field, fieldState: { error: fieldError } }) => {
+          var _a2;
+          const finalError = !!fieldError || error;
+          const finalHelperText = (_a2 = fieldError == null ? void 0 : fieldError.message) != null ? _a2 : helperText;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            material.FormControl,
+            {
+              error: finalError,
+              disabled,
+              sx: buildSx(finalError),
+              children: [
+                renderSwitch(
+                  !!field.value,
+                  (next) => {
+                    field.onChange(next);
+                    onValueChange == null ? void 0 : onValueChange(next);
+                  },
+                  field.onBlur,
+                  field.ref
+                ),
+                finalHelperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: finalHelperText })
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+  const { checked, onChange } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { error, disabled, sx: buildSx(error), children: [
+    renderSwitch(checked, onChange),
+    helperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: helperText })
+  ] });
+};
+exports.Switch = Switch;
+//# sourceMappingURL=Switch-CQFOopYy.cjs.map

package/Switch-CQFOopYy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-CQFOopYy.cjs","sources":["../src/components/Switch/Switch.sx.ts","../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildSwitchSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  hasLabel: boolean;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Transición compartida (matchea el InputGroup y el RadioGroup).\n */\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Builder de sx para Switch. Reproduce el estilo del antiguo\n * `FormToggleInput` legacy cuando `bordered=true`: contenedor con borde,\n * label a la izquierda y switch a la derecha (vía justify-content: space-between).\n *\n * Cuando `bordered=true`, el contenedor gana:\n * - `:focus-within` → borde + shadow primario (mismo patrón que `InputGroup`).\n * - `error=true` → borde + shadow de error (palette.error.main).\n *\n * El shadow es de 1px, así que no hay shift de layout — sólo se intensifica\n * visualmente el borde sin empujar nada alrededor.\n *\n * Si `bordered=false`, sólo aplica un reset de margin del helper text.\n */\nexport const buildSwitchSx = ({\n  bordered,\n  borderRadius,\n  hasLabel,\n  error,\n}: BuildSwitchSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiFormControlLabel-root': {\n      marginLeft: 0,\n      marginRight: 0,\n      paddingX: 1.5,\n      paddingY: 1.25,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      // Focus del usuario sobre el switch interno.\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n      // Si hay label, separar el switch al borde opuesto.\n      ...(hasLabel && {\n        width: '100%',\n        justifyContent: 'space-between',\n      }),\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n  });\n};\n","import { useTheme } from '@mui/material/styles';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  Switch as MuiSwitch,\n  type SwitchProps as MuiSwitchProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildSwitchSx } from './Switch.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type SwitchSize = 'small' | 'medium';\nexport type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseSwitchProps\n  extends Omit<MuiSwitchProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size'> {\n  /** Texto al lado del switch. Si está ausente, no se renderiza FormControlLabel. */\n  label?: string;\n  size?: SwitchSize;\n  /** Posición del label. Default: 'end' (legacy `FormToggleInput` lo ponía a la izquierda con su flex-stack). */\n  labelPlacement?: SwitchLabelPlacement;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde alrededor del switch + label. Default: false. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  defaultChecked?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Switch`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFSwitchProps extends BaseSwitchProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (checked: boolean) => void;\n  checked?: never;\n  onChange?: never;\n}\n\nexport interface ControlledSwitchProps extends BaseSwitchProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type SwitchProps = RHFSwitchProps | ControlledSwitchProps;\n\nexport const Switch: React.FC<SwitchProps> = (props) => {\n  const {\n    label,\n    size = 'medium',\n    labelPlacement = 'end',\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = false,\n    borderRadius = 10,\n    defaultChecked,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledSwitchProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Switch', preset, theme);\n\n  // Construye el sx con el estado de error efectivo; se llama por rama\n  // (RHF usa el error del Controller, controlado usa el prop `error`).\n  const buildSx = (effectiveError: boolean) => [\n    buildSwitchSx({\n      bordered,\n      borderRadius,\n      hasLabel: !!label,\n      error: effectiveError,\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : [sx]),\n  ];\n\n  const renderSwitch = (\n    checked: boolean,\n    onChange: (next: boolean) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<HTMLInputElement>,\n  ) => {\n    const switchEl = (\n      <MuiSwitch\n        {...rest}\n        size={size}\n        checked={!!checked}\n        onChange={(_e, next) => onChange(next)}\n        onBlur={onBlur}\n        // @ts-ignore — Ref<HTMLInputElement> type mismatch between @types/react versions in monorepo\n        inputRef={inputRef}\n        disabled={disabled}\n      />\n    );\n\n    return label ? (\n      <FormControlLabel\n        control={switchEl}\n        label={label}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n      />\n    ) : (\n      switchEl\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFSwitchProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultChecked}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <FormControl\n              error={finalError}\n              disabled={disabled}\n              sx={buildSx(finalError)}\n            >\n              {renderSwitch(\n                !!field.value,\n                (next) => {\n                  field.onChange(next);\n                  onValueChange?.(next);\n                },\n                field.onBlur,\n                field.ref,\n              )}\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </FormControl>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { checked, onChange } = props as ControlledSwitchProps;\n  return (\n    <FormControl error={error} disabled={disabled} sx={buildSx(error)}>\n      {renderSwitch(checked, onChange)}\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default Switch;\n"],"names":["useTheme","resolvePreset","checked","onChange","jsx","MuiSwitch","FormControlLabel","Controller","_a","jsxs","FormControl","FormHelperText"],"mappings":"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"}

package/Switch-D72dpkH2.js

@@ -0,0 +1,183 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTheme } from "@mui/material/styles";
+import { FormControl, FormHelperText, Switch as Switch$1, FormControlLabel } from "@mui/material";
+import { Controller } from "react-hook-form";
+import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const FOCUS_TRANSITION = "border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
+const buildSwitchSx = ({
+  bordered,
+  borderRadius,
+  hasLabel,
+  error
+}) => {
+  const radius = toRadius(borderRadius);
+  if (!bordered) {
+    return {
+      "& .MuiFormHelperText-root": { marginLeft: 0 }
+    };
+  }
+  return (theme) => ({
+    "& .MuiFormControlLabel-root": __spreadValues(__spreadProps(__spreadValues({
+      marginLeft: 0,
+      marginRight: 0,
+      paddingX: 1.5,
+      paddingY: 1.25,
+      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,
+      borderRadius: radius,
+      transition: FOCUS_TRANSITION
+    }, error && {
+      boxShadow: `0 0 0 1px ${theme.palette.error.main}`
+    }), {
+      // Focus del usuario sobre el switch interno.
+      "&:focus-within": {
+        borderColor: error ? theme.palette.error.main : theme.palette.primary.main,
+        boxShadow: `0 0 0 1px ${error ? theme.palette.error.main : theme.palette.primary.main}`
+      }
+    }), hasLabel && {
+      width: "100%",
+      justifyContent: "space-between"
+    }),
+    "& .MuiFormHelperText-root": {
+      marginLeft: 0
+    }
+  });
+};
+const Switch = (props) => {
+  const _a = props, {
+    label,
+    size = "medium",
+    labelPlacement = "end",
+    disabled = false,
+    error = false,
+    helperText,
+    bordered = false,
+    borderRadius = 10,
+    defaultChecked,
+    preset,
+    sx
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "size",
+    "labelPlacement",
+    "disabled",
+    "error",
+    "helperText",
+    "bordered",
+    "borderRadius",
+    "defaultChecked",
+    "preset",
+    "sx"
+  ]);
+  const theme = useTheme();
+  const presetSx = resolvePreset("Switch", preset, theme);
+  const buildSx = (effectiveError) => [
+    buildSwitchSx({
+      bordered,
+      borderRadius,
+      hasLabel: !!label,
+      error: effectiveError
+    }),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
+  const renderSwitch = (checked2, onChange2, onBlur, inputRef) => {
+    const switchEl = /* @__PURE__ */ jsx(
+      Switch$1,
+      __spreadProps(__spreadValues({}, rest), {
+        size,
+        checked: !!checked2,
+        onChange: (_e, next) => onChange2(next),
+        onBlur,
+        inputRef,
+        disabled
+      })
+    );
+    return label ? /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        control: switchEl,
+        label,
+        labelPlacement,
+        disabled
+      }
+    ) : switchEl;
+  };
+  if ("control" in props && props.control) {
+    const { name, control, validation, onValueChange } = props;
+    return /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name,
+        control,
+        rules: validation,
+        defaultValue: defaultChecked,
+        render: ({ field, fieldState: { error: fieldError } }) => {
+          var _a2;
+          const finalError = !!fieldError || error;
+          const finalHelperText = (_a2 = fieldError == null ? void 0 : fieldError.message) != null ? _a2 : helperText;
+          return /* @__PURE__ */ jsxs(
+            FormControl,
+            {
+              error: finalError,
+              disabled,
+              sx: buildSx(finalError),
+              children: [
+                renderSwitch(
+                  !!field.value,
+                  (next) => {
+                    field.onChange(next);
+                    onValueChange == null ? void 0 : onValueChange(next);
+                  },
+                  field.onBlur,
+                  field.ref
+                ),
+                finalHelperText && /* @__PURE__ */ jsx(FormHelperText, { children: finalHelperText })
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+  const { checked, onChange } = props;
+  return /* @__PURE__ */ jsxs(FormControl, { error, disabled, sx: buildSx(error), children: [
+    renderSwitch(checked, onChange),
+    helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
+  ] });
+};
+export {
+  Switch as S
+};
+//# sourceMappingURL=Switch-D72dpkH2.js.map

package/Switch-D72dpkH2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-D72dpkH2.js","sources":["../src/components/Switch/Switch.sx.ts","../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildSwitchSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  hasLabel: boolean;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Transición compartida (matchea el InputGroup y el RadioGroup).\n */\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Builder de sx para Switch. Reproduce el estilo del antiguo\n * `FormToggleInput` legacy cuando `bordered=true`: contenedor con borde,\n * label a la izquierda y switch a la derecha (vía justify-content: space-between).\n *\n * Cuando `bordered=true`, el contenedor gana:\n * - `:focus-within` → borde + shadow primario (mismo patrón que `InputGroup`).\n * - `error=true` → borde + shadow de error (palette.error.main).\n *\n * El shadow es de 1px, así que no hay shift de layout — sólo se intensifica\n * visualmente el borde sin empujar nada alrededor.\n *\n * Si `bordered=false`, sólo aplica un reset de margin del helper text.\n */\nexport const buildSwitchSx = ({\n  bordered,\n  borderRadius,\n  hasLabel,\n  error,\n}: BuildSwitchSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiFormControlLabel-root': {\n      marginLeft: 0,\n      marginRight: 0,\n      paddingX: 1.5,\n      paddingY: 1.25,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      // Focus del usuario sobre el switch interno.\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n      // Si hay label, separar el switch al borde opuesto.\n      ...(hasLabel && {\n        width: '100%',\n        justifyContent: 'space-between',\n      }),\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n  });\n};\n","import { useTheme } from '@mui/material/styles';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  Switch as MuiSwitch,\n  type SwitchProps as MuiSwitchProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildSwitchSx } from './Switch.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type SwitchSize = 'small' | 'medium';\nexport type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseSwitchProps\n  extends Omit<MuiSwitchProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size'> {\n  /** Texto al lado del switch. Si está ausente, no se renderiza FormControlLabel. */\n  label?: string;\n  size?: SwitchSize;\n  /** Posición del label. Default: 'end' (legacy `FormToggleInput` lo ponía a la izquierda con su flex-stack). */\n  labelPlacement?: SwitchLabelPlacement;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde alrededor del switch + label. Default: false. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  defaultChecked?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Switch`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFSwitchProps extends BaseSwitchProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (checked: boolean) => void;\n  checked?: never;\n  onChange?: never;\n}\n\nexport interface ControlledSwitchProps extends BaseSwitchProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type SwitchProps = RHFSwitchProps | ControlledSwitchProps;\n\nexport const Switch: React.FC<SwitchProps> = (props) => {\n  const {\n    label,\n    size = 'medium',\n    labelPlacement = 'end',\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = false,\n    borderRadius = 10,\n    defaultChecked,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledSwitchProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Switch', preset, theme);\n\n  // Construye el sx con el estado de error efectivo; se llama por rama\n  // (RHF usa el error del Controller, controlado usa el prop `error`).\n  const buildSx = (effectiveError: boolean) => [\n    buildSwitchSx({\n      bordered,\n      borderRadius,\n      hasLabel: !!label,\n      error: effectiveError,\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : [sx]),\n  ];\n\n  const renderSwitch = (\n    checked: boolean,\n    onChange: (next: boolean) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<HTMLInputElement>,\n  ) => {\n    const switchEl = (\n      <MuiSwitch\n        {...rest}\n        size={size}\n        checked={!!checked}\n        onChange={(_e, next) => onChange(next)}\n        onBlur={onBlur}\n        // @ts-ignore — Ref<HTMLInputElement> type mismatch between @types/react versions in monorepo\n        inputRef={inputRef}\n        disabled={disabled}\n      />\n    );\n\n    return label ? (\n      <FormControlLabel\n        control={switchEl}\n        label={label}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n      />\n    ) : (\n      switchEl\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFSwitchProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultChecked}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <FormControl\n              error={finalError}\n              disabled={disabled}\n              sx={buildSx(finalError)}\n            >\n              {renderSwitch(\n                !!field.value,\n                (next) => {\n                  field.onChange(next);\n                  onValueChange?.(next);\n                },\n                field.onBlur,\n                field.ref,\n              )}\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </FormControl>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { checked, onChange } = props as ControlledSwitchProps;\n  return (\n    <FormControl error={error} disabled={disabled} sx={buildSx(error)}>\n      {renderSwitch(checked, onChange)}\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default Switch;\n"],"names":["checked","onChange","MuiSwitch","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,WAAW,CAAC,iBAChB,OAAO,iBAAiB,WAAW,GAAG,YAAY,OAAO;AAK3D,MAAM,mBACJ;AAiBK,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4C;AAC1C,QAAM,SAAS,SAAS,YAAY;AAEpC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,MACL,6BAA6B,EAAE,YAAY,EAAA;AAAA,IAAE;AAAA,EAEjD;AAEA,SAAO,CAAC,WAAW;AAAA,IACjB,+BAA+B;AAAA,MAC7B,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ,aACN,QAAQ,MAAM,QAAQ,MAAM,OAAO,MAAM,QAAQ,OACnD;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,OACR,SAAS;AAAA,MACX,WAAW,aAAa,MAAM,QAAQ,MAAM,IAAI;AAAA,IAAA,IAXrB;AAAA;AAAA,MAc7B,kBAAkB;AAAA,QAChB,aAAa,QACT,MAAM,QAAQ,MAAM,OACpB,MAAM,QAAQ,QAAQ;AAAA,QAC1B,WAAW,aACT,QAAQ,MAAM,QAAQ,MAAM,OAAO,MAAM,QAAQ,QAAQ,IAC3D;AAAA,MAAA;AAAA,QAGE,YAAY;AAAA,MACd,OAAO;AAAA,MACP,gBAAgB;AAAA,IAAA;AAAA,IAGpB,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;ACJO,MAAM,SAAgC,CAAC,UAAU;AACtD,QAaI,YAZF;AAAA;AAAA,IACA,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,iBACD,IADC;AAAA,IAXH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOF,QAAM,QAAQ,SAAA;AACd,QAAM,WAAW,cAAc,UAAU,QAAQ,KAAK;AAItD,QAAM,UAAU,CAAC,mBAA4B;AAAA,IAC3C,cAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA,UAAU,CAAC,CAAC;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AAAA,IACD,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAA;AAAA,IAC5B,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE;AAAA,EAAA;AAGlC,QAAM,eAAe,CACnBA,UACAC,WACA,QACA,aACG;AACH,UAAM,WACJ;AAAA,MAACC;AAAAA,MAAA,iCACK,OADL;AAAA,QAEC;AAAA,QACA,SAAS,CAAC,CAACF;AAAAA,QACX,UAAU,CAAC,IAAI,SAASC,UAAS,IAAI;AAAA,QACrC;AAAA,QAEA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAIJ,WAAO,QACL;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAGF;AAAA,EAEJ;AAGA,MAAI,aAAa,SAAS,MAAM,SAAS;AACvC,UAAM,EAAE,MAAM,SAAS,YAAY,kBAAkB;AACrD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,cAAc;AAAA,QACd,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,OAAO,WAAA,QAAmB;;AACxD,gBAAM,aAAa,CAAC,CAAC,cAAc;AACnC,gBAAM,mBAAkBE,MAAA,yCAAY,YAAZ,OAAAA,MAAuB;AAC/C,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA,IAAI,QAAQ,UAAU;AAAA,cAErB,UAAA;AAAA,gBAAA;AAAA,kBACC,CAAC,CAAC,MAAM;AAAA,kBACR,CAAC,SAAS;AACR,0BAAM,SAAS,IAAI;AACnB,mEAAgB;AAAA,kBAClB;AAAA,kBACA,MAAM;AAAA,kBACN,MAAM;AAAA,gBAAA;AAAA,gBAEP,mBAAmB,oBAAC,gBAAA,EAAgB,UAAA,gBAAA,CAAgB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAG3D;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGA,QAAM,EAAE,SAAS,SAAA,IAAa;AAC9B,8BACG,aAAA,EAAY,OAAc,UAAoB,IAAI,QAAQ,KAAK,GAC7D,UAAA;AAAA,IAAA,aAAa,SAAS,QAAQ;AAAA,IAC9B,cAAc,oBAAC,gBAAA,EAAgB,UAAA,WAAA,CAAW;AAAA,EAAA,GAC7C;AAEJ;"}

package/Tab-BbP8jBcK.cjs

@@ -0,0 +1,110 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const mergeSx = require("./mergeSx-Dbccoo_H.cjs");
+const TAB_DISPLAY_MAP = {
+  horizontal: { display: "flex", flexDirection: "column" },
+  vertical: { display: "flex", flexDirection: "row" }
+};
+const Tabs = ({
+  children,
+  defaultValue,
+  onChangeValue,
+  centered = true,
+  orientation = "horizontal",
+  scrollButtons = "auto",
+  variant = "standard",
+  indicatorColor = "primary",
+  labelColor = "primary",
+  className,
+  allowScrollButtonsMobile = true,
+  keepMounted = false,
+  sx
+}) => {
+  var _a, _b;
+  const tabs = React.Children.toArray(children).filter(
+    (child) => {
+      var _a2;
+      return React.isValidElement(child) && ((_a2 = child.type) == null ? void 0 : _a2.displayName) === "Tab";
+    }
+  );
+  const firstValue = (_a = tabs[0]) == null ? void 0 : _a.props.value;
+  const [currentValue, setCurrentValue] = React.useState(
+    (_b = defaultValue != null ? defaultValue : firstValue) != null ? _b : 0
+  );
+  const handleChange = (_event, newValue) => {
+    setCurrentValue(newValue);
+    onChangeValue == null ? void 0 : onChangeValue(newValue);
+  };
+  const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display, flexDirection }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Tabs,
+      {
+        value: currentValue,
+        onChange: handleChange,
+        centered,
+        indicatorColor,
+        orientation,
+        scrollButtons,
+        variant,
+        className,
+        textColor: labelColor,
+        allowScrollButtonsMobile,
+        sx: mergeSx.mergeSx({}, sx),
+        children: tabs.map((tab, idx) => {
+          const {
+            label,
+            icon,
+            value = idx,
+            disabled,
+            wrapped,
+            iconPosition,
+            className: tabClassName,
+            sx: tabSx
+          } = tab.props;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            material.Tab,
+            {
+              label,
+              icon,
+              value,
+              disabled,
+              wrapped,
+              iconPosition,
+              className: tabClassName,
+              sx: tabSx
+            },
+            value
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { m: 2, sx: { width: "100%" }, children: keepMounted ? tabs.map((tab, idx) => {
+      var _a2;
+      const value = (_a2 = tab.props.value) != null ? _a2 : idx;
+      const isActive = value === currentValue;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        material.Box,
+        {
+          role: "tabpanel",
+          sx: { display: isActive ? "block" : "none" },
+          "aria-hidden": !isActive,
+          children: tab.props.children
+        },
+        value
+      );
+    }) : tabs.map((tab, idx) => {
+      var _a2;
+      const value = (_a2 = tab.props.value) != null ? _a2 : idx;
+      if (value !== currentValue) return null;
+      return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { role: "tabpanel", children: tab.props.children }, value);
+    }) })
+  ] });
+};
+const Tab = (_) => null;
+Tab.displayName = "Tab";
+exports.Tab = Tab;
+exports.Tabs = Tabs;
+//# sourceMappingURL=Tab-BbP8jBcK.cjs.map

package/Tab-BbP8jBcK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab-BbP8jBcK.cjs","sources":["../src/components/Tabs/_tabUtils.tsx","../src/components/Tabs/Tabs.tsx","../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import {\n  Children,\n  isValidElement,\n  useState,\n  type FC,\n  type ReactElement,\n  type ReactNode,\n  type SyntheticEvent,\n} from 'react';\nimport {\n  Tabs as MuiTabs,\n  Tab as MuiTab,\n  Box,\n  type TabsProps as MuiTabsProps,\n} from '@mui/material';\n\nimport { TabProps } from './Tab';\nimport { TAB_DISPLAY_MAP } from './_tabUtils';\nimport { mergeSx } from '../_shared/mergeSx';\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  | 'centered'\n  | 'indicatorColor'\n  | 'orientation'\n  | 'scrollButtons'\n  | 'variant'\n  | 'className'\n  | 'sx'\n  | 'visibleScrollbar'\n  | 'allowScrollButtonsMobile'\n>;\n\nexport interface TabsProps extends PickTabsProps {\n  /** Uno o varios `<Tab>`. Children que no sean `<Tab>` se ignoran. */\n  children: ReactNode;\n  /** Valor del tab inicialmente activo. Si no se provee, toma el `value` del primer `<Tab>` o `0`. */\n  defaultValue?: number | string;\n  /** Callback al cambiar de tab. Recibe el `value` del tab nuevo. */\n  onChangeValue?: (newValue: number | string) => void;\n  labelColor?: 'primary' | 'secondary' | 'inherit';\n  /**\n   * Cómo se manejan los paneles al cambiar de tab:\n   * - `false` (default): **unmount** — solo se renderiza el panel activo; los\n   *   demás se desmontan. El state interno de los hijos se pierde al navegar.\n   *   Menor uso de memoria.\n   * - `true`: **keep mounted** — renderiza todos los paneles pero oculta los\n   *   no activos con `display: none`. El state se preserva (inputs, scroll,\n   *   timers, subscripciones) al navegar entre tabs.\n   */\n  keepMounted?: boolean;\n}\n\nexport const Tabs: FC<TabsProps> = ({\n  children,\n  defaultValue,\n  onChangeValue,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = 'auto',\n  variant = 'standard',\n  indicatorColor = 'primary',\n  labelColor = 'primary',\n  className,\n  allowScrollButtonsMobile = true,\n  keepMounted = false,\n  sx,\n}) => {\n  // Filtra a solo <Tab> children — acepta arrays, single child, fragments,\n  // y descarta cualquier otra cosa (strings, null, condicionales falsy).\n  const tabs: ReactElement<TabProps>[] = Children.toArray(children).filter(\n    (child): child is ReactElement<TabProps> =>\n      isValidElement(child) &&\n      (child.type as { displayName?: string })?.displayName === 'Tab',\n  );\n\n  const firstValue = tabs[0]?.props.value;\n  const [currentValue, setCurrentValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0,\n  );\n\n  const handleChange = (_event: SyntheticEvent, newValue: number | string) => {\n    setCurrentValue(newValue);\n    onChangeValue?.(newValue);\n  };\n\n  const { display, flexDirection } = TAB_DISPLAY_MAP[orientation];\n\n  return (\n    <Box sx={{ display, flexDirection }}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={centered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        sx={mergeSx({}, sx)}\n      >\n        {tabs.map((tab, idx) => {\n          const {\n            label,\n            icon,\n            value = idx,\n            disabled,\n            wrapped,\n            iconPosition,\n            className: tabClassName,\n            sx: tabSx,\n          } = tab.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      <Box m={2} sx={{ width: '100%' }}>\n        {keepMounted\n          ? tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            const isActive = value === currentValue;\n            return (\n              <Box\n                key={value}\n                role=\"tabpanel\"\n                // `display: none` mantiene el nodo en el DOM — state de los\n                // hijos (inputs, useState, etc.) no se pierde al navegar.\n                sx={{ display: isActive ? 'block' : 'none' }}\n                aria-hidden={!isActive}\n              >\n                {tab.props.children}\n              </Box>\n            );\n          })\n          : tabs.map((tab, idx) => {\n            const value = tab.props.value ?? idx;\n            if (value !== currentValue) return null;\n            return (\n              <Box key={value} role=\"tabpanel\">\n                {tab.props.children}\n              </Box>\n            );\n          })}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends PickMuiTabProps {\n  value?: number;\n  onChange?: () => void;\n  children?: React.ReactNode;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["Children","isValidElement","_a","useState","Box","jsx","MuiTabs","mergeSx","MuiTab"],"mappings":";;;;;AAAO,MAAM,kBAAiG;AAAA,EAC5G,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,EAC9C,UAAU,EAAE,SAAS,QAAQ,eAAe,MAAA;AAC9C;ACkDO,MAAM,OAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd;AACF,MAAM;;AAGJ,QAAM,OAAiCA,MAAAA,SAAS,QAAQ,QAAQ,EAAE;AAAA,IAChE,CAAC,UAAA;;AACCC,mBAAAA,eAAe,KAAK,OACnBC,MAAA,MAAM,SAAN,gBAAAA,IAAyC,iBAAgB;AAAA;AAAA,EAAA;AAG9D,QAAM,cAAa,UAAK,CAAC,MAAN,mBAAS,MAAM;AAClC,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA;AAAAA,KACtC,2CAAgB,eAAhB,YAA8B;AAAA,EAAA;AAGhC,QAAM,eAAe,CAAC,QAAwB,aAA8B;AAC1E,oBAAgB,QAAQ;AACxB,mDAAgB;AAAA,EAClB;AAEA,QAAM,EAAE,SAAS,kBAAkB,gBAAgB,WAAW;AAE9D,yCACGC,SAAAA,KAAA,EAAI,IAAI,EAAE,SAAS,iBAClB,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA,IAAIC,QAAAA,QAAQ,CAAA,GAAI,EAAE;AAAA,QAEjB,UAAA,KAAK,IAAI,CAAC,KAAK,QAAQ;AACtB,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW;AAAA,YACX,IAAI;AAAA,UAAA,IACF,IAAI;AACR,iBACEF,2BAAAA;AAAAA,YAACG,SAAAA;AAAAA,YAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,IAAI;AAAA,YAAA;AAAA,YARC;AAAA,UAAA;AAAA,QAWX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHH,2BAAAA,IAACD,SAAAA,KAAA,EAAI,GAAG,GAAG,IAAI,EAAE,OAAO,OAAA,GACrB,UAAA,cACG,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQF,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,YAAM,WAAW,UAAU;AAC3B,aACEG,2BAAAA;AAAAA,QAACD,SAAAA;AAAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UAGL,IAAI,EAAE,SAAS,WAAW,UAAU,OAAA;AAAA,UACpC,eAAa,CAAC;AAAA,UAEb,cAAI,MAAM;AAAA,QAAA;AAAA,QAPN;AAAA,MAAA;AAAA,IAUX,CAAC,IACC,KAAK,IAAI,CAAC,KAAK,QAAQ;;AACvB,YAAM,SAAQF,MAAA,IAAI,MAAM,UAAV,OAAAA,MAAmB;AACjC,UAAI,UAAU,aAAc,QAAO;AACnC,4CACGE,SAAAA,KAAA,EAAgB,MAAK,YACnB,UAAA,IAAI,MAAM,YADH,KAEV;AAAA,IAEJ,CAAC,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;AClJO,MAAM,MAAM,CAAC,MAAsB;AAE1C,IAAI,cAAc;;;"}