@soyfri/shared-library 2.0.0-beta.3 → 2.0.0-beta.30

package/components/AppBar/AppBarUserMenu.d.ts

@@ -1,65 +0,0 @@
-import { ReactNode, MouseEvent } from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-export interface AppBarUserMenuItem {
-    /** Key única. Si no se provee, se usa el label. */
-    key?: string;
-    /** Texto del item. */
-    label: ReactNode;
-    /** Icono opcional a la izquierda. */
-    icon?: ReactNode;
-    /** Handler de click. */
-    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
-    /** Deshabilita el item. */
-    disabled?: boolean;
-    /** Pinta el item en color error (típico para "Cerrar sesión"). */
-    danger?: boolean;
-    /** Inserta un `<Divider />` ANTES de este item. */
-    dividerBefore?: boolean;
-}
-export interface AppBarUserMenuUser {
-    /** Nombre a mostrar en el header del menú. */
-    name?: ReactNode;
-    /** Email / subtítulo secundario. */
-    email?: ReactNode;
-    /** URL del avatar. Si se omite, se muestran iniciales del `name`. */
-    avatarUrl?: string;
-    /** Iniciales custom. Si se omite, se calculan del `name`. */
-    initials?: string;
-}
-export interface AppBarUserMenuProps {
-    /** Datos del usuario a mostrar. */
-    user?: AppBarUserMenuUser;
-    /** Items del menú. */
-    items: AppBarUserMenuItem[];
-    /**
-     * Si `true`, oculta la fila con nombre + email en el tope del menú.
-     * Default: `false`.
-     */
-    hideUserHeader?: boolean;
-    /** Tooltip del trigger. Default: "Cuenta". */
-    triggerTooltip?: string;
-    /** Tamaño del Avatar en px. Default: 36. */
-    avatarSize?: number;
-    /** sx del Paper del Menu. */
-    menuSx?: SxProps<Theme>;
-    /** sx del trigger (IconButton). */
-    triggerSx?: SxProps<Theme>;
-    className?: string;
-}
-/**
- * Menú de usuario del AppBar: avatar clickable que despliega un menú con la
- * info del usuario (nombre + email) y una lista de acciones (perfil, cerrar
- * sesión, etc).
- *
- * ```tsx
- * <AppBarUserMenu
- *   user={{ name: 'Andrea', email: 'a@soyfri.com' }}
- *   items={[
- *     { label: 'Perfil', icon: <PersonIcon />, onClick: goToProfile },
- *     { label: 'Cerrar sesión', icon: <LogoutIcon />, onClick: logout, danger: true, dividerBefore: true },
- *   ]}
- * />
- * ```
- */
-export declare function AppBarUserMenu({ user, items, hideUserHeader, triggerTooltip, avatarSize, menuSx, triggerSx, className, }: AppBarUserMenuProps): import("react/jsx-runtime").JSX.Element;
-export default AppBarUserMenu;

package/components/Autocomplete/Autocomplete.types.d.ts

@@ -1 +0,0 @@
-export type { SelectOption, LabelPosition, AutocompleteSize, RenderOptionItem, RenderChipLabel, BaseAutocompleteProps, ControlledAutocompleteProps, RHFAutocompleteProps, AutocompleteProps, } from './Autocomplete';

package/components/DatePicker/DatePicker.types.d.ts

@@ -1 +0,0 @@
-export type { LabelPosition, DatePickerSize, BaseDatePickerProps, RHFDatePickerProps, ControlledDatePickerProps, DatePickerProps, } from './DatePicker';

package/components/DateRangePicker/DateRangePicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.cjs","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';\nimport { TextField } from '@mui/material';\nimport { Dayjs } from 'dayjs';\n\n// Define las props para el DateRangePicker\nexport interface DateRangePickerProps {\n    label?: string;\n    startDate: Dayjs | null;\n    endDate: Dayjs | null;\n    onDateRangeChange: (start: Dayjs | null, end: Dayjs | null) => void;\n    minDate?: Dayjs;\n    maxDate?: Dayjs;\n    disabled?: boolean;\n    readOnly?: boolean;\n    slotProps?: any; // Para pasar slotProps a MuiDateRangePicker\n  }\n  \n  export const DateRangePicker: React.FC<DateRangePickerProps> = ({\n    label,\n    startDate,\n    endDate,\n    onDateRangeChange,\n    minDate,\n    maxDate,\n    disabled,\n    readOnly,\n    slotProps,\n    ...rest\n  }) => {\n    const value: [Dayjs | null, Dayjs | null] = [startDate, endDate];\n  \n    const handleChange = (newValue: [Dayjs | null, Dayjs | null]) => {\n      onDateRangeChange(newValue[0], newValue[1]);\n    };\n  \n    return (\n      <LocalizationProvider dateAdapter={AdapterDayjs}>\n        <MuiDateRangePicker\n          localeText={{ start: 'Fecha de Inicio', end: 'Fecha de Fin' }}\n          value={value}\n          onChange={handleChange}\n          minDate={minDate}\n          maxDate={maxDate}\n          disabled={disabled}\n          readOnly={readOnly}\n          slotProps={slotProps} // Pasa los slotProps directamente\n          {...rest}\n        />\n      </LocalizationProvider>\n    );\n  };\n\nexport default DateRangePicker"],"names":["jsx","LocalizationProvider","AdapterDayjs","MuiDateRangePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBS,MAAM,kBAAkD,CAAC,OAW1D;AAX0D,eAC9D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAT8D,IAU3D,iBAV2D,IAU3D;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,QAAsC,CAAC,WAAW,OAAO;AAE/D,QAAM,eAAe,CAAC,aAA2C;AAC/D,sBAAkB,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;AAAA,EAC5C;AAEA,SACEA,2BAAAA,IAACC,qBAAAA,sBAAA,EAAqB,aAAaC,aAAAA,cACjC,UAAAF,2BAAAA;AAAAA,IAACG,kBAAAA;AAAAA,IAAA;AAAA,MACC,YAAY,EAAE,OAAO,mBAAmB,KAAK,eAAA;AAAA,MAC7C;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI;AAAA,EAAA,GAER;AAEJ;;"}

package/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-import { Dayjs } from 'dayjs';
-export interface DateRangePickerProps {
-    label?: string;
-    startDate: Dayjs | null;
-    endDate: Dayjs | null;
-    onDateRangeChange: (start: Dayjs | null, end: Dayjs | null) => void;
-    minDate?: Dayjs;
-    maxDate?: Dayjs;
-    disabled?: boolean;
-    readOnly?: boolean;
-    slotProps?: any;
-}
-export declare const DateRangePicker: React.FC<DateRangePickerProps>;
-export default DateRangePicker;

package/components/DateRangePicker/DateRangePicker.definitions.d.ts

@@ -1,6 +0,0 @@
-export declare const BasicDateRangePickerDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const BasicDateRangePickerExample = () => {\n  const [startDate, setStartDate] = useState(dayjs('2023-01-01'));\n  const [endDate, setEndDate] = useState(dayjs('2023-01-31'));\n\n  const handleDateRangeChange = (start, end) => {\n    setStartDate(start);\n    setEndDate(end);\n  };\n\n  return (\n    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <DateRangePicker\n        label=\"Seleccionar Rango\"\n        startDate={startDate}\n        endDate={endDate}\n        onDateRangeChange={handleDateRangeChange}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DateRangePickerWithMinMaxDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerWithMinMaxExample = () => {\n  const [startDate, setStartDate] = useState(dayjs('2023-06-10'));\n  const [endDate, setEndDate] = useState(dayjs('2023-06-20'));\n  const minDate = dayjs('2023-06-01');\n  const maxDate = dayjs('2023-06-30');\n\n  const handleDateRangeChange = (start, end) => {\n    setStartDate(start);\n    setEndDate(end);\n  };\n\n  return (\n    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <DateRangePicker\n        label=\"Rango de Junio\"\n        startDate={startDate}\n        endDate={endDate}\n        onDateRangeChange={handleDateRangeChange}\n        minDate={minDate}\n        maxDate={maxDate}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n      </Typography>\n      <Typography variant=\"caption\" color=\"text.secondary\">\n        (Rango permitido: ${minDate.format('YYYY-MM-DD')} a ${maxDate.format('YYYY-MM-DD')})\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DateRangePickerDisabledDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerDisabledExample = () => {\n  const [startDate, setStartDate] = useState(dayjs('2023-01-01'));\n  const [endDate, setEndDate] = useState(dayjs('2023-01-31'));\n\n  return (\n    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <DateRangePicker\n        label=\"Rango Deshabilitado\"\n        startDate={startDate}\n        endDate={endDate}\n        onDateRangeChange={() => {}}\n        disabled\n      />\n      <Typography sx={{ mt: 2 }}>\n        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DateRangePickerReadOnlyDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerReadOnlyExample = () => {\n  const [startDate, setStartDate] = useState(dayjs('2024-07-01'));\n  const [endDate, setEndDate] = useState(dayjs('2024-07-15'));\n\n  return (\n    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <DateRangePicker\n        label=\"Rango Solo Lectura\"\n        startDate={startDate}\n        endDate={endDate}\n        onDateRangeChange={() => {}}\n        readOnly\n      />\n      <Typography sx={{ mt: 2 }}>\n        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DateRangePickerWithInitialNullDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerWithInitialNullExample = () => {\n  const [startDate, setStartDate] = useState(null);\n  const [endDate, setEndDate] = useState(null);\n\n  const handleDateRangeChange = (start, end) => {\n    setStartDate(start);\n    setEndDate(end);\n  };\n\n  return (\n    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <DateRangePicker\n        label=\"Rango Sin Selecci\u00F3n Inicial\"\n        startDate={startDate}\n        endDate={endDate}\n        onDateRangeChange={handleDateRangeChange}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n      </Typography>\n    </Box>\n  );\n};\n";
-export declare const DateRangePickerWithSizeDefinition = "\nimport React, { useState } from 'react';\nimport { DateRangePicker } from './DateRangePicker'; // Adjust path if necessary\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateRangePickerWithSizeExample = () => {\n  const [startDate, setStartDate] = useState(dayjs('2023-01-01'));\n  const [endDate, setEndDate] = useState(dayjs('2023-01-31'));\n\n  const handleDateRangeChange = (start, end) => {\n    setStartDate(start);\n    setEndDate(end);\n  };\n\n  return (\n    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <DateRangePicker\n        label=\"Rango de Fechas (Tama\u00F1o Peque\u00F1o)\"\n        startDate={startDate}\n        endDate={endDate}\n        onDateRangeChange={handleDateRangeChange}\n        slotProps={{ textField: { size: 'small' } }}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |\n        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}\n      </Typography>\n    </Box>\n  );\n};\n";

package/components/DateRangePicker/DateRangePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePicker.js","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro/DateRangePicker';\nimport { TextField } from '@mui/material';\nimport { Dayjs } from 'dayjs';\n\n// Define las props para el DateRangePicker\nexport interface DateRangePickerProps {\n    label?: string;\n    startDate: Dayjs | null;\n    endDate: Dayjs | null;\n    onDateRangeChange: (start: Dayjs | null, end: Dayjs | null) => void;\n    minDate?: Dayjs;\n    maxDate?: Dayjs;\n    disabled?: boolean;\n    readOnly?: boolean;\n    slotProps?: any; // Para pasar slotProps a MuiDateRangePicker\n  }\n  \n  export const DateRangePicker: React.FC<DateRangePickerProps> = ({\n    label,\n    startDate,\n    endDate,\n    onDateRangeChange,\n    minDate,\n    maxDate,\n    disabled,\n    readOnly,\n    slotProps,\n    ...rest\n  }) => {\n    const value: [Dayjs | null, Dayjs | null] = [startDate, endDate];\n  \n    const handleChange = (newValue: [Dayjs | null, Dayjs | null]) => {\n      onDateRangeChange(newValue[0], newValue[1]);\n    };\n  \n    return (\n      <LocalizationProvider dateAdapter={AdapterDayjs}>\n        <MuiDateRangePicker\n          localeText={{ start: 'Fecha de Inicio', end: 'Fecha de Fin' }}\n          value={value}\n          onChange={handleChange}\n          minDate={minDate}\n          maxDate={maxDate}\n          disabled={disabled}\n          readOnly={readOnly}\n          slotProps={slotProps} // Pasa los slotProps directamente\n          {...rest}\n        />\n      </LocalizationProvider>\n    );\n  };\n\nexport default DateRangePicker"],"names":["MuiDateRangePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBS,MAAM,kBAAkD,CAAC,OAW1D;AAX0D,eAC9D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAT8D,IAU3D,iBAV2D,IAU3D;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,QAAsC,CAAC,WAAW,OAAO;AAE/D,QAAM,eAAe,CAAC,aAA2C;AAC/D,sBAAkB,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC;AAAA,EAC5C;AAEA,SACE,oBAAC,sBAAA,EAAqB,aAAa,cACjC,UAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,YAAY,EAAE,OAAO,mBAAmB,KAAK,eAAA;AAAA,MAC7C;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI;AAAA,EAAA,GAER;AAEJ;"}

package/components/DateRangePicker/index.d.ts

@@ -1 +0,0 @@
-export { default as DateRangePicker } from './DateRangePicker';

package/components/DateRangePicker.d.ts

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

package/components/DateTimePicker/DateTimePicker.types.d.ts

@@ -1 +0,0 @@
-export type { LabelPosition, DateTimePickerSize, BaseDateTimePickerProps, RHFDateTimePickerProps, ControlledDateTimePickerProps, DateTimePickerProps, } from './DateTimePicker';

package/components/Input/Input.types.d.ts

@@ -1 +0,0 @@
-export type { InputType, LabelPosition, BaseInputProps, RHFInputProps, ControlledInputProps, InputProps, } from './Input';

package/components/PageLoader/PageLoader.cjs

@@ -1,61 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const material = require("@mui/material");
-function PageLoader({
-  fullscreen = true,
-  message,
-  logo,
-  size = 48,
-  open = true,
-  backdropColor,
-  sx,
-  className
-}) {
-  const rootSx = [
-    (theme) => __spreadValues({
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: 2
-    }, fullscreen ? {
-      position: "fixed",
-      inset: 0,
-      zIndex: theme.zIndex.modal + 10,
-      backgroundColor: backdropColor != null ? backdropColor : theme.palette.background.default
-    } : {
-      width: "100%",
-      minHeight: 160
-    }),
-    ...Array.isArray(sx) ? sx : sx ? [sx] : []
-  ];
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className, sx: rootSx, role: "status", "aria-live": "polite", children: [
-    logo && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 1 }, children: logo }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size, thickness: 4 }),
-    message && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", color: "text.secondary", children: message })
-  ] });
-  if (!fullscreen) {
-    return open ? content : null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Fade, { in: open, timeout: { enter: 0, exit: 200 }, unmountOnExit: true, children: content });
-}
-exports.PageLoader = PageLoader;
-exports.default = PageLoader;
-//# sourceMappingURL=PageLoader.cjs.map

package/components/PageLoader/PageLoader.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLoader.cjs","sources":["../../../src/components/PageLoader/PageLoader.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport { Box, CircularProgress, Typography, Fade } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface PageLoaderProps {\n  /**\n   * Si es true, muestra el loader ocupando toda la ventana (fixed, 100vh/vw)\n   * con backdrop. Default: true.\n   */\n  fullscreen?: boolean;\n  /** Texto bajo el spinner. */\n  message?: ReactNode;\n  /** Logo/imagen opcional arriba del spinner. */\n  logo?: ReactNode;\n  /** Tamaño del spinner en px. Default: 48. */\n  size?: number;\n  /**\n   * Control explícito. Si es undefined, el loader se muestra apenas se monta.\n   * Útil para fades.\n   */\n  open?: boolean;\n  /** Color del backdrop (solo fullscreen). Default: usa theme.palette.background.default. */\n  backdropColor?: string;\n  /** sx del root. */\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Loader full-page o inline. Reemplaza el `LayoutSplashScreen` de Metronic.\n *\n * ```tsx\n * // Splash de arranque\n * <PageLoader logo={<img src={logo} />} message=\"Cargando...\" />\n *\n * // Loader local dentro de una card\n * <PageLoader fullscreen={false} size={32} />\n * ```\n */\nexport function PageLoader({\n  fullscreen = true,\n  message,\n  logo,\n  size = 48,\n  open = true,\n  backdropColor,\n  sx,\n  className,\n}: PageLoaderProps) {\n  const rootSx: SxProps<Theme> = [\n    (theme) => ({\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 2,\n      ...(fullscreen\n        ? {\n            position: 'fixed',\n            inset: 0,\n            zIndex: theme.zIndex.modal + 10,\n            backgroundColor:\n              backdropColor ?? theme.palette.background.default,\n          }\n        : {\n            width: '100%',\n            minHeight: 160,\n          }),\n    }),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const content = (\n    <Box className={className} sx={rootSx} role=\"status\" aria-live=\"polite\">\n      {logo && <Box sx={{ mb: 1 }}>{logo}</Box>}\n      <CircularProgress size={size} thickness={4} />\n      {message && (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {message}\n        </Typography>\n      )}\n    </Box>\n  );\n\n  if (!fullscreen) {\n    return open ? content : null;\n  }\n\n  return (\n    <Fade in={open} timeout={{ enter: 0, exit: 200 }} unmountOnExit>\n      {content}\n    </Fade>\n  );\n}\n\nexport default PageLoader;\n"],"names":["Box","jsx","CircularProgress","Typography","Fade"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuCO,SAAS,WAAW;AAAA,EACzB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,SAAyB;AAAA,IAC7B,CAAC,UAAW;AAAA,MACV,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,OACD,aACA;AAAA,MACE,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ,MAAM,OAAO,QAAQ;AAAA,MAC7B,iBACE,wCAAiB,MAAM,QAAQ,WAAW;AAAA,IAAA,IAE9C;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,IAGnB,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,QAAM,0CACHA,SAAAA,KAAA,EAAI,WAAsB,IAAI,QAAQ,MAAK,UAAS,aAAU,UAC5D,UAAA;AAAA,IAAA,uCAASA,SAAAA,KAAA,EAAI,IAAI,EAAE,IAAI,EAAA,GAAM,UAAA,MAAK;AAAA,IACnCC,2BAAAA,IAACC,SAAAA,kBAAA,EAAiB,MAAY,WAAW,EAAA,CAAG;AAAA,IAC3C,WACCD,2BAAAA,IAACE,SAAAA,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAA,QAAA,CACH;AAAA,EAAA,GAEJ;AAGF,MAAI,CAAC,YAAY;AACf,WAAO,OAAO,UAAU;AAAA,EAC1B;AAEA,SACEF,2BAAAA,IAACG,SAAAA,MAAA,EAAK,IAAI,MAAM,SAAS,EAAE,OAAO,GAAG,MAAM,IAAA,GAAO,eAAa,MAC5D,UAAA,SACH;AAEJ;;;"}

package/components/PageLoader/PageLoader.d.ts

@@ -1,38 +0,0 @@
-import { ReactNode } from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-export interface PageLoaderProps {
-    /**
-     * Si es true, muestra el loader ocupando toda la ventana (fixed, 100vh/vw)
-     * con backdrop. Default: true.
-     */
-    fullscreen?: boolean;
-    /** Texto bajo el spinner. */
-    message?: ReactNode;
-    /** Logo/imagen opcional arriba del spinner. */
-    logo?: ReactNode;
-    /** Tamaño del spinner en px. Default: 48. */
-    size?: number;
-    /**
-     * Control explícito. Si es undefined, el loader se muestra apenas se monta.
-     * Útil para fades.
-     */
-    open?: boolean;
-    /** Color del backdrop (solo fullscreen). Default: usa theme.palette.background.default. */
-    backdropColor?: string;
-    /** sx del root. */
-    sx?: SxProps<Theme>;
-    className?: string;
-}
-/**
- * Loader full-page o inline. Reemplaza el `LayoutSplashScreen` de Metronic.
- *
- * ```tsx
- * // Splash de arranque
- * <PageLoader logo={<img src={logo} />} message="Cargando..." />
- *
- * // Loader local dentro de una card
- * <PageLoader fullscreen={false} size={32} />
- * ```
- */
-export declare function PageLoader({ fullscreen, message, logo, size, open, backdropColor, sx, className, }: PageLoaderProps): import("react/jsx-runtime").JSX.Element | null;
-export default PageLoader;

package/components/PageLoader/PageLoader.js

@@ -1,61 +0,0 @@
-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 { jsxs, jsx } from "react/jsx-runtime";
-import { Fade, Box, CircularProgress, Typography } from "@mui/material";
-function PageLoader({
-  fullscreen = true,
-  message,
-  logo,
-  size = 48,
-  open = true,
-  backdropColor,
-  sx,
-  className
-}) {
-  const rootSx = [
-    (theme) => __spreadValues({
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: 2
-    }, fullscreen ? {
-      position: "fixed",
-      inset: 0,
-      zIndex: theme.zIndex.modal + 10,
-      backgroundColor: backdropColor != null ? backdropColor : theme.palette.background.default
-    } : {
-      width: "100%",
-      minHeight: 160
-    }),
-    ...Array.isArray(sx) ? sx : sx ? [sx] : []
-  ];
-  const content = /* @__PURE__ */ jsxs(Box, { className, sx: rootSx, role: "status", "aria-live": "polite", children: [
-    logo && /* @__PURE__ */ jsx(Box, { sx: { mb: 1 }, children: logo }),
-    /* @__PURE__ */ jsx(CircularProgress, { size, thickness: 4 }),
-    message && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: message })
-  ] });
-  if (!fullscreen) {
-    return open ? content : null;
-  }
-  return /* @__PURE__ */ jsx(Fade, { in: open, timeout: { enter: 0, exit: 200 }, unmountOnExit: true, children: content });
-}
-export {
-  PageLoader,
-  PageLoader as default
-};
-//# sourceMappingURL=PageLoader.js.map

package/components/PageLoader/PageLoader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLoader.js","sources":["../../../src/components/PageLoader/PageLoader.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport { Box, CircularProgress, Typography, Fade } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface PageLoaderProps {\n  /**\n   * Si es true, muestra el loader ocupando toda la ventana (fixed, 100vh/vw)\n   * con backdrop. Default: true.\n   */\n  fullscreen?: boolean;\n  /** Texto bajo el spinner. */\n  message?: ReactNode;\n  /** Logo/imagen opcional arriba del spinner. */\n  logo?: ReactNode;\n  /** Tamaño del spinner en px. Default: 48. */\n  size?: number;\n  /**\n   * Control explícito. Si es undefined, el loader se muestra apenas se monta.\n   * Útil para fades.\n   */\n  open?: boolean;\n  /** Color del backdrop (solo fullscreen). Default: usa theme.palette.background.default. */\n  backdropColor?: string;\n  /** sx del root. */\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Loader full-page o inline. Reemplaza el `LayoutSplashScreen` de Metronic.\n *\n * ```tsx\n * // Splash de arranque\n * <PageLoader logo={<img src={logo} />} message=\"Cargando...\" />\n *\n * // Loader local dentro de una card\n * <PageLoader fullscreen={false} size={32} />\n * ```\n */\nexport function PageLoader({\n  fullscreen = true,\n  message,\n  logo,\n  size = 48,\n  open = true,\n  backdropColor,\n  sx,\n  className,\n}: PageLoaderProps) {\n  const rootSx: SxProps<Theme> = [\n    (theme) => ({\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 2,\n      ...(fullscreen\n        ? {\n            position: 'fixed',\n            inset: 0,\n            zIndex: theme.zIndex.modal + 10,\n            backgroundColor:\n              backdropColor ?? theme.palette.background.default,\n          }\n        : {\n            width: '100%',\n            minHeight: 160,\n          }),\n    }),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const content = (\n    <Box className={className} sx={rootSx} role=\"status\" aria-live=\"polite\">\n      {logo && <Box sx={{ mb: 1 }}>{logo}</Box>}\n      <CircularProgress size={size} thickness={4} />\n      {message && (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {message}\n        </Typography>\n      )}\n    </Box>\n  );\n\n  if (!fullscreen) {\n    return open ? content : null;\n  }\n\n  return (\n    <Fade in={open} timeout={{ enter: 0, exit: 200 }} unmountOnExit>\n      {content}\n    </Fade>\n  );\n}\n\nexport default PageLoader;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuCO,SAAS,WAAW;AAAA,EACzB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,SAAyB;AAAA,IAC7B,CAAC,UAAW;AAAA,MACV,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,KAAK;AAAA,OACD,aACA;AAAA,MACE,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ,MAAM,OAAO,QAAQ;AAAA,MAC7B,iBACE,wCAAiB,MAAM,QAAQ,WAAW;AAAA,IAAA,IAE9C;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,IAGnB,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,QAAM,+BACH,KAAA,EAAI,WAAsB,IAAI,QAAQ,MAAK,UAAS,aAAU,UAC5D,UAAA;AAAA,IAAA,4BAAS,KAAA,EAAI,IAAI,EAAE,IAAI,EAAA,GAAM,UAAA,MAAK;AAAA,IACnC,oBAAC,kBAAA,EAAiB,MAAY,WAAW,EAAA,CAAG;AAAA,IAC3C,WACC,oBAAC,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAA,QAAA,CACH;AAAA,EAAA,GAEJ;AAGF,MAAI,CAAC,YAAY;AACf,WAAO,OAAO,UAAU;AAAA,EAC1B;AAEA,SACE,oBAAC,MAAA,EAAK,IAAI,MAAM,SAAS,EAAE,OAAO,GAAG,MAAM,IAAA,GAAO,eAAa,MAC5D,UAAA,SACH;AAEJ;"}

package/components/PageLoader/index.d.ts

@@ -1,2 +0,0 @@
-export { PageLoader, default } from './PageLoader';
-export type { PageLoaderProps } from './PageLoader';

package/components/PageLoader.d.ts

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

package/components/ScrollTopButton/ScrollTopButton.cjs

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const material = require("@mui/material");
-const KeyboardArrowUpIcon = require("@mui/icons-material/KeyboardArrowUp");
-const resolvePreset = require("../../resolvePreset-CT3kU-K2.cjs");
-function scrollToTop({
-  behavior = "smooth",
-  target = typeof window !== "undefined" ? window : void 0,
-  top = 0
-} = {}) {
-  if (!target) return;
-  target.scrollTo({ top, left: 0, behavior });
-}
-const positionSx = {
-  "bottom-right": { position: "fixed", bottom: 24, right: 24 },
-  "bottom-left": { position: "fixed", bottom: 24, left: 24 },
-  "bottom-center": {
-    position: "fixed",
-    bottom: 24,
-    left: "50%",
-    transform: "translateX(-50%)"
-  }
-};
-function ScrollTopButton({
-  threshold = 300,
-  position = "bottom-right",
-  scrollTarget,
-  size = "medium",
-  color = "default",
-  icon,
-  ariaLabel = "Subir al inicio",
-  preset,
-  sx,
-  className
-}) {
-  const theme = material.useTheme();
-  const [visible, setVisible] = React.useState(false);
-  React.useEffect(() => {
-    const target = scrollTarget != null ? scrollTarget : typeof window !== "undefined" ? window : null;
-    if (!target) return;
-    const readScrollTop = () => target === window ? window.scrollY || document.documentElement.scrollTop : target.scrollTop;
-    const handleScroll = () => {
-      setVisible(readScrollTop() > threshold);
-    };
-    handleScroll();
-    target.addEventListener("scroll", handleScroll, { passive: true });
-    return () => target.removeEventListener("scroll", handleScroll);
-  }, [threshold, scrollTarget]);
-  const handleClick = () => {
-    scrollToTop({
-      target: scrollTarget != null ? scrollTarget : typeof window !== "undefined" ? window : void 0
-    });
-  };
-  const presetSx = resolvePreset.resolvePreset("ScrollTopButton", preset, theme);
-  const mergedSx = [
-    positionSx[position],
-    { zIndex: theme.zIndex.speedDial },
-    ...presetSx ? [presetSx] : [],
-    ...Array.isArray(sx) ? sx : sx ? [sx] : []
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Zoom, { in: visible, unmountOnExit: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    material.Fab,
-    {
-      size,
-      color,
-      "aria-label": ariaLabel,
-      onClick: handleClick,
-      className,
-      sx: mergedSx,
-      children: icon != null ? icon : /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowUpIcon, {})
-    }
-  ) });
-}
-exports.ScrollTopButton = ScrollTopButton;
-exports.default = ScrollTopButton;
-exports.scrollToTop = scrollToTop;
-//# sourceMappingURL=ScrollTopButton.cjs.map

package/components/ScrollTopButton/ScrollTopButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollTopButton.cjs","sources":["../../../src/components/ScrollTopButton/scrollToTop.ts","../../../src/components/ScrollTopButton/ScrollTopButton.tsx"],"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 * Reemplaza imperativamente a `ScrollTopComponent.goTop()` de Metronic.\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 * // Reemplazo directo del legacy:\n * // Antes: ScrollTopComponent.goTop()\n * scrollToTop();\n *\n * // Con opciones:\n * scrollToTop({ behavior: 'auto' });\n * scrollToTop({ target: myScrollableRef.current });\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","import React, { useEffect, useState, type ReactNode } from 'react';\nimport { Fab, Zoom, useTheme } from '@mui/material';\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { scrollToTop } from './scrollToTop';\n\nexport type ScrollTopButtonPosition =\n  | 'bottom-right'\n  | 'bottom-left'\n  | 'bottom-center';\n\nexport interface ScrollTopButtonProps {\n  /**\n   * Distancia en px que hay que scrollear antes de mostrar el botón.\n   * Default: `300`.\n   */\n  threshold?: number;\n  /**\n   * Posición del botón en la pantalla. Default: `'bottom-right'`.\n   */\n  position?: ScrollTopButtonPosition;\n  /**\n   * Elemento scrolleable a observar y al que se hace scrollTop. Si se omite,\n   * se usa `window` (caso más común).\n   */\n  scrollTarget?: Window | HTMLElement | null;\n  /** Tamaño del FAB. Default: `'medium'`. */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Color del FAB. Default: `'default'`.\n   */\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';\n  /** Icono custom. Default: `<KeyboardArrowUpIcon />`. */\n  icon?: ReactNode;\n  /** Texto accesible (aria-label). Default: `\"Subir al inicio\"`. */\n  ariaLabel?: string;\n  /** Preset registrado en `theme.styles.ScrollTopButton`. */\n  preset?: string;\n  /** sx del Fab. Se compone sobre la posición + preset. */\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\nconst positionSx: Record<ScrollTopButtonPosition, SxProps<Theme>> = {\n  'bottom-right': { position: 'fixed', bottom: 24, right: 24 },\n  'bottom-left': { position: 'fixed', bottom: 24, left: 24 },\n  'bottom-center': {\n    position: 'fixed',\n    bottom: 24,\n    left: '50%',\n    transform: 'translateX(-50%)',\n  },\n};\n\n/**\n * Botón flotante que aparece tras scrollear más de `threshold` px y, al\n * clickearse, hace scroll suave hasta el tope. Reemplaza al componente\n * visible de `ScrollTopComponent` de Metronic.\n *\n * Para el caso imperativo (llamar `goTop()` tras una mutación), usar el\n * helper `scrollToTop()` directamente.\n *\n * ```tsx\n * <ScrollTopButton threshold={400} position=\"bottom-right\" />\n * ```\n */\nexport function ScrollTopButton({\n  threshold = 300,\n  position = 'bottom-right',\n  scrollTarget,\n  size = 'medium',\n  color = 'default',\n  icon,\n  ariaLabel = 'Subir al inicio',\n  preset,\n  sx,\n  className,\n}: ScrollTopButtonProps) {\n  const theme = useTheme();\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    // Si viene scrollTarget explícito, usarlo; si no, window.\n    const target: Window | HTMLElement | null =\n      scrollTarget ?? (typeof window !== 'undefined' ? window : null);\n    if (!target) return;\n\n    const readScrollTop = () =>\n      target === window\n        ? window.scrollY || document.documentElement.scrollTop\n        : (target as HTMLElement).scrollTop;\n\n    const handleScroll = () => {\n      setVisible(readScrollTop() > threshold);\n    };\n\n    handleScroll(); // check inicial por si ya estamos scrolleados\n    target.addEventListener('scroll', handleScroll, { passive: true });\n    return () => target.removeEventListener('scroll', handleScroll);\n  }, [threshold, scrollTarget]);\n\n  const handleClick = () => {\n    scrollToTop({\n      target: scrollTarget ?? (typeof window !== 'undefined' ? window : undefined),\n    });\n  };\n\n  const presetSx = resolvePreset('ScrollTopButton', preset, theme);\n\n  const mergedSx: SxProps<Theme> = [\n    positionSx[position],\n    { zIndex: theme.zIndex.speedDial },\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  return (\n    <Zoom in={visible} unmountOnExit>\n      <Fab\n        size={size}\n        color={color}\n        aria-label={ariaLabel}\n        onClick={handleClick}\n        className={className}\n        sx={mergedSx}\n      >\n        {icon ?? <KeyboardArrowUpIcon />}\n      </Fab>\n    </Zoom>\n  );\n}\n\nexport default ScrollTopButton;\n"],"names":["useTheme","useState","useEffect","resolvePreset","jsx","Zoom","Fab"],"mappings":";;;;;;;AA6BO,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;ACSA,MAAM,aAA8D;AAAA,EAClE,gBAAgB,EAAE,UAAU,SAAS,QAAQ,IAAI,OAAO,GAAA;AAAA,EACxD,eAAe,EAAE,UAAU,SAAS,QAAQ,IAAI,MAAM,GAAA;AAAA,EACtD,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAEf;AAcO,SAAS,gBAAgB;AAAA,EAC9B,YAAY;AAAA,EACZ,WAAW;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,QAAQA,SAAAA,SAAA;AACd,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAE5CC,QAAAA,UAAU,MAAM;AAEd,UAAM,SACJ,sCAAiB,OAAO,WAAW,cAAc,SAAS;AAC5D,QAAI,CAAC,OAAQ;AAEb,UAAM,gBAAgB,MACpB,WAAW,SACP,OAAO,WAAW,SAAS,gBAAgB,YAC1C,OAAuB;AAE9B,UAAM,eAAe,MAAM;AACzB,iBAAW,cAAA,IAAkB,SAAS;AAAA,IACxC;AAEA,iBAAA;AACA,WAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AACjE,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,QAAM,cAAc,MAAM;AACxB,gBAAY;AAAA,MACV,QAAQ,sCAAiB,OAAO,WAAW,cAAc,SAAS;AAAA,IAAA,CACnE;AAAA,EACH;AAEA,QAAM,WAAWC,cAAAA,cAAc,mBAAmB,QAAQ,KAAK;AAE/D,QAAM,WAA2B;AAAA,IAC/B,WAAW,QAAQ;AAAA,IACnB,EAAE,QAAQ,MAAM,OAAO,UAAA;AAAA,IACvB,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAA;AAAA,IAC5B,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,SACEC,2BAAAA,IAACC,SAAAA,MAAA,EAAK,IAAI,SAAS,eAAa,MAC9B,UAAAD,2BAAAA;AAAAA,IAACE,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,SAAS;AAAA,MACT;AAAA,MACA,IAAI;AAAA,MAEH,UAAA,qDAAS,qBAAA,CAAA,CAAoB;AAAA,IAAA;AAAA,EAAA,GAElC;AAEJ;;;;"}

package/components/ScrollTopButton/ScrollTopButton.d.ts

@@ -1,48 +0,0 @@
-import { ReactNode } from 'react';
-import { SxProps, Theme } from '@mui/material/styles';
-export type ScrollTopButtonPosition = 'bottom-right' | 'bottom-left' | 'bottom-center';
-export interface ScrollTopButtonProps {
-    /**
-     * Distancia en px que hay que scrollear antes de mostrar el botón.
-     * Default: `300`.
-     */
-    threshold?: number;
-    /**
-     * Posición del botón en la pantalla. Default: `'bottom-right'`.
-     */
-    position?: ScrollTopButtonPosition;
-    /**
-     * Elemento scrolleable a observar y al que se hace scrollTop. Si se omite,
-     * se usa `window` (caso más común).
-     */
-    scrollTarget?: Window | HTMLElement | null;
-    /** Tamaño del FAB. Default: `'medium'`. */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Color del FAB. Default: `'default'`.
-     */
-    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
-    /** Icono custom. Default: `<KeyboardArrowUpIcon />`. */
-    icon?: ReactNode;
-    /** Texto accesible (aria-label). Default: `"Subir al inicio"`. */
-    ariaLabel?: string;
-    /** Preset registrado en `theme.styles.ScrollTopButton`. */
-    preset?: string;
-    /** sx del Fab. Se compone sobre la posición + preset. */
-    sx?: SxProps<Theme>;
-    className?: string;
-}
-/**
- * Botón flotante que aparece tras scrollear más de `threshold` px y, al
- * clickearse, hace scroll suave hasta el tope. Reemplaza al componente
- * visible de `ScrollTopComponent` de Metronic.
- *
- * Para el caso imperativo (llamar `goTop()` tras una mutación), usar el
- * helper `scrollToTop()` directamente.
- *
- * ```tsx
- * <ScrollTopButton threshold={400} position="bottom-right" />
- * ```
- */
-export declare function ScrollTopButton({ threshold, position, scrollTarget, size, color, icon, ariaLabel, preset, sx, className, }: ScrollTopButtonProps): import("react/jsx-runtime").JSX.Element;
-export default ScrollTopButton;

package/components/ScrollTopButton/ScrollTopButton.js

@@ -1,79 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useTheme, Zoom, Fab } from "@mui/material";
-import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
-import { r as resolvePreset } from "../../resolvePreset-B-IB0ehH.js";
-function scrollToTop({
-  behavior = "smooth",
-  target = typeof window !== "undefined" ? window : void 0,
-  top = 0
-} = {}) {
-  if (!target) return;
-  target.scrollTo({ top, left: 0, behavior });
-}
-const positionSx = {
-  "bottom-right": { position: "fixed", bottom: 24, right: 24 },
-  "bottom-left": { position: "fixed", bottom: 24, left: 24 },
-  "bottom-center": {
-    position: "fixed",
-    bottom: 24,
-    left: "50%",
-    transform: "translateX(-50%)"
-  }
-};
-function ScrollTopButton({
-  threshold = 300,
-  position = "bottom-right",
-  scrollTarget,
-  size = "medium",
-  color = "default",
-  icon,
-  ariaLabel = "Subir al inicio",
-  preset,
-  sx,
-  className
-}) {
-  const theme = useTheme();
-  const [visible, setVisible] = useState(false);
-  useEffect(() => {
-    const target = scrollTarget != null ? scrollTarget : typeof window !== "undefined" ? window : null;
-    if (!target) return;
-    const readScrollTop = () => target === window ? window.scrollY || document.documentElement.scrollTop : target.scrollTop;
-    const handleScroll = () => {
-      setVisible(readScrollTop() > threshold);
-    };
-    handleScroll();
-    target.addEventListener("scroll", handleScroll, { passive: true });
-    return () => target.removeEventListener("scroll", handleScroll);
-  }, [threshold, scrollTarget]);
-  const handleClick = () => {
-    scrollToTop({
-      target: scrollTarget != null ? scrollTarget : typeof window !== "undefined" ? window : void 0
-    });
-  };
-  const presetSx = resolvePreset("ScrollTopButton", preset, theme);
-  const mergedSx = [
-    positionSx[position],
-    { zIndex: theme.zIndex.speedDial },
-    ...presetSx ? [presetSx] : [],
-    ...Array.isArray(sx) ? sx : sx ? [sx] : []
-  ];
-  return /* @__PURE__ */ jsx(Zoom, { in: visible, unmountOnExit: true, children: /* @__PURE__ */ jsx(
-    Fab,
-    {
-      size,
-      color,
-      "aria-label": ariaLabel,
-      onClick: handleClick,
-      className,
-      sx: mergedSx,
-      children: icon != null ? icon : /* @__PURE__ */ jsx(KeyboardArrowUpIcon, {})
-    }
-  ) });
-}
-export {
-  ScrollTopButton,
-  ScrollTopButton as default,
-  scrollToTop
-};
-//# sourceMappingURL=ScrollTopButton.js.map

package/components/ScrollTopButton/ScrollTopButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollTopButton.js","sources":["../../../src/components/ScrollTopButton/scrollToTop.ts","../../../src/components/ScrollTopButton/ScrollTopButton.tsx"],"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 * Reemplaza imperativamente a `ScrollTopComponent.goTop()` de Metronic.\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 * // Reemplazo directo del legacy:\n * // Antes: ScrollTopComponent.goTop()\n * scrollToTop();\n *\n * // Con opciones:\n * scrollToTop({ behavior: 'auto' });\n * scrollToTop({ target: myScrollableRef.current });\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","import React, { useEffect, useState, type ReactNode } from 'react';\nimport { Fab, Zoom, useTheme } from '@mui/material';\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { scrollToTop } from './scrollToTop';\n\nexport type ScrollTopButtonPosition =\n  | 'bottom-right'\n  | 'bottom-left'\n  | 'bottom-center';\n\nexport interface ScrollTopButtonProps {\n  /**\n   * Distancia en px que hay que scrollear antes de mostrar el botón.\n   * Default: `300`.\n   */\n  threshold?: number;\n  /**\n   * Posición del botón en la pantalla. Default: `'bottom-right'`.\n   */\n  position?: ScrollTopButtonPosition;\n  /**\n   * Elemento scrolleable a observar y al que se hace scrollTop. Si se omite,\n   * se usa `window` (caso más común).\n   */\n  scrollTarget?: Window | HTMLElement | null;\n  /** Tamaño del FAB. Default: `'medium'`. */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Color del FAB. Default: `'default'`.\n   */\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';\n  /** Icono custom. Default: `<KeyboardArrowUpIcon />`. */\n  icon?: ReactNode;\n  /** Texto accesible (aria-label). Default: `\"Subir al inicio\"`. */\n  ariaLabel?: string;\n  /** Preset registrado en `theme.styles.ScrollTopButton`. */\n  preset?: string;\n  /** sx del Fab. Se compone sobre la posición + preset. */\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\nconst positionSx: Record<ScrollTopButtonPosition, SxProps<Theme>> = {\n  'bottom-right': { position: 'fixed', bottom: 24, right: 24 },\n  'bottom-left': { position: 'fixed', bottom: 24, left: 24 },\n  'bottom-center': {\n    position: 'fixed',\n    bottom: 24,\n    left: '50%',\n    transform: 'translateX(-50%)',\n  },\n};\n\n/**\n * Botón flotante que aparece tras scrollear más de `threshold` px y, al\n * clickearse, hace scroll suave hasta el tope. Reemplaza al componente\n * visible de `ScrollTopComponent` de Metronic.\n *\n * Para el caso imperativo (llamar `goTop()` tras una mutación), usar el\n * helper `scrollToTop()` directamente.\n *\n * ```tsx\n * <ScrollTopButton threshold={400} position=\"bottom-right\" />\n * ```\n */\nexport function ScrollTopButton({\n  threshold = 300,\n  position = 'bottom-right',\n  scrollTarget,\n  size = 'medium',\n  color = 'default',\n  icon,\n  ariaLabel = 'Subir al inicio',\n  preset,\n  sx,\n  className,\n}: ScrollTopButtonProps) {\n  const theme = useTheme();\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    // Si viene scrollTarget explícito, usarlo; si no, window.\n    const target: Window | HTMLElement | null =\n      scrollTarget ?? (typeof window !== 'undefined' ? window : null);\n    if (!target) return;\n\n    const readScrollTop = () =>\n      target === window\n        ? window.scrollY || document.documentElement.scrollTop\n        : (target as HTMLElement).scrollTop;\n\n    const handleScroll = () => {\n      setVisible(readScrollTop() > threshold);\n    };\n\n    handleScroll(); // check inicial por si ya estamos scrolleados\n    target.addEventListener('scroll', handleScroll, { passive: true });\n    return () => target.removeEventListener('scroll', handleScroll);\n  }, [threshold, scrollTarget]);\n\n  const handleClick = () => {\n    scrollToTop({\n      target: scrollTarget ?? (typeof window !== 'undefined' ? window : undefined),\n    });\n  };\n\n  const presetSx = resolvePreset('ScrollTopButton', preset, theme);\n\n  const mergedSx: SxProps<Theme> = [\n    positionSx[position],\n    { zIndex: theme.zIndex.speedDial },\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  return (\n    <Zoom in={visible} unmountOnExit>\n      <Fab\n        size={size}\n        color={color}\n        aria-label={ariaLabel}\n        onClick={handleClick}\n        className={className}\n        sx={mergedSx}\n      >\n        {icon ?? <KeyboardArrowUpIcon />}\n      </Fab>\n    </Zoom>\n  );\n}\n\nexport default ScrollTopButton;\n"],"names":[],"mappings":";;;;;AA6BO,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;ACSA,MAAM,aAA8D;AAAA,EAClE,gBAAgB,EAAE,UAAU,SAAS,QAAQ,IAAI,OAAO,GAAA;AAAA,EACxD,eAAe,EAAE,UAAU,SAAS,QAAQ,IAAI,MAAM,GAAA;AAAA,EACtD,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAEf;AAcO,SAAS,gBAAgB;AAAA,EAC9B,YAAY;AAAA,EACZ,WAAW;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,QAAQ,SAAA;AACd,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AAEd,UAAM,SACJ,sCAAiB,OAAO,WAAW,cAAc,SAAS;AAC5D,QAAI,CAAC,OAAQ;AAEb,UAAM,gBAAgB,MACpB,WAAW,SACP,OAAO,WAAW,SAAS,gBAAgB,YAC1C,OAAuB;AAE9B,UAAM,eAAe,MAAM;AACzB,iBAAW,cAAA,IAAkB,SAAS;AAAA,IACxC;AAEA,iBAAA;AACA,WAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM;AACjE,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,QAAM,cAAc,MAAM;AACxB,gBAAY;AAAA,MACV,QAAQ,sCAAiB,OAAO,WAAW,cAAc,SAAS;AAAA,IAAA,CACnE;AAAA,EACH;AAEA,QAAM,WAAW,cAAc,mBAAmB,QAAQ,KAAK;AAE/D,QAAM,WAA2B;AAAA,IAC/B,WAAW,QAAQ;AAAA,IACnB,EAAE,QAAQ,MAAM,OAAO,UAAA;AAAA,IACvB,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAA;AAAA,IAC5B,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,SACE,oBAAC,MAAA,EAAK,IAAI,SAAS,eAAa,MAC9B,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,SAAS;AAAA,MACT;AAAA,MACA,IAAI;AAAA,MAEH,UAAA,0CAAS,qBAAA,CAAA,CAAoB;AAAA,IAAA;AAAA,EAAA,GAElC;AAEJ;"}

package/components/ScrollTopButton/index.d.ts

@@ -1,4 +0,0 @@
-export { ScrollTopButton, default } from './ScrollTopButton';
-export type { ScrollTopButtonProps, ScrollTopButtonPosition, } from './ScrollTopButton';
-export { scrollToTop } from './scrollToTop';
-export type { ScrollToTopOptions } from './scrollToTop';

package/components/ScrollTopButton.d.ts

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