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

package/components/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/DrawerContext.ts","../../../src/components/Drawer/Drawer.sx.ts","../../../src/components/Drawer/Drawer.tsx","../../../src/components/Drawer/DrawerItem.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * Context interno del Drawer. Permite que los sub-componentes (DrawerItem,\n * DrawerSection, etc.) reaccionen al estado `collapsed` sin necesidad de\n * recibirlo por props explícitas.\n */\nexport interface DrawerContextValue {\n  /** Si el drawer está en modo mini (solo iconos). */\n  collapsed: boolean;\n  /** Ancho actual del drawer (útil para sub-componentes que necesiten layout). */\n  width: number;\n}\n\nexport const DrawerContext = createContext<DrawerContextValue | null>(null);\n\n/**\n * Hook para leer el estado del drawer desde cualquier sub-componente. Si se\n * llama fuera de un `<Drawer>`, devuelve valores por defecto (collapsed=false)\n * para que los items renderizados sueltos no exploten.\n */\nexport function useDrawerContext(): DrawerContextValue {\n  const ctx = useContext(DrawerContext);\n  if (ctx) return ctx;\n  return { collapsed: false, width: 260 };\n}\n","import { alpha, type SxProps, type Theme } from '@mui/material/styles';\n\nexport interface BuildDrawerSxArgs {\n  /** Ancho actual del drawer (expanded o collapsed). */\n  width: number;\n  /** Duración de la transición de ancho en ms. */\n  transitionDuration?: number;\n}\n\n/**\n * sx aplicado al root del MuiDrawer. Controla el ancho animado y el paper\n * interno. Los estilos visuales del paper (background, border) se dejan en\n * manos del theme / preset.\n */\nexport function buildDrawerSx({\n  width,\n  transitionDuration = 200,\n}: BuildDrawerSxArgs): SxProps<Theme> {\n  return {\n    width,\n    flexShrink: 0,\n    whiteSpace: 'nowrap',\n    boxSizing: 'border-box',\n    transition: (theme) =>\n      theme.transitions.create('width', {\n        easing: theme.transitions.easing.sharp,\n        duration: transitionDuration,\n      }),\n    '& .MuiDrawer-paper': {\n      width,\n      boxSizing: 'border-box',\n      overflowX: 'hidden',\n      transition: (theme) =>\n        theme.transitions.create('width', {\n          easing: theme.transitions.easing.sharp,\n          duration: transitionDuration,\n        }),\n    },\n  };\n}\n\nexport interface BuildDrawerItemSxArgs {\n  collapsed: boolean;\n  active?: boolean;\n  danger?: boolean;\n}\n\n/**\n * sx para un item del drawer. Centra el icono cuando está colapsado y\n * tiñe el fondo cuando el item está activo.\n */\nexport function buildDrawerItemSx({\n  collapsed,\n  active,\n  danger,\n}: BuildDrawerItemSxArgs): SxProps<Theme> {\n  return (theme) => ({\n    minHeight: 44,\n    px: collapsed ? 1 : 2,\n    py: 1,\n    mx: 1,\n    my: 0.25,\n    borderRadius: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: collapsed ? 'center' : 'flex-start',\n    gap: collapsed ? 0 : 1.5,\n    cursor: 'pointer',\n    color: danger\n      ? theme.palette.error.main\n      : active\n        ? theme.palette.primary.main\n        : theme.palette.text.primary,\n    backgroundColor: active\n      ? theme.palette.action.selected\n      : 'transparent',\n    transition: theme.transitions.create(\n      ['background-color', 'color', 'padding'],\n      { duration: 150 },\n    ),\n    '&:hover': {\n      backgroundColor: danger\n        ? alpha(theme.palette.error.main, 0.08)\n        : theme.palette.action.hover,\n    },\n    '& .drawer-item__icon': {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      minWidth: 24,\n    },\n    '& .drawer-item__label': {\n      flex: 1,\n      minWidth: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      opacity: collapsed ? 0 : 1,\n      width: collapsed ? 0 : 'auto',\n      transition: theme.transitions.create(['opacity', 'width'], {\n        duration: collapsed ? 100 : 200,\n      }),\n    },\n  });\n}\n","import { useMemo, type ReactNode } from 'react';\nimport {\n  Drawer as MuiDrawer,\n  IconButton,\n  Box,\n  type DrawerProps as MuiDrawerProps,\n} from '@mui/material';\nimport {\n  useTheme,\n  type SxProps,\n  type Theme,\n} from '@mui/material/styles';\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\n\nimport { DrawerContext } from './DrawerContext';\nimport { buildDrawerSx } from './Drawer.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos públicos ──────────────────────────────────────────────────────\nexport type DrawerVariant = 'permanent' | 'persistent' | 'temporary';\nexport type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps {\n  /** Contenido del drawer (típicamente `<DrawerItem>`s). */\n  children?: ReactNode;\n  /**\n   * Variante del drawer:\n   * - `permanent` (default): siempre visible en desktop, soporta collapsed (mini).\n   * - `persistent`: se oculta/muestra, empuja el contenido principal.\n   * - `temporary`: flotante con backdrop (típico móvil).\n   */\n  variant?: DrawerVariant;\n  /** Lado del viewport. Default: `'left'`. */\n  anchor?: DrawerAnchor;\n  /**\n   * Estado mini (solo iconos). Solo se aplica con `variant=\"permanent\"` o\n   * `\"persistent\"`. Si no se provee, el drawer está siempre expandido.\n   */\n  collapsed?: boolean;\n  /** Callback del botón de toggle (chevron). */\n  onToggleCollapse?: () => void;\n  /** Estado abierto/cerrado (aplica a `temporary` y `persistent`). */\n  open?: boolean;\n  /** Callback de cierre (backdrop o ESC en temporary). */\n  onClose?: MuiDrawerProps['onClose'];\n  /** Ancho en estado expandido. Default: 260. */\n  expandedWidth?: number;\n  /** Ancho en estado colapsado (solo iconos). Default: 72. */\n  collapsedWidth?: number;\n  /** Muestra el botón chevron para toggle collapsed. Default: true si `onToggleCollapse` está definido. */\n  showCollapseButton?: boolean;\n  /** Contenido del header (por encima de los items). Típicamente logo/brand. */\n  header?: ReactNode;\n  /**\n   * Logo/brand que se muestra junto al botón de toggle.\n   * - Expandido: logo a la izquierda, toggle a la derecha en la misma fila.\n   * - Colapsado: logo arriba centrado, toggle debajo centrado (stack vertical).\n   * Siempre visible (a diferencia de `header`, que se oculta al colapsar).\n   */\n  logo?: ReactNode;\n  /** Contenido del footer (por debajo de los items). Típicamente user profile. */\n  footer?: ReactNode;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Drawer`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   */\n  preset?: string;\n  /** sx aplicado al Drawer (root). Se mergea después del preset. */\n  sx?: SxProps<Theme>;\n  /** sx aplicado al Paper interno. */\n  paperSx?: SxProps<Theme>;\n  className?: string;\n}\n\nexport function Drawer({\n  children,\n  variant = 'permanent',\n  anchor = 'left',\n  collapsed = false,\n  onToggleCollapse,\n  open,\n  onClose,\n  expandedWidth = 260,\n  collapsedWidth = 72,\n  showCollapseButton,\n  header,\n  logo,\n  footer,\n  preset,\n  sx,\n  paperSx,\n  className,\n}: DrawerProps) {\n  const theme = useTheme();\n  const presetSx = resolvePreset('Drawer', preset, theme);\n\n  // El mini-variant solo tiene sentido en permanent / persistent.\n  const supportsCollapsed = variant !== 'temporary';\n  const effectiveWidth =\n    supportsCollapsed && collapsed ? collapsedWidth : expandedWidth;\n\n  const contextValue = useMemo(\n    () => ({\n      collapsed: supportsCollapsed && collapsed,\n      width: effectiveWidth,\n    }),\n    [supportsCollapsed, collapsed, effectiveWidth],\n  );\n\n  const rootSx: SxProps<Theme> = [\n    buildDrawerSx({ width: effectiveWidth }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const shouldShowToggle =\n    showCollapseButton ?? (supportsCollapsed && !!onToggleCollapse);\n\n  const openProp =\n    variant === 'permanent'\n      ? true\n      : open !== undefined\n        ? open\n        : false;\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <MuiDrawer\n        variant={variant}\n        anchor={anchor}\n        open={openProp}\n        onClose={onClose}\n        className={className}\n        sx={rootSx}\n        slotProps={{\n          paper: {\n            sx: paperSx,\n          },\n        }}\n      >\n        {(logo || shouldShowToggle) && (\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: contextValue.collapsed ? 'column' : 'row',\n              alignItems: 'center',\n              justifyContent: contextValue.collapsed\n                ? 'center'\n                : logo\n                  ? 'space-between'\n                  : 'flex-end',\n              gap: contextValue.collapsed ? 0.5 : 0,\n              px: contextValue.collapsed ? 1 : 2,\n              py: 1,\n              minHeight: 64,\n              flexShrink: 0,\n            }}\n          >\n            {logo && (\n              <Box sx={{ display: 'flex', alignItems: 'center', minWidth: 0 }}>\n                {logo}\n              </Box>\n            )}\n            {shouldShowToggle && (\n              <IconButton\n                size=\"small\"\n                onClick={onToggleCollapse}\n                aria-label={collapsed ? 'Expandir menú' : 'Colapsar menú'}\n              >\n                {collapsed ? <ChevronRightIcon /> : <ChevronLeftIcon />}\n              </IconButton>\n            )}\n          </Box>\n        )}\n\n        {header && !contextValue.collapsed && (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              px: 2,\n              py: 1.5,\n              minHeight: 56,\n              flexShrink: 0,\n            }}\n          >\n            <Box sx={{ flex: 1, minWidth: 0 }}>{header}</Box>\n          </Box>\n        )}\n\n        <Box\n          component=\"nav\"\n          sx={{\n            flex: 1,\n            overflowY: 'auto',\n            overflowX: 'hidden',\n            py: 1,\n          }}\n        >\n          {children}\n        </Box>\n\n        {footer && (\n          <Box\n            sx={{\n              flexShrink: 0,\n              borderTop: (t) => `1px solid ${t.palette.divider}`,\n              p: contextValue.collapsed ? 1 : 1.5,\n              display: 'flex',\n              justifyContent: contextValue.collapsed\n                ? 'center'\n                : 'flex-start',\n            }}\n          >\n            {footer}\n          </Box>\n        )}\n      </MuiDrawer>\n    </DrawerContext.Provider>\n  );\n}\n\nexport default Drawer;\n","import React, { type ReactNode, type MouseEvent } from 'react';\nimport { Box, Tooltip, Typography } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { useDrawerContext } from './DrawerContext';\nimport { buildDrawerItemSx } from './Drawer.sx';\n\nexport interface DrawerItemProps {\n  /** Icono del item. Se muestra siempre (expanded y collapsed). */\n  icon?: ReactNode;\n  /** Texto del item. Se oculta cuando el drawer está colapsado (muestra tooltip). */\n  label: ReactNode;\n  /**\n   * Texto del tooltip en modo collapsed. Si no se provee y `label` es string,\n   * se usa `label`. Necesario cuando `label` es un ReactNode complejo.\n   */\n  tooltipText?: string;\n  /** Handler de click. */\n  onClick?: (event: MouseEvent<HTMLDivElement>) => void;\n  /** Marca el item como activo (destaca color y fondo). */\n  active?: boolean;\n  /** Marca el item como \"destructivo\" (p.ej. cerrar sesión): color error. */\n  danger?: boolean;\n  /** Deshabilita click + bajo opacidad. */\n  disabled?: boolean;\n  /** Contenido adicional a la derecha del label (badge, count, chevron). */\n  endAdornment?: ReactNode;\n  /** sx override del consumer, se mergea al final. */\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Item de un Drawer de shared-library. Lee el estado `collapsed` del\n * DrawerContext para adaptar layout y mostrar tooltip en modo mini.\n *\n * Uso típico:\n * ```tsx\n * <Drawer collapsed={collapsed} onToggleCollapse={toggle}>\n *   <DrawerItem icon={<HomeIcon />} label=\"Inicio\" active />\n *   <DrawerItem icon={<UserIcon />} label=\"Perfil\" />\n * </Drawer>\n * ```\n */\nexport function DrawerItem({\n  icon,\n  label,\n  tooltipText,\n  onClick,\n  active = false,\n  danger = false,\n  disabled = false,\n  endAdornment,\n  sx,\n  className,\n}: DrawerItemProps) {\n  const { collapsed } = useDrawerContext();\n\n  const baseSx = buildDrawerItemSx({ collapsed, active, danger });\n\n  const mergedSx: SxProps<Theme> = [\n    baseSx,\n    disabled && { pointerEvents: 'none', opacity: 0.5 },\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ].filter(Boolean) as SxProps<Theme>;\n\n  const content = (\n    <Box\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      onClick={disabled ? undefined : onClick}\n      onKeyDown={(event) => {\n        if (disabled) 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={mergedSx}\n    >\n      {icon && (\n        <Box className=\"drawer-item__icon\" component=\"span\">\n          {icon}\n        </Box>\n      )}\n      <Typography\n        component=\"span\"\n        variant=\"body2\"\n        className=\"drawer-item__label\"\n        sx={{ fontWeight: active ? 600 : 400 }}\n      >\n        {label}\n      </Typography>\n      {!collapsed && endAdornment && (\n        <Box component=\"span\" sx={{ flexShrink: 0, ml: 'auto' }}>\n          {endAdornment}\n        </Box>\n      )}\n    </Box>\n  );\n\n  // Cuando está colapsado, envolvemos en tooltip para revelar el label al hover.\n  // Prioriza `tooltipText` explícito; si no, cae al `label` si es string.\n  const resolvedTooltip =\n    tooltipText ?? (typeof label === 'string' ? label : undefined);\n\n  if (collapsed && resolvedTooltip) {\n    return (\n      <Tooltip title={resolvedTooltip} placement=\"right\" arrow>\n        {content}\n      </Tooltip>\n    );\n  }\n\n  return content;\n}\n\nexport default DrawerItem;\n"],"names":["MuiDrawer"],"mappings":"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"}

package/components/Drawer/Drawer.sx.d.ts

@@ -0,0 +1,23 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface BuildDrawerSxArgs {
+    /** Ancho actual del drawer (expanded o collapsed). */
+    width: number;
+    /** Duración de la transición de ancho en ms. */
+    transitionDuration?: number;
+}
+/**
+ * sx aplicado al root del MuiDrawer. Controla el ancho animado y el paper
+ * interno. Los estilos visuales del paper (background, border) se dejan en
+ * manos del theme / preset.
+ */
+export declare function buildDrawerSx({ width, transitionDuration, }: BuildDrawerSxArgs): SxProps<Theme>;
+export interface BuildDrawerItemSxArgs {
+    collapsed: boolean;
+    active?: boolean;
+    danger?: boolean;
+}
+/**
+ * sx para un item del drawer. Centra el icono cuando está colapsado y
+ * tiñe el fondo cuando el item está activo.
+ */
+export declare function buildDrawerItemSx({ collapsed, active, danger, }: BuildDrawerItemSxArgs): SxProps<Theme>;

package/components/Drawer/DrawerContext.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Context interno del Drawer. Permite que los sub-componentes (DrawerItem,
+ * DrawerSection, etc.) reaccionen al estado `collapsed` sin necesidad de
+ * recibirlo por props explícitas.
+ */
+export interface DrawerContextValue {
+    /** Si el drawer está en modo mini (solo iconos). */
+    collapsed: boolean;
+    /** Ancho actual del drawer (útil para sub-componentes que necesiten layout). */
+    width: number;
+}
+export declare const DrawerContext: import('react').Context<DrawerContextValue | null>;
+/**
+ * Hook para leer el estado del drawer desde cualquier sub-componente. Si se
+ * llama fuera de un `<Drawer>`, devuelve valores por defecto (collapsed=false)
+ * para que los items renderizados sueltos no exploten.
+ */
+export declare function useDrawerContext(): DrawerContextValue;

package/components/Drawer/DrawerItem.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode, MouseEvent } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface DrawerItemProps {
+    /** Icono del item. Se muestra siempre (expanded y collapsed). */
+    icon?: ReactNode;
+    /** Texto del item. Se oculta cuando el drawer está colapsado (muestra tooltip). */
+    label: ReactNode;
+    /**
+     * Texto del tooltip en modo collapsed. Si no se provee y `label` es string,
+     * se usa `label`. Necesario cuando `label` es un ReactNode complejo.
+     */
+    tooltipText?: string;
+    /** Handler de click. */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    /** Marca el item como activo (destaca color y fondo). */
+    active?: boolean;
+    /** Marca el item como "destructivo" (p.ej. cerrar sesión): color error. */
+    danger?: boolean;
+    /** Deshabilita click + bajo opacidad. */
+    disabled?: boolean;
+    /** Contenido adicional a la derecha del label (badge, count, chevron). */
+    endAdornment?: ReactNode;
+    /** sx override del consumer, se mergea al final. */
+    sx?: SxProps<Theme>;
+    className?: string;
+}
+/**
+ * Item de un Drawer de shared-library. Lee el estado `collapsed` del
+ * DrawerContext para adaptar layout y mostrar tooltip en modo mini.
+ *
+ * Uso típico:
+ * ```tsx
+ * <Drawer collapsed={collapsed} onToggleCollapse={toggle}>
+ *   <DrawerItem icon={<HomeIcon />} label="Inicio" active />
+ *   <DrawerItem icon={<UserIcon />} label="Perfil" />
+ * </Drawer>
+ * ```
+ */
+export declare function DrawerItem({ icon, label, tooltipText, onClick, active, danger, disabled, endAdornment, sx, className, }: DrawerItemProps): import("react/jsx-runtime").JSX.Element;
+export default DrawerItem;

package/components/Drawer/index.d.ts

@@ -0,0 +1,6 @@
+export { Drawer, default } from './Drawer';
+export { DrawerItem } from './DrawerItem';
+export { useDrawerContext } from './DrawerContext';
+export type { DrawerProps, DrawerVariant, DrawerAnchor, } from './Drawer';
+export type { DrawerItemProps } from './DrawerItem';
+export type { DrawerContextValue } from './DrawerContext';

package/components/Drawer.d.ts

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

package/{dist/components → components}/Gallery/Gallery.cjs

@@ -1,8 +1,9 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
+const styles = require("@mui/material/styles");
 const KeyboardArrowUpIcon = require("@mui/icons-material/KeyboardArrowUp");
 const KeyboardArrowDownIcon = require("@mui/icons-material/KeyboardArrowDown");
 const KeyboardArrowLeftIcon = require("@mui/icons-material/KeyboardArrowLeft");
@@ -17,14 +18,15 @@ const RotateRightIcon = require("@mui/icons-material/RotateRight");
 const RestartAltIcon = require("@mui/icons-material/RestartAlt");
 const CloseIcon = require("@mui/icons-material/Close");
 const Button = require("../../Button-C17mExpd.cjs");
+const resolvePreset = require("../../resolvePreset-CT3kU-K2.cjs");
 const GalleryThumbnails = ({
   items,
   selectedIdx,
   onSelect,
   thumbStartIdx,
-  THUMB_VISIBLE_COUNT,
-  handleThumbUp,
-  handleThumbDown,
+  visibleCount,
+  onThumbUp,
+  onThumbDown,
   isMobile
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
   material.Box,
@@ -36,7 +38,7 @@ const GalleryThumbnails = ({
       minWidth: 70,
       width: 70,
       borderRadius: 1,
-      bgcolor: "#f8f9fa",
+      bgcolor: "grey.100",
       boxSizing: "border-box",
       py: 1,
       mb: isMobile ? 2 : 0,
@@ -47,37 +49,55 @@ const GalleryThumbnails = ({
         material.IconButton,
         {
           size: "small",
-          onClick: handleThumbUp,
+          onClick: onThumbUp,
           disabled: thumbStartIdx === 0,
+          "aria-label": isMobile ? "Miniatura anterior" : "Miniaturas arriba",
           sx: { mb: isMobile ? 0 : 1, mr: isMobile ? 1 : 0 },
           children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowLeftIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowUpIcon, {})
         }
       ),
-      items.slice(thumbStartIdx, thumbStartIdx + THUMB_VISIBLE_COUNT).map((item, idx) => {
+      items.slice(thumbStartIdx, thumbStartIdx + visibleCount).map((item, idx) => {
+        var _a;
         const realIdx = thumbStartIdx + idx;
+        const isSelected = selectedIdx === realIdx;
+        const handleSelect = () => onSelect(realIdx);
         return /* @__PURE__ */ jsxRuntime.jsx(
           material.Box,
           {
-            onClick: () => onSelect(realIdx),
+            role: "button",
+            tabIndex: 0,
+            "aria-label": item.title,
+            "aria-pressed": isSelected,
+            onClick: handleSelect,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                handleSelect();
+              }
+            },
             sx: {
               cursor: "pointer",
               width: 60,
               height: 60,
               borderRadius: 1,
-              border: selectedIdx === realIdx ? "2px solid #1976d2" : "2px solid #eee",
+              border: (theme) => `2px solid ${isSelected ? theme.palette.primary.main : theme.palette.divider}`,
               overflow: "hidden",
-              bgcolor: "#eee",
+              bgcolor: "action.hover",
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
               flexShrink: 0,
-              m: isMobile ? "0 4px" : "4px 0"
+              m: isMobile ? "0 4px" : "4px 0",
+              outline: "none",
+              "&:focus-visible": {
+                boxShadow: (theme) => `0 0 0 2px ${theme.palette.primary.main}`
+              }
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(
               material.Box,
               {
                 component: "img",
-                src: item.thumbnail,
+                src: (_a = item.thumbnail) != null ? _a : item.url,
                 alt: item.title,
                 sx: {
                   width: "100%",
@@ -87,15 +107,16 @@ const GalleryThumbnails = ({
               }
             )
           },
-          realIdx
+          `${realIdx}-${item.url}`
         );
       }),
       /* @__PURE__ */ jsxRuntime.jsx(
         material.IconButton,
         {
           size: "small",
-          onClick: handleThumbDown,
-          disabled: thumbStartIdx + THUMB_VISIBLE_COUNT >= items.length,
+          onClick: onThumbDown,
+          disabled: thumbStartIdx + visibleCount >= items.length,
+          "aria-label": isMobile ? "Miniatura siguiente" : "Miniaturas abajo",
           sx: { mt: isMobile ? 0 : 1, ml: isMobile ? 1 : 0 },
           children: isMobile ? /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowRightIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowDownIcon, {})
         }
@@ -115,7 +136,7 @@ const GalleryMain = ({ item, onOpenLightbox, isMobile }) => /* @__PURE__ */ jsxR
       alignItems: "center",
       position: "relative",
       borderRadius: 1,
-      bgcolor: "#f8f9fa",
+      bgcolor: "grey.100",
       overflow: "hidden",
       mx: "auto"
     },
@@ -142,7 +163,7 @@ const GalleryMain = ({ item, onOpenLightbox, isMobile }) => /* @__PURE__ */ jsxR
                 width: "100%",
                 height: "100%",
                 objectFit: "contain",
-                bgcolor: "#000",
+                bgcolor: "common.black",
                 borderRadius: 1
               }
             }
@@ -165,27 +186,35 @@ const GalleryMain = ({ item, onOpenLightbox, isMobile }) => /* @__PURE__ */ jsxR
       /* @__PURE__ */ jsxRuntime.jsx(
         material.IconButton,
         {
-          onClick: onOpenLightbox,
+          onClick: (e) => {
+            e.stopPropagation();
+            onOpenLightbox();
+          },
+          "aria-label": "Abrir en pantalla completa",
           sx: {
             position: "absolute",
             top: 16,
             right: 16,
-            bgcolor: "#1976d2",
-            "&:hover": { bgcolor: "#1565c0" },
+            bgcolor: "primary.main",
+            color: "primary.contrastText",
+            "&:hover": { bgcolor: "primary.dark" },
             boxShadow: 2
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(FullscreenIcon, { sx: { color: "#fff" } })
+          children: /* @__PURE__ */ jsxRuntime.jsx(FullscreenIcon, {})
         }
       )
     ]
   }
 );
+const ZOOM_MIN = 0.25;
+const ZOOM_MAX = 5;
+const ZOOM_STEP = 0.25;
 const GalleryLightbox = ({
   open,
   onClose,
   item,
-  handlePrev,
-  handleNext,
+  onPrev,
+  onNext,
   zoom,
   setZoom,
   rotation,
@@ -204,11 +233,28 @@ const GalleryLightbox = ({
         gap: 2
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "100%", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: handlePrev, children: /* @__PURE__ */ jsxRuntime.jsx(ArrowBackIosNewIcon, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle1", fontWeight: 600, sx: { flex: 1, textAlign: "center" }, children: item.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: handleNext, children: /* @__PURE__ */ jsxRuntime.jsx(ArrowForwardIosIcon, {}) })
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          material.Stack,
+          {
+            direction: "row",
+            justifyContent: "space-between",
+            alignItems: "center",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: onPrev, "aria-label": "Anterior", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowBackIosNewIcon, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                material.Typography,
+                {
+                  variant: "subtitle1",
+                  fontWeight: 600,
+                  sx: { flex: 1, textAlign: "center" },
+                  children: item.title
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: onNext, "aria-label": "Siguiente", children: /* @__PURE__ */ jsxRuntime.jsx(ArrowForwardIosIcon, {}) })
+            ]
+          }
+        ),
         item.type === "video" ? /* @__PURE__ */ jsxRuntime.jsx(
           material.Box,
           {
@@ -219,10 +265,10 @@ const GalleryLightbox = ({
             autoPlay: true,
             sx: {
               width: "100%",
-              maxWidth: "900px",
+              maxWidth: 900,
               maxHeight: "70vh",
               objectFit: "contain",
-              bgcolor: "#000",
+              bgcolor: "common.black",
               borderRadius: 1
             }
           },
@@ -237,7 +283,7 @@ const GalleryLightbox = ({
               transform: `scale(${zoom}) rotate(${rotation}deg)`,
               transition: "transform 0.2s ease",
               width: "100%",
-              maxWidth: "900px",
+              maxWidth: 900,
               maxHeight: "70vh",
               objectFit: "contain",
               borderRadius: 1
@@ -264,7 +310,8 @@ const GalleryLightbox = ({
               {
                 variant: "outlined",
                 startIcon: /* @__PURE__ */ jsxRuntime.jsx(ZoomInIcon, {}),
-                onClick: () => setZoom((z) => z + 0.25),
+                onClick: () => setZoom((z) => Math.min(ZOOM_MAX, z + ZOOM_STEP)),
+                disabled: zoom >= ZOOM_MAX,
                 children: "Zoom +"
               }
             ),
@@ -273,7 +320,8 @@ const GalleryLightbox = ({
               {
                 variant: "outlined",
                 startIcon: /* @__PURE__ */ jsxRuntime.jsx(ZoomOutIcon, {}),
-                onClick: () => setZoom((z) => Math.max(0.25, z - 0.25)),
+                onClick: () => setZoom((z) => Math.max(ZOOM_MIN, z - ZOOM_STEP)),
+                disabled: zoom <= ZOOM_MIN,
                 children: "Zoom −"
               }
             )
@@ -283,7 +331,8 @@ const GalleryLightbox = ({
               Button.Button,
               {
                 variant: "outlined",
-                onClick: () => setRotation((r) => r - 90),
+                "aria-label": "Rotar a la izquierda",
+                onClick: () => setRotation((r) => (r - 90) % 360),
                 children: /* @__PURE__ */ jsxRuntime.jsx(RotateLeftIcon, {})
               }
             ),
@@ -291,7 +340,8 @@ const GalleryLightbox = ({
               Button.Button,
               {
                 variant: "outlined",
-                onClick: () => setRotation((r) => r + 90),
+                "aria-label": "Rotar a la derecha",
+                onClick: () => setRotation((r) => (r + 90) % 360),
                 children: /* @__PURE__ */ jsxRuntime.jsx(RotateRightIcon, {})
               }
             )
@@ -322,7 +372,14 @@ const GalleryLightbox = ({
     }
   )
 ] });
-const Gallery = ({ items, maxWidth = "600px" }) => {
+const Gallery = ({
+  items,
+  maxWidth = "600px",
+  preset,
+  sx,
+  className
+}) => {
+  const theme = styles.useTheme();
   const isMobile = material.useMediaQuery("(max-width:700px)");
   const [selectedIdx, setSelectedIdx] = React.useState(0);
   const [openLightbox, setOpenLightbox] = React.useState(false);
@@ -336,16 +393,14 @@ const Gallery = ({ items, maxWidth = "600px" }) => {
   };
   const handleThumbDown = () => {
     setThumbStartIdx(
-      (prev) => Math.min(items.length - THUMB_VISIBLE_COUNT, prev + 1)
+      (prev) => Math.max(0, Math.min(items.length - THUMB_VISIBLE_COUNT, prev + 1))
     );
   };
   const handlePrev = () => {
     setSelectedIdx((idx) => idx === 0 ? items.length - 1 : idx - 1);
   };
   const handleNext = () => {
-    setSelectedIdx(
-      (idx) => idx === items.length - 1 ? 0 : idx + 1
-    );
+    setSelectedIdx((idx) => idx === items.length - 1 ? 0 : idx + 1);
   };
   React.useEffect(() => {
     if (!openLightbox) return;
@@ -369,49 +424,69 @@ const Gallery = ({ items, maxWidth = "600px" }) => {
     var _a;
     if (openLightbox && ((_a = items[selectedIdx]) == null ? void 0 : _a.type) === "video" && videoRef.current) {
       videoRef.current.currentTime = 0;
-      videoRef.current.play();
+      videoRef.current.play().catch(() => {
+      });
     }
     setZoom(1);
     setRotation(0);
   }, [openLightbox, selectedIdx, items]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: isMobile ? "column" : "row", gap: 3, sx: { maxWidth, mx: "auto", minHeight: 300 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      GalleryThumbnails,
-      {
-        items,
-        selectedIdx,
-        onSelect: setSelectedIdx,
-        thumbStartIdx,
-        THUMB_VISIBLE_COUNT,
-        handleThumbUp,
-        handleThumbDown,
-        isMobile
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      GalleryMain,
-      {
-        item: items[selectedIdx],
-        onOpenLightbox: () => setOpenLightbox(true),
-        isMobile
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      GalleryLightbox,
-      {
-        open: openLightbox,
-        onClose: () => setOpenLightbox(false),
-        item: items[selectedIdx],
-        handlePrev,
-        handleNext,
-        zoom,
-        setZoom,
-        rotation,
-        setRotation,
-        videoRef
-      }
-    )
-  ] });
+  if (!items || items.length === 0) return null;
+  const safeSelectedIdx = Math.max(0, Math.min(selectedIdx, items.length - 1));
+  const currentItem = items[safeSelectedIdx];
+  const presetSx = resolvePreset.resolvePreset("Gallery", preset, theme);
+  const rootSx = [
+    { maxWidth, mx: "auto", minHeight: 300 },
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Stack,
+    {
+      direction: isMobile ? "column" : "row",
+      gap: 3,
+      className,
+      sx: rootSx,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          GalleryThumbnails,
+          {
+            items,
+            selectedIdx: safeSelectedIdx,
+            onSelect: setSelectedIdx,
+            thumbStartIdx,
+            visibleCount: THUMB_VISIBLE_COUNT,
+            onThumbUp: handleThumbUp,
+            onThumbDown: handleThumbDown,
+            isMobile
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          GalleryMain,
+          {
+            item: currentItem,
+            onOpenLightbox: () => setOpenLightbox(true),
+            isMobile
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          GalleryLightbox,
+          {
+            open: openLightbox,
+            onClose: () => setOpenLightbox(false),
+            item: currentItem,
+            onPrev: handlePrev,
+            onNext: handleNext,
+            zoom,
+            setZoom,
+            rotation,
+            setRotation,
+            videoRef
+          }
+        )
+      ]
+    }
+  );
 };
 exports.Gallery = Gallery;
+exports.default = Gallery;
 //# sourceMappingURL=Gallery.cjs.map

package/components/Gallery/Gallery.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.cjs","sources":["../../../src/components/Gallery/GalleryThumbnails.tsx","../../../src/components/Gallery/GalleryMain.tsx","../../../src/components/Gallery/GalleryLightbox.tsx","../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import { Box, IconButton } from '@mui/material';\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';\nimport KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';\n\nimport type { GalleryItem } from './Gallery';\n\ninterface Props {\n  items: GalleryItem[];\n  selectedIdx: number;\n  onSelect: (idx: number) => void;\n  thumbStartIdx: number;\n  visibleCount: number;\n  onThumbUp: () => void;\n  onThumbDown: () => void;\n  isMobile: boolean;\n}\n\nexport const GalleryThumbnails = ({\n  items,\n  selectedIdx,\n  onSelect,\n  thumbStartIdx,\n  visibleCount,\n  onThumbUp,\n  onThumbDown,\n  isMobile,\n}: Props) => (\n  <Box\n    sx={{\n      display: 'flex',\n      flexDirection: isMobile ? 'row' : 'column',\n      alignItems: 'center',\n      minWidth: 70,\n      width: 70,\n      borderRadius: 1,\n      bgcolor: 'grey.100',\n      boxSizing: 'border-box',\n      py: 1,\n      mb: isMobile ? 2 : 0,\n      px: isMobile ? 1 : 0,\n    }}\n  >\n    <IconButton\n      size=\"small\"\n      onClick={onThumbUp}\n      disabled={thumbStartIdx === 0}\n      aria-label={isMobile ? 'Miniatura anterior' : 'Miniaturas arriba'}\n      sx={{ mb: isMobile ? 0 : 1, mr: isMobile ? 1 : 0 }}\n    >\n      {isMobile ? <KeyboardArrowLeftIcon /> : <KeyboardArrowUpIcon />}\n    </IconButton>\n    {items\n      .slice(thumbStartIdx, thumbStartIdx + visibleCount)\n      .map((item, idx) => {\n        const realIdx = thumbStartIdx + idx;\n        const isSelected = selectedIdx === realIdx;\n        const handleSelect = () => onSelect(realIdx);\n        return (\n          <Box\n            key={`${realIdx}-${item.url}`}\n            role=\"button\"\n            tabIndex={0}\n            aria-label={item.title}\n            aria-pressed={isSelected}\n            onClick={handleSelect}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                handleSelect();\n              }\n            }}\n            sx={{\n              cursor: 'pointer',\n              width: 60,\n              height: 60,\n              borderRadius: 1,\n              border: (theme) =>\n                `2px solid ${\n                  isSelected ? theme.palette.primary.main : theme.palette.divider\n                }`,\n              overflow: 'hidden',\n              bgcolor: 'action.hover',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              flexShrink: 0,\n              m: isMobile ? '0 4px' : '4px 0',\n              outline: 'none',\n              '&:focus-visible': {\n                boxShadow: (theme) =>\n                  `0 0 0 2px ${theme.palette.primary.main}`,\n              },\n            }}\n          >\n            <Box\n              component=\"img\"\n              src={item.thumbnail ?? item.url}\n              alt={item.title}\n              sx={{\n                width: '100%',\n                height: '100%',\n                objectFit: 'cover',\n              }}\n            />\n          </Box>\n        );\n      })}\n    <IconButton\n      size=\"small\"\n      onClick={onThumbDown}\n      disabled={thumbStartIdx + visibleCount >= items.length}\n      aria-label={isMobile ? 'Miniatura siguiente' : 'Miniaturas abajo'}\n      sx={{ mt: isMobile ? 0 : 1, ml: isMobile ? 1 : 0 }}\n    >\n      {isMobile ? <KeyboardArrowRightIcon /> : <KeyboardArrowDownIcon />}\n    </IconButton>\n  </Box>\n);\n\nexport default GalleryThumbnails;\n","import { Box, IconButton } from '@mui/material';\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\n\nimport type { GalleryItem } from './Gallery';\n\ninterface Props {\n  item: GalleryItem;\n  onOpenLightbox: () => void;\n  isMobile: boolean;\n}\n\nexport const GalleryMain = ({ item, onOpenLightbox, isMobile }: Props) => (\n  <Box\n    sx={{\n      width: isMobile ? '80%' : '100%',\n      maxHeight: 431,\n      maxWidth: isMobile ? '80%' : '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      position: 'relative',\n      borderRadius: 1,\n      bgcolor: 'grey.100',\n      overflow: 'hidden',\n      mx: 'auto',\n    }}\n  >\n    <Box\n      sx={{\n        width: '100%',\n        height: '100%',\n        cursor: 'pointer',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n      onClick={onOpenLightbox}\n    >\n      {item.type === 'video' ? (\n        <Box\n          component=\"video\"\n          controls\n          src={item.url}\n          sx={{\n            width: '100%',\n            height: '100%',\n            objectFit: 'contain',\n            bgcolor: 'common.black',\n            borderRadius: 1,\n          }}\n        />\n      ) : (\n        <Box\n          component=\"img\"\n          src={item.url}\n          alt={item.title}\n          sx={{\n            width: '100%',\n            height: '100%',\n            objectFit: 'contain',\n            borderRadius: 1,\n          }}\n        />\n      )}\n    </Box>\n    <IconButton\n      onClick={(e) => {\n        e.stopPropagation();\n        onOpenLightbox();\n      }}\n      aria-label=\"Abrir en pantalla completa\"\n      sx={{\n        position: 'absolute',\n        top: 16,\n        right: 16,\n        bgcolor: 'primary.main',\n        color: 'primary.contrastText',\n        '&:hover': { bgcolor: 'primary.dark' },\n        boxShadow: 2,\n      }}\n    >\n      <FullscreenIcon />\n    </IconButton>\n  </Box>\n);\n\nexport default GalleryMain;\n","import React from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogActions,\n  Stack,\n  IconButton,\n  Box,\n  Typography,\n} from '@mui/material';\nimport ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\nimport RotateLeftIcon from '@mui/icons-material/RotateLeft';\nimport RotateRightIcon from '@mui/icons-material/RotateRight';\nimport RestartAltIcon from '@mui/icons-material/RestartAlt';\nimport CloseIcon from '@mui/icons-material/Close';\n\nimport { Button } from '../Button';\nimport type { GalleryItem } from './Gallery';\n\nconst ZOOM_MIN = 0.25;\nconst ZOOM_MAX = 5;\nconst ZOOM_STEP = 0.25;\n\ninterface Props {\n  open: boolean;\n  onClose: () => void;\n  item: GalleryItem;\n  onPrev: () => void;\n  onNext: () => void;\n  zoom: number;\n  setZoom: React.Dispatch<React.SetStateAction<number>>;\n  rotation: number;\n  setRotation: React.Dispatch<React.SetStateAction<number>>;\n  videoRef?: React.RefObject<HTMLVideoElement | null>;\n}\n\nexport const GalleryLightbox = ({\n  open,\n  onClose,\n  item,\n  onPrev,\n  onNext,\n  zoom,\n  setZoom,\n  rotation,\n  setRotation,\n  videoRef,\n}: Props) => (\n  <Dialog open={open} onClose={onClose} fullWidth maxWidth=\"lg\">\n    <DialogContent\n      sx={{\n        minHeight: 431,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 2,\n      }}\n    >\n      <Stack\n        direction=\"row\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        width=\"100%\"\n      >\n        <IconButton onClick={onPrev} aria-label=\"Anterior\">\n          <ArrowBackIosNewIcon />\n        </IconButton>\n        <Typography\n          variant=\"subtitle1\"\n          fontWeight={600}\n          sx={{ flex: 1, textAlign: 'center' }}\n        >\n          {item.title}\n        </Typography>\n        <IconButton onClick={onNext} aria-label=\"Siguiente\">\n          <ArrowForwardIosIcon />\n        </IconButton>\n      </Stack>\n\n      {item.type === 'video' ? (\n        <Box\n          component=\"video\"\n          key={item.url}\n          ref={videoRef}\n          src={item.url}\n          controls\n          autoPlay\n          sx={{\n            width: '100%',\n            maxWidth: 900,\n            maxHeight: '70vh',\n            objectFit: 'contain',\n            bgcolor: 'common.black',\n            borderRadius: 1,\n          }}\n        />\n      ) : (\n        <Box\n          component=\"img\"\n          src={item.url}\n          alt={item.title}\n          sx={{\n            transform: `scale(${zoom}) rotate(${rotation}deg)`,\n            transition: 'transform 0.2s ease',\n            width: '100%',\n            maxWidth: 900,\n            maxHeight: '70vh',\n            objectFit: 'contain',\n            borderRadius: 1,\n          }}\n        />\n      )}\n    </DialogContent>\n\n    <DialogActions\n      sx={{\n        display: 'flex',\n        justifyContent: item.type === 'image' ? 'space-between' : 'end',\n        flexWrap: 'wrap',\n        gap: 1,\n      }}\n    >\n      {item.type === 'image' && (\n        <>\n          <Stack direction=\"row\" spacing={1}>\n            <Button\n              variant=\"outlined\"\n              startIcon={<ZoomInIcon />}\n              onClick={() => setZoom((z) => Math.min(ZOOM_MAX, z + ZOOM_STEP))}\n              disabled={zoom >= ZOOM_MAX}\n            >\n              Zoom +\n            </Button>\n            <Button\n              variant=\"outlined\"\n              startIcon={<ZoomOutIcon />}\n              onClick={() => setZoom((z) => Math.max(ZOOM_MIN, z - ZOOM_STEP))}\n              disabled={zoom <= ZOOM_MIN}\n            >\n              Zoom −\n            </Button>\n          </Stack>\n          <Stack direction=\"row\" spacing={1}>\n            <Button\n              variant=\"outlined\"\n              aria-label=\"Rotar a la izquierda\"\n              onClick={() => setRotation((r) => (r - 90) % 360)}\n            >\n              <RotateLeftIcon />\n            </Button>\n            <Button\n              variant=\"outlined\"\n              aria-label=\"Rotar a la derecha\"\n              onClick={() => setRotation((r) => (r + 90) % 360)}\n            >\n              <RotateRightIcon />\n            </Button>\n          </Stack>\n          <Button\n            variant=\"outlined\"\n            startIcon={<RestartAltIcon />}\n            onClick={() => {\n              setZoom(1);\n              setRotation(0);\n            }}\n          >\n            Reset\n          </Button>\n        </>\n      )}\n      <Button\n        variant=\"contained\"\n        startIcon={<CloseIcon />}\n        onClick={onClose}\n      >\n        Cerrar\n      </Button>\n    </DialogActions>\n  </Dialog>\n);\n\nexport default GalleryLightbox;\n","import React, { useState, useRef, useEffect } from 'react';\nimport { Stack, useMediaQuery } from '@mui/material';\nimport { useTheme, type SxProps, type Theme } from '@mui/material/styles';\n\nimport { GalleryThumbnails } from './GalleryThumbnails';\nimport { GalleryMain } from './GalleryMain';\nimport { GalleryLightbox } from './GalleryLightbox';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport interface GalleryItem {\n  url: string;\n  /**\n   * Tipo del item. Los literales `\"image\"` / `\"video\"` activan el render\n   * específico; cualquier otro string se trata como imagen por default.\n   */\n  type: 'image' | 'video' | (string & {});\n  title: string;\n  /** Si no se provee, se usa `url` como thumbnail. */\n  thumbnail?: string;\n}\n\nexport interface GalleryProps {\n  items: GalleryItem[];\n  /** Ancho máximo del contenedor. Default: `'600px'`. */\n  maxWidth?: string | number;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Gallery`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   */\n  preset?: string;\n  /** sx del contenedor raíz. Se mergea después del preset. */\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\nexport const Gallery: React.FC<GalleryProps> = ({\n  items,\n  maxWidth = '600px',\n  preset,\n  sx,\n  className,\n}) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery('(max-width:700px)');\n  const [selectedIdx, setSelectedIdx] = useState(0);\n  const [openLightbox, setOpenLightbox] = useState(false);\n  const [zoom, setZoom] = useState(1);\n  const [rotation, setRotation] = useState(0);\n  const videoRef = useRef<HTMLVideoElement | null>(null);\n\n  const [thumbStartIdx, setThumbStartIdx] = useState(0);\n  const THUMB_VISIBLE_COUNT = isMobile ? 3 : 5;\n\n  const handleThumbUp = () => {\n    setThumbStartIdx((prev) => Math.max(0, prev - 1));\n  };\n  const handleThumbDown = () => {\n    setThumbStartIdx((prev) =>\n      Math.max(0, Math.min(items.length - THUMB_VISIBLE_COUNT, prev + 1)),\n    );\n  };\n\n  const handlePrev = () => {\n    setSelectedIdx((idx) => (idx === 0 ? items.length - 1 : idx - 1));\n  };\n  const handleNext = () => {\n    setSelectedIdx((idx) => (idx === items.length - 1 ? 0 : idx + 1));\n  };\n\n  useEffect(() => {\n    if (!openLightbox) return;\n    const handleKey = (e: KeyboardEvent) => {\n      switch (e.key) {\n        case 'ArrowLeft':\n          handlePrev();\n          break;\n        case 'ArrowRight':\n          handleNext();\n          break;\n        case 'Escape':\n          setOpenLightbox(false);\n          break;\n      }\n    };\n    window.addEventListener('keydown', handleKey);\n    return () => window.removeEventListener('keydown', handleKey);\n  }, [openLightbox, items.length]);\n\n  // Reset zoom/rotación al navegar o abrir. Autoplay del video con catch\n  // para evitar unhandled rejections por políticas de autoplay del browser.\n  useEffect(() => {\n    if (\n      openLightbox &&\n      items[selectedIdx]?.type === 'video' &&\n      videoRef.current\n    ) {\n      videoRef.current.currentTime = 0;\n      videoRef.current.play().catch(() => {\n        /* autoplay bloqueado — el usuario puede dar play manualmente */\n      });\n    }\n    setZoom(1);\n    setRotation(0);\n  }, [openLightbox, selectedIdx, items]);\n\n  if (!items || items.length === 0) return null;\n\n  const safeSelectedIdx = Math.max(0, Math.min(selectedIdx, items.length - 1));\n  const currentItem = items[safeSelectedIdx];\n\n  const presetSx = resolvePreset('Gallery', preset, theme);\n\n  const rootSx: SxProps<Theme> = [\n    { maxWidth, mx: 'auto', minHeight: 300 },\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  return (\n    <Stack\n      direction={isMobile ? 'column' : 'row'}\n      gap={3}\n      className={className}\n      sx={rootSx}\n    >\n      <GalleryThumbnails\n        items={items}\n        selectedIdx={safeSelectedIdx}\n        onSelect={setSelectedIdx}\n        thumbStartIdx={thumbStartIdx}\n        visibleCount={THUMB_VISIBLE_COUNT}\n        onThumbUp={handleThumbUp}\n        onThumbDown={handleThumbDown}\n        isMobile={isMobile}\n      />\n      <GalleryMain\n        item={currentItem}\n        onOpenLightbox={() => setOpenLightbox(true)}\n        isMobile={isMobile}\n      />\n      <GalleryLightbox\n        open={openLightbox}\n        onClose={() => setOpenLightbox(false)}\n        item={currentItem}\n        onPrev={handlePrev}\n        onNext={handleNext}\n        zoom={zoom}\n        setZoom={setZoom}\n        rotation={rotation}\n        setRotation={setRotation}\n        videoRef={videoRef}\n      />\n    </Stack>\n  );\n};\n\nexport default Gallery;\n"],"names":["jsxs","Box","jsx","IconButton","Dialog","DialogContent","Stack","Typography","DialogActions","Fragment","Button","useTheme","useMediaQuery","useState","useRef","useEffect","resolvePreset"],"mappings":"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"}