@soyfri/shared-library 1.5.0 → 2.0.0-beta.0

package/dist/components/Stepper/Stepper.cjs

@@ -2,13 +2,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const material = require("@mui/material");
+const useWizard = require("../../useWizard-CWdIxZzX.cjs");
 const Stepper = ({
   children,
   orientation = "horizontal",
   alternateLabel = false,
   sx,
-  currentStep = 0
+  currentStep: currentStepProp
 }) => {
+  const wizard = useWizard.useWizard();
+  const currentStep = currentStepProp !== void 0 ? currentStepProp : wizard.totalSteps > 0 ? wizard.currentStep : 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx, children: [
     /* @__PURE__ */ jsxRuntime.jsx(material.Stepper, { activeStep: currentStep, orientation, alternativeLabel: alternateLabel, children: children.map((child, idx) => {
       const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;

package/dist/components/Stepper/Stepper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Stepper as MuiStepper, Step as MuiStep, StepLabel as MuiStepLabel, Box } from \"@mui/material\";\nimport { StepProps } from \"./Step\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  currentStep?: number;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep = 0,\n}) => {\n\n  return (\n    <Box sx={sx}>\n      <MuiStepper activeStep={currentStep} orientation={orientation} alternativeLabel={alternateLabel} >\n        {children.map((child, idx) => {\n          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;\n          return (\n            <MuiStep key={idx} completed={completed} disabled={disabled} className={className} sx={stepSx}>\n              <MuiStepLabel sx={{\n                pointerEvents: 'none',\n                \"& .MuiStepIcon-root\": {\n                  color: dotColor,\n                },\n                \"& .MuiStepIcon-active\": {\n                  color: activeDotColor,\n                },\n                \"& .MuiStepIcon-completed\": {\n                  color: completedDotColor,\n                },\n                \"& .MuiStepIcon-text\": {\n                  fill: iconTextColor,\n                },\n              }}\n              >{label}\n              </MuiStepLabel>\n            </MuiStep>\n          );\n        })}\n      </MuiStepper>\n      <Box mt={2}>\n        {children.map((child, idx) =>\n          idx === currentStep ? <Box key={idx}>{child.props.children}</Box> : null\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Stepper;","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":["jsxs","Box","jsx","MuiStepper","MuiStep","MuiStepLabel"],"mappings":";;;;AAYO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EAEjB;AAAA,EACA,cAAc;AAChB,MAAM;AAEJ,SACEA,gCAACC,SAAAA,OAAI,IACH,UAAA;AAAA,IAAAC,2BAAAA,IAACC,SAAAA,SAAA,EAAW,YAAY,aAAa,aAA0B,kBAAkB,gBAC9E,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,YAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,4CACGC,eAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAAF,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UAAa,IAAI;AAAA,YAChB,eAAe;AAAA,YACf,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,yBAAyB;AAAA,cACvB,OAAO;AAAA,YAAA;AAAA,YAET,4BAA4B;AAAA,cAC1B,OAAO;AAAA,YAAA;AAAA,YAET,uBAAuB;AAAA,cACrB,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,QAAA;AAAA,MAAA,KAhBU,GAkBd;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACAH,2BAAAA,IAACD,SAAAA,KAAA,EAAI,IAAI,GACN,UAAA,SAAS;AAAA,MAAI,CAAC,OAAO,QACpB,QAAQ,cAAcC,2BAAAA,IAACD,SAAAA,KAAA,EAAe,UAAA,MAAM,MAAM,SAAA,GAAlB,GAA2B,IAAS;AAAA,IAAA,EACtE,CACF;AAAA,EAAA,GACF;AAEJ;ACxCO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;;;"}
+{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Stepper as MuiStepper, Step as MuiStep, StepLabel as MuiStepLabel, Box } from \"@mui/material\";\nimport { StepProps } from \"./Step\";\nimport { useWizard } from \"../../hooks/Wizard\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  /**\n   * Índice 0-based del paso activo. Si no se provee, el Stepper intenta\n   * leerlo del `WizardContext` (si está dentro de un `<WizardProvider>`).\n   * Si tampoco hay provider, el default es 0.\n   */\n  currentStep?: number;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep: currentStepProp,\n}) => {\n  // Lee el paso desde el WizardContext cuando el consumer no lo pasa como prop.\n  // Si el Stepper NO está dentro de un WizardProvider, `useWizard()` devuelve\n  // el valor default (currentStep=0, totalSteps=0), así que no rompe nada.\n  const wizard = useWizard();\n  const currentStep =\n    currentStepProp !== undefined\n      ? currentStepProp\n      : wizard.totalSteps > 0\n        ? wizard.currentStep\n        : 0;\n\n  return (\n    <Box sx={sx}>\n      <MuiStepper activeStep={currentStep} orientation={orientation} alternativeLabel={alternateLabel} >\n        {children.map((child, idx) => {\n          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;\n          return (\n            <MuiStep key={idx} completed={completed} disabled={disabled} className={className} sx={stepSx}>\n              <MuiStepLabel sx={{\n                pointerEvents: 'none',\n                \"& .MuiStepIcon-root\": {\n                  color: dotColor,\n                },\n                \"& .MuiStepIcon-active\": {\n                  color: activeDotColor,\n                },\n                \"& .MuiStepIcon-completed\": {\n                  color: completedDotColor,\n                },\n                \"& .MuiStepIcon-text\": {\n                  fill: iconTextColor,\n                },\n              }}\n              >{label}\n              </MuiStepLabel>\n            </MuiStep>\n          );\n        })}\n      </MuiStepper>\n      <Box mt={2}>\n        {children.map((child, idx) =>\n          idx === currentStep ? <Box key={idx}>{child.props.children}</Box> : null\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Stepper;","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":["useWizard","jsxs","Box","jsx","MuiStepper","MuiStep","MuiStepLabel"],"mappings":";;;;;AAkBO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EAEjB;AAAA,EACA,aAAa;AACf,MAAM;AAIJ,QAAM,SAASA,UAAAA,UAAA;AACf,QAAM,cACJ,oBAAoB,SAChB,kBACA,OAAO,aAAa,IAClB,OAAO,cACP;AAER,SACEC,gCAACC,SAAAA,OAAI,IACH,UAAA;AAAA,IAAAC,2BAAAA,IAACC,SAAAA,SAAA,EAAW,YAAY,aAAa,aAA0B,kBAAkB,gBAC9E,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,YAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,4CACGC,eAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAAF,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UAAa,IAAI;AAAA,YAChB,eAAe;AAAA,YACf,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,yBAAyB;AAAA,cACvB,OAAO;AAAA,YAAA;AAAA,YAET,4BAA4B;AAAA,cAC1B,OAAO;AAAA,YAAA;AAAA,YAET,uBAAuB;AAAA,cACrB,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,QAAA;AAAA,MAAA,KAhBU,GAkBd;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACAH,2BAAAA,IAACD,SAAAA,KAAA,EAAI,IAAI,GACN,UAAA,SAAS;AAAA,MAAI,CAAC,OAAO,QACpB,QAAQ,cAAcC,2BAAAA,IAACD,SAAAA,KAAA,EAAe,UAAA,MAAM,MAAM,SAAA,GAAlB,GAA2B,IAAS;AAAA,IAAA,EACtE,CACF;AAAA,EAAA,GACF;AAEJ;ACxDO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;;;"}

package/dist/components/Stepper/Stepper.d.ts

@@ -5,6 +5,11 @@ interface MyStepperProps {
     orientation?: "horizontal" | "vertical";
     sx?: object;
     alternateLabel?: boolean;
+    /**
+     * Índice 0-based del paso activo. Si no se provee, el Stepper intenta
+     * leerlo del `WizardContext` (si está dentro de un `<WizardProvider>`).
+     * Si tampoco hay provider, el default es 0.
+     */
     currentStep?: number;
 }
 export declare const Stepper: React.FC<MyStepperProps>;

package/dist/components/Stepper/Stepper.js

@@ -1,12 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Box, Stepper as Stepper$1, Step as Step$1, StepLabel } from "@mui/material";
+import { u as useWizard } from "../../useWizard-CWq--C3o.js";
 const Stepper = ({
   children,
   orientation = "horizontal",
   alternateLabel = false,
   sx,
-  currentStep = 0
+  currentStep: currentStepProp
 }) => {
+  const wizard = useWizard();
+  const currentStep = currentStepProp !== void 0 ? currentStepProp : wizard.totalSteps > 0 ? wizard.currentStep : 0;
   return /* @__PURE__ */ jsxs(Box, { sx, children: [
     /* @__PURE__ */ jsx(Stepper$1, { activeStep: currentStep, orientation, alternativeLabel: alternateLabel, children: children.map((child, idx) => {
       const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;

package/dist/components/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Stepper as MuiStepper, Step as MuiStep, StepLabel as MuiStepLabel, Box } from \"@mui/material\";\nimport { StepProps } from \"./Step\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  currentStep?: number;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep = 0,\n}) => {\n\n  return (\n    <Box sx={sx}>\n      <MuiStepper activeStep={currentStep} orientation={orientation} alternativeLabel={alternateLabel} >\n        {children.map((child, idx) => {\n          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;\n          return (\n            <MuiStep key={idx} completed={completed} disabled={disabled} className={className} sx={stepSx}>\n              <MuiStepLabel sx={{\n                pointerEvents: 'none',\n                \"& .MuiStepIcon-root\": {\n                  color: dotColor,\n                },\n                \"& .MuiStepIcon-active\": {\n                  color: activeDotColor,\n                },\n                \"& .MuiStepIcon-completed\": {\n                  color: completedDotColor,\n                },\n                \"& .MuiStepIcon-text\": {\n                  fill: iconTextColor,\n                },\n              }}\n              >{label}\n              </MuiStepLabel>\n            </MuiStep>\n          );\n        })}\n      </MuiStepper>\n      <Box mt={2}>\n        {children.map((child, idx) =>\n          idx === currentStep ? <Box key={idx}>{child.props.children}</Box> : null\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Stepper;","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":["MuiStepper","MuiStep","MuiStepLabel"],"mappings":";;AAYO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EAEjB;AAAA,EACA,cAAc;AAChB,MAAM;AAEJ,SACE,qBAAC,OAAI,IACH,UAAA;AAAA,IAAA,oBAACA,WAAA,EAAW,YAAY,aAAa,aAA0B,kBAAkB,gBAC9E,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,YAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,iCACGC,QAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UAAa,IAAI;AAAA,YAChB,eAAe;AAAA,YACf,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,yBAAyB;AAAA,cACvB,OAAO;AAAA,YAAA;AAAA,YAET,4BAA4B;AAAA,cAC1B,OAAO;AAAA,YAAA;AAAA,YAET,uBAAuB;AAAA,cACrB,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,QAAA;AAAA,MAAA,KAhBU,GAkBd;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACA,oBAAC,KAAA,EAAI,IAAI,GACN,UAAA,SAAS;AAAA,MAAI,CAAC,OAAO,QACpB,QAAQ,cAAc,oBAAC,KAAA,EAAe,UAAA,MAAM,MAAM,SAAA,GAAlB,GAA2B,IAAS;AAAA,IAAA,EACtE,CACF;AAAA,EAAA,GACF;AAEJ;ACxCO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;"}
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Stepper as MuiStepper, Step as MuiStep, StepLabel as MuiStepLabel, Box } from \"@mui/material\";\nimport { StepProps } from \"./Step\";\nimport { useWizard } from \"../../hooks/Wizard\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  /**\n   * Índice 0-based del paso activo. Si no se provee, el Stepper intenta\n   * leerlo del `WizardContext` (si está dentro de un `<WizardProvider>`).\n   * Si tampoco hay provider, el default es 0.\n   */\n  currentStep?: number;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep: currentStepProp,\n}) => {\n  // Lee el paso desde el WizardContext cuando el consumer no lo pasa como prop.\n  // Si el Stepper NO está dentro de un WizardProvider, `useWizard()` devuelve\n  // el valor default (currentStep=0, totalSteps=0), así que no rompe nada.\n  const wizard = useWizard();\n  const currentStep =\n    currentStepProp !== undefined\n      ? currentStepProp\n      : wizard.totalSteps > 0\n        ? wizard.currentStep\n        : 0;\n\n  return (\n    <Box sx={sx}>\n      <MuiStepper activeStep={currentStep} orientation={orientation} alternativeLabel={alternateLabel} >\n        {children.map((child, idx) => {\n          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;\n          return (\n            <MuiStep key={idx} completed={completed} disabled={disabled} className={className} sx={stepSx}>\n              <MuiStepLabel sx={{\n                pointerEvents: 'none',\n                \"& .MuiStepIcon-root\": {\n                  color: dotColor,\n                },\n                \"& .MuiStepIcon-active\": {\n                  color: activeDotColor,\n                },\n                \"& .MuiStepIcon-completed\": {\n                  color: completedDotColor,\n                },\n                \"& .MuiStepIcon-text\": {\n                  fill: iconTextColor,\n                },\n              }}\n              >{label}\n              </MuiStepLabel>\n            </MuiStep>\n          );\n        })}\n      </MuiStepper>\n      <Box mt={2}>\n        {children.map((child, idx) =>\n          idx === currentStep ? <Box key={idx}>{child.props.children}</Box> : null\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Stepper;","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":["MuiStepper","MuiStep","MuiStepLabel"],"mappings":";;;AAkBO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EAEjB;AAAA,EACA,aAAa;AACf,MAAM;AAIJ,QAAM,SAAS,UAAA;AACf,QAAM,cACJ,oBAAoB,SAChB,kBACA,OAAO,aAAa,IAClB,OAAO,cACP;AAER,SACE,qBAAC,OAAI,IACH,UAAA;AAAA,IAAA,oBAACA,WAAA,EAAW,YAAY,aAAa,aAA0B,kBAAkB,gBAC9E,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,YAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,iCACGC,QAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UAAa,IAAI;AAAA,YAChB,eAAe;AAAA,YACf,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,yBAAyB;AAAA,cACvB,OAAO;AAAA,YAAA;AAAA,YAET,4BAA4B;AAAA,cAC1B,OAAO;AAAA,YAAA;AAAA,YAET,uBAAuB;AAAA,cACrB,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,QAAA;AAAA,MAAA,KAhBU,GAkBd;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACA,oBAAC,KAAA,EAAI,IAAI,GACN,UAAA,SAAS;AAAA,MAAI,CAAC,OAAO,QACpB,QAAQ,cAAc,oBAAC,KAAA,EAAe,UAAA,MAAM,MAAM,SAAA,GAAlB,GAA2B,IAAS;AAAA,IAAA,EACtE,CACF;AAAA,EAAA,GACF;AAEJ;ACxDO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;"}

package/dist/components/_shared/formField.sx.d.ts

@@ -0,0 +1,33 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export type LabelPosition = 'outside' | 'floating';
+export interface BuildFormFieldSxOptions {
+    borderRadius: number | string;
+    labelPosition: LabelPosition;
+    /**
+     * Si es `true`, los selectores incluyen también la API nueva de MUI X
+     * Pickers (v8): `MuiPickersInputBase-root`, `MuiPickersOutlinedInput-*`.
+     */
+    includePickersApi?: boolean;
+    /**
+     * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'outside'.
+     * Usar para paddings específicos del componente (p.ej. MuiAutocomplete-input).
+     */
+    extraOutsideSx?: Record<string, any>;
+    /**
+     * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'floating'.
+     */
+    extraFloatingSx?: Record<string, any>;
+}
+/**
+ * Builder del sx compartido por todos los campos de formulario
+ * (Input/Select/Autocomplete/DatePicker/DateTimePicker).
+ *
+ * Produce:
+ * - en modo "floating": sólo el border-radius del outlined input;
+ * - en modo "outside": todo el pack (margen superior, label flotante afuera,
+ *   input base, notched outline oculto, helper text sin margen izquierdo).
+ *
+ * Componentes con paddings o selectores propios pueden inyectarlos vía
+ * `extraOutsideSx` / `extraFloatingSx`.
+ */
+export declare const buildFormFieldSx: ({ borderRadius, labelPosition, includePickersApi, extraOutsideSx, extraFloatingSx, }: BuildFormFieldSxOptions) => SxProps<Theme>;

package/dist/components/_shared/resolvePreset.d.ts

@@ -0,0 +1,18 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { LibraryComponentName } from '../../theme/componentStyles';
+/**
+ * Nombre del preset built-in del paquete. No se registra en el theme: si un
+ * componente recibe `preset="default"` (o no recibe preset), sólo aplica el
+ * estilo base de fábrica.
+ */
+export declare const DEFAULT_PRESET_NAME = "default";
+/**
+ * Resuelve el sx de un preset registrado en `theme.styles[componentName]`.
+ *
+ * - Si `presetName` es `"default"` o `undefined`, devuelve `undefined`
+ *   (caller sólo aplicará el estilo base del paquete).
+ * - Si la entrada en el theme es una función `(theme) => sx`, se ejecuta.
+ * - Si la entrada no existe, devuelve `undefined` silenciosamente (no se
+ *   rompe el componente — la responsabilidad de registrarlo es del consumer).
+ */
+export declare function resolvePreset(componentName: LibraryComponentName, presetName: string | undefined, theme: Theme): SxProps<Theme> | undefined;

package/dist/formField.sx-CQ1mbk9M.cjs

@@ -0,0 +1,76 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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;
+};
+const LABEL_MARGIN_TOP = "14px";
+const FIELD_INPUT_PADDING_Y = "8.5px";
+const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
+const LABEL_TRANSFORM_ORIGIN = "top left";
+const LABEL_TRANSITION = "color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
+const LABEL_COLOR_REST = "text.secondary";
+const LABEL_COLOR_FILLED = "text.primary";
+const LABEL_COLOR_FOCUSED = "primary.main";
+const LABEL_FONT_WEIGHT_FILLED = 500;
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const buildFormFieldSx = ({
+  borderRadius,
+  labelPosition,
+  includePickersApi = false,
+  extraOutsideSx,
+  extraFloatingSx
+}) => {
+  const radius = toRadius(borderRadius);
+  const outlinedRootSelector = includePickersApi ? "& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root" : "& .MuiOutlinedInput-root";
+  const inputBaseSelector = includePickersApi ? "& .MuiInputBase-root, & .MuiPickersInputBase-root" : "& .MuiInputBase-root";
+  const notchedOutlineSelector = includePickersApi ? "& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline" : "& .MuiOutlinedInput-notchedOutline";
+  if (labelPosition === "floating") {
+    return __spreadValues({
+      [outlinedRootSelector]: { borderRadius: radius }
+    }, extraFloatingSx != null ? extraFloatingSx : {});
+  }
+  return __spreadValues({
+    marginTop: LABEL_MARGIN_TOP,
+    "& .MuiInputLabel-root": {
+      color: LABEL_COLOR_REST,
+      transition: LABEL_TRANSITION,
+      // Estado shrunk (focused o con valor): flota ARRIBA del input.
+      "&.MuiInputLabel-shrink": {
+        transform: LABEL_SHRINK_TRANSFORM,
+        transformOrigin: LABEL_TRANSFORM_ORIGIN,
+        color: LABEL_COLOR_FILLED,
+        fontWeight: LABEL_FONT_WEIGHT_FILLED
+      },
+      "&.Mui-focused": { color: LABEL_COLOR_FOCUSED }
+    },
+    // Input base — centra verticalmente (clásico y, si aplica, pickers).
+    [inputBaseSelector]: {
+      borderRadius: radius,
+      display: "flex",
+      alignItems: "center"
+    },
+    // El label flota afuera: ocultar legend del notch.
+    [notchedOutlineSelector]: {
+      top: 0,
+      "& legend": { display: "none" }
+    },
+    "& .MuiFormHelperText-root": {
+      marginLeft: 0
+    }
+  }, extraOutsideSx != null ? extraOutsideSx : {});
+};
+exports.FIELD_INPUT_PADDING_Y = FIELD_INPUT_PADDING_Y;
+exports.buildFormFieldSx = buildFormFieldSx;
+//# sourceMappingURL=formField.sx-CQ1mbk9M.cjs.map

package/dist/formField.sx-CQ1mbk9M.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formField.sx-CQ1mbk9M.cjs","sources":["../src/theme/tokens.ts","../src/components/_shared/formField.sx.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/** Padding vertical interno del input (TextField/Select/Picker sections). */\nexport const FIELD_INPUT_PADDING_Y = '8.5px';\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n","import type { SxProps, Theme } from '@mui/material/styles';\n\nimport {\n  LABEL_COLOR_FILLED,\n  LABEL_COLOR_FOCUSED,\n  LABEL_COLOR_REST,\n  LABEL_FONT_WEIGHT_FILLED,\n  LABEL_MARGIN_TOP,\n  LABEL_SHRINK_TRANSFORM,\n  LABEL_TRANSFORM_ORIGIN,\n  LABEL_TRANSITION,\n} from '../../theme/tokens';\n\nexport type LabelPosition = 'outside' | 'floating';\n\nexport interface BuildFormFieldSxOptions {\n  borderRadius: number | string;\n  labelPosition: LabelPosition;\n  /**\n   * Si es `true`, los selectores incluyen también la API nueva de MUI X\n   * Pickers (v8): `MuiPickersInputBase-root`, `MuiPickersOutlinedInput-*`.\n   */\n  includePickersApi?: boolean;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'outside'.\n   * Usar para paddings específicos del componente (p.ej. MuiAutocomplete-input).\n   */\n  extraOutsideSx?: Record<string, any>;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'floating'.\n   */\n  extraFloatingSx?: Record<string, any>;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Builder del sx compartido por todos los campos de formulario\n * (Input/Select/Autocomplete/DatePicker/DateTimePicker).\n *\n * Produce:\n * - en modo \"floating\": sólo el border-radius del outlined input;\n * - en modo \"outside\": todo el pack (margen superior, label flotante afuera,\n *   input base, notched outline oculto, helper text sin margen izquierdo).\n *\n * Componentes con paddings o selectores propios pueden inyectarlos vía\n * `extraOutsideSx` / `extraFloatingSx`.\n */\nexport const buildFormFieldSx = ({\n  borderRadius,\n  labelPosition,\n  includePickersApi = false,\n  extraOutsideSx,\n  extraFloatingSx,\n}: BuildFormFieldSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  // ── Selectores (alternan según la API de pickers) ────────────────────\n  const outlinedRootSelector = includePickersApi\n    ? '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root'\n    : '& .MuiOutlinedInput-root';\n\n  const inputBaseSelector = includePickersApi\n    ? '& .MuiInputBase-root, & .MuiPickersInputBase-root'\n    : '& .MuiInputBase-root';\n\n  const notchedOutlineSelector = includePickersApi\n    ? '& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline'\n    : '& .MuiOutlinedInput-notchedOutline';\n\n  // ── Floating ─────────────────────────────────────────────────────────\n  if (labelPosition === 'floating') {\n    return {\n      [outlinedRootSelector]: { borderRadius: radius },\n      ...(extraFloatingSx ?? {}),\n    };\n  }\n\n  // ── Outside ──────────────────────────────────────────────────────────\n  return {\n    marginTop: LABEL_MARGIN_TOP,\n\n    '& .MuiInputLabel-root': {\n      color: LABEL_COLOR_REST,\n      transition: LABEL_TRANSITION,\n\n      // Estado shrunk (focused o con valor): flota ARRIBA del input.\n      '&.MuiInputLabel-shrink': {\n        transform: LABEL_SHRINK_TRANSFORM,\n        transformOrigin: LABEL_TRANSFORM_ORIGIN,\n        color: LABEL_COLOR_FILLED,\n        fontWeight: LABEL_FONT_WEIGHT_FILLED,\n      },\n\n      '&.Mui-focused': { color: LABEL_COLOR_FOCUSED },\n    },\n\n    // Input base — centra verticalmente (clásico y, si aplica, pickers).\n    [inputBaseSelector]: {\n      borderRadius: radius,\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    // El label flota afuera: ocultar legend del notch.\n    [notchedOutlineSelector]: {\n      top: 0,\n      '& legend': { display: 'none' },\n    },\n\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n\n    ...(extraOutsideSx ?? {}),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaO,MAAM,mBAAmB;AAGzB,MAAM,wBAAwB;AAI9B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;ACRxC,MAAM,WAAW,CAAC,iBAChB,OAAO,iBAAiB,WAAW,GAAG,YAAY,OAAO;AAcpD,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,SAAS,SAAS,YAAY;AAGpC,QAAM,uBAAuB,oBACzB,8DACA;AAEJ,QAAM,oBAAoB,oBACtB,sDACA;AAEJ,QAAM,yBAAyB,oBAC3B,kFACA;AAGJ,MAAI,kBAAkB,YAAY;AAChC,WAAO;AAAA,MACL,CAAC,oBAAoB,GAAG,EAAE,cAAc,OAAA;AAAA,OACpC,4CAAmB,CAAA;AAAA,EAE3B;AAGA,SAAO;AAAA,IACL,WAAW;AAAA,IAEX,yBAAyB;AAAA,MACvB,OAAO;AAAA,MACP,YAAY;AAAA;AAAA,MAGZ,0BAA0B;AAAA,QACxB,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAGd,iBAAiB,EAAE,OAAO,oBAAA;AAAA,IAAoB;AAAA;AAAA,IAIhD,CAAC,iBAAiB,GAAG;AAAA,MACnB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,CAAC,sBAAsB,GAAG;AAAA,MACxB,KAAK;AAAA,MACL,YAAY,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,IAGhC,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,KAGV,0CAAkB,CAAA;AAE1B;;;"}

package/dist/formField.sx-DfVbMe0V.js

@@ -0,0 +1,77 @@
+var __defProp = Object.defineProperty;
+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;
+};
+const LABEL_MARGIN_TOP = "14px";
+const FIELD_INPUT_PADDING_Y = "8.5px";
+const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
+const LABEL_TRANSFORM_ORIGIN = "top left";
+const LABEL_TRANSITION = "color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
+const LABEL_COLOR_REST = "text.secondary";
+const LABEL_COLOR_FILLED = "text.primary";
+const LABEL_COLOR_FOCUSED = "primary.main";
+const LABEL_FONT_WEIGHT_FILLED = 500;
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const buildFormFieldSx = ({
+  borderRadius,
+  labelPosition,
+  includePickersApi = false,
+  extraOutsideSx,
+  extraFloatingSx
+}) => {
+  const radius = toRadius(borderRadius);
+  const outlinedRootSelector = includePickersApi ? "& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root" : "& .MuiOutlinedInput-root";
+  const inputBaseSelector = includePickersApi ? "& .MuiInputBase-root, & .MuiPickersInputBase-root" : "& .MuiInputBase-root";
+  const notchedOutlineSelector = includePickersApi ? "& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline" : "& .MuiOutlinedInput-notchedOutline";
+  if (labelPosition === "floating") {
+    return __spreadValues({
+      [outlinedRootSelector]: { borderRadius: radius }
+    }, extraFloatingSx != null ? extraFloatingSx : {});
+  }
+  return __spreadValues({
+    marginTop: LABEL_MARGIN_TOP,
+    "& .MuiInputLabel-root": {
+      color: LABEL_COLOR_REST,
+      transition: LABEL_TRANSITION,
+      // Estado shrunk (focused o con valor): flota ARRIBA del input.
+      "&.MuiInputLabel-shrink": {
+        transform: LABEL_SHRINK_TRANSFORM,
+        transformOrigin: LABEL_TRANSFORM_ORIGIN,
+        color: LABEL_COLOR_FILLED,
+        fontWeight: LABEL_FONT_WEIGHT_FILLED
+      },
+      "&.Mui-focused": { color: LABEL_COLOR_FOCUSED }
+    },
+    // Input base — centra verticalmente (clásico y, si aplica, pickers).
+    [inputBaseSelector]: {
+      borderRadius: radius,
+      display: "flex",
+      alignItems: "center"
+    },
+    // El label flota afuera: ocultar legend del notch.
+    [notchedOutlineSelector]: {
+      top: 0,
+      "& legend": { display: "none" }
+    },
+    "& .MuiFormHelperText-root": {
+      marginLeft: 0
+    }
+  }, extraOutsideSx != null ? extraOutsideSx : {});
+};
+export {
+  FIELD_INPUT_PADDING_Y as F,
+  buildFormFieldSx as b
+};
+//# sourceMappingURL=formField.sx-DfVbMe0V.js.map

package/dist/formField.sx-DfVbMe0V.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formField.sx-DfVbMe0V.js","sources":["../src/theme/tokens.ts","../src/components/_shared/formField.sx.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/** Padding vertical interno del input (TextField/Select/Picker sections). */\nexport const FIELD_INPUT_PADDING_Y = '8.5px';\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n","import type { SxProps, Theme } from '@mui/material/styles';\n\nimport {\n  LABEL_COLOR_FILLED,\n  LABEL_COLOR_FOCUSED,\n  LABEL_COLOR_REST,\n  LABEL_FONT_WEIGHT_FILLED,\n  LABEL_MARGIN_TOP,\n  LABEL_SHRINK_TRANSFORM,\n  LABEL_TRANSFORM_ORIGIN,\n  LABEL_TRANSITION,\n} from '../../theme/tokens';\n\nexport type LabelPosition = 'outside' | 'floating';\n\nexport interface BuildFormFieldSxOptions {\n  borderRadius: number | string;\n  labelPosition: LabelPosition;\n  /**\n   * Si es `true`, los selectores incluyen también la API nueva de MUI X\n   * Pickers (v8): `MuiPickersInputBase-root`, `MuiPickersOutlinedInput-*`.\n   */\n  includePickersApi?: boolean;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'outside'.\n   * Usar para paddings específicos del componente (p.ej. MuiAutocomplete-input).\n   */\n  extraOutsideSx?: Record<string, any>;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'floating'.\n   */\n  extraFloatingSx?: Record<string, any>;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Builder del sx compartido por todos los campos de formulario\n * (Input/Select/Autocomplete/DatePicker/DateTimePicker).\n *\n * Produce:\n * - en modo \"floating\": sólo el border-radius del outlined input;\n * - en modo \"outside\": todo el pack (margen superior, label flotante afuera,\n *   input base, notched outline oculto, helper text sin margen izquierdo).\n *\n * Componentes con paddings o selectores propios pueden inyectarlos vía\n * `extraOutsideSx` / `extraFloatingSx`.\n */\nexport const buildFormFieldSx = ({\n  borderRadius,\n  labelPosition,\n  includePickersApi = false,\n  extraOutsideSx,\n  extraFloatingSx,\n}: BuildFormFieldSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  // ── Selectores (alternan según la API de pickers) ────────────────────\n  const outlinedRootSelector = includePickersApi\n    ? '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root'\n    : '& .MuiOutlinedInput-root';\n\n  const inputBaseSelector = includePickersApi\n    ? '& .MuiInputBase-root, & .MuiPickersInputBase-root'\n    : '& .MuiInputBase-root';\n\n  const notchedOutlineSelector = includePickersApi\n    ? '& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline'\n    : '& .MuiOutlinedInput-notchedOutline';\n\n  // ── Floating ─────────────────────────────────────────────────────────\n  if (labelPosition === 'floating') {\n    return {\n      [outlinedRootSelector]: { borderRadius: radius },\n      ...(extraFloatingSx ?? {}),\n    };\n  }\n\n  // ── Outside ──────────────────────────────────────────────────────────\n  return {\n    marginTop: LABEL_MARGIN_TOP,\n\n    '& .MuiInputLabel-root': {\n      color: LABEL_COLOR_REST,\n      transition: LABEL_TRANSITION,\n\n      // Estado shrunk (focused o con valor): flota ARRIBA del input.\n      '&.MuiInputLabel-shrink': {\n        transform: LABEL_SHRINK_TRANSFORM,\n        transformOrigin: LABEL_TRANSFORM_ORIGIN,\n        color: LABEL_COLOR_FILLED,\n        fontWeight: LABEL_FONT_WEIGHT_FILLED,\n      },\n\n      '&.Mui-focused': { color: LABEL_COLOR_FOCUSED },\n    },\n\n    // Input base — centra verticalmente (clásico y, si aplica, pickers).\n    [inputBaseSelector]: {\n      borderRadius: radius,\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    // El label flota afuera: ocultar legend del notch.\n    [notchedOutlineSelector]: {\n      top: 0,\n      '& legend': { display: 'none' },\n    },\n\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n\n    ...(extraOutsideSx ?? {}),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAaO,MAAM,mBAAmB;AAGzB,MAAM,wBAAwB;AAI9B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;ACRxC,MAAM,WAAW,CAAC,iBAChB,OAAO,iBAAiB,WAAW,GAAG,YAAY,OAAO;AAcpD,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,SAAS,SAAS,YAAY;AAGpC,QAAM,uBAAuB,oBACzB,8DACA;AAEJ,QAAM,oBAAoB,oBACtB,sDACA;AAEJ,QAAM,yBAAyB,oBAC3B,kFACA;AAGJ,MAAI,kBAAkB,YAAY;AAChC,WAAO;AAAA,MACL,CAAC,oBAAoB,GAAG,EAAE,cAAc,OAAA;AAAA,OACpC,4CAAmB,CAAA;AAAA,EAE3B;AAGA,SAAO;AAAA,IACL,WAAW;AAAA,IAEX,yBAAyB;AAAA,MACvB,OAAO;AAAA,MACP,YAAY;AAAA;AAAA,MAGZ,0BAA0B;AAAA,QACxB,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAGd,iBAAiB,EAAE,OAAO,oBAAA;AAAA,IAAoB;AAAA;AAAA,IAIhD,CAAC,iBAAiB,GAAG;AAAA,MACnB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,CAAC,sBAAsB,GAAG;AAAA,MACxB,KAAK;AAAA,MACL,YAAY,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,IAGhC,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,KAGV,0CAAkB,CAAA;AAE1B;"}

package/dist/hooks/Wizard/Wizard.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const useWizard = require("../../useWizard-CWdIxZzX.cjs");
+exports.WizardContext = useWizard.WizardContext;
+exports.WizardProvider = useWizard.WizardProvider;
+exports.useWizard = useWizard.useWizard;
+//# sourceMappingURL=Wizard.cjs.map

package/dist/hooks/Wizard/Wizard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/hooks/Wizard/Wizard.js

@@ -0,0 +1,7 @@
+import { a, W, u } from "../../useWizard-CWq--C3o.js";
+export {
+  a as WizardContext,
+  W as WizardProvider,
+  u as useWizard
+};
+//# sourceMappingURL=Wizard.js.map

package/dist/hooks/Wizard/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/hooks/Wizard/WizardContext.d.ts

@@ -0,0 +1,67 @@
+import { default as React, FC, ReactNode } from 'react';
+/**
+ * API expuesta por `useWizard()`.
+ *
+ * Nota de retro-compatibilidad: los nombres `submitStep`, `nextStep`,
+ * `prevStep`, `goToStep` se mantienen idénticos al `WizardContext` de
+ * `@soyfri/fri-web-components` para que consumers migrando no tengan que
+ * cambiar sus llamadas. Se agregan campos extra opcionales que antes no
+ * existían (`currentStep`, `totalSteps`, `isFirst`, `isLast`, `completed`).
+ */
+export interface WizardContextValue {
+    /** Índice del paso actual (0-based). */
+    currentStep: number;
+    /** Total de pasos del wizard. */
+    totalSteps: number;
+    /** True si `currentStep === 0`. */
+    isFirst: boolean;
+    /** True si `currentStep === totalSteps - 1`. */
+    isLast: boolean;
+    /** True tras ejecutar `submitStep()` desde el último paso. */
+    completed: boolean;
+    /** Avanza al siguiente paso (no pasa de `totalSteps - 1`). */
+    nextStep: () => void;
+    /** Retrocede al paso anterior (no baja de 0). */
+    prevStep: () => void;
+    /** Salta a un paso específico (0-based). No-op si fuera de rango. */
+    goToStep: (stepNumber: number) => void;
+    /**
+     * Envía el wizard. Marca `completed = true` y dispara el callback
+     * `onSubmit` del provider. En el último paso suele reemplazar a `nextStep`.
+     */
+    submitStep: () => void;
+    /** Resetea el wizard al paso inicial y limpia `completed`. */
+    reset: () => void;
+}
+export declare const WizardContext: React.Context<WizardContextValue>;
+export interface WizardProviderProps {
+    /** Número total de pasos del wizard. Requerido. */
+    totalSteps: number;
+    /** Paso inicial (0-based). Default: 0. */
+    initialStep?: number;
+    /**
+     * Callback disparado cuando se llama `submitStep()`. Recibe el paso actual.
+     * El paquete NO ejecuta ninguna petición; queda a cargo del consumer.
+     */
+    onSubmit?: (currentStep: number) => void;
+    /**
+     * Callback disparado en cada cambio de paso (next/prev/goTo).
+     * Útil para tracking o validaciones externas.
+     */
+    onStepChange?: (newStep: number, prevStep: number) => void;
+    children?: ReactNode;
+}
+/**
+ * Provider del wizard. Administra el `currentStep` internamente. El consumer
+ * no necesita gestionar estado — sólo consumirlo con `useWizard()` desde
+ * cualquier descendiente.
+ *
+ * ```tsx
+ * <WizardProvider totalSteps={3} onSubmit={handleFinalSubmit}>
+ *   <Stepper ... />
+ *   <StepContent />
+ *   <WizardControls />
+ * </WizardProvider>
+ * ```
+ */
+export declare const WizardProvider: FC<WizardProviderProps>;

package/dist/hooks/Wizard/index.d.ts

@@ -0,0 +1,3 @@
+export { useWizard } from './useWizard';
+export { WizardProvider, WizardContext, } from './WizardContext';
+export type { WizardContextValue, WizardProviderProps } from './WizardContext';

package/dist/hooks/Wizard/useWizard.d.ts

@@ -0,0 +1,9 @@
+import { WizardContextValue } from './WizardContext';
+/**
+ * Hook para consumir el `WizardContext` desde cualquier descendiente de
+ * `<WizardProvider>`.
+ *
+ * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)
+ * para mantener compatibilidad con el hook original de fri-web-components.
+ */
+export declare function useWizard(): WizardContextValue;

package/dist/hooks/Wizard.d.ts

@@ -0,0 +1,2 @@
+export * from './Wizard/index'
+export {}

package/dist/index.cjs

@@ -1,2 +1,100 @@
 "use strict";
-require('./index.css');//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require('./styles.css');;/* empty css                  */
+const resolvePreset = require("./resolvePreset-CT3kU-K2.cjs");
+const material = require("@mui/material");
+exports.DEFAULT_PRESET_NAME = resolvePreset.DEFAULT_PRESET_NAME;
+exports.resolvePreset = resolvePreset.resolvePreset;
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: () => material.Alert
+});
+Object.defineProperty(exports, "AlertTitle", {
+  enumerable: true,
+  get: () => material.AlertTitle
+});
+Object.defineProperty(exports, "Backdrop", {
+  enumerable: true,
+  get: () => material.Backdrop
+});
+Object.defineProperty(exports, "Box", {
+  enumerable: true,
+  get: () => material.Box
+});
+Object.defineProperty(exports, "CircularProgress", {
+  enumerable: true,
+  get: () => material.CircularProgress
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: () => material.Collapse
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: () => material.Container
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: () => material.Divider
+});
+Object.defineProperty(exports, "Fade", {
+  enumerable: true,
+  get: () => material.Fade
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: () => material.Grid
+});
+Object.defineProperty(exports, "Grow", {
+  enumerable: true,
+  get: () => material.Grow
+});
+Object.defineProperty(exports, "LinearProgress", {
+  enumerable: true,
+  get: () => material.LinearProgress
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: () => material.Link
+});
+Object.defineProperty(exports, "Paper", {
+  enumerable: true,
+  get: () => material.Paper
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: () => material.Skeleton
+});
+Object.defineProperty(exports, "Snackbar", {
+  enumerable: true,
+  get: () => material.Snackbar
+});
+Object.defineProperty(exports, "Stack", {
+  enumerable: true,
+  get: () => material.Stack
+});
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: () => material.Typography
+});
+Object.defineProperty(exports, "Zoom", {
+  enumerable: true,
+  get: () => material.Zoom
+});
+Object.defineProperty(exports, "alpha", {
+  enumerable: true,
+  get: () => material.alpha
+});
+Object.defineProperty(exports, "styled", {
+  enumerable: true,
+  get: () => material.styled
+});
+Object.defineProperty(exports, "useMediaQuery", {
+  enumerable: true,
+  get: () => material.useMediaQuery
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: () => material.useTheme
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export type { LibraryComponentName, PresetStyle, ComponentPresets, LibraryStyles, } from './theme/componentStyles';
+export { DEFAULT_PRESET_NAME, resolvePreset } from './components/_shared/resolvePreset';
+export * from './mui';

package/dist/index.js

@@ -1,2 +1,31 @@
-
-import './index.css';//# sourceMappingURL=index.js.map
+import './styles.css';/* empty css                */
+import { D, r } from "./resolvePreset-B-IB0ehH.js";
+import { Alert, AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Divider, Fade, Grid, Grow, LinearProgress, Link, Paper, Skeleton, Snackbar, Stack, Typography, Zoom, alpha, styled, useMediaQuery, useTheme } from "@mui/material";
+export {
+  Alert,
+  AlertTitle,
+  Backdrop,
+  Box,
+  CircularProgress,
+  Collapse,
+  Container,
+  D as DEFAULT_PRESET_NAME,
+  Divider,
+  Fade,
+  Grid,
+  Grow,
+  LinearProgress,
+  Link,
+  Paper,
+  Skeleton,
+  Snackbar,
+  Stack,
+  Typography,
+  Zoom,
+  alpha,
+  r as resolvePreset,
+  styled,
+  useMediaQuery,
+  useTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/mui.d.ts

@@ -0,0 +1,5 @@
+export { Box, Stack, Grid, Container, Paper, Divider, } from '@mui/material';
+export { Typography, Link } from '@mui/material';
+export { CircularProgress, LinearProgress, Skeleton, Alert, AlertTitle, Snackbar, Backdrop, Fade, Grow, Zoom, Collapse, } from '@mui/material';
+export { useTheme, useMediaQuery, alpha, styled } from '@mui/material';
+export type { SxProps, Theme } from '@mui/material/styles';

package/dist/resolvePreset-B-IB0ehH.js

@@ -0,0 +1,15 @@
+const DEFAULT_PRESET_NAME = "default";
+function resolvePreset(componentName, presetName, theme) {
+  var _a;
+  if (!presetName || presetName === DEFAULT_PRESET_NAME) return void 0;
+  const componentPresets = (_a = theme.styles) == null ? void 0 : _a[componentName];
+  if (!componentPresets) return void 0;
+  const entry = componentPresets[presetName];
+  if (!entry) return void 0;
+  return typeof entry === "function" ? entry(theme) : entry;
+}
+export {
+  DEFAULT_PRESET_NAME as D,
+  resolvePreset as r
+};
+//# sourceMappingURL=resolvePreset-B-IB0ehH.js.map

package/dist/resolvePreset-B-IB0ehH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolvePreset-B-IB0ehH.js","sources":["../src/components/_shared/resolvePreset.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nimport type { LibraryComponentName, PresetStyle } from '../../theme/componentStyles';\n\n/**\n * Nombre del preset built-in del paquete. No se registra en el theme: si un\n * componente recibe `preset=\"default\"` (o no recibe preset), sólo aplica el\n * estilo base de fábrica.\n */\nexport const DEFAULT_PRESET_NAME = 'default';\n\n/**\n * Resuelve el sx de un preset registrado en `theme.styles[componentName]`.\n *\n * - Si `presetName` es `\"default\"` o `undefined`, devuelve `undefined`\n *   (caller sólo aplicará el estilo base del paquete).\n * - Si la entrada en el theme es una función `(theme) => sx`, se ejecuta.\n * - Si la entrada no existe, devuelve `undefined` silenciosamente (no se\n *   rompe el componente — la responsabilidad de registrarlo es del consumer).\n */\nexport function resolvePreset(\n  componentName: LibraryComponentName,\n  presetName: string | undefined,\n  theme: Theme,\n): SxProps<Theme> | undefined {\n  if (!presetName || presetName === DEFAULT_PRESET_NAME) return undefined;\n\n  const componentPresets = theme.styles?.[componentName];\n  if (!componentPresets) return undefined;\n\n  const entry: PresetStyle | undefined = componentPresets[presetName];\n  if (!entry) return undefined;\n\n  return typeof entry === 'function' ? entry(theme) : entry;\n}\n"],"names":[],"mappings":"AASO,MAAM,sBAAsB;AAW5B,SAAS,cACd,eACA,YACA,OAC4B;AAfvB;AAgBL,MAAI,CAAC,cAAc,eAAe,oBAAqB,QAAO;AAE9D,QAAM,oBAAmB,WAAM,WAAN,mBAAe;AACxC,MAAI,CAAC,iBAAkB,QAAO;AAE9B,QAAM,QAAiC,iBAAiB,UAAU;AAClE,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,OAAO,UAAU,aAAa,MAAM,KAAK,IAAI;AACtD;"}