@soyfri/shared-library 1.5.0 → 1.6.0-beta.1

package/components/Tabs/Tabs.d.ts

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from 'react';
+import { TabsProps as MuiTabsProps } from '@mui/material';
+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: FC<TabsProps>;
+export default Tabs;

package/components/Tabs/Tabs.js

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

package/components/Tabs/Tabs.js.map

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

package/components/Tabs/index.d.ts

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

package/components/Tabs.d.ts

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

package/{dist/components → 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,4 +82,5 @@ const TimelineItem = ({
 };
 exports.Timeline = Timeline;
 exports.TimelineItem = TimelineItem;
+exports.default = Timeline;
 //# sourceMappingURL=Timeline.cjs.map

package/components/Timeline/Timeline.cjs.map

@@ -0,0 +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;;;;"}

package/components/Timeline/Timeline.d.ts

@@ -0,0 +1,9 @@
+import { TimelineItemProps } from './TimelineItem';
+import * as React from 'react';
+export interface TimelineProps {
+    children: React.ReactElement<TimelineItemProps>[];
+    position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';
+    sx?: object;
+}
+export declare const Timeline: React.FC<TimelineProps>;
+export default Timeline;

package/{dist/components → 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;
         }
       )
@@ -63,6 +63,7 @@ const TimelineItem = ({
 };
 export {
   Timeline,
-  TimelineItem
+  TimelineItem,
+  Timeline as default
 };
 //# sourceMappingURL=Timeline.js.map

package/components/Timeline/Timeline.js.map

@@ -0,0 +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;"}

package/components/Timeline/index.d.ts

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

package/components/Timeline.d.ts

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

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

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

package/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/components/_shared/resolvePreset.d.ts

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

package/formField.sx-8_QRnKxv.js

@@ -0,0 +1,68 @@
+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 { 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,
+  labelPosition,
+  includePickersApi = false,
+  extraOutsideSx,
+  extraFloatingSx
+}) => {
+  const radius = toRadius(borderRadius);
+  const outlinedRootSelector = includePickersApi ? "& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root" : "& .MuiOutlinedInput-root";
+  const inputBaseSelector = includePickersApi ? "& .MuiInputBase-root, & .MuiPickersInputBase-root" : "& .MuiInputBase-root";
+  const notchedOutlineSelector = includePickersApi ? "& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline" : "& .MuiOutlinedInput-notchedOutline";
+  if (labelPosition === "floating") {
+    return __spreadValues({
+      [outlinedRootSelector]: { borderRadius: radius }
+    }, extraFloatingSx != null ? extraFloatingSx : {});
+  }
+  return __spreadValues({
+    marginTop: LABEL_MARGIN_TOP,
+    "& .MuiInputLabel-root": {
+      color: LABEL_COLOR_REST,
+      transition: LABEL_TRANSITION,
+      // Estado shrunk (focused o con valor): flota ARRIBA del input.
+      "&.MuiInputLabel-shrink": {
+        transform: LABEL_SHRINK_TRANSFORM,
+        transformOrigin: LABEL_TRANSFORM_ORIGIN,
+        color: LABEL_COLOR_FILLED,
+        fontWeight: LABEL_FONT_WEIGHT_FILLED
+      },
+      "&.Mui-focused": { color: LABEL_COLOR_FOCUSED }
+    },
+    // Input base — centra verticalmente (clásico y, si aplica, pickers).
+    [inputBaseSelector]: {
+      borderRadius: radius,
+      display: "flex",
+      alignItems: "center"
+    },
+    // El label flota afuera: ocultar legend del notch.
+    [notchedOutlineSelector]: {
+      top: 0,
+      "& legend": { display: "none" }
+    },
+    "& .MuiFormHelperText-root": {
+      marginLeft: 0
+    }
+  }, extraOutsideSx != null ? extraOutsideSx : {});
+};
+export {
+  buildFormFieldSx as b
+};
+//# 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-BAX7KwMR.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const tokens = require("./tokens-jaWWNk39.cjs");
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const buildFormFieldSx = ({
+  borderRadius,
+  labelPosition,
+  includePickersApi = false,
+  extraOutsideSx,
+  extraFloatingSx
+}) => {
+  const radius = toRadius(borderRadius);
+  const outlinedRootSelector = includePickersApi ? "& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root" : "& .MuiOutlinedInput-root";
+  const inputBaseSelector = includePickersApi ? "& .MuiInputBase-root, & .MuiPickersInputBase-root" : "& .MuiInputBase-root";
+  const notchedOutlineSelector = includePickersApi ? "& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline" : "& .MuiOutlinedInput-notchedOutline";
+  if (labelPosition === "floating") {
+    return __spreadValues({
+      [outlinedRootSelector]: { borderRadius: radius }
+    }, extraFloatingSx != null ? extraFloatingSx : {});
+  }
+  return __spreadValues({
+    marginTop: tokens.LABEL_MARGIN_TOP,
+    "& .MuiInputLabel-root": {
+      color: tokens.LABEL_COLOR_REST,
+      transition: tokens.LABEL_TRANSITION,
+      // Estado shrunk (focused o con valor): flota ARRIBA del input.
+      "&.MuiInputLabel-shrink": {
+        transform: tokens.LABEL_SHRINK_TRANSFORM,
+        transformOrigin: tokens.LABEL_TRANSFORM_ORIGIN,
+        color: tokens.LABEL_COLOR_FILLED,
+        fontWeight: tokens.LABEL_FONT_WEIGHT_FILLED
+      },
+      "&.Mui-focused": { color: tokens.LABEL_COLOR_FOCUSED }
+    },
+    // Input base — centra verticalmente (clásico y, si aplica, pickers).
+    [inputBaseSelector]: {
+      borderRadius: radius,
+      display: "flex",
+      alignItems: "center"
+    },
+    // El label flota afuera: ocultar legend del notch.
+    [notchedOutlineSelector]: {
+      top: 0,
+      "& legend": { display: "none" }
+    },
+    "& .MuiFormHelperText-root": {
+      marginLeft: 0
+    }
+  }, extraOutsideSx != null ? extraOutsideSx : {});
+};
+exports.buildFormFieldSx = buildFormFieldSx;
+//# 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

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require('./index.css');const resolvePreset = require("./resolvePreset-CT3kU-K2.cjs");
+const material = require("@mui/material");
+const timeViewRenderers = require("@mui/x-date-pickers/timeViewRenderers");
+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", {
+  enumerable: true,
+  get: () => material.Alert
+});
+Object.defineProperty(exports, "AlertTitle", {
+  enumerable: true,
+  get: () => material.AlertTitle
+});
+Object.defineProperty(exports, "Backdrop", {
+  enumerable: true,
+  get: () => material.Backdrop
+});
+Object.defineProperty(exports, "Box", {
+  enumerable: true,
+  get: () => material.Box
+});
+Object.defineProperty(exports, "CircularProgress", {
+  enumerable: true,
+  get: () => material.CircularProgress
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: () => material.Collapse
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: () => material.Container
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: () => material.Divider
+});
+Object.defineProperty(exports, "Fade", {
+  enumerable: true,
+  get: () => material.Fade
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: () => material.Grid
+});
+Object.defineProperty(exports, "Grow", {
+  enumerable: true,
+  get: () => material.Grow
+});
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: () => material.IconButton
+});
+Object.defineProperty(exports, "InputAdornment", {
+  enumerable: true,
+  get: () => material.InputAdornment
+});
+Object.defineProperty(exports, "LinearProgress", {
+  enumerable: true,
+  get: () => material.LinearProgress
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: () => material.Link
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: () => material.List
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: () => material.ListItem
+});
+Object.defineProperty(exports, "ListItemButton", {
+  enumerable: true,
+  get: () => material.ListItemButton
+});
+Object.defineProperty(exports, "ListItemIcon", {
+  enumerable: true,
+  get: () => material.ListItemIcon
+});
+Object.defineProperty(exports, "ListItemText", {
+  enumerable: true,
+  get: () => material.ListItemText
+});
+Object.defineProperty(exports, "ListSubheader", {
+  enumerable: true,
+  get: () => material.ListSubheader
+});
+Object.defineProperty(exports, "Paper", {
+  enumerable: true,
+  get: () => material.Paper
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: () => material.Skeleton
+});
+Object.defineProperty(exports, "Snackbar", {
+  enumerable: true,
+  get: () => material.Snackbar
+});
+Object.defineProperty(exports, "Stack", {
+  enumerable: true,
+  get: () => material.Stack
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: () => material.ThemeProvider
+});
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: () => material.Typography
+});
+Object.defineProperty(exports, "Zoom", {
+  enumerable: true,
+  get: () => material.Zoom
+});
+Object.defineProperty(exports, "alpha", {
+  enumerable: true,
+  get: () => material.alpha
+});
+Object.defineProperty(exports, "createTheme", {
+  enumerable: true,
+  get: () => material.createTheme
+});
+Object.defineProperty(exports, "styled", {
+  enumerable: true,
+  get: () => material.styled
+});
+Object.defineProperty(exports, "useMediaQuery", {
+  enumerable: true,
+  get: () => material.useMediaQuery
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: () => material.useTheme
+});
+Object.defineProperty(exports, "renderMultiSectionDigitalClockTimeView", {
+  enumerable: true,
+  get: () => timeViewRenderers.renderMultiSectionDigitalClockTimeView
+});
+exports.scrollToTop = scrollToTop;
+//# sourceMappingURL=index.cjs.map

package/index.cjs.map

@@ -0,0 +1 @@
+{"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

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