@soyfri/shared-library 2.0.0-beta.13 → 2.0.0-beta.16

package/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { SwitchProps as MuiSwitchProps, SxProps, Theme } from '@mui/material';
-import { Control, RegisterOptions } from 'react-hook-form';
+import { RegisterOptions } from 'react-hook-form';
 export type SwitchSize = 'small' | 'medium';
 export type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
 export interface BaseSwitchProps extends Omit<MuiSwitchProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size'> {
@@ -26,8 +26,13 @@ export interface BaseSwitchProps extends Omit<MuiSwitchProps, 'value' | 'onChang
 }
 export interface RHFSwitchProps extends BaseSwitchProps {
     name: string;
-    control: Control<any>;
+    control: any;
     validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos. NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (checked: boolean) => void;
     checked?: never;
     onChange?: never;
 }

package/components/Switch/Switch.js

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

package/components/Tabs/Tabs.cjs

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

package/components/Tabs/Tabs.cjs.map

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

package/components/Tabs/Tabs.d.ts

@@ -1,19 +1,24 @@
-import { default as React, ReactElement } from 'react';
+import { FC, ReactNode } from 'react';
 import { TabsProps as MuiTabsProps } from '@mui/material';
-import { TabProps } from './Tab';
-type PickTabsProps = Pick<MuiTabsProps, "centered" | "indicatorColor" | "orientation" | "scrollButtons" | "variant" | "className" | "sx" | "visibleScrollbar" | 'indicatorColor' | 'allowScrollButtonsMobile'>;
-interface MyTabsProps extends PickTabsProps {
-    children: ReactElement<TabProps>[];
-    defaultValue?: number;
-    onChange?: () => void;
-    centered?: boolean;
-    orientation?: "horizontal" | "vertical";
-    scrollButtons?: "auto" | false | true;
-    variant?: "standard" | "scrollable" | "fullWidth";
-    indicatorColor?: "primary" | "secondary";
-    labelColor?: "primary" | "secondary" | "inherit";
-    onChangeValue?: (newValue: number) => void;
-    allowScrollButtonsMobile?: boolean;
+type PickTabsProps = Pick<MuiTabsProps, 'centered' | 'indicatorColor' | 'orientation' | 'scrollButtons' | 'variant' | 'className' | 'sx' | 'visibleScrollbar' | 'allowScrollButtonsMobile'>;
+export interface TabsProps extends PickTabsProps {
+    /** Uno o varios `<Tab>`. Children que no sean `<Tab>` se ignoran. */
+    children: ReactNode;
+    /** Valor del tab inicialmente activo. Si no se provee, toma el `value` del primer `<Tab>` o `0`. */
+    defaultValue?: number | string;
+    /** Callback al cambiar de tab. Recibe el `value` del tab nuevo. */
+    onChangeValue?: (newValue: number | string) => void;
+    labelColor?: 'primary' | 'secondary' | 'inherit';
+    /**
+     * Cómo se manejan los paneles al cambiar de tab:
+     * - `false` (default): **unmount** — solo se renderiza el panel activo; los
+     *   demás se desmontan. El state interno de los hijos se pierde al navegar.
+     *   Menor uso de memoria.
+     * - `true`: **keep mounted** — renderiza todos los paneles pero oculta los
+     *   no activos con `display: none`. El state se preserva (inputs, scroll,
+     *   timers, subscripciones) al navegar entre tabs.
+     */
+    keepMounted?: boolean;
 }
-export declare const Tabs: React.FC<MyTabsProps>;
+export declare const Tabs: FC<TabsProps>;
 export default Tabs;

package/components/Tabs/Tabs.js

@@ -1,6 +1,7 @@
-import { a, T } from "../../Tab-DiK62gRz.js";
+import { a, T, T as T2 } from "../../Tab-BxSxKJsP.js";
 export {
   a as Tab,
-  T as Tabs
+  T as Tabs,
+  T2 as default
 };
 //# sourceMappingURL=Tabs.js.map

package/components/Tabs/index.d.ts

@@ -1,2 +1,4 @@
-export { default as Tabs } from './Tabs';
-export { default as Tab } from './Tab';
+export { Tabs, default } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { Tab } from './Tab';
+export type { TabProps } from './Tab';

package/components/Tabs.d.ts

@@ -1,2 +1,6 @@
 export * from './Tabs/index'
 export {}
+import _default from './Tabs/index'
+export default _default
+export * from './Tabs/index'
+export {}

package/components/Timeline/Timeline.cjs

@@ -15,7 +15,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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");
@@ -59,7 +59,7 @@ const Timeline = ({ children, position = "right", sx }) => {
         (child, idx) => {
           var _a;
           return React__namespace.isValidElement(child) ? React__namespace.cloneElement(child, {
-            connectorColor: idx < count - 1 ? (_a = child.props.connectorColor) != null ? _a : "gray.main" : void 0
+            connectorColor: idx < count - 1 ? (_a = child.props.connectorColor) != null ? _a : "grey" : void 0
           }) : null;
         }
       )
@@ -82,5 +82,5 @@ const TimelineItem = ({
 };
 exports.Timeline = Timeline;
 exports.TimelineItem = TimelineItem;
-exports.TimelineItemNamed = TimelineItem;
+exports.default = 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 { timelineContentClasses } from \"@mui/lab/TimelineContent\";\nimport { timelineItemClasses, TimelineItemProps as MuiTimelineItemProps } from \"@mui/lab/TimelineItem\";\nimport { Box } from \"@mui/material\";\n\ninterface TimelineItemProps extends MuiTimelineItemProps {\n  connectorColor?: string;\n  sx?: object;\n}\n\ninterface 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 ?? 'gray.main'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,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,cAC9B;AAAA,UAAA,CACL,IACC;AAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIN;ACjCO,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":["../../../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;;;;"}

package/components/Timeline/Timeline.d.ts

@@ -1,12 +1,8 @@
-import { TimelineItemProps as MuiTimelineItemProps } from '@mui/lab/TimelineItem';
-import * as React from "react";
-interface TimelineItemProps extends MuiTimelineItemProps {
-    connectorColor?: string;
-    sx?: object;
-}
-interface TimelineProps {
+import { TimelineItemProps } from './TimelineItem';
+import * as React from 'react';
+export interface TimelineProps {
     children: React.ReactElement<TimelineItemProps>[];
-    position?: "left" | "right" | 'alternate' | 'alternate-reverse';
+    position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';
     sx?: object;
 }
 export declare const Timeline: React.FC<TimelineProps>;

package/components/Timeline/Timeline.js

@@ -40,7 +40,7 @@ const Timeline = ({ children, position = "right", sx }) => {
         (child, idx) => {
           var _a;
           return React.isValidElement(child) ? React.cloneElement(child, {
-            connectorColor: idx < count - 1 ? (_a = child.props.connectorColor) != null ? _a : "gray.main" : void 0
+            connectorColor: idx < count - 1 ? (_a = child.props.connectorColor) != null ? _a : "grey" : void 0
           }) : null;
         }
       )
@@ -64,6 +64,6 @@ const TimelineItem = ({
 export {
   Timeline,
   TimelineItem,
-  TimelineItem as TimelineItemNamed
+  Timeline 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 { timelineContentClasses } from \"@mui/lab/TimelineContent\";\nimport { timelineItemClasses, TimelineItemProps as MuiTimelineItemProps } from \"@mui/lab/TimelineItem\";\nimport { Box } from \"@mui/material\";\n\ninterface TimelineItemProps extends MuiTimelineItemProps {\n  connectorColor?: string;\n  sx?: object;\n}\n\ninterface 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 ?? 'gray.main'\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":";;;;;;;;;;;;;;;;;;;;;;;;AAiBO,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,cAC9B;AAAA,UAAA,CACL,IACC;AAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIN;ACjCO,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":["../../../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;"}

package/components/Timeline/index.d.ts

@@ -1,3 +1,4 @@
-export { default as Timeline } from './Timeline';
-export { default as TimelineItem, TimelineItem as TimelineItemNamed } from './TimelineItem';
-export * from './TimelineItem';
+export { Timeline, default } from './Timeline';
+export type { TimelineProps } from './Timeline';
+export { TimelineItem } from './TimelineItem';
+export type { TimelineItemProps } from './TimelineItem';

package/components/Timeline.d.ts

@@ -1,2 +1,6 @@
 export * from './Timeline/index'
 export {}
+import _default from './Timeline/index'
+export default _default
+export * from './Timeline/index'
+export {}

package/components/_shared/mergeSx.d.ts

@@ -0,0 +1,7 @@
+import { SxProps, Theme } from '@mui/material/styles';
+/**
+ * Merge helper para props `sx` de MUI. Acepta formatos objeto o array y
+ * devuelve un array combinado. El `extra` se aplica después del `base` —
+ * el consumer puede pisar los defaults del componente.
+ */
+export declare const mergeSx: (base: SxProps<Theme>, extra?: SxProps<Theme>) => SxProps<Theme>;

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

@@ -14,15 +14,7 @@ var __spreadValues = (a, b) => {
     }
   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;
+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";
 const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
 const buildFormFieldSx = ({
   borderRadius,
@@ -71,7 +63,6 @@ const buildFormFieldSx = ({
   }, extraOutsideSx != null ? extraOutsideSx : {});
 };
 export {
-  FIELD_INPUT_PADDING_Y as F,
   buildFormFieldSx as b
 };
-//# sourceMappingURL=formField.sx-DfVbMe0V.js.map
+//# sourceMappingURL=formField.sx-8_QRnKxv.js.map

package/formField.sx-8_QRnKxv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formField.sx-8_QRnKxv.js","sources":["../src/components/_shared/formField.sx.ts"],"sourcesContent":["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":";;;;;;;;;;;;;;;;;AAkCA,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/{formField.sx-CQ1mbk9M.cjs → formField.sx-BAX7KwMR.cjs}

@@ -15,15 +15,7 @@ var __spreadValues = (a, b) => {
     }
   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 tokens = require("./tokens-jaWWNk39.cjs");
 const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
 const buildFormFieldSx = ({
   borderRadius,
@@ -42,18 +34,18 @@ const buildFormFieldSx = ({
     }, extraFloatingSx != null ? extraFloatingSx : {});
   }
   return __spreadValues({
-    marginTop: LABEL_MARGIN_TOP,
+    marginTop: tokens.LABEL_MARGIN_TOP,
     "& .MuiInputLabel-root": {
-      color: LABEL_COLOR_REST,
-      transition: LABEL_TRANSITION,
+      color: tokens.LABEL_COLOR_REST,
+      transition: tokens.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
+        transform: tokens.LABEL_SHRINK_TRANSFORM,
+        transformOrigin: tokens.LABEL_TRANSFORM_ORIGIN,
+        color: tokens.LABEL_COLOR_FILLED,
+        fontWeight: tokens.LABEL_FONT_WEIGHT_FILLED
       },
-      "&.Mui-focused": { color: LABEL_COLOR_FOCUSED }
+      "&.Mui-focused": { color: tokens.LABEL_COLOR_FOCUSED }
     },
     // Input base — centra verticalmente (clásico y, si aplica, pickers).
     [inputBaseSelector]: {
@@ -71,6 +63,5 @@ const buildFormFieldSx = ({
     }
   }, extraOutsideSx != null ? extraOutsideSx : {});
 };
-exports.FIELD_INPUT_PADDING_Y = FIELD_INPUT_PADDING_Y;
 exports.buildFormFieldSx = buildFormFieldSx;
-//# sourceMappingURL=formField.sx-CQ1mbk9M.cjs.map
+//# sourceMappingURL=formField.sx-BAX7KwMR.cjs.map

package/formField.sx-BAX7KwMR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formField.sx-BAX7KwMR.cjs","sources":["../src/components/_shared/formField.sx.ts"],"sourcesContent":["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":["LABEL_MARGIN_TOP","LABEL_COLOR_REST","LABEL_TRANSITION","LABEL_SHRINK_TRANSFORM","LABEL_TRANSFORM_ORIGIN","LABEL_COLOR_FILLED","LABEL_FONT_WEIGHT_FILLED","LABEL_COLOR_FOCUSED"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,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,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/index.cjs

@@ -1,27 +1,36 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require('./styles.css');;/* empty css                  */
-const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+require('./index.css');const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
 const material = require("@mui/material");
+const timeViewRenderers = require("@mui/x-date-pickers/timeViewRenderers");
 const Button = require("./Button-C17mExpd.cjs");
-const Card = require("./Card-DG_crfkK.cjs");
+const Card = require("./Card-DfdU610V.cjs");
 const Chip = require("./Chip-qoJLDiva.cjs");
 const components_Column = require("./components/Column/Column.cjs");
-const Avatar = require("./Avatar-9L7YMxya.cjs");
+const Avatar = require("./Avatar-CuSrK8Wn.cjs");
 const Stat = require("./Stat-BUcFCGrz.cjs");
-const Step = require("./Step-a8U8O-91.cjs");
-const Tab = require("./Tab-Co31KY2k.cjs");
+const Step = require("./Step-Nd7SJbRZ.cjs");
+const Tab = require("./Tab-BbP8jBcK.cjs");
 const Table = require("./Table-C4OM6rrC.cjs");
-const StatusMessage = require("./StatusMessage-C5B6oGZ_.cjs");
-const Modal = require("./Modal-Bm_HH9cv.cjs");
-const Input = require("./Input-DI0jfq5X.cjs");
-const Select = require("./Select-Bku4f4f8.cjs");
-const Autocomplete = require("./Autocomplete-C2x-lBvZ.cjs");
-const Switch = require("./Switch-BIeobv6i.cjs");
-const RadioGroup = require("./RadioGroup-CxqDHap1.cjs");
-const DatePicker = require("./DatePicker-DLSfkgGA.cjs");
+const StatusMessage = require("./StatusMessage-B3nXpuRl.cjs");
+const Modal = require("./Modal-BN5s-Tfk.cjs");
+const Input = require("./Input-jYapjJYM.cjs");
+const Select = require("./Select-B6jE3WH_.cjs");
+const Autocomplete = require("./Autocomplete-4i0dNDKr.cjs");
+const Switch = require("./Switch-CQFOopYy.cjs");
+const RadioGroup = require("./RadioGroup-Dd0rHXSX.cjs");
+const Checkbox = require("./Checkbox-BCqMFWt4.cjs");
+const DatePicker = require("./DatePicker-CtCFqXDw.cjs");
 const DateRangePicker = require("./DateRangePicker-B_hKQhbj.cjs");
-const DateTimePicker = require("./DateTimePicker-CWNW09-O.cjs");
+const DateTimePicker = require("./DateTimePicker-CTnRQCZo.cjs");
+function scrollToTop({
+  behavior = "smooth",
+  target = typeof window !== "undefined" ? window : void 0,
+  top = 0
+} = {}) {
+  if (!target) return;
+  target.scrollTo({ top, left: 0, behavior });
+}
 exports.DEFAULT_PRESET_NAME = resolvePreset.DEFAULT_PRESET_NAME;
 exports.resolvePreset = resolvePreset.resolvePreset;
 Object.defineProperty(exports, "Alert", {
@@ -116,6 +125,10 @@ Object.defineProperty(exports, "Stack", {
   enumerable: true,
   get: () => material.Stack
 });
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: () => material.ThemeProvider
+});
 Object.defineProperty(exports, "Typography", {
   enumerable: true,
   get: () => material.Typography
@@ -128,6 +141,10 @@ Object.defineProperty(exports, "alpha", {
   enumerable: true,
   get: () => material.alpha
 });
+Object.defineProperty(exports, "createTheme", {
+  enumerable: true,
+  get: () => material.createTheme
+});
 Object.defineProperty(exports, "styled", {
   enumerable: true,
   get: () => material.styled
@@ -140,6 +157,10 @@ Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: () => material.useTheme
 });
+Object.defineProperty(exports, "renderMultiSectionDigitalClockTimeView", {
+  enumerable: true,
+  get: () => timeViewRenderers.renderMultiSectionDigitalClockTimeView
+});
 exports.Button = Button.Button;
 exports.Card = Card.Card;
 exports.Chip = Chip.Chip;
@@ -163,7 +184,9 @@ exports.Autocomplete = Autocomplete.Autocomplete;
 exports.AutocompleteSelect = Autocomplete.AutocompleteSelect;
 exports.Switch = Switch.Switch;
 exports.RadioGroup = RadioGroup.RadioGroup;
+exports.Checkbox = Checkbox.Checkbox;
 exports.DatePicker = DatePicker.DatePicker;
 exports.DateRangePicker = DateRangePicker.DateRangePicker;
 exports.DateTimePicker = DateTimePicker.DateTimePicker;
+exports.scrollToTop = scrollToTop;
 //# sourceMappingURL=index.cjs.map

package/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -1,5 +1,6 @@
 export type { LibraryComponentName, PresetStyle, ComponentPresets, LibraryStyles, } from './theme/componentStyles';
 export { DEFAULT_PRESET_NAME, resolvePreset } from './components/_shared/resolvePreset';
+export * from './utils';
 export * from './mui';
 export { Button } from './components/Button';
 export { Card } from './components/Card';
@@ -26,6 +27,8 @@ export { Switch } from './components/Switch';
 export type { SwitchProps, BaseSwitchProps } from './components/Switch';
 export { RadioGroup } from './components/RadioGroup';
 export type { RadioGroupProps, RadioOption, BaseRadioGroupProps } from './components/RadioGroup';
+export { Checkbox } from './components/Checkbox';
+export type { CheckboxProps, BaseCheckboxProps } from './components/Checkbox';
 export { DatePicker } from './components/DatePicker';
 export type { DatePickerProps } from './components/DatePicker';
 export { DateRangePicker } from './components/DateRangePicker';

package/index.js

@@ -1,25 +1,34 @@
-import './styles.css';/* empty css                */
 import { D, r } from "./resolvePreset-K6_BfWHD.js";
-import { Alert, AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Divider, Fade, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Paper, Skeleton, Snackbar, Stack, Typography, Zoom, alpha, styled, useMediaQuery, useTheme } from "@mui/material";
+import { Alert, AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Divider, Fade, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Paper, Skeleton, Snackbar, Stack, ThemeProvider, Typography, Zoom, alpha, createTheme, styled, useMediaQuery, useTheme } from "@mui/material";
+import { renderMultiSectionDigitalClockTimeView } from "@mui/x-date-pickers/timeViewRenderers";
 import { B } from "./Button-UkkP-bNw.js";
-import { C } from "./Card-Ug-ttVSh.js";
+import { C } from "./Card-B1wtavyl.js";
 import { C as C2 } from "./Chip-OPYQ1uQ_.js";
 import { Column } from "./components/Column/Column.js";
-import { A } from "./Avatar-BJTr-PBd.js";
+import { A } from "./Avatar-CgT7955R.js";
 import { S } from "./Stat-C06A_izS.js";
-import { a, S as S2 } from "./Step-Dq0N72YB.js";
-import { a as a2, T } from "./Tab-DiK62gRz.js";
+import { a, S as S2 } from "./Step-BArsou1V.js";
+import { a as a2, T } from "./Tab-BxSxKJsP.js";
 import { T as T2 } from "./Table-C2LbW0B1.js";
-import { S as S3 } from "./StatusMessage-D1GlfQdz.js";
-import { M, b, c, a as a3 } from "./Modal-Bnz6d9m9.js";
-import { I } from "./Input-Cp911l23.js";
-import { O, S as S4 } from "./Select-3CBOfM2H.js";
-import { A as A2, a as a4 } from "./Autocomplete-BA-cGASd.js";
-import { S as S5 } from "./Switch-DQEOxM2R.js";
-import { R } from "./RadioGroup-DMi9FvMP.js";
-import { D as D2 } from "./DatePicker-8f_9bwhS.js";
+import { S as S3 } from "./StatusMessage-D0WgSBx7.js";
+import { a as a3, c, d, b } from "./Modal-BRZMPwDj.js";
+import { I } from "./Input-rVVhI_wk.js";
+import { O, S as S4 } from "./Select-bSVQokFX.js";
+import { A as A2, a as a4 } from "./Autocomplete-i3-V38n1.js";
+import { S as S5 } from "./Switch-D72dpkH2.js";
+import { R } from "./RadioGroup-bO-ahP9T.js";
+import { C as C3 } from "./Checkbox-gB5YKkVo.js";
+import { D as D2 } from "./DatePicker-D0Bz9Ryg.js";
 import { D as D3 } from "./DateRangePicker-BVpeJCHI.js";
-import { D as D4 } from "./DateTimePicker-D4L9GAod.js";
+import { D as D4 } from "./DateTimePicker-77w-9TP5.js";
+import './index.css';function scrollToTop({
+  behavior = "smooth",
+  target = typeof window !== "undefined" ? window : void 0,
+  top = 0
+} = {}) {
+  if (!target) return;
+  target.scrollTo({ top, left: 0, behavior });
+}
 export {
   Alert,
   AlertTitle,
@@ -30,6 +39,7 @@ export {
   Box,
   B as Button,
   C as Card,
+  C3 as Checkbox,
   C2 as Chip,
   CircularProgress,
   Collapse,
@@ -52,10 +62,10 @@ export {
   ListItemIcon,
   ListItemText,
   ListSubheader,
-  M as Modal,
-  b as ModalBody,
-  c as ModalFooter,
-  a3 as ModalHeader,
+  a3 as Modal,
+  c as ModalBody,
+  d as ModalFooter,
+  b as ModalHeader,
   O as Option,
   Paper,
   R as RadioGroup,
@@ -71,10 +81,14 @@ export {
   a2 as Tab,
   T2 as Table,
   T as Tabs,
+  ThemeProvider,
   Typography,
   Zoom,
   alpha,
+  createTheme,
+  renderMultiSectionDigitalClockTimeView,
   r as resolvePreset,
+  scrollToTop,
   styled,
   useMediaQuery,
   useTheme

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}

package/mergeSx-BXoNZjB_.js

@@ -0,0 +1,10 @@
+const mergeSx = (base, extra) => {
+  if (!extra) return base;
+  const baseArr = Array.isArray(base) ? base : [base];
+  const extraArr = Array.isArray(extra) ? extra : [extra];
+  return [...baseArr, ...extraArr];
+};
+export {
+  mergeSx as m
+};
+//# sourceMappingURL=mergeSx-BXoNZjB_.js.map

package/mergeSx-BXoNZjB_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeSx-BXoNZjB_.js","sources":["../src/components/_shared/mergeSx.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\n/**\n * Merge helper para props `sx` de MUI. Acepta formatos objeto o array y\n * devuelve un array combinado. El `extra` se aplica después del `base` —\n * el consumer puede pisar los defaults del componente.\n */\nexport const mergeSx = (\n  base: SxProps<Theme>,\n  extra?: SxProps<Theme>,\n): SxProps<Theme> => {\n  if (!extra) return base;\n  const baseArr = Array.isArray(base) ? base : [base];\n  const extraArr = Array.isArray(extra) ? extra : [extra];\n  return [...baseArr, ...extraArr] as SxProps<Theme>;\n};\n"],"names":[],"mappings":"AAOO,MAAM,UAAU,CACrB,MACA,UACmB;AACnB,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,UAAU,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAClD,QAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AACtD,SAAO,CAAC,GAAG,SAAS,GAAG,QAAQ;AACjC;"}

package/mergeSx-Dbccoo_H.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const mergeSx = (base, extra) => {
+  if (!extra) return base;
+  const baseArr = Array.isArray(base) ? base : [base];
+  const extraArr = Array.isArray(extra) ? extra : [extra];
+  return [...baseArr, ...extraArr];
+};
+exports.mergeSx = mergeSx;
+//# sourceMappingURL=mergeSx-Dbccoo_H.cjs.map

package/mergeSx-Dbccoo_H.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeSx-Dbccoo_H.cjs","sources":["../src/components/_shared/mergeSx.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\n/**\n * Merge helper para props `sx` de MUI. Acepta formatos objeto o array y\n * devuelve un array combinado. El `extra` se aplica después del `base` —\n * el consumer puede pisar los defaults del componente.\n */\nexport const mergeSx = (\n  base: SxProps<Theme>,\n  extra?: SxProps<Theme>,\n): SxProps<Theme> => {\n  if (!extra) return base;\n  const baseArr = Array.isArray(base) ? base : [base];\n  const extraArr = Array.isArray(extra) ? extra : [extra];\n  return [...baseArr, ...extraArr] as SxProps<Theme>;\n};\n"],"names":[],"mappings":";AAOO,MAAM,UAAU,CACrB,MACA,UACmB;AACnB,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,UAAU,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI;AAClD,QAAM,WAAW,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AACtD,SAAO,CAAC,GAAG,SAAS,GAAG,QAAQ;AACjC;;"}

package/mui.d.ts

@@ -2,5 +2,6 @@ export { Box, Stack, Grid, Container, Paper, Divider, } from '@mui/material';
 export { Typography, Link } from '@mui/material';
 export { List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, } 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 { useTheme, useMediaQuery, alpha, styled, createTheme, ThemeProvider } from '@mui/material';
 export type { SxProps, Theme } from '@mui/material/styles';
+export { renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';