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

package/components/AppBar/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.js","sources":["../../../src/components/AppBar/AppBarContext.ts","../../../src/components/AppBar/AppBar.sx.ts","../../../src/components/AppBar/AppBar.tsx","../../../src/components/AppBar/AppBarBrand.tsx","../../../src/components/AppBar/AppBarMenuToggle.tsx","../../../src/components/AppBar/AppBarUserMenu.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * Context interno del AppBar. Permite que sub-componentes (MenuToggle, etc.)\n * consuman callbacks registrados en el AppBar padre sin tener que pasarlos\n * por props explícitas.\n */\nexport interface AppBarContextValue {\n  /** Handler del botón hamburguesa. Si es undefined, el toggle se oculta. */\n  onMenuToggle?: () => void;\n  /** Estado actual del drawer asociado (usado por el icono del toggle). */\n  menuOpen?: boolean;\n}\n\nexport const AppBarContext = createContext<AppBarContextValue | null>(null);\n\n/**\n * Hook para leer el contexto del AppBar. Si se llama fuera de un `<AppBar>`,\n * devuelve un objeto vacío — los sub-componentes caen en modo \"standalone\"\n * con sus defaults en lugar de romper.\n */\nexport function useAppBarContext(): AppBarContextValue {\n  const ctx = useContext(AppBarContext);\n  return ctx ?? {};\n}\n","import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildAppBarSxArgs {\n  /** Altura en px. Default: 64. */\n  height?: number;\n  /** Color del AppBar (se pasa al MuiAppBar). */\n  transparent?: boolean;\n}\n\n/**\n * sx del root del MuiAppBar. Define altura fija y layout flex del Toolbar\n * interno. El color/elevación se dejan a las props nativas de MuiAppBar.\n */\nexport function buildAppBarSx({\n  height = 64,\n  transparent = false,\n}: BuildAppBarSxArgs): SxProps<Theme> {\n  return (theme) => ({\n    minHeight: height,\n    justifyContent: 'center',\n    backgroundImage: 'none',\n    ...(transparent && {\n      backgroundColor: 'transparent',\n      boxShadow: 'none',\n      borderBottom: `1px solid ${theme.palette.divider}`,\n    }),\n    '& .MuiToolbar-root': {\n      minHeight: height,\n      gap: 1.5,\n    },\n  });\n}\n","import React, { useMemo, type ReactNode } from 'react';\nimport {\n  AppBar as MuiAppBar,\n  Toolbar,\n  type AppBarProps as MuiAppBarProps,\n} from '@mui/material';\nimport {\n  useTheme,\n  type SxProps,\n  type Theme,\n} from '@mui/material/styles';\n\nimport { AppBarContext } from './AppBarContext';\nimport { buildAppBarSx } from './AppBar.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\nexport type AppBarPosition = 'fixed' | 'sticky' | 'static' | 'absolute' | 'relative';\nexport type AppBarColor =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'transparent'\n  | 'inherit';\n\nexport interface AppBarProps {\n  /** Contenido del AppBar (típicamente sub-componentes + acciones custom). */\n  children?: ReactNode;\n  /** Posicionamiento. Default: `'sticky'`. */\n  position?: AppBarPosition;\n  /** Color. Default: `'default'`. */\n  color?: AppBarColor;\n  /** Nivel de sombra. Default: 1. */\n  elevation?: number;\n  /** Altura en px. Default: 64. */\n  height?: number;\n  /**\n   * Handler del botón hamburguesa. Se expone vía AppBarContext para que el\n   * sub-componente `<AppBarMenuToggle>` lo consuma sin prop drilling.\n   */\n  onMenuToggle?: () => void;\n  /** Estado del drawer asociado (para que el icono del toggle cambie). */\n  menuOpen?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.AppBar`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   */\n  preset?: string;\n  /** sx del root (se mergea después del preset). */\n  sx?: SxProps<Theme>;\n  /** sx del Toolbar interno. */\n  toolbarSx?: SxProps<Theme>;\n  className?: string;\n  /** Otras props nativas del MuiAppBar (ej. `enableColorOnDark`). */\n  appBarProps?: Omit<\n    MuiAppBarProps,\n    'position' | 'color' | 'elevation' | 'sx' | 'children' | 'className'\n  >;\n}\n\n/**\n * AppBar (header superior) del paquete. Se diseñó como un shell compositivo\n * — el consumer arma el contenido con los sub-componentes que exporta el\n * paquete (`AppBarBrand`, `AppBarMenuToggle`, `AppBarUserMenu`) + cualquier\n * otra cosa custom.\n *\n * Patrón recomendado para navegación en dashboards:\n *\n * ```tsx\n * <AppBar onMenuToggle={toggleDrawer}>\n *   <AppBarMenuToggle />\n *   <AppBarBrand logo={<Logo />} title=\"Afiliaciones\" />\n *   <Box sx={{ flex: 1 }} />\n *   <AppBarUserMenu user={user} items={menuItems} />\n * </AppBar>\n * ```\n */\nexport function AppBar({\n  children,\n  position = 'sticky',\n  color = 'default',\n  elevation = 1,\n  height = 64,\n  onMenuToggle,\n  menuOpen,\n  preset,\n  sx,\n  toolbarSx,\n  className,\n  appBarProps,\n}: AppBarProps) {\n  const theme = useTheme();\n  const presetSx = resolvePreset('AppBar', preset, theme);\n\n  const transparent = color === 'transparent';\n\n  const rootSx: SxProps<Theme> = [\n    buildAppBarSx({ height, transparent }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const contextValue = useMemo(\n    () => ({ onMenuToggle, menuOpen }),\n    [onMenuToggle, menuOpen],\n  );\n\n  return (\n    <AppBarContext.Provider value={contextValue}>\n      <MuiAppBar\n        position={position}\n        color={color === 'transparent' ? 'transparent' : color}\n        elevation={elevation}\n        className={className}\n        sx={rootSx}\n        {...appBarProps}\n      >\n        <Toolbar sx={toolbarSx}>{children}</Toolbar>\n      </MuiAppBar>\n    </AppBarContext.Provider>\n  );\n}\n\nexport default AppBar;\n","import React, { type ReactNode, type MouseEvent } from 'react';\nimport { Box, Typography } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface AppBarBrandProps {\n  /** Logo (img, svg, componente). Se muestra a la izquierda del título. */\n  logo?: ReactNode;\n  /** Título del sistema. */\n  title?: ReactNode;\n  /** Subtítulo opcional (p.ej. nombre de módulo actual). */\n  subtitle?: ReactNode;\n  /** Handler de click sobre todo el brand (típicamente navega al home). */\n  onClick?: (event: MouseEvent<HTMLDivElement>) => void;\n  /** Oculta solo el título en viewports pequeños (mantiene el logo). Default: true. */\n  hideTitleOnMobile?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Brand del AppBar: combina logo + título + subtítulo opcional con un\n * click handler global (típicamente para navegar al home).\n *\n * ```tsx\n * <AppBarBrand\n *   logo={<img src={logo} alt=\"\" height={32} />}\n *   title=\"Afiliaciones\"\n *   subtitle=\"Panel administrativo\"\n *   onClick={() => navigate('/')}\n * />\n * ```\n */\nexport function AppBarBrand({\n  logo,\n  title,\n  subtitle,\n  onClick,\n  hideTitleOnMobile = true,\n  sx,\n  className,\n}: AppBarBrandProps) {\n  const clickable = !!onClick;\n\n  const rootSx: SxProps<Theme> = [\n    {\n      display: 'flex',\n      alignItems: 'center',\n      gap: 1.25,\n      cursor: clickable ? 'pointer' : 'default',\n      userSelect: 'none',\n      minWidth: 0,\n    },\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  return (\n    <Box\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onClick={onClick}\n      onKeyDown={(event) => {\n        if (!clickable) return;\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          onClick?.(event as unknown as MouseEvent<HTMLDivElement>);\n        }\n      }}\n      className={className}\n      sx={rootSx}\n    >\n      {logo && (\n        <Box\n          component=\"span\"\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            flexShrink: 0,\n          }}\n        >\n          {logo}\n        </Box>\n      )}\n      {(title || subtitle) && (\n        <Box\n          sx={{\n            display: hideTitleOnMobile\n              ? { xs: 'none', sm: 'flex' }\n              : 'flex',\n            flexDirection: 'column',\n            minWidth: 0,\n            lineHeight: 1.2,\n          }}\n        >\n          {title && (\n            <Typography\n              component=\"span\"\n              variant=\"subtitle1\"\n              noWrap\n              sx={{ fontWeight: 700 }}\n            >\n              {title}\n            </Typography>\n          )}\n          {subtitle && (\n            <Typography\n              component=\"span\"\n              variant=\"caption\"\n              color=\"text.secondary\"\n              noWrap\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport default AppBarBrand;\n","import React, { type ReactNode } from 'react';\nimport { IconButton, Tooltip } from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport MenuOpenIcon from '@mui/icons-material/MenuOpen';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { useAppBarContext } from './AppBarContext';\n\nexport interface AppBarMenuToggleProps {\n  /**\n   * Callback explícito. Si se omite, se consume del `AppBarContext`. Útil para\n   * usar el toggle fuera de un `<AppBar>` (p.ej. en un header custom).\n   */\n  onClick?: () => void;\n  /** Estado del drawer asociado. Si se omite, se lee del `AppBarContext`. */\n  menuOpen?: boolean;\n  /** Icono custom cuando el drawer está cerrado. Default: `<MenuIcon />`. */\n  closedIcon?: ReactNode;\n  /** Icono custom cuando el drawer está abierto. Default: `<MenuOpenIcon />`. */\n  openIcon?: ReactNode;\n  /** Texto de tooltip. Default: \"Menú\". */\n  tooltip?: string;\n  /** aria-label del botón. Default: el mismo tooltip. */\n  ariaLabel?: string;\n  /** Tamaño del IconButton. Default: `'medium'`. */\n  size?: 'small' | 'medium' | 'large';\n  /** Oculta el botón cuando no hay handler disponible. Default: true. */\n  hideIfNoHandler?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Botón hamburguesa del AppBar. Por default consume `onMenuToggle` y\n * `menuOpen` del `AppBarContext` (pattern composicional), pero permite\n * overrides explícitos si se usa fuera de un `<AppBar>`.\n *\n * ```tsx\n * <AppBar onMenuToggle={toggleDrawer} menuOpen={open}>\n *   <AppBarMenuToggle />\n *   ...\n * </AppBar>\n * ```\n */\nexport function AppBarMenuToggle({\n  onClick,\n  menuOpen,\n  closedIcon,\n  openIcon,\n  tooltip = 'Menú',\n  ariaLabel,\n  size = 'medium',\n  hideIfNoHandler = true,\n  sx,\n  className,\n}: AppBarMenuToggleProps) {\n  const ctx = useAppBarContext();\n\n  const handler = onClick ?? ctx.onMenuToggle;\n  const open = menuOpen ?? ctx.menuOpen ?? false;\n\n  if (!handler && hideIfNoHandler) {\n    return null;\n  }\n\n  const icon = open\n    ? (openIcon ?? <MenuOpenIcon />)\n    : (closedIcon ?? <MenuIcon />);\n\n  return (\n    <Tooltip title={tooltip} arrow>\n      <span>\n        <IconButton\n          size={size}\n          edge=\"start\"\n          color=\"inherit\"\n          aria-label={ariaLabel ?? tooltip}\n          onClick={handler}\n          disabled={!handler}\n          className={className}\n          sx={sx}\n        >\n          {icon}\n        </IconButton>\n      </span>\n    </Tooltip>\n  );\n}\n\nexport default AppBarMenuToggle;\n","import React, { useState, type ReactNode, type MouseEvent } from 'react';\nimport {\n  Avatar,\n  Box,\n  Divider,\n  IconButton,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface AppBarUserMenuItem {\n  /** Key única. Si no se provee, se usa el label. */\n  key?: string;\n  /** Texto del item. */\n  label: ReactNode;\n  /** Icono opcional a la izquierda. */\n  icon?: ReactNode;\n  /** Handler de click. */\n  onClick?: (event: MouseEvent<HTMLLIElement>) => void;\n  /** Deshabilita el item. */\n  disabled?: boolean;\n  /** Pinta el item en color error (típico para \"Cerrar sesión\"). */\n  danger?: boolean;\n  /** Inserta un `<Divider />` ANTES de este item. */\n  dividerBefore?: boolean;\n}\n\nexport interface AppBarUserMenuUser {\n  /** Nombre a mostrar en el header del menú. */\n  name?: ReactNode;\n  /** Email / subtítulo secundario. */\n  email?: ReactNode;\n  /** URL del avatar. Si se omite, se muestran iniciales del `name`. */\n  avatarUrl?: string;\n  /** Iniciales custom. Si se omite, se calculan del `name`. */\n  initials?: string;\n}\n\nexport interface AppBarUserMenuProps {\n  /** Datos del usuario a mostrar. */\n  user?: AppBarUserMenuUser;\n  /** Items del menú. */\n  items: AppBarUserMenuItem[];\n  /**\n   * Si `true`, oculta la fila con nombre + email en el tope del menú.\n   * Default: `false`.\n   */\n  hideUserHeader?: boolean;\n  /** Tooltip del trigger. Default: \"Cuenta\". */\n  triggerTooltip?: string;\n  /** Tamaño del Avatar en px. Default: 36. */\n  avatarSize?: number;\n  /** sx del Paper del Menu. */\n  menuSx?: SxProps<Theme>;\n  /** sx del trigger (IconButton). */\n  triggerSx?: SxProps<Theme>;\n  className?: string;\n}\n\nfunction computeInitials(name?: ReactNode): string {\n  if (typeof name !== 'string') return '?';\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return '?';\n  const first = parts[0]?.charAt(0) ?? '';\n  const last = parts.length > 1 ? (parts[parts.length - 1]?.charAt(0) ?? '') : '';\n  return (first + last).toUpperCase();\n}\n\n/**\n * Menú de usuario del AppBar: avatar clickable que despliega un menú con la\n * info del usuario (nombre + email) y una lista de acciones (perfil, cerrar\n * sesión, etc).\n *\n * ```tsx\n * <AppBarUserMenu\n *   user={{ name: 'Andrea', email: 'a@soyfri.com' }}\n *   items={[\n *     { label: 'Perfil', icon: <PersonIcon />, onClick: goToProfile },\n *     { label: 'Cerrar sesión', icon: <LogoutIcon />, onClick: logout, danger: true, dividerBefore: true },\n *   ]}\n * />\n * ```\n */\nexport function AppBarUserMenu({\n  user,\n  items,\n  hideUserHeader = false,\n  triggerTooltip = 'Cuenta',\n  avatarSize = 36,\n  menuSx,\n  triggerSx,\n  className,\n}: AppBarUserMenuProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event: MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n  const handleClose = () => setAnchorEl(null);\n\n  const handleItemClick = (\n    event: MouseEvent<HTMLLIElement>,\n    item: AppBarUserMenuItem,\n  ) => {\n    event.stopPropagation();\n    item.onClick?.(event);\n    handleClose();\n  };\n\n  const initials = user?.initials ?? computeInitials(user?.name);\n  const showUserHeader = !hideUserHeader && (user?.name || user?.email);\n\n  return (\n    <Box component=\"span\" className={className}>\n      <Tooltip title={triggerTooltip} arrow>\n        <IconButton\n          onClick={handleOpen}\n          size=\"small\"\n          aria-label={triggerTooltip}\n          aria-haspopup=\"menu\"\n          aria-expanded={open || undefined}\n          sx={[{ p: 0.5 }, ...(Array.isArray(triggerSx) ? triggerSx : triggerSx ? [triggerSx] : [])]}\n        >\n          <Avatar\n            src={user?.avatarUrl}\n            sx={{\n              width: avatarSize,\n              height: avatarSize,\n              fontSize: avatarSize * 0.4,\n              fontWeight: 600,\n            }}\n          >\n            {!user?.avatarUrl && initials}\n          </Avatar>\n        </IconButton>\n      </Tooltip>\n\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n        slotProps={{\n          paper: {\n            sx: { minWidth: 240, ...(menuSx as any) },\n          },\n        }}\n      >\n        {showUserHeader && (\n          <Box\n            sx={{\n              px: 2,\n              py: 1.25,\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 0.25,\n            }}\n          >\n            {user?.name && (\n              <Typography variant=\"subtitle2\" noWrap sx={{ fontWeight: 700 }}>\n                {user.name}\n              </Typography>\n            )}\n            {user?.email && (\n              <Typography variant=\"caption\" color=\"text.secondary\" noWrap>\n                {user.email}\n              </Typography>\n            )}\n          </Box>\n        )}\n        {showUserHeader && <Divider />}\n\n        {items.map((item, idx) => {\n          const key = item.key ?? `${String(item.label)}-${idx}`;\n          const node = (\n            <MenuItem\n              key={key}\n              disabled={item.disabled}\n              onClick={(event) => handleItemClick(event, item)}\n              sx={(theme) => ({\n                color: item.danger ? theme.palette.error.main : 'inherit',\n                '& .MuiListItemIcon-root': {\n                  color: item.danger\n                    ? theme.palette.error.main\n                    : 'inherit',\n                  minWidth: 32,\n                },\n              })}\n            >\n              {item.icon && <ListItemIcon>{item.icon}</ListItemIcon>}\n              <ListItemText primary={item.label} />\n            </MenuItem>\n          );\n\n          if (item.dividerBefore && idx > 0) {\n            return (\n              <React.Fragment key={`${key}-frag`}>\n                <Divider />\n                {node}\n              </React.Fragment>\n            );\n          }\n          return node;\n        })}\n      </Menu>\n    </Box>\n  );\n}\n\nexport default AppBarUserMenu;\n"],"names":["MuiAppBar","_a","React"],"mappings":"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"}
+{"version":3,"file":"AppBar.js","sources":["../../../src/components/AppBar/AppBarContext.ts","../../../src/components/AppBar/AppBar.sx.ts","../../../src/components/AppBar/AppBar.tsx","../../../src/components/AppBar/AppBarMenuToggle.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * Context interno del AppBar. Permite que sub-componentes (MenuToggle, etc.)\n * consuman callbacks registrados en el AppBar padre sin tener que pasarlos\n * por props explícitas.\n */\nexport interface AppBarContextValue {\n  /** Handler del botón hamburguesa. Si es undefined, el toggle se oculta. */\n  onMenuToggle?: () => void;\n  /** Estado actual del drawer asociado (usado por el icono del toggle). */\n  menuOpen?: boolean;\n}\n\nexport const AppBarContext = createContext<AppBarContextValue | null>(null);\n\n/**\n * Hook para leer el contexto del AppBar. Si se llama fuera de un `<AppBar>`,\n * devuelve un objeto vacío — los sub-componentes caen en modo \"standalone\"\n * con sus defaults en lugar de romper.\n */\nexport function useAppBarContext(): AppBarContextValue {\n  const ctx = useContext(AppBarContext);\n  return ctx ?? {};\n}\n","import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildAppBarSxArgs {\n  /** Altura en px. Default: 64. */\n  height?: number;\n  /** Color del AppBar (se pasa al MuiAppBar). */\n  transparent?: boolean;\n}\n\n/**\n * sx del root del MuiAppBar. Define altura fija y layout flex del Toolbar\n * interno. El color/elevación se dejan a las props nativas de MuiAppBar.\n */\nexport function buildAppBarSx({\n  height = 64,\n  transparent = false,\n}: BuildAppBarSxArgs): SxProps<Theme> {\n  return (theme) => ({\n    minHeight: height,\n    justifyContent: 'center',\n    backgroundImage: 'none',\n    ...(transparent && {\n      backgroundColor: 'transparent',\n      boxShadow: 'none',\n      borderBottom: `1px solid ${theme.palette.divider}`,\n    }),\n    '& .MuiToolbar-root': {\n      minHeight: height,\n      gap: 1.5,\n    },\n  });\n}\n","import React, { useMemo, type ReactNode } from 'react';\nimport {\n  AppBar as MuiAppBar,\n  Toolbar,\n  type AppBarProps as MuiAppBarProps,\n} from '@mui/material';\nimport {\n  useTheme,\n  type SxProps,\n  type Theme,\n} from '@mui/material/styles';\n\nimport { AppBarContext } from './AppBarContext';\nimport { buildAppBarSx } from './AppBar.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\nexport type AppBarPosition = 'fixed' | 'sticky' | 'static' | 'absolute' | 'relative';\nexport type AppBarColor =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'transparent'\n  | 'inherit';\n\nexport interface AppBarProps {\n  /** Contenido del AppBar (típicamente sub-componentes + acciones custom). */\n  children?: ReactNode;\n  /** Posicionamiento. Default: `'sticky'`. */\n  position?: AppBarPosition;\n  /** Color. Default: `'default'`. */\n  color?: AppBarColor;\n  /** Nivel de sombra. Default: 1. */\n  elevation?: number;\n  /** Altura en px. Default: 64. */\n  height?: number;\n  /**\n   * Handler del botón hamburguesa. Se expone vía AppBarContext para que el\n   * sub-componente `<AppBarMenuToggle>` lo consuma sin prop drilling.\n   */\n  onMenuToggle?: () => void;\n  /** Estado del drawer asociado (para que el icono del toggle cambie). */\n  menuOpen?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.AppBar`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   */\n  preset?: string;\n  /** sx del root (se mergea después del preset). */\n  sx?: SxProps<Theme>;\n  /** sx del Toolbar interno. */\n  toolbarSx?: SxProps<Theme>;\n  className?: string;\n  /** Otras props nativas del MuiAppBar (ej. `enableColorOnDark`). */\n  appBarProps?: Omit<\n    MuiAppBarProps,\n    'position' | 'color' | 'elevation' | 'sx' | 'children' | 'className'\n  >;\n}\n\n/**\n * AppBar (header superior) del paquete. Se diseñó como un shell compositivo\n * — el consumer arma el contenido libremente (logo, título, menú de usuario,\n * etc.) y puede usar `<AppBarMenuToggle>` para el botón hamburguesa\n * integrado con el contexto.\n *\n * Patrón recomendado para navegación en dashboards:\n *\n * ```tsx\n * <AppBar onMenuToggle={toggleDrawer}>\n *   <AppBarMenuToggle />\n *   <MyBrand />\n *   <Box sx={{ flex: 1 }} />\n *   <MyUserMenu />\n * </AppBar>\n * ```\n */\nexport function AppBar({\n  children,\n  position = 'sticky',\n  color = 'default',\n  elevation = 1,\n  height = 64,\n  onMenuToggle,\n  menuOpen,\n  preset,\n  sx,\n  toolbarSx,\n  appBarProps,\n}: AppBarProps) {\n  const theme = useTheme();\n  const presetSx = resolvePreset('AppBar', preset, theme);\n\n  const rootSx: SxProps<Theme> = [\n    buildAppBarSx({ height, transparent: color === 'transparent' }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const contextValue = useMemo(\n    () => ({ onMenuToggle, menuOpen }),\n    [onMenuToggle, menuOpen],\n  );\n\n  return (\n    <AppBarContext.Provider value={contextValue}>\n      <MuiAppBar\n        position={position}\n        color={color}\n        elevation={elevation}\n        sx={rootSx}\n        {...appBarProps}\n      >\n        <Toolbar sx={toolbarSx}>{children}</Toolbar>\n      </MuiAppBar>\n    </AppBarContext.Provider>\n  );\n}\n\nexport default AppBar;\n","import { type ReactNode } from 'react';\nimport { IconButton, Tooltip } from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport MenuOpenIcon from '@mui/icons-material/MenuOpen';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { useAppBarContext } from './AppBarContext';\n\nexport interface AppBarMenuToggleProps {\n  /**\n   * Callback explícito. Si se omite, se consume del `AppBarContext`. Útil para\n   * usar el toggle fuera de un `<AppBar>` (p.ej. en un header custom).\n   */\n  onClick?: () => void;\n  /** Estado del drawer asociado. Si se omite, se lee del `AppBarContext`. */\n  menuOpen?: boolean;\n  /** Icono custom cuando el drawer está cerrado. Default: `<MenuIcon />`. */\n  closedIcon?: ReactNode;\n  /** Icono custom cuando el drawer está abierto. Default: `<MenuOpenIcon />`. */\n  openIcon?: ReactNode;\n  /** Texto de tooltip. Default: \"Menú\". */\n  tooltip?: string;\n  /** aria-label del botón. Default: el mismo tooltip. */\n  ariaLabel?: string;\n  /** Tamaño del IconButton. Default: `'medium'`. */\n  size?: 'small' | 'medium' | 'large';\n  /** Oculta el botón cuando no hay handler disponible. Default: true. */\n  hideIfNoHandler?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Botón hamburguesa del AppBar. Por default consume `onMenuToggle` y\n * `menuOpen` del `AppBarContext` (pattern composicional), pero permite\n * overrides explícitos si se usa fuera de un `<AppBar>`.\n *\n * ```tsx\n * <AppBar onMenuToggle={toggleDrawer} menuOpen={open}>\n *   <AppBarMenuToggle />\n *   ...\n * </AppBar>\n * ```\n */\nexport function AppBarMenuToggle({\n  onClick,\n  menuOpen,\n  closedIcon,\n  openIcon,\n  tooltip = 'Menú',\n  ariaLabel,\n  size = 'medium',\n  hideIfNoHandler = true,\n  sx,\n  className,\n}: AppBarMenuToggleProps) {\n  const ctx = useAppBarContext();\n\n  const handler = onClick ?? ctx.onMenuToggle;\n  const open = menuOpen ?? ctx.menuOpen ?? false;\n\n  if (!handler && hideIfNoHandler) {\n    return null;\n  }\n\n  const icon = open\n    ? (openIcon ?? <MenuOpenIcon />)\n    : (closedIcon ?? <MenuIcon />);\n\n  return (\n    <Tooltip title={tooltip} arrow>\n      <span>\n        <IconButton\n          size={size}\n          edge=\"start\"\n          color=\"inherit\"\n          aria-label={ariaLabel ?? tooltip}\n          onClick={handler}\n          disabled={!handler}\n          className={className}\n          sx={sx}\n        >\n          {icon}\n        </IconButton>\n      </span>\n    </Tooltip>\n  );\n}\n\nexport default AppBarMenuToggle;\n"],"names":["MuiAppBar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,gBAAgB,cAAyC,IAAI;AAOnE,SAAS,mBAAuC;AACrD,QAAM,MAAM,WAAW,aAAa;AACpC,SAAO,oBAAO,CAAA;AAChB;ACXO,SAAS,cAAc;AAAA,EAC5B,SAAS;AAAA,EACT,cAAc;AAChB,GAAsC;AACpC,SAAO,CAAC,UAAW;AAAA,IACjB,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,KACb,eAAe;AAAA,IACjB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,cAAc,aAAa,MAAM,QAAQ,OAAO;AAAA,EAAA,IAPjC;AAAA,IASjB,sBAAsB;AAAA,MACpB,WAAW;AAAA,MACX,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ;AC6CO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,QAAM,QAAQ,SAAA;AACd,QAAM,WAAW,cAAc,UAAU,QAAQ,KAAK;AAEtD,QAAM,SAAyB;AAAA,IAC7B,cAAc,EAAE,QAAQ,aAAa,UAAU,eAAe;AAAA,IAC9D,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAA;AAAA,IAC5B,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,QAAM,eAAe;AAAA,IACnB,OAAO,EAAE,cAAc;IACvB,CAAC,cAAc,QAAQ;AAAA,EAAA;AAGzB,SACE,oBAAC,cAAc,UAAd,EAAuB,OAAO,cAC7B,UAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,OACA,cALL;AAAA,MAOC,UAAA,oBAAC,SAAA,EAAQ,IAAI,WAAY,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAEtC;AAEJ;ACxEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAA0B;;AACxB,QAAM,MAAM,iBAAA;AAEZ,QAAM,UAAU,4BAAW,IAAI;AAC/B,QAAM,QAAO,mCAAY,IAAI,aAAhB,YAA4B;AAEzC,MAAI,CAAC,WAAW,iBAAiB;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,OACR,8BAAY,oBAAC,gBAAa,IAC1B,sDAAe,UAAA,CAAA,CAAS;AAE7B,6BACG,SAAA,EAAQ,OAAO,SAAS,OAAK,MAC5B,8BAAC,QAAA,EACC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACN,cAAY,gCAAa;AAAA,MACzB,SAAS;AAAA,MACT,UAAU,CAAC;AAAA,MACX;AAAA,MACA;AAAA,MAEC,UAAA;AAAA,IAAA;AAAA,EAAA,GAEL,EAAA,CACF;AAEJ;"}

package/components/AppBar/index.d.ts

@@ -1,12 +1,6 @@
 export { AppBar, default } from './AppBar';
 export type { AppBarProps, AppBarPosition, AppBarColor, } from './AppBar';
-export { AppBarBrand } from './AppBarBrand';
-export type { AppBarBrandProps } from './AppBarBrand';
 export { AppBarMenuToggle } from './AppBarMenuToggle';
 export type { AppBarMenuToggleProps } from './AppBarMenuToggle';
-export { AppBarUserMenu } from './AppBarUserMenu';
-export type { AppBarUserMenuProps, AppBarUserMenuItem, AppBarUserMenuUser, } from './AppBarUserMenu';
 export { AppBarContext, useAppBarContext } from './AppBarContext';
 export type { AppBarContextValue } from './AppBarContext';
-export { buildAppBarSx } from './AppBar.sx';
-export type { BuildAppBarSxArgs } from './AppBar.sx';

package/components/Autocomplete/Autocomplete.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Autocomplete = require("../../Autocomplete-C2x-lBvZ.cjs");
+const Autocomplete = require("../../Autocomplete-4i0dNDKr.cjs");
 exports.Autocomplete = Autocomplete.Autocomplete;
 exports.AutocompleteSelect = Autocomplete.AutocompleteSelect;
 exports.default = Autocomplete.Autocomplete;

package/components/Autocomplete/Autocomplete.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, SyntheticEvent } from 'react';
 import { TextFieldProps } from '@mui/material';
 import { SxProps, Theme } from '@mui/material/styles';
-import { Control, RegisterOptions } from 'react-hook-form';
+import { RegisterOptions } from 'react-hook-form';
 export interface SelectOption {
     value: string | number;
     label: string;
@@ -38,7 +38,6 @@ export type BaseAutocompleteProps<_TValue extends SelectOption['value'] = Select
     /** Texto cuando está cargando. */
     loadingText?: ReactNode;
     sx?: SxProps<Theme>;
-    className?: string;
     /**
      * Nombre del preset de estilo registrado en `theme.styles.Autocomplete`.
      * - `"default"` (o ausente) = estilo built-in del paquete.
@@ -69,15 +68,18 @@ export interface ControlledAutocompleteProps<TValue extends SelectOption['value'
 }
 export interface RHFAutocompleteProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseAutocompleteProps<TValue> {
     name: string;
-    control: Control<any>;
+    control: any;
     validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos. NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (val: TValue | TValue[] | null) => void;
     value?: never;
     onChange?: never;
 }
 export type AutocompleteProps<TValue extends SelectOption['value'] = SelectOption['value']> = ControlledAutocompleteProps<TValue> | RHFAutocompleteProps<TValue>;
 export declare function Autocomplete<TValue extends SelectOption['value'] = SelectOption['value']>(props: AutocompleteProps<TValue>): import("react/jsx-runtime").JSX.Element;
-/**
- * @deprecated Usar `Autocomplete` en su lugar. Alias mantenido para retro-compatibilidad.
- */
+/** Alias de `Autocomplete`. Ambos nombres son equivalentes. */
 export declare const AutocompleteSelect: typeof Autocomplete;
 export default Autocomplete;

package/components/Autocomplete/Autocomplete.helpers.d.ts

@@ -7,11 +7,15 @@ export declare const resolveMultipleValue: (options: SelectOption[], value: Sele
 /** Merge de sx base + extra del consumer, respetando el contrato de MUI. */
 export declare const mergeSx: (base: SxProps<Theme>, extra?: SxProps<Theme>) => SxProps<Theme>;
 /**
- * Compara dos valores resueltos (single o multiple) por value para decidir
- * si son estructuralmente iguales. Se usa para estabilizar la referencia que
- * se pasa a MUI Autocomplete (MUI compara value por referencia con `!==`,
- * y una nueva referencia — aunque el contenido sea igual — dispara
+ * Compara dos valores resueltos (single o multiple) estructuralmente para
+ * decidir si se puede reusar la referencia previa. Se usa para estabilizar la
+ * referencia que se pasa a MUI Autocomplete (MUI compara value por referencia
+ * con `!==`, y una nueva referencia — aunque el contenido sea igual — dispara
  * `resetInputValue` y borra el texto mientras el usuario tipea).
+ *
+ * Comparamos todas las props del SelectOption, no solo `value`, para que un
+ * refresh de metadata (label/img/etc.) invalide la referencia estabilizada
+ * y la UI muestre los datos actualizados.
  */
 export declare const areResolvedValuesEqual: (prev: SelectOption | SelectOption[] | null, next: SelectOption | SelectOption[] | null, multiple: boolean) => boolean;
 /** Determina si un valor resuelto está vacío (para placeholder/shrink). */

package/components/Autocomplete/Autocomplete.js

@@ -1,4 +1,4 @@
-import { A, a, A as A2 } from "../../Autocomplete-BA-cGASd.js";
+import { A, a, A as A2 } from "../../Autocomplete-i3-V38n1.js";
 export {
   A as Autocomplete,
   a as AutocompleteSelect,

package/components/Autocomplete/_parts/AutocompleteOption.d.ts

@@ -1,19 +1,16 @@
 import { default as React } from 'react';
 import { SelectOption, RenderOptionItem } from '../Autocomplete';
 interface AutocompleteOptionProps {
-    liProps: React.HTMLAttributes<HTMLLIElement> & {
-        key?: React.Key;
-    };
+    liProps: React.HTMLAttributes<HTMLLIElement>;
     option: SelectOption;
     customRender?: RenderOptionItem;
 }
 /**
- * Render por defecto de un <li> del dropdown del Autocomplete.
- * Se expone como componente para testear y extender fácilmente, pero MUI
- * lo llama desde `renderOption={(props, option) => ...}` en el padre.
+ * Render por defecto de un `<li>` del dropdown del Autocomplete.
+ * MUI lo invoca desde `renderOption={(props, option) => ...}` en el padre.
  *
- * El `key` lo manejamos nosotros (no spreadeamos junto al resto) porque MUI
- * lo inyecta como parte de `propsLi` y React exige que sea prop directo.
+ * La `key` la maneja el padre (`renderOption` en Autocomplete.tsx). Este
+ * componente solo recibe los props restantes del `<li>` para spread.
  */
 export declare const AutocompleteOption: React.FC<AutocompleteOptionProps>;
 export default AutocompleteOption;

package/components/Autocomplete/index.d.ts

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

package/components/Avatar/Avatar.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Avatar = require("../../Avatar-9L7YMxya.cjs");
+const Avatar = require("../../Avatar-CuSrK8Wn.cjs");
 exports.Avatar = Avatar.Avatar;
 //# sourceMappingURL=Avatar.cjs.map

package/components/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-import { A } from "../../Avatar-BJTr-PBd.js";
+import { A } from "../../Avatar-CgT7955R.js";
 export {
   A as Avatar
 };

package/components/Avatar/index.d.ts

@@ -1 +1,2 @@
 export { default as Avatar } from './Avatar';
+export type { AvatarItem, AvatarProps, AvatarSize } from './Avatar';

package/components/Button/Button.d.ts

@@ -1,7 +1,6 @@
-import { ButtonProps } from '@mui/material/Button';
+import { SxProps, Theme } from '@mui/material/styles';
 import { default as React } from 'react';
-type PickButtonProps = Pick<ButtonProps, "href" | "children" | "onClick" | "color" | "disabled" | "className" | "endIcon" | "startIcon" | "loading" | "loadingIndicator" | "variant" | "size" | "loadingPosition" | "type" | "sx">;
-export interface MyButtonProps extends PickButtonProps {
+export interface ButtonProps {
     children?: React.ReactNode;
     variant?: "text" | "outlined" | "contained";
     disabled?: boolean;
@@ -13,10 +12,11 @@ export interface MyButtonProps extends PickButtonProps {
     loading?: boolean;
     loadingIndicator?: React.ReactNode;
     loadingPosition?: "start" | "end" | "center";
-    color?: "primary" | "success" | "error" | "info" | "warning";
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
     href?: string;
     "data-testid"?: string;
     type?: "button" | "submit";
+    sx?: SxProps<Theme>;
 }
-export declare const Button: React.FC<MyButtonProps>;
+export declare const Button: React.FC<ButtonProps>;
 export default Button;

package/components/Button/index.d.ts

@@ -1 +1,2 @@
 export { default as Button } from './Button';
+export type { ButtonProps } from './Button';

package/components/Card/Card.cjs

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Card = require("../../Card-DG_crfkK.cjs");
+const Card = require("../../Card-DfdU610V.cjs");
 exports.Card = Card.Card;
-exports.buildCardBodySx = Card.buildCardBodySx;
-exports.buildCardFooterSx = Card.buildCardFooterSx;
-exports.buildCardHeaderSx = Card.buildCardHeaderSx;
 exports.buildCardSx = Card.buildCardSx;
 exports.default = Card.Card;
 //# sourceMappingURL=Card.cjs.map

package/components/Card/Card.cjs.map

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

package/components/Card/Card.d.ts

@@ -2,27 +2,8 @@ import { ReactNode } from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { CardVariant, CardPadding } from './Card.sx';
 export interface CardProps {
-    /** Contenido principal. */
+    /** Contenido del Card. */
     children?: ReactNode;
-    /**
-     * Título del Card. Si se provee, renderiza un header con separador. Puede
-     * ser string o cualquier ReactNode para permitir iconos / chips.
-     */
-    title?: ReactNode;
-    /** Texto secundario debajo del título. */
-    subtitle?: ReactNode;
-    /**
-     * Acciones del header (botones, ActionMenu, etc). Se renderizan alineadas
-     * a la derecha.
-     */
-    actions?: ReactNode;
-    /**
-     * Header totalmente custom. Si se provee, ignora `title`/`subtitle`/`actions`
-     * y toma control del slot entero.
-     */
-    header?: ReactNode;
-    /** Footer custom (botones, mensajes, etc). */
-    footer?: ReactNode;
     /**
      * Variante visual.
      * - `elevated` (default): sombra sutil.
@@ -30,10 +11,7 @@ export interface CardProps {
      * - `plain`: sin borde ni sombra, útil para layouts con nesting.
      */
     variant?: CardVariant;
-    /**
-     * Densidad del padding interno. Solo aplica al body cuando hay header/footer;
-     * cuando no hay slots, aplica al root.
-     */
+    /** Densidad del padding interno. */
     padding?: CardPadding;
     /** Si `true`, muestra feedback de hover/active (cursor, sombra). */
     clickable?: boolean;
@@ -49,35 +27,10 @@ export interface CardProps {
     raised?: boolean;
     /** sx del root. Se compone sobre el base + preset. */
     sx?: SxProps<Theme>;
-    /** sx custom del slot body. */
-    bodySx?: SxProps<Theme>;
-    /** sx custom del slot header. */
-    headerSx?: SxProps<Theme>;
-    /** sx custom del slot footer. */
-    footerSx?: SxProps<Theme>;
     onClick?: () => void;
     onBlur?: () => void;
     className?: string;
     'data-testid'?: string;
 }
-/**
- * Card semántico con slots `title` / `subtitle` / `actions` / `footer`.
- * Reemplaza el patrón `<div class="card"><div class="card-header">...</div>...`
- * de Metronic/Bootstrap con composición declarativa.
- *
- * Backward-compat: si solo se pasa `children`, se comporta como el Card
- * original (MUI Card + body padding).
- *
- * ```tsx
- * <Card
- *   title="Datos del cliente"
- *   subtitle="Última actualización: hace 2h"
- *   actions={<ActionMenu items={menuItems} />}
- *   footer={<Button>Guardar</Button>}
- * >
- *   <CustomerForm />
- * </Card>
- * ```
- */
-export declare function Card({ children, title, subtitle, actions, header, footer, variant, padding, clickable, preset, raised, sx, bodySx, headerSx, footerSx, onClick, onBlur, className, 'data-testid': dataTestId, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function Card({ children, variant, padding, clickable, preset, raised, sx, onClick, onBlur, className, 'data-testid': dataTestId, }: CardProps): import("react/jsx-runtime").JSX.Element;
 export default Card;

package/components/Card/Card.js

@@ -1,9 +1,6 @@
-import { C, c, d, a, b, C as C2 } from "../../Card-Ug-ttVSh.js";
+import { C, b, C as C2 } from "../../Card-B1wtavyl.js";
 export {
   C as Card,
-  c as buildCardBodySx,
-  d as buildCardFooterSx,
-  a as buildCardHeaderSx,
   b as buildCardSx,
   C2 as default
 };

package/components/Card/Card.sx.d.ts

@@ -7,11 +7,8 @@ export interface BuildCardSxArgs {
     clickable: boolean;
 }
 /**
- * Estilo base del Card (root). La props `sx` del consumer se compone encima
- * junto al preset resuelto (en Card.tsx). Este builder solo se ocupa del
- * variant + padding, para que siga siendo predecible.
+ * Estilo base del Card. La prop `sx` del consumer se compone encima junto al
+ * preset resuelto (en Card.tsx). Este builder solo se ocupa de variant +
+ * padding para que siga siendo predecible.
  */
 export declare function buildCardSx({ variant, padding, clickable, }: BuildCardSxArgs): SxProps<Theme>;
-export declare function buildCardHeaderSx(): SxProps<Theme>;
-export declare function buildCardBodySx(padding: CardPadding): SxProps<Theme>;
-export declare function buildCardFooterSx(): SxProps<Theme>;

package/components/Card/index.d.ts

@@ -1,4 +1,4 @@
 export { Card, default } from './Card';
 export type { CardProps } from './Card';
 export type { CardVariant, CardPadding } from './Card.sx';
-export { buildCardSx, buildCardHeaderSx, buildCardBodySx, buildCardFooterSx, } from './Card.sx';
+export { buildCardSx } from './Card.sx';

package/components/Checkbox/Checkbox.cjs

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

package/components/Checkbox/Checkbox.cjs.map

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

package/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,55 @@
+import { FC } from 'react';
+import { CheckboxProps as MuiCheckboxProps, SxProps, Theme } from '@mui/material';
+import { RegisterOptions } from 'react-hook-form';
+export type CheckboxSize = 'small' | 'medium';
+export type CheckboxLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
+export type CheckboxColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+export interface BaseCheckboxProps extends Omit<MuiCheckboxProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size' | 'color'> {
+    /** Texto al lado del checkbox. Si está ausente, se renderiza solo el control. */
+    label?: string;
+    size?: CheckboxSize;
+    /** Color del checkbox. Default: `'primary'`. */
+    color?: CheckboxColor;
+    /** Posición del label respecto al checkbox. Default: `'end'`. */
+    labelPlacement?: CheckboxLabelPlacement;
+    /** Estado indeterminate (tri-state). Típico para "select all" parcial. */
+    indeterminate?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    /** Renderiza un contenedor con borde alrededor del checkbox + label. Default: false. */
+    bordered?: boolean;
+    /** Border radius del contenedor (cuando bordered). Default: 10. */
+    borderRadius?: number | string;
+    /** Valor inicial del checkbox en modo RHF. */
+    defaultChecked?: boolean;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.Checkbox`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+    sx?: SxProps<Theme>;
+}
+export interface RHFCheckboxProps extends BaseCheckboxProps {
+    name: string;
+    control: any;
+    validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos. NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (checked: boolean) => void;
+    checked?: never;
+    onChange?: never;
+}
+export interface ControlledCheckboxProps extends BaseCheckboxProps {
+    name?: string;
+    control?: never;
+    validation?: never;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+export type CheckboxProps = RHFCheckboxProps | ControlledCheckboxProps;
+export declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;

package/components/Checkbox/Checkbox.js

@@ -0,0 +1,6 @@
+import { C, C as C2 } from "../../Checkbox-gB5YKkVo.js";
+export {
+  C as Checkbox,
+  C2 as default
+};
+//# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/Checkbox.js.map

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

package/components/Checkbox/Checkbox.sx.d.ts

@@ -0,0 +1,13 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface BuildCheckboxSxOptions {
+    bordered: boolean;
+    borderRadius: number | string;
+    hasLabel: boolean;
+    error: boolean;
+}
+/**
+ * Builder de sx para Checkbox. Cuando `bordered=true`, el contenedor del
+ * `FormControlLabel` gana un borde estilo "form field" con focus ring y
+ * estado de error (matchea InputGroup / Switch / RadioGroup).
+ */
+export declare const buildCheckboxSx: ({ bordered, borderRadius, hasLabel, error, }: BuildCheckboxSxOptions) => SxProps<Theme>;

package/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox, default } from './Checkbox';
+export type { CheckboxProps, BaseCheckboxProps, RHFCheckboxProps, ControlledCheckboxProps, CheckboxSize, CheckboxLabelPlacement, CheckboxColor, } from './Checkbox';

package/components/Checkbox.d.ts

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

package/components/Chip/Chip.cjs

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

package/components/Chip/Chip.cjs.map

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

package/components/Chip/Chip.js

@@ -1,5 +1,6 @@
-import { C } from "../../Chip-OPYQ1uQ_.js";
+import { C, C as C2 } from "../../Chip-OPYQ1uQ_.js";
 export {
-  C as Chip
+  C as Chip,
+  C2 as default
 };
 //# sourceMappingURL=Chip.js.map

package/components/Chip/index.d.ts

@@ -1 +1,2 @@
-export { default as Chip } from './Chip';
+export { Chip, default } from './Chip';
+export type { ChipProps } from './Chip';

package/components/Chip.d.ts

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

package/components/DatePicker/DatePicker.cjs

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

package/components/DatePicker/DatePicker.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 import { SxProps, Theme } from '@mui/material';
 import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers/DatePicker';
 import { Dayjs } from 'dayjs';
-import { Control, RegisterOptions } from 'react-hook-form';
 export type LabelPosition = 'outside' | 'floating';
 export type DatePickerSize = 'small' | 'medium';
 export interface BaseDatePickerProps extends Omit<MuiDatePickerProps, 'value' | 'onChange' | 'slotProps'> {
@@ -37,20 +36,9 @@ export interface BaseDatePickerProps extends Omit<MuiDatePickerProps, 'value' |
     /** Passthrough completo a slotProps del MuiDatePicker. */
     slotProps?: MuiDatePickerProps['slotProps'];
 }
-export interface RHFDatePickerProps extends BaseDatePickerProps {
-    name: string;
-    control: Control<any>;
-    validation?: RegisterOptions;
-    selectedDate?: never;
-    onDateChange?: never;
-}
-export interface ControlledDatePickerProps extends BaseDatePickerProps {
-    name?: string;
-    control?: never;
-    validation?: never;
+export interface DatePickerProps extends BaseDatePickerProps {
     selectedDate: Dayjs | null;
     onDateChange: (date: Dayjs | null) => void;
 }
-export type DatePickerProps = RHFDatePickerProps | ControlledDatePickerProps;
 export declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;

package/components/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import { D, D as D2 } from "../../DatePicker-8f_9bwhS.js";
+import { D, D as D2 } from "../../DatePicker-D0Bz9Ryg.js";
 export {
   D as DatePicker,
   D2 as default

package/components/DatePicker/index.d.ts

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

package/components/DateTimePicker/DateTimePicker.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const DateTimePicker = require("../../DateTimePicker-CWNW09-O.cjs");
+const DateTimePicker = require("../../DateTimePicker-CTnRQCZo.cjs");
 exports.DateTimePicker = DateTimePicker.DateTimePicker;
 exports.default = DateTimePicker.DateTimePicker;
 //# sourceMappingURL=DateTimePicker.cjs.map