@soyfri/shared-library 2.0.0-beta8 → 2.0.0

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,16 @@
 "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-CT3kU-K2.cjs");
 const material = require("@mui/material");
-const Button = require("./Button-C17mExpd.cjs");
-const Card = require("./Card-DG_crfkK.cjs");
-const Chip = require("./Chip-qoJLDiva.cjs");
-const components_Column = require("./components/Column/Column.cjs");
-const Avatar = require("./Avatar-9L7YMxya.cjs");
-const Stat = require("./Stat-BUcFCGrz.cjs");
-const Step = require("./Step-a8U8O-91.cjs");
-const Tab = require("./Tab-Co31KY2k.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 DateRangePicker = require("./DateRangePicker-B_hKQhbj.cjs");
-const DateTimePicker = require("./DateTimePicker-CWNW09-O.cjs");
+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", {
@@ -68,6 +57,14 @@ 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
@@ -116,6 +113,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 +129,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,30 +145,9 @@ Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: () => material.useTheme
 });
-exports.Button = Button.Button;
-exports.Card = Card.Card;
-exports.Chip = Chip.Chip;
-exports.Column = components_Column.Column;
-exports.Avatar = Avatar.Avatar;
-exports.Stat = Stat.Stat;
-exports.Step = Step.Step;
-exports.Stepper = Step.Stepper;
-exports.Tab = Tab.Tab;
-exports.Tabs = Tab.Tabs;
-exports.Table = Table.Table;
-exports.StatusMessage = StatusMessage.StatusMessage;
-exports.Modal = Modal.Modal;
-exports.ModalBody = Modal.ModalBody;
-exports.ModalFooter = Modal.ModalFooter;
-exports.ModalHeader = Modal.ModalHeader;
-exports.Input = Input.Input;
-exports.Option = Select.Option;
-exports.Select = Select.Select;
-exports.Autocomplete = Autocomplete.Autocomplete;
-exports.AutocompleteSelect = Autocomplete.AutocompleteSelect;
-exports.Switch = Switch.Switch;
-exports.RadioGroup = RadioGroup.RadioGroup;
-exports.DatePicker = DatePicker.DatePicker;
-exports.DateRangePicker = DateRangePicker.DateRangePicker;
-exports.DateTimePicker = DateTimePicker.DateTimePicker;
+Object.defineProperty(exports, "renderMultiSectionDigitalClockTimeView", {
+  enumerable: true,
+  get: () => timeViewRenderers.renderMultiSectionDigitalClockTimeView
+});
+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,33 +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';
-export { Button } from './components/Button';
-export { Card } from './components/Card';
-export type { CardProps } from './components/Card';
-export { Chip } from './components/Chip';
-export { Column } from './components/Column';
-export type { ColumnProps } from './components/Column';
-export { Avatar } from './components/Avatar';
-export { Stat } from './components/Stat';
-export { Stepper, Step } from './components/Stepper';
-export { Tabs, Tab } from './components/Tabs';
-export { Table } from './components/Table';
-export { StatusMessage } from './components/StatusMessage';
-export type { StatusMessageProps } from './components/StatusMessage';
-export { Modal, ModalHeader, ModalBody, ModalFooter } from './components/Modal';
-export type { ModalRef, ModalMode, ModalSeverity } from './components/Modal';
-export { Input } from './components/Input';
-export type { InputProps, BaseInputProps } from './components/Input';
-export { Select, Option } from './components/Select';
-export type { SelectProps, SelectOption, OptionProps } from './components/Select';
-export { Autocomplete, AutocompleteSelect } from './components/Autocomplete';
-export type { AutocompleteProps } from './components/Autocomplete';
-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 { DatePicker } from './components/DatePicker';
-export type { DatePickerProps } from './components/DatePicker';
-export { DateRangePicker } from './components/DateRangePicker';
-export { DateTimePicker } from './components/DateTimePicker';
-export type { DateTimePickerProps } from './components/DateTimePicker';

package/index.js

@@ -1,49 +1,29 @@
-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 { B } from "./Button-UkkP-bNw.js";
-import { C } from "./Card-Ug-ttVSh.js";
-import { C as C2 } from "./Chip-OPYQ1uQ_.js";
-import { Column } from "./components/Column/Column.js";
-import { A } from "./Avatar-BJTr-PBd.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 { 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 { D as D3 } from "./DateRangePicker-BVpeJCHI.js";
-import { D as D4 } from "./DateTimePicker-D4L9GAod.js";
+import { D, r } from "./resolvePreset-B-IB0ehH.js";
+import { Alert, AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Divider, Fade, Grid, Grow, IconButton, InputAdornment, 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 './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,
-  A2 as Autocomplete,
-  a4 as AutocompleteSelect,
-  A as Avatar,
   Backdrop,
   Box,
-  B as Button,
-  C as Card,
-  C2 as Chip,
   CircularProgress,
   Collapse,
-  Column,
   Container,
   D as DEFAULT_PRESET_NAME,
-  D2 as DatePicker,
-  D3 as DateRangePicker,
-  D4 as DateTimePicker,
   Divider,
   Fade,
   Grid,
   Grow,
-  I as Input,
+  IconButton,
+  InputAdornment,
   LinearProgress,
   Link,
   List,
@@ -52,29 +32,18 @@ export {
   ListItemIcon,
   ListItemText,
   ListSubheader,
-  M as Modal,
-  b as ModalBody,
-  c as ModalFooter,
-  a3 as ModalHeader,
-  O as Option,
   Paper,
-  R as RadioGroup,
-  S4 as Select,
   Skeleton,
   Snackbar,
   Stack,
-  S as Stat,
-  S3 as StatusMessage,
-  a as Step,
-  S2 as Stepper,
-  S5 as Switch,
-  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

@@ -1,6 +1,7 @@
 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 { CircularProgress, LinearProgress, Skeleton, Alert, AlertTitle, Snackbar, Backdrop, Fade, Grow, Zoom, Collapse, IconButton, InputAdornment, } 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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "2.0.0-beta8",
+  "version": "2.0.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -9,10 +9,6 @@
   "author": "",
   "license": "ISC",
   "description": "",
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
-  },
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
@@ -27,6 +23,8 @@
     "autoprefixer": "^10.4.21",
     "dayjs": "^1.11.13",
     "postcss": "^8.5.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-hook-form": "^7.62.0",
     "tailwindcss": "^4.1.7"
   },
@@ -85,21 +83,11 @@
       "require": "./components/Select/Select.cjs",
       "types": "./components/Select/Select.d.ts"
     },
-    "./components/ScrollTopButton": {
-      "import": "./components/ScrollTopButton/ScrollTopButton.js",
-      "require": "./components/ScrollTopButton/ScrollTopButton.cjs",
-      "types": "./components/ScrollTopButton/ScrollTopButton.d.ts"
-    },
     "./components/RadioGroup": {
       "import": "./components/RadioGroup/RadioGroup.js",
       "require": "./components/RadioGroup/RadioGroup.cjs",
       "types": "./components/RadioGroup/RadioGroup.d.ts"
     },
-    "./components/PageLoader": {
-      "import": "./components/PageLoader/PageLoader.js",
-      "require": "./components/PageLoader/PageLoader.cjs",
-      "types": "./components/PageLoader/PageLoader.d.ts"
-    },
     "./components/Modal": {
       "import": "./components/Modal/Modal.js",
       "require": "./components/Modal/Modal.cjs",
@@ -165,6 +153,11 @@
       "require": "./components/Chip/Chip.cjs",
       "types": "./components/Chip/Chip.d.ts"
     },
+    "./components/Checkbox": {
+      "import": "./components/Checkbox/Checkbox.js",
+      "require": "./components/Checkbox/Checkbox.cjs",
+      "types": "./components/Checkbox/Checkbox.d.ts"
+    },
     "./components/Card": {
       "import": "./components/Card/Card.js",
       "require": "./components/Card/Card.cjs",
@@ -195,11 +188,6 @@
       "require": "./components/ActionMenu/ActionMenu.cjs",
       "types": "./components/ActionMenu/ActionMenu.d.ts"
     },
-    "./hooks/Wizard": {
-      "import": "./hooks/Wizard/Wizard.js",
-      "require": "./hooks/Wizard/Wizard.cjs",
-      "types": "./hooks/Wizard/Wizard.d.ts"
-    },
     "./hooks/ClipBoard": {
       "import": "./hooks/ClipBoard/ClipBoard.js",
       "require": "./hooks/ClipBoard/ClipBoard.cjs",

package/{resolvePreset-K6_BfWHD.js → resolvePreset-B-IB0ehH.js}

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

package/{resolvePreset-K6_BfWHD.js.map → resolvePreset-B-IB0ehH.js.map}

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

package/{resolvePreset-CxTI6_Ln.cjs → resolvePreset-CT3kU-K2.cjs}

@@ -2,13 +2,13 @@
 const DEFAULT_PRESET_NAME = "default";
 function resolvePreset(componentName, presetName, theme) {
   var _a;
-  const nameToResolve = presetName || DEFAULT_PRESET_NAME;
+  if (!presetName || presetName === DEFAULT_PRESET_NAME) return void 0;
   const componentPresets = (_a = theme.styles) == null ? void 0 : _a[componentName];
   if (!componentPresets) return void 0;
-  const entry = componentPresets[nameToResolve];
+  const entry = componentPresets[presetName];
   if (!entry) return void 0;
   return typeof entry === "function" ? entry(theme) : entry;
 }
 exports.DEFAULT_PRESET_NAME = DEFAULT_PRESET_NAME;
 exports.resolvePreset = resolvePreset;
-//# sourceMappingURL=resolvePreset-CxTI6_Ln.cjs.map
+//# sourceMappingURL=resolvePreset-CT3kU-K2.cjs.map

package/{resolvePreset-CxTI6_Ln.cjs.map → resolvePreset-CT3kU-K2.cjs.map}

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

package/theme/componentStyles.d.ts

@@ -4,7 +4,7 @@ import { SxProps, Theme } from '@mui/material/styles';
  * theme. Si en el futuro se agrega otro componente al sistema, se extiende
  * esta union.
  */
-export type LibraryComponentName = 'Input' | 'Select' | 'Autocomplete' | 'DatePicker' | 'DateTimePicker' | 'Drawer' | 'AppBar' | 'Card' | 'ScrollTopButton' | 'RadioGroup' | 'Switch';
+export type LibraryComponentName = 'Input' | 'Select' | 'Autocomplete' | 'DatePicker' | 'DateTimePicker' | 'Drawer' | 'AppBar' | 'Card' | 'RadioGroup' | 'Switch' | 'Checkbox' | 'Gallery';
 /**
  * Un estilo de preset. Puede ser un objeto sx directo o una función del theme
  * para acceder a palette/typography/etc.

package/tokens-BRrcP_p_.js

@@ -0,0 +1,21 @@
+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;
+export {
+  FIELD_INPUT_PADDING_Y as F,
+  LABEL_MARGIN_TOP as L,
+  LABEL_COLOR_FOCUSED as a,
+  LABEL_FONT_WEIGHT_FILLED as b,
+  LABEL_COLOR_FILLED as c,
+  LABEL_TRANSFORM_ORIGIN as d,
+  LABEL_SHRINK_TRANSFORM as e,
+  LABEL_TRANSITION as f,
+  LABEL_COLOR_REST as g
+};
+//# sourceMappingURL=tokens-BRrcP_p_.js.map

package/tokens-BRrcP_p_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-BRrcP_p_.js","sources":["../src/theme/tokens.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/** Padding vertical interno del input (TextField/Select/Picker sections). */\nexport const FIELD_INPUT_PADDING_Y = '8.5px';\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n"],"names":[],"mappings":"AAaO,MAAM,mBAAmB;AAGzB,MAAM,wBAAwB;AAI9B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;"}

package/tokens-jaWWNk39.cjs

@@ -0,0 +1,20 @@
+"use strict";
+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;
+exports.FIELD_INPUT_PADDING_Y = FIELD_INPUT_PADDING_Y;
+exports.LABEL_COLOR_FILLED = LABEL_COLOR_FILLED;
+exports.LABEL_COLOR_FOCUSED = LABEL_COLOR_FOCUSED;
+exports.LABEL_COLOR_REST = LABEL_COLOR_REST;
+exports.LABEL_FONT_WEIGHT_FILLED = LABEL_FONT_WEIGHT_FILLED;
+exports.LABEL_MARGIN_TOP = LABEL_MARGIN_TOP;
+exports.LABEL_SHRINK_TRANSFORM = LABEL_SHRINK_TRANSFORM;
+exports.LABEL_TRANSFORM_ORIGIN = LABEL_TRANSFORM_ORIGIN;
+exports.LABEL_TRANSITION = LABEL_TRANSITION;
+//# sourceMappingURL=tokens-jaWWNk39.cjs.map

package/tokens-jaWWNk39.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-jaWWNk39.cjs","sources":["../src/theme/tokens.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/** Padding vertical interno del input (TextField/Select/Picker sections). */\nexport const FIELD_INPUT_PADDING_Y = '8.5px';\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n"],"names":[],"mappings":";AAaO,MAAM,mBAAmB;AAGzB,MAAM,wBAAwB;AAI9B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;;;;;;;;;;"}

package/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { scrollToTop } from './scrollToTop';
+export type { ScrollToTopOptions } from './scrollToTop';

package/{components/ScrollTopButton → utils}/scrollToTop.d.ts

@@ -10,20 +10,19 @@ export interface ScrollToTopOptions {
     top?: number;
 }
 /**
- * Reemplaza imperativamente a `ScrollTopComponent.goTop()` de Metronic.
+ * Hace scroll al tope (por default con animación suave). Safe en SSR — si
+ * `window` no existe, es un no-op.
  *
  * Llamar tras mutaciones / cambios de filtros / apertura de modales para
  * asegurar que el usuario vea el mensaje de confirmación en la parte
  * superior de la página.
  *
  * ```ts
- * // Reemplazo directo del legacy:
- * // Antes: ScrollTopComponent.goTop()
- * scrollToTop();
+ * import { scrollToTop } from '@soyfri/shared-library';
  *
- * // Con opciones:
- * scrollToTop({ behavior: 'auto' });
- * scrollToTop({ target: myScrollableRef.current });
+ * scrollToTop();                                  // window, smooth
+ * scrollToTop({ behavior: 'auto' });              // window, instantáneo
+ * scrollToTop({ target: myScrollableRef.current }); // container custom
  * ```
  */
 export declare function scrollToTop({ behavior, target, top, }?: ScrollToTopOptions): void;