@soyfri/shared-library 3.0.0 → 3.2.0

package/components/MenuButton/MenuButton.js

@@ -1,78 +1,5 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useRef, useId } from "react";
-import { Button, Menu, MenuItem, ListItemIcon, Typography } from "@mui/material";
-const MenuButton = ({
-  buttonText,
-  buttonIcon,
-  options,
-  variant = "contained"
-}) => {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const [menuWidth, setMenuWidth] = useState(0);
-  const open = Boolean(anchorEl);
-  const buttonRef = useRef(null);
-  const uniqueId = useId();
-  const buttonId = `menu-button-${uniqueId}`;
-  const menuId = `menu-content-${uniqueId}`;
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-    if (buttonRef.current) {
-      setMenuWidth(buttonRef.current.offsetWidth);
-    }
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  const handleMenuItemClick = (action) => {
-    handleClose();
-    action();
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        ref: buttonRef,
-        variant,
-        id: buttonId,
-        "aria-controls": open ? menuId : void 0,
-        "aria-haspopup": "true",
-        "aria-expanded": open ? "true" : void 0,
-        onClick: handleClick,
-        startIcon: buttonIcon,
-        children: buttonText
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Menu,
-      {
-        id: menuId,
-        anchorEl,
-        open,
-        onClose: handleClose,
-        MenuListProps: {
-          "aria-labelledby": buttonId
-        },
-        PaperProps: {
-          style: {
-            minWidth: menuWidth
-          }
-        },
-        children: options.map((option, index) => /* @__PURE__ */ jsxs(
-          MenuItem,
-          {
-            onClick: () => handleMenuItemClick(option.action),
-            children: [
-              option.icon && /* @__PURE__ */ jsx(ListItemIcon, { children: option.icon }),
-              /* @__PURE__ */ jsx(Typography, { variant: "inherit", noWrap: true, children: option.label })
-            ]
-          },
-          index
-        ))
-      }
-    )
-  ] });
-};
+import { M } from "../../MenuButton-CZRN4P6x.js";
 export {
-  MenuButton
+  M as MenuButton
 };
 //# sourceMappingURL=MenuButton.js.map

package/components/MenuButton/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { useState, MouseEvent, ReactNode, useId, useRef } from 'react'; // 👈 Importa useRef\nimport { Button, Menu, MenuItem, ListItemIcon, Typography } from '@mui/material';\nimport { ButtonProps } from '@mui/material/Button';\n\n// Define la interfaz para cada opción del menú\nexport interface MenuOption {\n    label: string;\n    action: () => void;\n    icon?: ReactNode;\n}\n\n// Define las props para el componente reutilizable\ninterface MenuButtonProps {\n    buttonText?: string;\n    buttonIcon?: ReactNode;\n    options: MenuOption[];\n    variant?: ButtonProps['variant'];\n}\n\nexport const MenuButton: React.FC<MenuButtonProps> = ({\n    buttonText,\n    buttonIcon,\n    options,\n    variant = 'contained',\n}) => {\n    const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n    const [menuWidth, setMenuWidth] = useState<number>(0);\n    const open = Boolean(anchorEl);\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    const uniqueId = useId();\n    const buttonId = `menu-button-${uniqueId}`;\n    const menuId = `menu-content-${uniqueId}`;\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n        setAnchorEl(event.currentTarget);\n        if (buttonRef.current) {\n            setMenuWidth(buttonRef.current.offsetWidth);\n        }\n    };\n\n    const handleClose = () => {\n        setAnchorEl(null);\n    };\n\n    const handleMenuItemClick = (action: () => void) => {\n        handleClose();\n        action();\n    };\n\n    return (\n        <>\n            <Button\n                ref={buttonRef}\n                variant={variant}\n                id={buttonId}\n                aria-controls={open ? menuId : undefined}\n                aria-haspopup=\"true\"\n                aria-expanded={open ? 'true' : undefined}\n                onClick={handleClick}\n                startIcon={buttonIcon}\n            >\n                {buttonText}\n            </Button>\n            <Menu\n                id={menuId}\n                anchorEl={anchorEl}\n                open={open}\n                onClose={handleClose}\n                MenuListProps={{\n                    'aria-labelledby': buttonId,\n                }}\n                PaperProps={{\n                    style: {\n                        minWidth: menuWidth,\n                    },\n                }}\n            >\n                {options.map((option, index) => (\n                    <MenuItem\n                        key={index}\n                        onClick={() => handleMenuItemClick(option.action)}\n                    >\n                        {option.icon && (\n                            <ListItemIcon>\n                                {option.icon}\n                            </ListItemIcon>\n                        )}\n                        <Typography variant=\"inherit\" noWrap>\n                            {option.label}\n                        </Typography>\n                    </MenuItem>\n                ))}\n            </Menu>\n        </>\n    );\n};\n\nexport default MenuButton;"],"names":[],"mappings":";;;AAmBO,MAAM,aAAwC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACd,MAAM;AACF,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,CAAC;AACpD,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,YAAY,OAA0B,IAAI;AAEhD,QAAM,WAAW,MAAA;AACjB,QAAM,WAAW,eAAe,QAAQ;AACxC,QAAM,SAAS,gBAAgB,QAAQ;AAEvC,QAAM,cAAc,CAAC,UAAyC;AAC1D,gBAAY,MAAM,aAAa;AAC/B,QAAI,UAAU,SAAS;AACnB,mBAAa,UAAU,QAAQ,WAAW;AAAA,IAC9C;AAAA,EACJ;AAEA,QAAM,cAAc,MAAM;AACtB,gBAAY,IAAI;AAAA,EACpB;AAEA,QAAM,sBAAsB,CAAC,WAAuB;AAChD,gBAAA;AACA,WAAA;AAAA,EACJ;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL;AAAA,QACA,IAAI;AAAA,QACJ,iBAAe,OAAO,SAAS;AAAA,QAC/B,iBAAc;AAAA,QACd,iBAAe,OAAO,SAAS;AAAA,QAC/B,SAAS;AAAA,QACT,WAAW;AAAA,QAEV,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,eAAe;AAAA,UACX,mBAAmB;AAAA,QAAA;AAAA,QAEvB,YAAY;AAAA,UACR,OAAO;AAAA,YACH,UAAU;AAAA,UAAA;AAAA,QACd;AAAA,QAGH,UAAA,QAAQ,IAAI,CAAC,QAAQ,UAClB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,SAAS,MAAM,oBAAoB,OAAO,MAAM;AAAA,YAE/C,UAAA;AAAA,cAAA,OAAO,QACJ,oBAAC,cAAA,EACI,UAAA,OAAO,MACZ;AAAA,kCAEH,YAAA,EAAW,SAAQ,WAAU,QAAM,MAC/B,iBAAO,MAAA,CACZ;AAAA,YAAA;AAAA,UAAA;AAAA,UAVK;AAAA,QAAA,CAYZ;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;"}
+{"version":3,"file":"MenuButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/RadioGroup/RadioGroup.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const RadioGroup = require("../../RadioGroup-Dd0rHXSX.cjs");
+const RadioGroup = require("../../RadioGroup-DVvmmDs3.cjs");
 exports.RadioGroup = RadioGroup.RadioGroup;
 exports.default = RadioGroup.RadioGroup;
 //# sourceMappingURL=RadioGroup.cjs.map

package/components/RadioGroup/RadioGroup.js

@@ -1,4 +1,4 @@
-import { R, R as R2 } from "../../RadioGroup-bO-ahP9T.js";
+import { R, R as R2 } from "../../RadioGroup-cKCpag8W.js";
 export {
   R as RadioGroup,
   R2 as default

package/components/Select/Select.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Select = require("../../Select-CURrHSyl.cjs");
+const Select = require("../../Select-WpHNCHHz.cjs");
 exports.Option = Select.Option;
 exports.Select = Select.Select;
 exports.default = Select.Select;

package/components/Select/Select.js

@@ -1,4 +1,4 @@
-import { O, S, S as S2 } from "../../Select-BY5Y0qZ1.js";
+import { O, S, S as S2 } from "../../Select-BaY3zJhq.js";
 export {
   O as Option,
   S as Select,

package/components/Switch/Switch.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Switch = require("../../Switch-CQFOopYy.cjs");
+const Switch = require("../../Switch-B4ex7yKR.cjs");
 exports.Switch = Switch.Switch;
 exports.default = Switch.Switch;
 //# sourceMappingURL=Switch.cjs.map

package/components/Switch/Switch.js

@@ -1,4 +1,4 @@
-import { S, S as S2 } from "../../Switch-D72dpkH2.js";
+import { S, S as S2 } from "../../Switch-CY1Dd2ff.js";
 export {
   S as Switch,
   S2 as default

package/components/Table/Table.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Table = require("../../Table-C4OM6rrC.cjs");
+const Table = require("../../Table-DaNgX7PO.cjs");
 exports.Table = Table.Table;
 //# sourceMappingURL=Table.cjs.map

package/components/Table/Table.js

@@ -1,4 +1,4 @@
-import { T } from "../../Table-C2LbW0B1.js";
+import { T } from "../../Table-aNFAOuQk.js";
 export {
   T as Table
 };

package/components/Timeline/Timeline.cjs

@@ -1,86 +1,7 @@
 "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;
-};
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const MuiTimeline = require("@mui/lab/Timeline");
-const MuiTimelineItem = require("@mui/lab/TimelineItem");
-const MuiTimelineSeparator = require("@mui/lab/TimelineSeparator");
-const MuiTimelineConnector = require("@mui/lab/TimelineConnector");
-const MuiTimelineContent = require("@mui/lab/TimelineContent");
-const MuiTimelineDot = require("@mui/lab/TimelineDot");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const Timeline = ({ children, position = "right", sx }) => {
-  const count = React__namespace.Children.count(children);
-  const customSx = position === "left" || position === "right" ? __spreadValues({
-    [`& .${MuiTimelineItem.timelineItemClasses.root}:before`]: {
-      flex: 0,
-      padding: 0
-    }
-  }, sx) : sx;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MuiTimeline,
-    {
-      position,
-      sx: __spreadValues({}, customSx),
-      children: React__namespace.Children.map(
-        children,
-        (child, idx) => {
-          var _a;
-          return React__namespace.isValidElement(child) ? React__namespace.cloneElement(child, {
-            connectorColor: idx < count - 1 ? (_a = child.props.connectorColor) != null ? _a : "grey" : void 0
-          }) : null;
-        }
-      )
-    }
-  );
-};
-const TimelineItem = ({
-  dotColor = "grey",
-  connectorColor,
-  children
-}) => {
-  const color = connectorColor ? `${connectorColor}.main` : "secondary.main";
-  return /* @__PURE__ */ jsxRuntime.jsxs(MuiTimelineItem, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(MuiTimelineSeparator, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineDot, { color: dotColor }),
-      connectorColor !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineConnector, { sx: { bgcolor: color } })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineContent, { children })
-  ] });
-};
-exports.Timeline = Timeline;
-exports.TimelineItem = TimelineItem;
-exports.default = Timeline;
+const TimelineItem = require("../../TimelineItem-BbhUWJhU.cjs");
+exports.Timeline = TimelineItem.Timeline;
+exports.TimelineItem = TimelineItem.TimelineItem;
+exports.default = TimelineItem.Timeline;
 //# sourceMappingURL=Timeline.cjs.map

package/components/Timeline/Timeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.cjs","sources":["../../../src/components/Timeline/Timeline.tsx","../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport MuiTimeline from '@mui/lab/Timeline';\nimport { timelineItemClasses } from '@mui/lab/TimelineItem';\n\nimport type { TimelineItemProps } from './TimelineItem';\n\nexport interface TimelineProps {\n  children: React.ReactElement<TimelineItemProps>[];\n  position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';\n  sx?: object;\n}\n\nexport const Timeline: React.FC<TimelineProps> = ({ children, position = \"right\", sx }) => {\n  const count = React.Children.count(children);\n\n    const customSx = (position === \"left\" || position === \"right\")\n    ? {\n        [`& .${timelineItemClasses.root}:before`]: {\n          flex: 0,\n          padding: 0,\n        },\n        ...sx,\n      }\n    : sx;\n    \n  return (\n    <MuiTimeline position={position}\n      sx={{...customSx}}\n      >\n      {React.Children.map(children, (child, idx) =>\n        React.isValidElement(child)\n          ? React.cloneElement(child, {\n            connectorColor: idx < count - 1\n              ? child.props.connectorColor ?? 'grey'\n              : undefined,\n          })\n          : null\n      )}\n    </MuiTimeline>\n\n  );\n};\n\nexport default Timeline;","\nimport MuiTimelineItem from \"@mui/lab/TimelineItem\";\nimport MuiTimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport MuiTimelineConnector from \"@mui/lab/TimelineConnector\";\nimport MuiTimelineContent from \"@mui/lab/TimelineContent\";\nimport MuiTimelineDot from \"@mui/lab/TimelineDot\";\n\nexport interface TimelineItemProps {\n  dotColor?: 'primary' | 'secondary' | 'grey' | 'inherit' | 'success' | 'error' | 'info' | 'warning';\n  connectorColor?: 'success' | 'error' | 'info' | 'warning' | 'primary' | 'secondary' | 'grey';\n  children: React.ReactNode;\n}\n\nexport const TimelineItem: React.FC<TimelineItemProps> = ({\n  dotColor = 'grey',\n  connectorColor,\n  children\n}) => {\n  const color = connectorColor ? `${connectorColor}.main` : 'secondary.main';\n  return (\n    <MuiTimelineItem>\n      <MuiTimelineSeparator>\n        <MuiTimelineDot color={dotColor} />\n        {connectorColor !== undefined && <MuiTimelineConnector sx={{ bgcolor: color }} />}\n      </MuiTimelineSeparator>\n      <MuiTimelineContent>{children}</MuiTimelineContent>\n    </MuiTimelineItem>\n  );\n};\n\nexport default TimelineItem"],"names":["React","timelineItemClasses","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAoC,CAAC,EAAE,UAAU,WAAW,SAAS,SAAS;AACzF,QAAM,QAAQA,iBAAM,SAAS,MAAM,QAAQ;AAEzC,QAAM,WAAY,aAAa,UAAU,aAAa,UACpD;AAAA,IACE,CAAC,MAAMC,gBAAAA,oBAAoB,IAAI,SAAS,GAAG;AAAA,MACzC,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,KAER,MAEL;AAEJ,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAAY;AAAA,MACX,IAAI,mBAAI;AAAA,MAEP,2BAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,OAAO,QAAA;;AACpCF,kCAAM,eAAe,KAAK,IACtBA,iBAAM,aAAa,OAAO;AAAA,YAC1B,gBAAgB,MAAM,QAAQ,KAC1B,WAAM,MAAM,mBAAZ,YAA8B,SAC9B;AAAA,UAAA,CACL,IACC;AAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIN;AC5BO,MAAM,eAA4C,CAAC;AAAA,EACxD,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,iBAAiB,GAAG,cAAc,UAAU;AAC1D,yCACG,iBAAA,EACC,UAAA;AAAA,IAAAG,gCAAC,sBAAA,EACC,UAAA;AAAA,MAAAD,2BAAAA,IAAC,gBAAA,EAAe,OAAO,SAAA,CAAU;AAAA,MAChC,mBAAmB,UAAaA,2BAAAA,IAAC,sBAAA,EAAqB,IAAI,EAAE,SAAS,QAAM,CAAG;AAAA,IAAA,GACjF;AAAA,IACAA,+BAAC,sBAAoB,SAAA,CAAS;AAAA,EAAA,GAChC;AAEJ;;;;"}
+{"version":3,"file":"Timeline.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/components/Timeline/Timeline.js

@@ -1,69 +1,7 @@
-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;
-};
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import MuiTimeline from "@mui/lab/Timeline";
-import MuiTimelineItem, { timelineItemClasses } from "@mui/lab/TimelineItem";
-import MuiTimelineSeparator from "@mui/lab/TimelineSeparator";
-import MuiTimelineConnector from "@mui/lab/TimelineConnector";
-import MuiTimelineContent from "@mui/lab/TimelineContent";
-import MuiTimelineDot from "@mui/lab/TimelineDot";
-const Timeline = ({ children, position = "right", sx }) => {
-  const count = React.Children.count(children);
-  const customSx = position === "left" || position === "right" ? __spreadValues({
-    [`& .${timelineItemClasses.root}:before`]: {
-      flex: 0,
-      padding: 0
-    }
-  }, sx) : sx;
-  return /* @__PURE__ */ jsx(
-    MuiTimeline,
-    {
-      position,
-      sx: __spreadValues({}, customSx),
-      children: React.Children.map(
-        children,
-        (child, idx) => {
-          var _a;
-          return React.isValidElement(child) ? React.cloneElement(child, {
-            connectorColor: idx < count - 1 ? (_a = child.props.connectorColor) != null ? _a : "grey" : void 0
-          }) : null;
-        }
-      )
-    }
-  );
-};
-const TimelineItem = ({
-  dotColor = "grey",
-  connectorColor,
-  children
-}) => {
-  const color = connectorColor ? `${connectorColor}.main` : "secondary.main";
-  return /* @__PURE__ */ jsxs(MuiTimelineItem, { children: [
-    /* @__PURE__ */ jsxs(MuiTimelineSeparator, { children: [
-      /* @__PURE__ */ jsx(MuiTimelineDot, { color: dotColor }),
-      connectorColor !== void 0 && /* @__PURE__ */ jsx(MuiTimelineConnector, { sx: { bgcolor: color } })
-    ] }),
-    /* @__PURE__ */ jsx(MuiTimelineContent, { children })
-  ] });
-};
+import { T, a, T as T2 } from "../../TimelineItem-0jRPFT11.js";
 export {
-  Timeline,
-  TimelineItem,
-  Timeline as default
+  T as Timeline,
+  a as TimelineItem,
+  T2 as default
 };
 //# sourceMappingURL=Timeline.js.map

package/components/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx","../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport MuiTimeline from '@mui/lab/Timeline';\nimport { timelineItemClasses } from '@mui/lab/TimelineItem';\n\nimport type { TimelineItemProps } from './TimelineItem';\n\nexport interface TimelineProps {\n  children: React.ReactElement<TimelineItemProps>[];\n  position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';\n  sx?: object;\n}\n\nexport const Timeline: React.FC<TimelineProps> = ({ children, position = \"right\", sx }) => {\n  const count = React.Children.count(children);\n\n    const customSx = (position === \"left\" || position === \"right\")\n    ? {\n        [`& .${timelineItemClasses.root}:before`]: {\n          flex: 0,\n          padding: 0,\n        },\n        ...sx,\n      }\n    : sx;\n    \n  return (\n    <MuiTimeline position={position}\n      sx={{...customSx}}\n      >\n      {React.Children.map(children, (child, idx) =>\n        React.isValidElement(child)\n          ? React.cloneElement(child, {\n            connectorColor: idx < count - 1\n              ? child.props.connectorColor ?? 'grey'\n              : undefined,\n          })\n          : null\n      )}\n    </MuiTimeline>\n\n  );\n};\n\nexport default Timeline;","\nimport MuiTimelineItem from \"@mui/lab/TimelineItem\";\nimport MuiTimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport MuiTimelineConnector from \"@mui/lab/TimelineConnector\";\nimport MuiTimelineContent from \"@mui/lab/TimelineContent\";\nimport MuiTimelineDot from \"@mui/lab/TimelineDot\";\n\nexport interface TimelineItemProps {\n  dotColor?: 'primary' | 'secondary' | 'grey' | 'inherit' | 'success' | 'error' | 'info' | 'warning';\n  connectorColor?: 'success' | 'error' | 'info' | 'warning' | 'primary' | 'secondary' | 'grey';\n  children: React.ReactNode;\n}\n\nexport const TimelineItem: React.FC<TimelineItemProps> = ({\n  dotColor = 'grey',\n  connectorColor,\n  children\n}) => {\n  const color = connectorColor ? `${connectorColor}.main` : 'secondary.main';\n  return (\n    <MuiTimelineItem>\n      <MuiTimelineSeparator>\n        <MuiTimelineDot color={dotColor} />\n        {connectorColor !== undefined && <MuiTimelineConnector sx={{ bgcolor: color }} />}\n      </MuiTimelineSeparator>\n      <MuiTimelineContent>{children}</MuiTimelineContent>\n    </MuiTimelineItem>\n  );\n};\n\nexport default TimelineItem"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAoC,CAAC,EAAE,UAAU,WAAW,SAAS,SAAS;AACzF,QAAM,QAAQ,MAAM,SAAS,MAAM,QAAQ;AAEzC,QAAM,WAAY,aAAa,UAAU,aAAa,UACpD;AAAA,IACE,CAAC,MAAM,oBAAoB,IAAI,SAAS,GAAG;AAAA,MACzC,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,KAER,MAEL;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAAY;AAAA,MACX,IAAI,mBAAI;AAAA,MAEP,gBAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,OAAO,QAAA;;AACpC,uBAAM,eAAe,KAAK,IACtB,MAAM,aAAa,OAAO;AAAA,YAC1B,gBAAgB,MAAM,QAAQ,KAC1B,WAAM,MAAM,mBAAZ,YAA8B,SAC9B;AAAA,UAAA,CACL,IACC;AAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIN;AC5BO,MAAM,eAA4C,CAAC;AAAA,EACxD,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,iBAAiB,GAAG,cAAc,UAAU;AAC1D,8BACG,iBAAA,EACC,UAAA;AAAA,IAAA,qBAAC,sBAAA,EACC,UAAA;AAAA,MAAA,oBAAC,gBAAA,EAAe,OAAO,SAAA,CAAU;AAAA,MAChC,mBAAmB,UAAa,oBAAC,sBAAA,EAAqB,IAAI,EAAE,SAAS,QAAM,CAAG;AAAA,IAAA,GACjF;AAAA,IACA,oBAAC,sBAAoB,SAAA,CAAS;AAAA,EAAA,GAChC;AAEJ;"}
+{"version":3,"file":"Timeline.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Tooltip/Tooltip.cjs

@@ -1,42 +1,5 @@
 "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));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const MuiTooltip = require("@mui/material/Tooltip");
-const Typography = require("@mui/material/Typography");
-const Box = require("@mui/material/Box");
-const Tooltip = ({ text, maxWidth, children, sx }) => {
-  const tooltipContentStyle = __spreadProps(__spreadValues({}, maxWidth && { maxWidth }), {
-    padding: "4px 8px",
-    textAlign: "center"
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MuiTooltip,
-    {
-      title: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", component: "span", sx: tooltipContentStyle, children: text }),
-      placement: "top",
-      arrow: true,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: __spreadValues({ display: "inline-block" }, sx), children })
-    }
-  );
-};
-exports.Tooltip = Tooltip;
+const Tooltip = require("../../Tooltip-DpAsWGpN.cjs");
+exports.Tooltip = Tooltip.Tooltip;
 //# sourceMappingURL=Tooltip.cjs.map

package/components/Tooltip/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport MuiTooltip from '@mui/material/Tooltip'; \nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { SxProps, Theme } from '@mui/material';\n\n/**\n * Propiedades del componente Tooltip.\n * @param {string} text - El texto a mostrar dentro del Tooltip.\n * @param {number} [maxWidth] - El ancho máximo opcional del Tooltip en píxeles.\n * @param {React.ReactNode} children - El elemento al que se le aplicará el Tooltip.\n * @param {SxProps<Theme>} [sx] - Estilos opcionales para el Box contenedor.\n */\ninterface TooltipProps {\n  text: string;\n  maxWidth?: number;\n  children: React.ReactNode;\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Componente Tooltip reutilizable.\n * Muestra un texto al pasar el ratón sobre su elemento hijo, \n * permitiendo un ancho máximo configurable.\n * * @param {TooltipProps} props - Propiedades del Tooltip.\n */\nconst Tooltip: React.FC<TooltipProps> = ({ text, maxWidth, children, sx }) => {\n  \n  const tooltipContentStyle: SxProps<Theme> = {\n    \n    ...(maxWidth && { maxWidth: maxWidth }), \n    padding: '4px 8px', \n    textAlign: 'center',\n    \n  };\n\n  return (\n    \n    <MuiTooltip\n      title={\n        \n        <Typography variant=\"caption\" component=\"span\" sx={tooltipContentStyle}>\n          {text}\n        </Typography>\n      }\n      \n      placement=\"top\" \n      arrow \n    >\n      \n      <Box component=\"span\" sx={{ display: 'inline-block', ...sx }}>\n        {children}\n      </Box>\n    </MuiTooltip>\n  );\n};\n\nexport default Tooltip;"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,UAAkC,CAAC,EAAE,MAAM,UAAU,UAAU,SAAS;AAE5E,QAAM,sBAAsC,iCAEtC,YAAY,EAAE,SAAA,IAFwB;AAAA,IAG1C,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAIb,SAEEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,sCAEG,YAAA,EAAW,SAAQ,WAAU,WAAU,QAAO,IAAI,qBAChD,UAAA,KAAA,CACH;AAAA,MAGF,WAAU;AAAA,MACV,OAAK;AAAA,MAGL,UAAAA,2BAAAA,IAAC,KAAA,EAAI,WAAU,QAAO,IAAI,iBAAE,SAAS,kBAAmB,KACrD,SAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"Tooltip.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/Tooltip/Tooltip.js

@@ -1,42 +1,5 @@
-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));
-import { jsx } from "react/jsx-runtime";
-import MuiTooltip from "@mui/material/Tooltip";
-import Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
-const Tooltip = ({ text, maxWidth, children, sx }) => {
-  const tooltipContentStyle = __spreadProps(__spreadValues({}, maxWidth && { maxWidth }), {
-    padding: "4px 8px",
-    textAlign: "center"
-  });
-  return /* @__PURE__ */ jsx(
-    MuiTooltip,
-    {
-      title: /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "span", sx: tooltipContentStyle, children: text }),
-      placement: "top",
-      arrow: true,
-      children: /* @__PURE__ */ jsx(Box, { component: "span", sx: __spreadValues({ display: "inline-block" }, sx), children })
-    }
-  );
-};
+import { T } from "../../Tooltip-BB77JBcg.js";
 export {
-  Tooltip
+  T as Tooltip
 };
 //# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport MuiTooltip from '@mui/material/Tooltip'; \nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { SxProps, Theme } from '@mui/material';\n\n/**\n * Propiedades del componente Tooltip.\n * @param {string} text - El texto a mostrar dentro del Tooltip.\n * @param {number} [maxWidth] - El ancho máximo opcional del Tooltip en píxeles.\n * @param {React.ReactNode} children - El elemento al que se le aplicará el Tooltip.\n * @param {SxProps<Theme>} [sx] - Estilos opcionales para el Box contenedor.\n */\ninterface TooltipProps {\n  text: string;\n  maxWidth?: number;\n  children: React.ReactNode;\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Componente Tooltip reutilizable.\n * Muestra un texto al pasar el ratón sobre su elemento hijo, \n * permitiendo un ancho máximo configurable.\n * * @param {TooltipProps} props - Propiedades del Tooltip.\n */\nconst Tooltip: React.FC<TooltipProps> = ({ text, maxWidth, children, sx }) => {\n  \n  const tooltipContentStyle: SxProps<Theme> = {\n    \n    ...(maxWidth && { maxWidth: maxWidth }), \n    padding: '4px 8px', \n    textAlign: 'center',\n    \n  };\n\n  return (\n    \n    <MuiTooltip\n      title={\n        \n        <Typography variant=\"caption\" component=\"span\" sx={tooltipContentStyle}>\n          {text}\n        </Typography>\n      }\n      \n      placement=\"top\" \n      arrow \n    >\n      \n      <Box component=\"span\" sx={{ display: 'inline-block', ...sx }}>\n        {children}\n      </Box>\n    </MuiTooltip>\n  );\n};\n\nexport default Tooltip;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,UAAkC,CAAC,EAAE,MAAM,UAAU,UAAU,SAAS;AAE5E,QAAM,sBAAsC,iCAEtC,YAAY,EAAE,SAAA,IAFwB;AAAA,IAG1C,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAIb,SAEE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,2BAEG,YAAA,EAAW,SAAQ,WAAU,WAAU,QAAO,IAAI,qBAChD,UAAA,KAAA,CACH;AAAA,MAGF,WAAU;AAAA,MACV,OAAK;AAAA,MAGL,UAAA,oBAAC,KAAA,EAAI,WAAU,QAAO,IAAI,iBAAE,SAAS,kBAAmB,KACrD,SAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/{formField.sx-BAX7KwMR.cjs → formField.sx-BZj7TaMa.cjs}

@@ -1,5 +1,7 @@
 "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;
@@ -15,7 +17,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const tokens = require("./tokens-jaWWNk39.cjs");
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const tokens = require("./tokens-BGPazVFO.cjs");
 const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
 const buildFormFieldSx = ({
   borderRadius,
@@ -33,7 +36,7 @@ const buildFormFieldSx = ({
       [outlinedRootSelector]: { borderRadius: radius }
     }, extraFloatingSx != null ? extraFloatingSx : {});
   }
-  return __spreadValues({
+  return __spreadValues(__spreadProps(__spreadValues({
     marginTop: tokens.LABEL_MARGIN_TOP,
     "& .MuiInputLabel-root": {
       color: tokens.LABEL_COLOR_REST,
@@ -53,6 +56,28 @@ const buildFormFieldSx = ({
       display: "flex",
       alignItems: "center"
     },
+    // Altura uniforme de TODOS los campos. El padding vertical del control
+    // interno se fija acá — no en cada componente — porque si un campo lo deja
+    // suelto hereda el que el theme del consumidor le ponga a SU clase
+    // (p.ej. soporte pone 11px a `.MuiOutlinedInput-input` y `.MuiSelect-select`)
+    // y en una misma fila de filtros el Select termina ~6px más alto que el
+    // Input. Un `sx` gana siempre a `styleOverrides`, así que fijarlo acá deja
+    // los cinco campos a la misma altura bajo cualquier theme.
+    "& .MuiInputBase-input": {
+      paddingTop: tokens.FIELD_INPUT_PADDING_Y,
+      paddingBottom: tokens.FIELD_INPUT_PADDING_Y
+    },
+    "& .MuiSelect-select": {
+      paddingTop: tokens.FIELD_INPUT_PADDING_Y,
+      paddingBottom: tokens.FIELD_INPUT_PADDING_Y,
+      minHeight: "auto"
+    }
+  }, includePickersApi ? {
+    "& .MuiPickersInputBase-sectionsContainer": {
+      paddingTop: tokens.FIELD_INPUT_PADDING_Y,
+      paddingBottom: tokens.FIELD_INPUT_PADDING_Y
+    }
+  } : {}), {
     // El label flota afuera: ocultar legend del notch.
     [notchedOutlineSelector]: {
       top: 0,
@@ -61,7 +86,7 @@ const buildFormFieldSx = ({
     "& .MuiFormHelperText-root": {
       marginLeft: 0
     }
-  }, extraOutsideSx != null ? extraOutsideSx : {});
+  }), extraOutsideSx != null ? extraOutsideSx : {});
 };
 exports.buildFormFieldSx = buildFormFieldSx;
-//# sourceMappingURL=formField.sx-BAX7KwMR.cjs.map
+//# sourceMappingURL=formField.sx-BZj7TaMa.cjs.map

package/formField.sx-BZj7TaMa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formField.sx-BZj7TaMa.cjs","sources":["../src/components/_shared/formField.sx.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nimport {\n  FIELD_INPUT_PADDING_Y,\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    // Altura uniforme de TODOS los campos. El padding vertical del control\n    // interno se fija acá — no en cada componente — porque si un campo lo deja\n    // suelto hereda el que el theme del consumidor le ponga a SU clase\n    // (p.ej. soporte pone 11px a `.MuiOutlinedInput-input` y `.MuiSelect-select`)\n    // y en una misma fila de filtros el Select termina ~6px más alto que el\n    // Input. Un `sx` gana siempre a `styleOverrides`, así que fijarlo acá deja\n    // los cinco campos a la misma altura bajo cualquier theme.\n    '& .MuiInputBase-input': {\n      paddingTop: FIELD_INPUT_PADDING_Y,\n      paddingBottom: FIELD_INPUT_PADDING_Y,\n    },\n\n    '& .MuiSelect-select': {\n      paddingTop: FIELD_INPUT_PADDING_Y,\n      paddingBottom: FIELD_INPUT_PADDING_Y,\n      minHeight: 'auto',\n    },\n\n    // Secciones editables del PickersTextField (DD/MM/YYYY en la API v8).\n    ...(includePickersApi\n      ? {\n          '& .MuiPickersInputBase-sectionsContainer': {\n            paddingTop: FIELD_INPUT_PADDING_Y,\n            paddingBottom: FIELD_INPUT_PADDING_Y,\n          },\n        }\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":["LABEL_MARGIN_TOP","LABEL_COLOR_REST","LABEL_TRANSITION","LABEL_SHRINK_TRANSFORM","LABEL_TRANSFORM_ORIGIN","LABEL_COLOR_FILLED","LABEL_FONT_WEIGHT_FILLED","LABEL_COLOR_FOCUSED","FIELD_INPUT_PADDING_Y"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmCA,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,WAAWA,OAAAA;AAAAA,IAEX,yBAAyB;AAAA,MACvB,OAAOC,OAAAA;AAAAA,MACP,YAAYC,OAAAA;AAAAA;AAAAA,MAGZ,0BAA0B;AAAA,QACxB,WAAWC,OAAAA;AAAAA,QACX,iBAAiBC,OAAAA;AAAAA,QACjB,OAAOC,OAAAA;AAAAA,QACP,YAAYC,OAAAA;AAAAA,MAAA;AAAA,MAGd,iBAAiB,EAAE,OAAOC,OAAAA,oBAAA;AAAA,IAAoB;AAAA;AAAA,IAIhD,CAAC,iBAAiB,GAAG;AAAA,MACnB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUd,yBAAyB;AAAA,MACvB,YAAYC,OAAAA;AAAAA,MACZ,eAAeA,OAAAA;AAAAA,IAAA;AAAA,IAGjB,uBAAuB;AAAA,MACrB,YAAYA,OAAAA;AAAAA,MACZ,eAAeA,OAAAA;AAAAA,MACf,WAAW;AAAA,IAAA;AAAA,KAIT,oBACA;AAAA,IACE,4CAA4C;AAAA,MAC1C,YAAYA,OAAAA;AAAAA,MACZ,eAAeA,OAAAA;AAAAA,IAAA;AAAA,EACjB,IAEF,CAAA,IAnDC;AAAA;AAAA,IAsDL,CAAC,sBAAsB,GAAG;AAAA,MACxB,KAAK;AAAA,MACL,YAAY,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,IAGhC,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,MAGV,0CAAkB,CAAA;AAE1B;;"}

package/{formField.sx-8_QRnKxv.js → formField.sx-DD1sxwWH.js}

@@ -1,4 +1,6 @@
 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;
@@ -14,7 +16,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { a as LABEL_COLOR_FOCUSED, b as LABEL_FONT_WEIGHT_FILLED, c as LABEL_COLOR_FILLED, d as LABEL_TRANSFORM_ORIGIN, e as LABEL_SHRINK_TRANSFORM, f as LABEL_TRANSITION, g as LABEL_COLOR_REST, L as LABEL_MARGIN_TOP } from "./tokens-BRrcP_p_.js";
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { a as FIELD_INPUT_PADDING_Y, b as LABEL_COLOR_FOCUSED, c as LABEL_FONT_WEIGHT_FILLED, d as LABEL_COLOR_FILLED, e as LABEL_TRANSFORM_ORIGIN, f as LABEL_SHRINK_TRANSFORM, g as LABEL_TRANSITION, h as LABEL_COLOR_REST, L as LABEL_MARGIN_TOP } from "./tokens-DE2fV3a9.js";
 const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
 const buildFormFieldSx = ({
   borderRadius,
@@ -32,7 +35,7 @@ const buildFormFieldSx = ({
       [outlinedRootSelector]: { borderRadius: radius }
     }, extraFloatingSx != null ? extraFloatingSx : {});
   }
-  return __spreadValues({
+  return __spreadValues(__spreadProps(__spreadValues({
     marginTop: LABEL_MARGIN_TOP,
     "& .MuiInputLabel-root": {
       color: LABEL_COLOR_REST,
@@ -52,6 +55,28 @@ const buildFormFieldSx = ({
       display: "flex",
       alignItems: "center"
     },
+    // Altura uniforme de TODOS los campos. El padding vertical del control
+    // interno se fija acá — no en cada componente — porque si un campo lo deja
+    // suelto hereda el que el theme del consumidor le ponga a SU clase
+    // (p.ej. soporte pone 11px a `.MuiOutlinedInput-input` y `.MuiSelect-select`)
+    // y en una misma fila de filtros el Select termina ~6px más alto que el
+    // Input. Un `sx` gana siempre a `styleOverrides`, así que fijarlo acá deja
+    // los cinco campos a la misma altura bajo cualquier theme.
+    "& .MuiInputBase-input": {
+      paddingTop: FIELD_INPUT_PADDING_Y,
+      paddingBottom: FIELD_INPUT_PADDING_Y
+    },
+    "& .MuiSelect-select": {
+      paddingTop: FIELD_INPUT_PADDING_Y,
+      paddingBottom: FIELD_INPUT_PADDING_Y,
+      minHeight: "auto"
+    }
+  }, includePickersApi ? {
+    "& .MuiPickersInputBase-sectionsContainer": {
+      paddingTop: FIELD_INPUT_PADDING_Y,
+      paddingBottom: FIELD_INPUT_PADDING_Y
+    }
+  } : {}), {
     // El label flota afuera: ocultar legend del notch.
     [notchedOutlineSelector]: {
       top: 0,
@@ -60,9 +85,9 @@ const buildFormFieldSx = ({
     "& .MuiFormHelperText-root": {
       marginLeft: 0
     }
-  }, extraOutsideSx != null ? extraOutsideSx : {});
+  }), extraOutsideSx != null ? extraOutsideSx : {});
 };
 export {
   buildFormFieldSx as b
 };
-//# sourceMappingURL=formField.sx-8_QRnKxv.js.map
+//# sourceMappingURL=formField.sx-DD1sxwWH.js.map

package/formField.sx-DD1sxwWH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formField.sx-DD1sxwWH.js","sources":["../src/components/_shared/formField.sx.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nimport {\n  FIELD_INPUT_PADDING_Y,\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    // Altura uniforme de TODOS los campos. El padding vertical del control\n    // interno se fija acá — no en cada componente — porque si un campo lo deja\n    // suelto hereda el que el theme del consumidor le ponga a SU clase\n    // (p.ej. soporte pone 11px a `.MuiOutlinedInput-input` y `.MuiSelect-select`)\n    // y en una misma fila de filtros el Select termina ~6px más alto que el\n    // Input. Un `sx` gana siempre a `styleOverrides`, así que fijarlo acá deja\n    // los cinco campos a la misma altura bajo cualquier theme.\n    '& .MuiInputBase-input': {\n      paddingTop: FIELD_INPUT_PADDING_Y,\n      paddingBottom: FIELD_INPUT_PADDING_Y,\n    },\n\n    '& .MuiSelect-select': {\n      paddingTop: FIELD_INPUT_PADDING_Y,\n      paddingBottom: FIELD_INPUT_PADDING_Y,\n      minHeight: 'auto',\n    },\n\n    // Secciones editables del PickersTextField (DD/MM/YYYY en la API v8).\n    ...(includePickersApi\n      ? {\n          '& .MuiPickersInputBase-sectionsContainer': {\n            paddingTop: FIELD_INPUT_PADDING_Y,\n            paddingBottom: FIELD_INPUT_PADDING_Y,\n          },\n        }\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":";;;;;;;;;;;;;;;;;;;;AAmCA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUd,yBAAyB;AAAA,MACvB,YAAY;AAAA,MACZ,eAAe;AAAA,IAAA;AAAA,IAGjB,uBAAuB;AAAA,MACrB,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,WAAW;AAAA,IAAA;AAAA,KAIT,oBACA;AAAA,IACE,4CAA4C;AAAA,MAC1C,YAAY;AAAA,MACZ,eAAe;AAAA,IAAA;AAAA,EACjB,IAEF,CAAA,IAnDC;AAAA;AAAA,IAsDL,CAAC,sBAAsB,GAAG;AAAA,MACxB,KAAK;AAAA,MACL,YAAY,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,IAGhC,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,MAGV,0CAAkB,CAAA;AAE1B;"}