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

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/RadioGroup/RadioGroup.types.d.ts

@@ -1 +0,0 @@
-export type { RadioOption, RadioGroupSize, BaseRadioGroupProps, RHFRadioGroupProps, ControlledRadioGroupProps, RadioGroupProps, } from './RadioGroup';

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-CxTI6_Ln.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-K6_BfWHD.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 {}

package/components/Select/Select.definitions.d.ts

@@ -1,17 +0,0 @@
-export declare const SimpleSelectDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const SimpleSelectExample = () => {\n    const [value, setValue] = useState<string>('25');\n    return (\n        <Box sx={{ width: 200 }}>\n            <Select\n                label=\"Registros por p\u00E1gina\"\n                options={basicOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                maxWidth={150}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const MultiSelectDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nexport const MultiSelectExample = () => {\n    const [value, setValue] = useState<string[]>([]);\n    return (\n        <Box sx={{ width: 400 }}>\n            <Select\n                label=\"Seleccionar estados\"\n                multiple\n                maxChipsToShow={2}\n                options={[\n                    { value: 'pending', label: 'Pendiente' },\n                    { value: 'approved', label: 'Aprobado' },\n                    { value: 'rejected', label: 'Rechazado' },\n                    { value: 'canceled', label: 'Cancelado' },\n                    { value: 'completed', label: 'Completado' },\n                    { value: 'invoiced', label: 'Facturado' },\n                ]}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const WithPlaceholderDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const WithPlaceholderExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Seleccione una opci\u00F3n\"\n                options={basicOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                placeholder=\"Ninguna opci\u00F3n seleccionada\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value || 'Ninguno'}</Typography>\n        </Box>\n    );\n};\n";
-export declare const WithFilterDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n    { value: 'mx', label: 'M\u00E9xico', group: 'Norteam\u00E9rica' },\n    { value: 'us', label: 'EE.UU.', group: 'Norteam\u00E9rica' },\n];\n\nexport const WithFilterExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Buscar pa\u00EDs\"\n                filterable\n                options={groupedOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const WithGroupDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n    { value: 'mx', label: 'M\u00E9xico', group: 'Norteam\u00E9rica' },\n    { value: 'us', label: 'EE.UU.', group: 'Norteam\u00E9rica' },\n];\n\nexport const WithGroupExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Pa\u00EDs por regi\u00F3n\"\n                options={groupedOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const CustomRenderWithAvatarDefinition = "\nimport React, { useState } from 'react';\nimport { Select, Option } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Avatar, Box, Typography } from '@mui/material';\n\nconst userOptions = [\n    { value: 'admin', label: 'Administrador', img: 'https://placehold.co/40x40?text=A' },\n    { value: 'user', label: 'Usuario', img: 'https://placehold.co/40x40?text=U' },\n];\n\nexport const CustomRenderWithAvatarExample = () => {\n    const [value, setValue] = useState<string[]>([]);\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                options={userOptions}\n                multiple\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                label=\"Usuarios\"\n                placeholder=\"Selecciona usuarios\"\n            >\n                <Option>\n                    {({ img, label }) => (\n                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                            <Avatar src={img} sx={{ width: 24, height: 24 }} />\n                            <Typography variant=\"body2\">{label}</Typography>\n                        </Box>\n                    )}\n                </Option>\n            </Select>\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const MultiSelectCustomChipRenderDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography, Chip } from '@mui/material';\n\nconst transactionStatuses = [\n    { value: 'PENDING', label: 'Pendiente' },\n    { value: 'REJECTED', label: 'Rechazado' },\n    { value: 'CANCELED', label: 'Cancelado' },\n    { value: 'REFUNDED', label: 'Reembolsado' },\n    { value: 'COMPLETED', label: 'Completado' },\n    { value: 'EXPIRED', label: 'Expirado' },\n];\n\nexport const MultiSelectCustomChipRenderExample = () => {\n    const [value, setValue] = useState<string[]>(['pending', 'approved', 'rejected', 'canceled']);\n    return (\n        <Box sx={{ width: 400 }}>\n            <Select\n                label=\"Estados de Transacci\u00F3n\"\n                multiple\n                maxChipsToShow={3}\n                options={transactionStatuses}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Selecciona estados\"\n                renderChipLabel={(item) => (\n                  <Typography variant=\"caption\" sx={{ fontWeight: 'bold' }}>\n                    {item.label.charAt(0).toUpperCase()}\n                  </Typography>\n                )}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const MultiSelectCustomChipRenderFullLabelDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Avatar, Box, Typography } from '@mui/material';\n\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n    { value: 'mx', label: 'M\u00E9xico', group: 'Norteam\u00E9rica' },\n    { value: 'us', label: 'EE.UU.', group: 'Norteam\u00E9rica' },\n    { value: 'ca', label: 'Canad\u00E1', group: 'Norteam\u00E9rica' },\n    { value: 'br', label: 'Brasil', group: 'Sudam\u00E9rica' },\n    { value: 'ar', label: 'Argentina', group: 'Sudam\u00E9rica' },\n];\n\nexport const MultiSelectCustomChipRenderFullLabelExample = () => {\n    const [value, setValue] = useState<string[]>(['gt', 'mx', 'us', 'ca', 'br']);\n    return (\n        <Box sx={{ width: 400 }}>\n            <Select\n                label=\"Pa\u00EDses seleccionados\"\n                multiple\n                maxChipsToShow={3}\n                options={groupedOptions}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Selecciona pa\u00EDses\"\n                renderChipLabel={(item) => (\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n                        {item.img && <Avatar src={item.img} sx={{ width: 18, height: 18 }} />}\n                        <Typography variant=\"caption\" sx={{ fontWeight: 'medium' }}>\n                            {item.label}\n                        </Typography>\n                    </Box>\n                )}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const ConstrainedHeightDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst optionsWithManyItems = [\n  { value: 'gt', label: 'Guatemala' }, { value: 'sv', label: 'El Salvador' },\n  { value: 'mx', label: 'M\u00E9xico' }, { value: 'us', label: 'EE.UU.' },\n  { value: 'ca', label: 'Canad\u00E1' }, { value: 'br', label: 'Brasil' },\n  { value: 'ar', label: 'Argentina' }, { value: 'cl', label: 'Chile' },\n  { value: 'co', label: 'Colombia' }, { value: 'pe', label: 'Per\u00FA' },\n  { value: 'ec', label: 'Ecuador' }, { value: 've', label: 'Venezuela' },\n  { value: 'py', label: 'Paraguay' }, { value: 'uy', label: 'Uruguay' },\n  { value: 'bo', label: 'Bolivia' }, { value: 'cr', label: 'Costa Rica' },\n  { value: 'pa', label: 'Panam\u00E1' }, { value: 'hn', label: 'Honduras' },\n  { value: 'ni', label: 'Nicaragua' }, { value: 'do', label: 'Rep. Dominicana' },\n  { value: 'cu', label: 'Cuba' }, { value: 'pr', label: 'Puerto Rico' },\n  { value: 'es', label: 'Espa\u00F1a' }, { value: 'fr', label: 'Francia' },\n  { value: 'de', label: 'Alemania' }, { value: 'it', label: 'Italia' },\n];\n\nexport const ConstrainedHeightExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Opciones (Altura Limitada)\"\n                options={optionsWithManyItems}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                maxHeight={150}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const ConstrainedWidthDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n];\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n];\n\nexport const ConstrainedWidthExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 200 }}>\n            <Select\n                label=\"Opciones (Ancho Limitado)\"\n                options={basicOptions.concat(groupedOptions)}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                maxWidth={100}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const AllFeaturesCombinedDefinition = "\nimport React, { useState } from 'react';\nimport { Select, Option } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Avatar, Box, Typography, Chip } from '@mui/material';\n\nconst allOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'admin', label: 'Administrador', img: 'https://placehold.co/40x40?text=A' },\n    { value: 'PENDING', label: 'Pendiente' },\n    { value: 'ca', label: 'Canad\u00E1', group: 'Norteam\u00E9rica' },\n    { value: 'user', label: 'Usuario', img: 'https://placehold.co/40x40?text=U' },\n    { value: 'COMPLETED', label: 'Completado' },\n];\n\nexport const AllFeaturesCombinedExample = () => {\n    const [value, setValue] = useState<string[]>(['gt', 'admin', 'PENDING', 'ca', 'user', 'COMPLETED']);\n    return (\n        <Box sx={{ width: 500 }}>\n            <Select\n                label=\"Selecci\u00F3n Completa\"\n                multiple\n                filterable\n                maxChipsToShow={3}\n                maxHeight={250}\n                maxWidth=\"400px\"\n                options={allOptions}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Busca y selecciona todo tipo de elementos\"\n                renderChipLabel={(item) => (\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n                        {item.img && <Avatar src={item.img} sx={{ width: 16, height: 16 }} />}\n                        <Typography variant=\"caption\" sx={{ fontWeight: 'bold' }}>\n                            {item.label.length > 10 ? item.label.substring(0, 7) + '...' : item.label}\n                        </Typography>\n                    </Box>\n                )}\n            >\n                <Option>\n                    {(item) => (\n                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, my: 0.5 }}>\n                            {item.img && <Avatar src={item.img} sx={{ width: 28, height: 28 }} />}\n                            <Box>\n                                <Typography variant=\"body2\" fontWeight=\"medium\">{item.label}</Typography>\n                                {item.group && (\n                                    <Typography variant=\"caption\" color=\"text.secondary\">\n                                        Grupo: {item.group}\n                                    </Typography>\n                                )}\n                                {item.disabled && <Chip label=\"No disponible\" size=\"small\" color=\"warning\" sx={{ ml: 1 }} />}\n                            </Box>\n                        </Box>\n                    )}\n                </Option>\n            </Select>\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const EmptyOptionsDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nexport const EmptyOptionsExample = () => {\n    const [value, setValue] = useState(null);\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Seleccionar (Vac\u00EDo)\"\n                options={[]}\n                value={value}\n                onChange={setValue}\n                placeholder=\"No hay opciones disponibles\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value || 'Ninguno'}</Typography>\n        </Box>\n    );\n};\n";
-export declare const SelectWithManyOptionsDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst manyOptions = Array.from({ length: 50 }, (_, i) => ({\n    value: `option-${i}`,\n    label: `Opci\u00F3n ${i + 1}`,\n    group: i < 25 ? 'Grupo A' : 'Grupo B',\n}));\n\nexport const SelectWithManyOptionsExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Muchas Opciones\"\n                options={manyOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                filterable\n                maxHeight={200}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const LabelPositionFloatingDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select';\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const LabelPositionFloatingExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Label flotante (MUI nativo)\"\n                options={basicOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                labelPosition=\"floating\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value || 'Ninguno'}</Typography>\n        </Box>\n    );\n};\n";
-export declare const CustomBorderRadiusDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select';\nimport { Box } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const CustomBorderRadiusExample = () => {\n    const [valueA, setValueA] = useState('25');\n    const [valueB, setValueB] = useState('25');\n    const [valueC, setValueC] = useState('25');\n    return (\n        <Box sx={{ width: 300, display: 'flex', flexDirection: 'column', gap: 2 }}>\n            <Select\n                label=\"Sin border radius\"\n                options={basicOptions}\n                value={valueA}\n                onChange={(val) => setValueA(val as string)}\n                borderRadius={0}\n            />\n            <Select\n                label=\"Border radius est\u00E1ndar\"\n                options={basicOptions}\n                value={valueB}\n                onChange={(val) => setValueB(val as string)}\n                borderRadius={10}\n            />\n            <Select\n                label=\"Pill-shaped\"\n                options={basicOptions}\n                value={valueC}\n                onChange={(val) => setValueC(val as string)}\n                borderRadius={999}\n            />\n        </Box>\n    );\n};\n";
-export declare const CustomStylingDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select';\nimport { Box, Typography } from '@mui/material';\n\nconst userOptions = [\n    { value: 'admin', label: 'Administrador', img: 'https://placehold.co/40x40?text=A' },\n    { value: 'user', label: 'Usuario', img: 'https://placehold.co/40x40?text=U' },\n    { value: 'moderator', label: 'Moderador', img: 'https://placehold.co/40x40?text=M' },\n];\n\nexport const CustomStylingExample = () => {\n    const [value, setValue] = useState<string[]>(['admin']);\n    return (\n        <Box sx={{ width: 360 }}>\n            <Select\n                label=\"Select con estilos personalizados\"\n                options={userOptions}\n                multiple\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Selecciona usuarios\"\n                sx={{\n                    '& .MuiInputBase-root': {\n                        backgroundColor: 'action.hover',\n                    },\n                    '& .MuiOutlinedInput-notchedOutline': {\n                        borderColor: 'primary.main',\n                        borderWidth: '2px',\n                    },\n                    '&:hover .MuiOutlinedInput-notchedOutline': {\n                        borderColor: 'primary.dark',\n                    },\n                }}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const AsyncSelectDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select';\nimport { Box, Typography } from '@mui/material';\n\nconst mockAsyncOptions = [\n    { value: 'apple', label: 'Apple' },\n    { value: 'banana', label: 'Banana' },\n    { value: 'orange', label: 'Orange' },\n    { value: 'grape', label: 'Grape' },\n    { value: 'strawberry', label: 'Strawberry' },\n    { value: 'blueberry', label: 'Blueberry' },\n    { value: 'pineapple', label: 'Pineapple' },\n];\n\n// Simulate an API call\nconst simulatedLoadOptions = (inputValue: string): Promise<any[]> => {\n    return new Promise((resolve) => {\n        setTimeout(() => {\n            const filtered = mockAsyncOptions.filter(option =>\n                option.label.toLowerCase().includes(inputValue.toLowerCase())\n            );\n            resolve(filtered);\n        }, 800); // Simulate network delay\n    });\n};\n\nexport const AsyncSelectExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Buscar Frutas\"\n                loadOptions={simulatedLoadOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                placeholder=\"Escribe para buscar...\"\n                loadingMessage=\"Buscando frutas...\"\n                noOptionsMessage=\"No se encontraron frutas.\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";

package/components/Select/Select.types.d.ts

@@ -1 +0,0 @@
-export type { SelectOption, LabelPosition, ChipVariant, SelectSize, RenderOptionItem, RenderChipLabel, OptionProps, BaseSelectProps, RHFSelectProps, StandardSelectProps, SelectProps, } from './Select';

package/components/Select/_parts/SelectSearchHeader.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-interface SelectSearchHeaderProps {
-    value: string;
-    onChange: (next: string) => void;
-    placeholder?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-}
-/**
- * Header sticky del menu del Select que contiene el input de búsqueda.
- * Se usa cuando `filterable` es true o cuando el Select opera en modo async.
- * Detiene la propagación de click/keydown para que el menu no se cierre ni
- * intercepte las teclas al tipear.
- */
-export declare const SelectSearchHeader: React.FC<SelectSearchHeaderProps>;
-export default SelectSearchHeader;

package/formField.sx-CQ1mbk9M.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"formField.sx-CQ1mbk9M.cjs","sources":["../src/theme/tokens.ts","../src/components/_shared/formField.sx.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","import type { SxProps, Theme } from '@mui/material/styles';\n\nimport {\n  LABEL_COLOR_FILLED,\n  LABEL_COLOR_FOCUSED,\n  LABEL_COLOR_REST,\n  LABEL_FONT_WEIGHT_FILLED,\n  LABEL_MARGIN_TOP,\n  LABEL_SHRINK_TRANSFORM,\n  LABEL_TRANSFORM_ORIGIN,\n  LABEL_TRANSITION,\n} from '../../theme/tokens';\n\nexport type LabelPosition = 'outside' | 'floating';\n\nexport interface BuildFormFieldSxOptions {\n  borderRadius: number | string;\n  labelPosition: LabelPosition;\n  /**\n   * Si es `true`, los selectores incluyen también la API nueva de MUI X\n   * Pickers (v8): `MuiPickersInputBase-root`, `MuiPickersOutlinedInput-*`.\n   */\n  includePickersApi?: boolean;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'outside'.\n   * Usar para paddings específicos del componente (p.ej. MuiAutocomplete-input).\n   */\n  extraOutsideSx?: Record<string, any>;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'floating'.\n   */\n  extraFloatingSx?: Record<string, any>;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Builder del sx compartido por todos los campos de formulario\n * (Input/Select/Autocomplete/DatePicker/DateTimePicker).\n *\n * Produce:\n * - en modo \"floating\": sólo el border-radius del outlined input;\n * - en modo \"outside\": todo el pack (margen superior, label flotante afuera,\n *   input base, notched outline oculto, helper text sin margen izquierdo).\n *\n * Componentes con paddings o selectores propios pueden inyectarlos vía\n * `extraOutsideSx` / `extraFloatingSx`.\n */\nexport const buildFormFieldSx = ({\n  borderRadius,\n  labelPosition,\n  includePickersApi = false,\n  extraOutsideSx,\n  extraFloatingSx,\n}: BuildFormFieldSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  // ── Selectores (alternan según la API de pickers) ────────────────────\n  const outlinedRootSelector = includePickersApi\n    ? '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root'\n    : '& .MuiOutlinedInput-root';\n\n  const inputBaseSelector = includePickersApi\n    ? '& .MuiInputBase-root, & .MuiPickersInputBase-root'\n    : '& .MuiInputBase-root';\n\n  const notchedOutlineSelector = includePickersApi\n    ? '& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline'\n    : '& .MuiOutlinedInput-notchedOutline';\n\n  // ── Floating ─────────────────────────────────────────────────────────\n  if (labelPosition === 'floating') {\n    return {\n      [outlinedRootSelector]: { borderRadius: radius },\n      ...(extraFloatingSx ?? {}),\n    };\n  }\n\n  // ── Outside ──────────────────────────────────────────────────────────\n  return {\n    marginTop: LABEL_MARGIN_TOP,\n\n    '& .MuiInputLabel-root': {\n      color: LABEL_COLOR_REST,\n      transition: LABEL_TRANSITION,\n\n      // Estado shrunk (focused o con valor): flota ARRIBA del input.\n      '&.MuiInputLabel-shrink': {\n        transform: LABEL_SHRINK_TRANSFORM,\n        transformOrigin: LABEL_TRANSFORM_ORIGIN,\n        color: LABEL_COLOR_FILLED,\n        fontWeight: LABEL_FONT_WEIGHT_FILLED,\n      },\n\n      '&.Mui-focused': { color: LABEL_COLOR_FOCUSED },\n    },\n\n    // Input base — centra verticalmente (clásico y, si aplica, pickers).\n    [inputBaseSelector]: {\n      borderRadius: radius,\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    // El label flota afuera: ocultar legend del notch.\n    [notchedOutlineSelector]: {\n      top: 0,\n      '& legend': { display: 'none' },\n    },\n\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n\n    ...(extraOutsideSx ?? {}),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;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;ACRxC,MAAM,WAAW,CAAC,iBAChB,OAAO,iBAAiB,WAAW,GAAG,YAAY,OAAO;AAcpD,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,SAAS,SAAS,YAAY;AAGpC,QAAM,uBAAuB,oBACzB,8DACA;AAEJ,QAAM,oBAAoB,oBACtB,sDACA;AAEJ,QAAM,yBAAyB,oBAC3B,kFACA;AAGJ,MAAI,kBAAkB,YAAY;AAChC,WAAO;AAAA,MACL,CAAC,oBAAoB,GAAG,EAAE,cAAc,OAAA;AAAA,OACpC,4CAAmB,CAAA;AAAA,EAE3B;AAGA,SAAO;AAAA,IACL,WAAW;AAAA,IAEX,yBAAyB;AAAA,MACvB,OAAO;AAAA,MACP,YAAY;AAAA;AAAA,MAGZ,0BAA0B;AAAA,QACxB,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAGd,iBAAiB,EAAE,OAAO,oBAAA;AAAA,IAAoB;AAAA;AAAA,IAIhD,CAAC,iBAAiB,GAAG;AAAA,MACnB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,CAAC,sBAAsB,GAAG;AAAA,MACxB,KAAK;AAAA,MACL,YAAY,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,IAGhC,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,KAGV,0CAAkB,CAAA;AAE1B;;;"}

package/formField.sx-DfVbMe0V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formField.sx-DfVbMe0V.js","sources":["../src/theme/tokens.ts","../src/components/_shared/formField.sx.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","import type { SxProps, Theme } from '@mui/material/styles';\n\nimport {\n  LABEL_COLOR_FILLED,\n  LABEL_COLOR_FOCUSED,\n  LABEL_COLOR_REST,\n  LABEL_FONT_WEIGHT_FILLED,\n  LABEL_MARGIN_TOP,\n  LABEL_SHRINK_TRANSFORM,\n  LABEL_TRANSFORM_ORIGIN,\n  LABEL_TRANSITION,\n} from '../../theme/tokens';\n\nexport type LabelPosition = 'outside' | 'floating';\n\nexport interface BuildFormFieldSxOptions {\n  borderRadius: number | string;\n  labelPosition: LabelPosition;\n  /**\n   * Si es `true`, los selectores incluyen también la API nueva de MUI X\n   * Pickers (v8): `MuiPickersInputBase-root`, `MuiPickersOutlinedInput-*`.\n   */\n  includePickersApi?: boolean;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'outside'.\n   * Usar para paddings específicos del componente (p.ej. MuiAutocomplete-input).\n   */\n  extraOutsideSx?: Record<string, any>;\n  /**\n   * Selectores/valores extra que se mergean SOLO cuando labelPosition === 'floating'.\n   */\n  extraFloatingSx?: Record<string, any>;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Builder del sx compartido por todos los campos de formulario\n * (Input/Select/Autocomplete/DatePicker/DateTimePicker).\n *\n * Produce:\n * - en modo \"floating\": sólo el border-radius del outlined input;\n * - en modo \"outside\": todo el pack (margen superior, label flotante afuera,\n *   input base, notched outline oculto, helper text sin margen izquierdo).\n *\n * Componentes con paddings o selectores propios pueden inyectarlos vía\n * `extraOutsideSx` / `extraFloatingSx`.\n */\nexport const buildFormFieldSx = ({\n  borderRadius,\n  labelPosition,\n  includePickersApi = false,\n  extraOutsideSx,\n  extraFloatingSx,\n}: BuildFormFieldSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  // ── Selectores (alternan según la API de pickers) ────────────────────\n  const outlinedRootSelector = includePickersApi\n    ? '& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-root'\n    : '& .MuiOutlinedInput-root';\n\n  const inputBaseSelector = includePickersApi\n    ? '& .MuiInputBase-root, & .MuiPickersInputBase-root'\n    : '& .MuiInputBase-root';\n\n  const notchedOutlineSelector = includePickersApi\n    ? '& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline'\n    : '& .MuiOutlinedInput-notchedOutline';\n\n  // ── Floating ─────────────────────────────────────────────────────────\n  if (labelPosition === 'floating') {\n    return {\n      [outlinedRootSelector]: { borderRadius: radius },\n      ...(extraFloatingSx ?? {}),\n    };\n  }\n\n  // ── Outside ──────────────────────────────────────────────────────────\n  return {\n    marginTop: LABEL_MARGIN_TOP,\n\n    '& .MuiInputLabel-root': {\n      color: LABEL_COLOR_REST,\n      transition: LABEL_TRANSITION,\n\n      // Estado shrunk (focused o con valor): flota ARRIBA del input.\n      '&.MuiInputLabel-shrink': {\n        transform: LABEL_SHRINK_TRANSFORM,\n        transformOrigin: LABEL_TRANSFORM_ORIGIN,\n        color: LABEL_COLOR_FILLED,\n        fontWeight: LABEL_FONT_WEIGHT_FILLED,\n      },\n\n      '&.Mui-focused': { color: LABEL_COLOR_FOCUSED },\n    },\n\n    // Input base — centra verticalmente (clásico y, si aplica, pickers).\n    [inputBaseSelector]: {\n      borderRadius: radius,\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    // El label flota afuera: ocultar legend del notch.\n    [notchedOutlineSelector]: {\n      top: 0,\n      '& legend': { display: 'none' },\n    },\n\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n\n    ...(extraOutsideSx ?? {}),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;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;ACRxC,MAAM,WAAW,CAAC,iBAChB,OAAO,iBAAiB,WAAW,GAAG,YAAY,OAAO;AAcpD,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,SAAS,SAAS,YAAY;AAGpC,QAAM,uBAAuB,oBACzB,8DACA;AAEJ,QAAM,oBAAoB,oBACtB,sDACA;AAEJ,QAAM,yBAAyB,oBAC3B,kFACA;AAGJ,MAAI,kBAAkB,YAAY;AAChC,WAAO;AAAA,MACL,CAAC,oBAAoB,GAAG,EAAE,cAAc,OAAA;AAAA,OACpC,4CAAmB,CAAA;AAAA,EAE3B;AAGA,SAAO;AAAA,IACL,WAAW;AAAA,IAEX,yBAAyB;AAAA,MACvB,OAAO;AAAA,MACP,YAAY;AAAA;AAAA,MAGZ,0BAA0B;AAAA,QACxB,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAGd,iBAAiB,EAAE,OAAO,oBAAA;AAAA,IAAoB;AAAA;AAAA,IAIhD,CAAC,iBAAiB,GAAG;AAAA,MACnB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA;AAAA,IAId,CAAC,sBAAsB,GAAG;AAAA,MACxB,KAAK;AAAA,MACL,YAAY,EAAE,SAAS,OAAA;AAAA,IAAO;AAAA,IAGhC,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,KAGV,0CAAkB,CAAA;AAE1B;"}

package/hooks/Wizard/Wizard.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useWizard = require("../../useWizard-CWdIxZzX.cjs");
-exports.WizardContext = useWizard.WizardContext;
-exports.WizardProvider = useWizard.WizardProvider;
-exports.useWizard = useWizard.useWizard;
-//# sourceMappingURL=Wizard.cjs.map

package/hooks/Wizard/Wizard.cjs.map

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

package/hooks/Wizard/Wizard.js

@@ -1,7 +0,0 @@
-import { a, W, u } from "../../useWizard-CWq--C3o.js";
-export {
-  a as WizardContext,
-  W as WizardProvider,
-  u as useWizard
-};
-//# sourceMappingURL=Wizard.js.map

package/hooks/Wizard/Wizard.js.map

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

package/hooks/Wizard/index.d.ts

@@ -1,3 +0,0 @@
-export { useWizard } from './useWizard';
-export { WizardProvider, WizardContext, } from './WizardContext';
-export type { WizardContextValue, WizardProviderProps } from './WizardContext';

package/hooks/Wizard/useWizard.d.ts

@@ -1,9 +0,0 @@
-import { WizardContextValue } from './WizardContext';
-/**
- * Hook para consumir el `WizardContext` desde cualquier descendiente de
- * `<WizardProvider>`.
- *
- * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)
- * para mantener compatibilidad con el hook original de fri-web-components.
- */
-export declare function useWizard(): WizardContextValue;

package/hooks/Wizard.d.ts

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

package/useWizard-CWdIxZzX.cjs

@@ -1,94 +0,0 @@
-"use strict";
-const React = require("react");
-const jsxRuntime = require("react/jsx-runtime");
-const defaultValue = {
-  currentStep: 0,
-  totalSteps: 0,
-  isFirst: true,
-  isLast: true,
-  completed: false,
-  nextStep: () => {
-  },
-  prevStep: () => {
-  },
-  goToStep: () => {
-  },
-  submitStep: () => {
-  },
-  reset: () => {
-  }
-};
-const WizardContext = React.createContext(defaultValue);
-const WizardProvider = ({
-  totalSteps,
-  initialStep = 0,
-  onSubmit,
-  onStepChange,
-  children
-}) => {
-  const [currentStep, setCurrentStep] = React.useState(initialStep);
-  const [completed, setCompleted] = React.useState(false);
-  const changeStep = React.useCallback(
-    (newStep) => {
-      setCurrentStep((prev) => {
-        if (newStep === prev) return prev;
-        if (newStep < 0 || newStep >= totalSteps) return prev;
-        onStepChange == null ? void 0 : onStepChange(newStep, prev);
-        return newStep;
-      });
-    },
-    [totalSteps, onStepChange]
-  );
-  const nextStep = React.useCallback(() => {
-    changeStep(currentStep + 1);
-  }, [changeStep, currentStep]);
-  const prevStep = React.useCallback(() => {
-    changeStep(currentStep - 1);
-  }, [changeStep, currentStep]);
-  const goToStep = React.useCallback(
-    (stepNumber) => {
-      changeStep(stepNumber);
-    },
-    [changeStep]
-  );
-  const submitStep = React.useCallback(() => {
-    setCompleted(true);
-    onSubmit == null ? void 0 : onSubmit(currentStep);
-  }, [currentStep, onSubmit]);
-  const reset = React.useCallback(() => {
-    setCurrentStep(initialStep);
-    setCompleted(false);
-  }, [initialStep]);
-  const value = React.useMemo(
-    () => ({
-      currentStep,
-      totalSteps,
-      isFirst: currentStep === 0,
-      isLast: currentStep === totalSteps - 1,
-      completed,
-      nextStep,
-      prevStep,
-      goToStep,
-      submitStep,
-      reset
-    }),
-    [
-      currentStep,
-      totalSteps,
-      completed,
-      nextStep,
-      prevStep,
-      goToStep,
-      submitStep,
-      reset
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(WizardContext.Provider, { value, children });
-};
-function useWizard() {
-  return React.useContext(WizardContext);
-}
-exports.WizardContext = WizardContext;
-exports.WizardProvider = WizardProvider;
-exports.useWizard = useWizard;
-//# sourceMappingURL=useWizard-CWdIxZzX.cjs.map