@soyfri/shared-library 4.0.2 → 4.1.0

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2026 FRI
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -20,13 +20,43 @@ react >=18   react-dom >=18   react-hook-form ^7
 
 ## Setup
 
-1. Envuelve la app en el `ThemeProvider` de MUI (los componentes leen el theme del contexto).
-2. Importa los estilos una vez. El barrel los importa solo; si **solo** usas subpaths, impórtalos manualmente:
+Envuelve la app en el `ThemeProvider` de MUI — los componentes leen el theme del contexto. **No hay CSS que importar:** todo el estilado sale del theme y de `sx`.
+
+### Tematizar los componentes
+
+Se tematizan con la misma API que los de MUI, bajo el prefijo `Fri`:
+
+```ts
+createTheme({
+  components: {
+    FriDataRow: {
+      defaultProps: { labelWidth: 240 },
+      styleOverrides: {
+        root: { '& .fri-DataRow-label': { typography: 'dataLabel' } },
+      },
+      variants: [{ props: { last: true }, style: { marginBottom: 0 } }],
+    },
+  },
+})
+```
+
+Precedencia: estilo de fábrica < `styleOverrides` del theme < `sx` del call-site.
+
+Disponible en `FriAppBar`, `FriCard`, `FriCheckbox`, `FriDataRow`, `FriDatePicker`, `FriDateTimePicker`, `FriDrawer`, `FriEmptyState`, `FriGallery`, `FriInput`, `FriPageHeader`, `FriRadioGroup`, `FriSelect` y `FriSwitch`.
+
+`Autocomplete` se tematiza con `MuiAutocomplete` (el nativo de MUI). El sistema viejo del paquete (`theme.styles` + prop `preset`) está deprecado, pero sigue funcionando.
+
+### Llegar a los nodos internos
+
+`Card`, `DataRow`, `EmptyState` y `PageHeader` aceptan `slotProps`:
 
 ```tsx
-import '@soyfri/shared-library/styles.css'
+<DataRow label="Estado" slotProps={{ label: { variant: 'caption' } }}>Activo</DataRow>
+<Card title="Ventas" slotProps={{ content: { sx: { p: 0 } } }}>…</Card>
 ```
 
+`className` y `sx` se suman a los internos en vez de reemplazarlos.
+
 ## Dos formas de importar
 
 ```tsx
@@ -34,7 +64,7 @@ import '@soyfri/shared-library/styles.css'
 import { Button } from '@soyfri/shared-library/components/Button'
 import { Table } from '@soyfri/shared-library/components/Table'
 
-// 2) Barrel raíz (importa styles.css automáticamente)
+// 2) Barrel raíz
 import { Button, Table, Select } from '@soyfri/shared-library'
 ```
 

package/chunks/ActionMenu-D81Xb35f.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu-D81Xb35f.cjs","sources":["../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useContext,\n  useState,\n  type ReactElement,\n  type ReactNode,\n  type MouseEvent,\n} from 'react';\nimport {\n  IconButton,\n  Menu,\n  MenuItem,\n  ListItemIcon,\n  ListItemText,\n  Tooltip,\n  type MenuItemProps as MuiMenuItemProps,\n} from '@mui/material';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ActionMenuProps {\n  /** Items del menú. Normalmente `<ActionMenuItem>` o `<Divider />`. */\n  children: ReactNode;\n  /**\n   * Elemento disparador — cualquier componente clickeable (Button, Chip, IconButton…).\n   * El ActionMenu le inyecta `onClick` automáticamente. Si se omite, se usa un\n   * IconButton de tres puntos por defecto.\n   */\n  trigger?: ReactElement;\n  /** Texto de tooltip sobre el trigger default. Default: \"Acciones\". */\n  triggerTooltip?: string;\n  /** Anchor origin del menu. Default: { vertical: 'bottom', horizontal: 'right' }. */\n  anchorOrigin?: {\n    vertical: 'top' | 'center' | 'bottom';\n    horizontal: 'left' | 'center' | 'right';\n  };\n  /** Transform origin del menu. Default: { vertical: 'top', horizontal: 'right' }. */\n  transformOrigin?: {\n    vertical: 'top' | 'center' | 'bottom';\n    horizontal: 'left' | 'center' | 'right';\n  };\n  /** sx del Menu (Paper interno). */\n  menuSx?: SxProps<Theme>;\n  /** Deshabilita el trigger entero. */\n  disabled?: boolean;\n}\n\ninterface ActionMenuContextValue {\n  close: () => void;\n}\n\nconst ActionMenuContext = createContext<ActionMenuContextValue | null>(null);\n\nexport const ActionMenu: React.FC<ActionMenuProps> = ({\n  children,\n  trigger,\n  triggerTooltip,\n  anchorOrigin = { vertical: 'bottom', horizontal: 'right' },\n  transformOrigin = { vertical: 'top', horizontal: 'right' },\n  menuSx,\n  disabled = false,\n}) => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClose = () => setAnchorEl(null);\n\n  // Abre el menú anclándolo al elemento que recibió el click.\n  const openMenu = (event: MouseEvent<HTMLElement>) => {\n    if (disabled) return;\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n\n  // Si el consumer pasó un trigger (ej. <Button>), le inyectamos onClick.\n  // Si no, usamos el IconButton de tres puntos por defecto.\n  const triggerElement = trigger ? (\n    React.cloneElement(trigger as ReactElement<any>, {\n      onClick: openMenu,\n      disabled,\n    })\n  ) : (\n    <Tooltip title={triggerTooltip} arrow>\n      {/*\n        El <span> no es decorativo: un botón deshabilitado no dispara eventos,\n        así que el Tooltip se queda sin nada que escuchar y MUI avisa por\n        consola. El wrapper le da el elemento que necesita y, de paso, el\n        tooltip sigue apareciendo cuando el menú está deshabilitado — que es\n        justo cuando el usuario quiere saber por qué no puede hacer clic.\n      */}\n      <span>\n        <IconButton\n          size=\"small\"\n          onClick={openMenu}\n          disabled={disabled}\n          aria-label={triggerTooltip}\n        >\n          <MoreVertIcon fontSize=\"small\" />\n        </IconButton>\n      </span>\n    </Tooltip>\n  );\n\n  const paperSx = [\n    { minWidth: 180 },\n    ...(Array.isArray(menuSx) ? menuSx : menuSx ? [menuSx] : []),\n  ] as SxProps<Theme>;\n\n  return (\n    <>\n      {triggerElement}\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        slotProps={{ paper: { sx: paperSx } }}\n      >\n        <ActionMenuContext.Provider value={{ close: handleClose }}>\n          {children}\n        </ActionMenuContext.Provider>\n      </Menu>\n    </>\n  );\n};\n\nexport interface ActionMenuItemProps\n  extends Omit<MuiMenuItemProps, 'children' | 'onClick'> {\n  /** Icono opcional a la izquierda. */\n  icon?: ReactNode;\n  /** Texto (o nodo) del item. */\n  children: ReactNode;\n  /** Handler de click. El menú se cierra automáticamente después. */\n  onClick?: (event: MouseEvent<HTMLLIElement>) => void;\n}\n\n/**\n * Item del `ActionMenu`. Se cierra automáticamente al hacer click.\n * Acepta todos los props de `MenuItem` de MUI (disabled, selected, sx, …).\n */\nexport const ActionMenuItem = forwardRef<HTMLLIElement, ActionMenuItemProps>(\n  function ActionMenuItem({ icon, children, onClick, ...rest }, ref) {\n    const ctx = useContext(ActionMenuContext);\n\n    const handleClick = (event: MouseEvent<HTMLLIElement>) => {\n      event.stopPropagation();\n      onClick?.(event);\n      ctx?.close();\n    };\n\n    return (\n      <MenuItem ref={ref} onClick={handleClick} {...rest}>\n        {icon && <ListItemIcon sx={{ minWidth: 32 }}>{icon}</ListItemIcon>}\n        <ListItemText primary={children} />\n      </MenuItem>\n    );\n  },\n);\n\nexport default ActionMenu;\n"],"names":["createContext","useState","jsx","Tooltip","IconButton","jsxs","Fragment","Menu","forwardRef","ActionMenuItem","useContext","MenuItem","ListItemIcon","ListItemText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAM,oBAAoBA,MAAAA,cAA6C,IAAI;AAEpE,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,EAAE,UAAU,UAAU,YAAY,QAAA;AAAA,EACjD,kBAAkB,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,EACjD;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAIC,MAAAA,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,MAAM,YAAY,IAAI;AAG1C,QAAM,WAAW,CAAC,UAAmC;AACnD,QAAI,SAAU;AACd,UAAM,gBAAA;AACN,gBAAY,MAAM,aAAa;AAAA,EACjC;AAIA,QAAM,iBAAiB,UACrB,MAAM,aAAa,SAA8B;AAAA,IAC/C,SAAS;AAAA,IACT;AAAA,EAAA,CACD,IAEDC,2BAAAA,IAACC,SAAAA,SAAA,EAAQ,OAAO,gBAAgB,OAAK,MAQnC,UAAAD,2BAAAA,IAAC,QAAA,EACC,UAAAA,2BAAAA;AAAAA,IAACE,SAAAA;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACA,cAAY;AAAA,MAEZ,UAAAF,2BAAAA,IAAC,cAAA,EAAa,UAAS,QAAA,CAAQ;AAAA,IAAA;AAAA,EAAA,GAEnC,EAAA,CACF;AAGF,QAAM,UAAU;AAAA,IACd,EAAE,UAAU,IAAA;AAAA,IACZ,GAAI,MAAM,QAAQ,MAAM,IAAI,SAAS,SAAS,CAAC,MAAM,IAAI,CAAA;AAAA,EAAC;AAG5D,SACEG,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,IAAA;AAAA,IACDJ,2BAAAA;AAAAA,MAACK,SAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,WAAW,EAAE,OAAO,EAAE,IAAI,UAAQ;AAAA,QAElC,UAAAL,2BAAAA,IAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,OAAO,YAAA,GACzC,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAgBO,MAAM,iBAAiBM,MAAAA;AAAAA,EAC5B,SAASC,gBAAe,IAAsC,KAAK;AAA3C,iBAAE,QAAM,UAAU,YAAlB,IAA8B,iBAA9B,IAA8B,CAA5B,QAAM,YAAU;AACxC,UAAM,MAAMC,MAAAA,WAAW,iBAAiB;AAExC,UAAM,cAAc,CAAC,UAAqC;AACxD,YAAM,gBAAA;AACN,yCAAU;AACV,iCAAK;AAAA,IACP;AAEA,2CACGC,SAAAA,UAAA,+BAAS,KAAU,SAAS,eAAiB,OAA7C,EACE,UAAA;AAAA,MAAA,uCAASC,SAAAA,cAAA,EAAa,IAAI,EAAE,UAAU,GAAA,GAAO,UAAA,MAAK;AAAA,MACnDV,2BAAAA,IAACW,SAAAA,cAAA,EAAa,SAAS,SAAA,CAAU;AAAA,IAAA,IACnC;AAAA,EAEJ;AACF;;;"}

package/chunks/ActionMenu-co4b8doH.mjs

@@ -0,0 +1,106 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import React__default, { forwardRef, useState, createContext, useContext } from "react";
+import { Tooltip, IconButton, Menu, MenuItem, ListItemIcon, ListItemText } from "@mui/material";
+import MoreVertIcon from "@mui/icons-material/MoreVert";
+const ActionMenuContext = createContext(null);
+const ActionMenu = ({
+  children,
+  trigger,
+  triggerTooltip,
+  anchorOrigin = { vertical: "bottom", horizontal: "right" },
+  transformOrigin = { vertical: "top", horizontal: "right" },
+  menuSx,
+  disabled = false
+}) => {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const handleClose = () => setAnchorEl(null);
+  const openMenu = (event) => {
+    if (disabled) return;
+    event.stopPropagation();
+    setAnchorEl(event.currentTarget);
+  };
+  const triggerElement = trigger ? React__default.cloneElement(trigger, {
+    onClick: openMenu,
+    disabled
+  }) : /* @__PURE__ */ jsx(Tooltip, { title: triggerTooltip, arrow: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      size: "small",
+      onClick: openMenu,
+      disabled,
+      "aria-label": triggerTooltip,
+      children: /* @__PURE__ */ jsx(MoreVertIcon, { fontSize: "small" })
+    }
+  ) }) });
+  const paperSx = [
+    { minWidth: 180 },
+    ...Array.isArray(menuSx) ? menuSx : menuSx ? [menuSx] : []
+  ];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    triggerElement,
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        anchorEl,
+        open,
+        onClose: handleClose,
+        anchorOrigin,
+        transformOrigin,
+        slotProps: { paper: { sx: paperSx } },
+        children: /* @__PURE__ */ jsx(ActionMenuContext.Provider, { value: { close: handleClose }, children })
+      }
+    )
+  ] });
+};
+const ActionMenuItem = forwardRef(
+  function ActionMenuItem2(_a, ref) {
+    var _b = _a, { icon, children, onClick } = _b, rest = __objRest(_b, ["icon", "children", "onClick"]);
+    const ctx = useContext(ActionMenuContext);
+    const handleClick = (event) => {
+      event.stopPropagation();
+      onClick == null ? void 0 : onClick(event);
+      ctx == null ? void 0 : ctx.close();
+    };
+    return /* @__PURE__ */ jsxs(MenuItem, __spreadProps(__spreadValues({ ref, onClick: handleClick }, rest), { children: [
+      icon && /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 32 }, children: icon }),
+      /* @__PURE__ */ jsx(ListItemText, { primary: children })
+    ] }));
+  }
+);
+export {
+  ActionMenu as A,
+  ActionMenuItem as a
+};
+//# sourceMappingURL=ActionMenu-co4b8doH.mjs.map

package/chunks/ActionMenu-co4b8doH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu-co4b8doH.mjs","sources":["../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useContext,\n  useState,\n  type ReactElement,\n  type ReactNode,\n  type MouseEvent,\n} from 'react';\nimport {\n  IconButton,\n  Menu,\n  MenuItem,\n  ListItemIcon,\n  ListItemText,\n  Tooltip,\n  type MenuItemProps as MuiMenuItemProps,\n} from '@mui/material';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ActionMenuProps {\n  /** Items del menú. Normalmente `<ActionMenuItem>` o `<Divider />`. */\n  children: ReactNode;\n  /**\n   * Elemento disparador — cualquier componente clickeable (Button, Chip, IconButton…).\n   * El ActionMenu le inyecta `onClick` automáticamente. Si se omite, se usa un\n   * IconButton de tres puntos por defecto.\n   */\n  trigger?: ReactElement;\n  /** Texto de tooltip sobre el trigger default. Default: \"Acciones\". */\n  triggerTooltip?: string;\n  /** Anchor origin del menu. Default: { vertical: 'bottom', horizontal: 'right' }. */\n  anchorOrigin?: {\n    vertical: 'top' | 'center' | 'bottom';\n    horizontal: 'left' | 'center' | 'right';\n  };\n  /** Transform origin del menu. Default: { vertical: 'top', horizontal: 'right' }. */\n  transformOrigin?: {\n    vertical: 'top' | 'center' | 'bottom';\n    horizontal: 'left' | 'center' | 'right';\n  };\n  /** sx del Menu (Paper interno). */\n  menuSx?: SxProps<Theme>;\n  /** Deshabilita el trigger entero. */\n  disabled?: boolean;\n}\n\ninterface ActionMenuContextValue {\n  close: () => void;\n}\n\nconst ActionMenuContext = createContext<ActionMenuContextValue | null>(null);\n\nexport const ActionMenu: React.FC<ActionMenuProps> = ({\n  children,\n  trigger,\n  triggerTooltip,\n  anchorOrigin = { vertical: 'bottom', horizontal: 'right' },\n  transformOrigin = { vertical: 'top', horizontal: 'right' },\n  menuSx,\n  disabled = false,\n}) => {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClose = () => setAnchorEl(null);\n\n  // Abre el menú anclándolo al elemento que recibió el click.\n  const openMenu = (event: MouseEvent<HTMLElement>) => {\n    if (disabled) return;\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n\n  // Si el consumer pasó un trigger (ej. <Button>), le inyectamos onClick.\n  // Si no, usamos el IconButton de tres puntos por defecto.\n  const triggerElement = trigger ? (\n    React.cloneElement(trigger as ReactElement<any>, {\n      onClick: openMenu,\n      disabled,\n    })\n  ) : (\n    <Tooltip title={triggerTooltip} arrow>\n      {/*\n        El <span> no es decorativo: un botón deshabilitado no dispara eventos,\n        así que el Tooltip se queda sin nada que escuchar y MUI avisa por\n        consola. El wrapper le da el elemento que necesita y, de paso, el\n        tooltip sigue apareciendo cuando el menú está deshabilitado — que es\n        justo cuando el usuario quiere saber por qué no puede hacer clic.\n      */}\n      <span>\n        <IconButton\n          size=\"small\"\n          onClick={openMenu}\n          disabled={disabled}\n          aria-label={triggerTooltip}\n        >\n          <MoreVertIcon fontSize=\"small\" />\n        </IconButton>\n      </span>\n    </Tooltip>\n  );\n\n  const paperSx = [\n    { minWidth: 180 },\n    ...(Array.isArray(menuSx) ? menuSx : menuSx ? [menuSx] : []),\n  ] as SxProps<Theme>;\n\n  return (\n    <>\n      {triggerElement}\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        slotProps={{ paper: { sx: paperSx } }}\n      >\n        <ActionMenuContext.Provider value={{ close: handleClose }}>\n          {children}\n        </ActionMenuContext.Provider>\n      </Menu>\n    </>\n  );\n};\n\nexport interface ActionMenuItemProps\n  extends Omit<MuiMenuItemProps, 'children' | 'onClick'> {\n  /** Icono opcional a la izquierda. */\n  icon?: ReactNode;\n  /** Texto (o nodo) del item. */\n  children: ReactNode;\n  /** Handler de click. El menú se cierra automáticamente después. */\n  onClick?: (event: MouseEvent<HTMLLIElement>) => void;\n}\n\n/**\n * Item del `ActionMenu`. Se cierra automáticamente al hacer click.\n * Acepta todos los props de `MenuItem` de MUI (disabled, selected, sx, …).\n */\nexport const ActionMenuItem = forwardRef<HTMLLIElement, ActionMenuItemProps>(\n  function ActionMenuItem({ icon, children, onClick, ...rest }, ref) {\n    const ctx = useContext(ActionMenuContext);\n\n    const handleClick = (event: MouseEvent<HTMLLIElement>) => {\n      event.stopPropagation();\n      onClick?.(event);\n      ctx?.close();\n    };\n\n    return (\n      <MenuItem ref={ref} onClick={handleClick} {...rest}>\n        {icon && <ListItemIcon sx={{ minWidth: 32 }}>{icon}</ListItemIcon>}\n        <ListItemText primary={children} />\n      </MenuItem>\n    );\n  },\n);\n\nexport default ActionMenu;\n"],"names":["React","ActionMenuItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAM,oBAAoB,cAA6C,IAAI;AAEpE,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,EAAE,UAAU,UAAU,YAAY,QAAA;AAAA,EACjD,kBAAkB,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,EACjD;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,MAAM,YAAY,IAAI;AAG1C,QAAM,WAAW,CAAC,UAAmC;AACnD,QAAI,SAAU;AACd,UAAM,gBAAA;AACN,gBAAY,MAAM,aAAa;AAAA,EACjC;AAIA,QAAM,iBAAiB,UACrBA,eAAM,aAAa,SAA8B;AAAA,IAC/C,SAAS;AAAA,IACT;AAAA,EAAA,CACD,IAED,oBAAC,SAAA,EAAQ,OAAO,gBAAgB,OAAK,MAQnC,UAAA,oBAAC,QAAA,EACC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACA,cAAY;AAAA,MAEZ,UAAA,oBAAC,cAAA,EAAa,UAAS,QAAA,CAAQ;AAAA,IAAA;AAAA,EAAA,GAEnC,EAAA,CACF;AAGF,QAAM,UAAU;AAAA,IACd,EAAE,UAAU,IAAA;AAAA,IACZ,GAAI,MAAM,QAAQ,MAAM,IAAI,SAAS,SAAS,CAAC,MAAM,IAAI,CAAA;AAAA,EAAC;AAG5D,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,WAAW,EAAE,OAAO,EAAE,IAAI,UAAQ;AAAA,QAElC,UAAA,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,OAAO,YAAA,GACzC,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAgBO,MAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,IAAsC,KAAK;AAA3C,iBAAE,QAAM,UAAU,YAAlB,IAA8B,iBAA9B,IAA8B,CAA5B,QAAM,YAAU;AACxC,UAAM,MAAM,WAAW,iBAAiB;AAExC,UAAM,cAAc,CAAC,UAAqC;AACxD,YAAM,gBAAA;AACN,yCAAU;AACV,iCAAK;AAAA,IACP;AAEA,gCACG,UAAA,+BAAS,KAAU,SAAS,eAAiB,OAA7C,EACE,UAAA;AAAA,MAAA,4BAAS,cAAA,EAAa,IAAI,EAAE,UAAU,GAAA,GAAO,UAAA,MAAK;AAAA,MACnD,oBAAC,cAAA,EAAa,SAAS,SAAA,CAAU;AAAA,IAAA,IACnC;AAAA,EAEJ;AACF;"}

package/chunks/Alert-6Wiwby6L.mjs

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Alert as Alert$1 } from "@mui/material";
+const Alert = forwardRef(function Alert2(_a, ref) {
+  var _b = _a, { severity = "info", variant = "standard", children, onClose, icon } = _b, rest = __objRest(_b, ["severity", "variant", "children", "onClose", "icon"]);
+  return /* @__PURE__ */ jsx(
+    Alert$1,
+    __spreadProps(__spreadValues({
+      ref,
+      severity,
+      variant,
+      onClose,
+      icon
+    }, rest), {
+      children
+    })
+  );
+});
+export {
+  Alert as A
+};
+//# sourceMappingURL=Alert-6Wiwby6L.mjs.map

package/chunks/Alert-6Wiwby6L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-6Wiwby6L.mjs","sources":["../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport { Alert as MuiAlert, type AlertProps as MuiAlertProps } from '@mui/material';\n\nexport type AlertSeverity = 'error' | 'warning' | 'info' | 'success';\nexport type AlertVariant = 'standard' | 'filled' | 'outlined';\n\nexport interface AlertProps\n  extends Omit<MuiAlertProps, 'severity' | 'variant' | 'onClose' | 'icon'> {\n  /** Color + icono. Default: `info`. */\n  severity?: AlertSeverity;\n  /** Estilo visual. Default: `standard`. */\n  variant?: AlertVariant;\n  /** Contenido del alert (texto o JSX arbitrario). */\n  children?: ReactNode;\n  /** Si se provee, muestra la X de cerrar y la invoca al click. */\n  onClose?: () => void;\n  /** Icono custom, o `false` para ocultarlo. */\n  icon?: ReactNode | false;\n}\n\n/**\n * Aviso inline flexible (banner). Wrapper fino sobre MUI `Alert` — para\n * mensajes contextuales con contenido arbitrario y las 4 severidades\n * (error/warning/info/success).\n *\n * Distinto de `StatusMessage`, que es feedback opinado de formularios\n * (title+description, success/danger/warning, modo alert o modal).\n */\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  { severity = 'info', variant = 'standard', children, onClose, icon, ...rest },\n  ref,\n) {\n  return (\n    <MuiAlert\n      ref={ref}\n      severity={severity}\n      variant={variant}\n      onClose={onClose}\n      icon={icon}\n      {...rest}\n    >\n      {children}\n    </MuiAlert>\n  );\n});\n\nexport default Alert;\n"],"names":["Alert","MuiAlert"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,QAAQ,WAAuC,SAASA,OACnE,IACA,KACA;AAFA,eAAE,aAAW,QAAQ,UAAU,YAAY,UAAU,SAAS,SAA9D,IAAuE,iBAAvE,IAAuE,CAArE,YAAmB,WAAsB,YAAU,WAAS;AAG9D,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI,OANL;AAAA,MAQE;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/chunks/Alert-CLBHE4sH.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const Alert = React.forwardRef(function Alert2(_a, ref) {
+  var _b = _a, { severity = "info", variant = "standard", children, onClose, icon } = _b, rest = __objRest(_b, ["severity", "variant", "children", "onClose", "icon"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Alert,
+    __spreadProps(__spreadValues({
+      ref,
+      severity,
+      variant,
+      onClose,
+      icon
+    }, rest), {
+      children
+    })
+  );
+});
+exports.Alert = Alert;
+//# sourceMappingURL=Alert-CLBHE4sH.cjs.map

package/chunks/Alert-CLBHE4sH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-CLBHE4sH.cjs","sources":["../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport { Alert as MuiAlert, type AlertProps as MuiAlertProps } from '@mui/material';\n\nexport type AlertSeverity = 'error' | 'warning' | 'info' | 'success';\nexport type AlertVariant = 'standard' | 'filled' | 'outlined';\n\nexport interface AlertProps\n  extends Omit<MuiAlertProps, 'severity' | 'variant' | 'onClose' | 'icon'> {\n  /** Color + icono. Default: `info`. */\n  severity?: AlertSeverity;\n  /** Estilo visual. Default: `standard`. */\n  variant?: AlertVariant;\n  /** Contenido del alert (texto o JSX arbitrario). */\n  children?: ReactNode;\n  /** Si se provee, muestra la X de cerrar y la invoca al click. */\n  onClose?: () => void;\n  /** Icono custom, o `false` para ocultarlo. */\n  icon?: ReactNode | false;\n}\n\n/**\n * Aviso inline flexible (banner). Wrapper fino sobre MUI `Alert` — para\n * mensajes contextuales con contenido arbitrario y las 4 severidades\n * (error/warning/info/success).\n *\n * Distinto de `StatusMessage`, que es feedback opinado de formularios\n * (title+description, success/danger/warning, modo alert o modal).\n */\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  { severity = 'info', variant = 'standard', children, onClose, icon, ...rest },\n  ref,\n) {\n  return (\n    <MuiAlert\n      ref={ref}\n      severity={severity}\n      variant={variant}\n      onClose={onClose}\n      icon={icon}\n      {...rest}\n    >\n      {children}\n    </MuiAlert>\n  );\n});\n\nexport default Alert;\n"],"names":["forwardRef","Alert","jsx","MuiAlert"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,QAAQA,MAAAA,WAAuC,SAASC,OACnE,IACA,KACA;AAFA,eAAE,aAAW,QAAQ,UAAU,YAAY,UAAU,SAAS,SAA9D,IAAuE,iBAAvE,IAAuE,CAArE,YAAmB,WAAsB,YAAU,WAAS;AAG9D,SACEC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OACI,OANL;AAAA,MAQE;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;;"}

package/chunks/AppBarMenuToggle-BsN5zZTv.cjs

@@ -0,0 +1,134 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const styles = require("@mui/material/styles");
+const mergeSx = require("./mergeSx-Dbccoo_H.cjs");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const MenuIcon = require("@mui/icons-material/Menu");
+const MenuOpenIcon = require("@mui/icons-material/MenuOpen");
+const AppBarContext = React.createContext(null);
+function useAppBarContext() {
+  const ctx = React.useContext(AppBarContext);
+  return ctx != null ? ctx : {};
+}
+function buildAppBarStyles(theme, { height = 64, transparent = false }) {
+  return __spreadProps(__spreadValues({
+    minHeight: height,
+    justifyContent: "center",
+    backgroundImage: "none"
+  }, transparent && {
+    backgroundColor: "transparent",
+    boxShadow: "none",
+    borderBottom: `1px solid ${theme.palette.divider}`
+  }), {
+    "& .MuiToolbar-root": {
+      minHeight: height,
+      gap: theme.spacing(1.5)
+    }
+  });
+}
+const AppBarRoot = styles.styled(material.AppBar, {
+  name: "FriAppBar",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(
+  ({ theme, ownerState }) => buildAppBarStyles(theme, ownerState)
+);
+const AppBar = React.forwardRef(function AppBar2({
+  children,
+  position = "sticky",
+  color = "default",
+  elevation = 1,
+  height = 64,
+  onMenuToggle,
+  menuOpen,
+  preset,
+  sx,
+  toolbarSx,
+  appBarProps
+}, ref) {
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("AppBar", preset, theme);
+  const ownerState = {
+    height,
+    transparent: color === "transparent"
+  };
+  const rootSx = mergeSx.mergeSx(presetSx != null ? presetSx : {}, sx);
+  const contextValue = React.useMemo(
+    () => ({ onMenuToggle, menuOpen }),
+    [onMenuToggle, menuOpen]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AppBarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    AppBarRoot,
+    __spreadProps(__spreadValues({
+      ref,
+      ownerState,
+      position,
+      color,
+      elevation,
+      sx: rootSx
+    }, appBarProps), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(material.Toolbar, { sx: toolbarSx, children })
+    })
+  ) });
+});
+function AppBarMenuToggle({
+  onClick,
+  menuOpen,
+  closedIcon,
+  openIcon,
+  tooltip = "Menú",
+  ariaLabel,
+  size = "medium",
+  hideIfNoHandler = true,
+  sx,
+  className
+}) {
+  var _a;
+  const ctx = useAppBarContext();
+  const handler = onClick != null ? onClick : ctx.onMenuToggle;
+  const open = (_a = menuOpen != null ? menuOpen : ctx.menuOpen) != null ? _a : false;
+  if (!handler && hideIfNoHandler) {
+    return null;
+  }
+  const icon = open ? openIcon != null ? openIcon : /* @__PURE__ */ jsxRuntime.jsx(MenuOpenIcon, {}) : closedIcon != null ? closedIcon : /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, {});
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: tooltip, arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    material.IconButton,
+    {
+      size,
+      edge: "start",
+      color: "inherit",
+      "aria-label": ariaLabel != null ? ariaLabel : tooltip,
+      onClick: handler,
+      disabled: !handler,
+      className,
+      sx,
+      children: icon
+    }
+  ) }) });
+}
+exports.AppBar = AppBar;
+exports.AppBarContext = AppBarContext;
+exports.AppBarMenuToggle = AppBarMenuToggle;
+exports.useAppBarContext = useAppBarContext;
+//# sourceMappingURL=AppBarMenuToggle-BsN5zZTv.cjs.map

package/chunks/AppBarMenuToggle-BsN5zZTv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarMenuToggle-BsN5zZTv.cjs","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 { CSSObject, 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 * Estilo de fábrica del AppBar, en CSS real (para `styled()`). Define altura\n * fija y layout del Toolbar interno; color/elevación quedan en las props\n * nativas de MuiAppBar.\n *\n * `gap` pasa por `theme.spacing`: en `sx` un `1.5` son 12px, en CSS plano\n * serían \"1.5px\".\n */\nexport function buildAppBarStyles(\n  theme: Theme,\n  { height = 64, transparent = false }: BuildAppBarSxArgs,\n): CSSObject {\n  return {\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: theme.spacing(1.5),\n    },\n  };\n}\n\n/**\n * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el\n * `styled()`. Preferir `buildAppBarStyles`.\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, { forwardRef, useMemo, type ReactNode } from 'react';\nimport {\n  AppBar as MuiAppBar,\n  Toolbar,\n  type AppBarProps as MuiAppBarProps,\n} from '@mui/material';\nimport {\n  styled,\n  useTheme,\n  type SxProps,\n  type Theme,\n} from '@mui/material/styles';\n\nimport { AppBarContext } from './AppBarContext';\nimport { buildAppBarStyles, type BuildAppBarSxArgs } from './AppBar.sx';\nimport { mergeSx } from '../_shared/mergeSx';\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 */\n/** Root themeable vía `theme.components.FriAppBar`. */\nconst AppBarRoot = styled(MuiAppBar, {\n  name: 'FriAppBar',\n  slot: 'Root',\n  shouldForwardProp: (prop) => prop !== 'ownerState',\n})<{ ownerState: BuildAppBarSxArgs }>(({ theme, ownerState }) =>\n  buildAppBarStyles(theme, ownerState),\n);\n\nexport const AppBar = forwardRef<HTMLElement, AppBarProps>(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}, ref) {\n  const theme = useTheme();\n  const presetSx = resolvePreset('AppBar', preset, theme);\n\n  // El estilo de fábrica vive en `AppBarRoot` (styled).\n  const ownerState: BuildAppBarSxArgs = {\n    height,\n    transparent: color === 'transparent',\n  };\n  const rootSx = mergeSx(presetSx ?? {}, sx);\n\n  const contextValue = useMemo(\n    () => ({ onMenuToggle, menuOpen }),\n    [onMenuToggle, menuOpen],\n  );\n\n  return (\n    <AppBarContext.Provider value={contextValue}>\n      <AppBarRoot\n        ref={ref}\n        ownerState={ownerState}\n        position={position}\n        color={color}\n        elevation={elevation}\n        sx={rootSx}\n        {...appBarProps}\n      >\n        <Toolbar sx={toolbarSx}>{children}</Toolbar>\n      </AppBarRoot>\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":["createContext","useContext","styled","MuiAppBar","forwardRef","AppBar","useTheme","resolvePreset","mergeSx","useMemo","jsx","Toolbar","Tooltip","IconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,gBAAgBA,MAAAA,cAAyC,IAAI;AAOnE,SAAS,mBAAuC;AACrD,QAAM,MAAMC,MAAAA,WAAW,aAAa;AACpC,SAAO,oBAAO,CAAA;AAChB;ACPO,SAAS,kBACd,OACA,EAAE,SAAS,IAAI,cAAc,SAClB;AACX,SAAO;AAAA,IACL,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,IAP7C;AAAA,IASL,sBAAsB;AAAA,MACpB,WAAW;AAAA,MACX,KAAK,MAAM,QAAQ,GAAG;AAAA,IAAA;AAAA,EACxB;AAEJ;AC4CA,MAAM,aAAaC,OAAAA,OAAOC,iBAAW;AAAA,EACnC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,mBAAmB,CAAC,SAAS,SAAS;AACxC,CAAC;AAAA,EAAqC,CAAC,EAAE,OAAO,iBAC9C,kBAAkB,OAAO,UAAU;AACrC;AAEO,MAAM,SAASC,MAAAA,WAAqC,SAASC,QAAO;AAAA,EACzE;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,GAAG,KAAK;AACN,QAAM,QAAQC,OAAAA,SAAA;AACd,QAAM,WAAWC,cAAAA,cAAc,UAAU,QAAQ,KAAK;AAGtD,QAAM,aAAgC;AAAA,IACpC;AAAA,IACA,aAAa,UAAU;AAAA,EAAA;AAEzB,QAAM,SAASC,QAAAA,QAAQ,8BAAY,CAAA,GAAI,EAAE;AAEzC,QAAM,eAAeC,MAAAA;AAAAA,IACnB,OAAO,EAAE,cAAc;IACvB,CAAC,cAAc,QAAQ;AAAA,EAAA;AAGzB,SACEC,2BAAAA,IAAC,cAAc,UAAd,EAAuB,OAAO,cAC7B,UAAAA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,OACA,cAPL;AAAA,MASC,UAAAA,2BAAAA,IAACC,SAAAA,SAAA,EAAQ,IAAI,WAAY,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAEtC;AAEJ,CAAC;ACtFM,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,8BAAYD,+BAAC,gBAAa,IAC1B,iEAAe,UAAA,CAAA,CAAS;AAE7B,wCACGE,SAAAA,SAAA,EAAQ,OAAO,SAAS,OAAK,MAC5B,yCAAC,QAAA,EACC,UAAAF,2BAAAA;AAAAA,IAACG,SAAAA;AAAAA,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/chunks/AppBarMenuToggle-DN_dFthr.mjs

@@ -0,0 +1,135 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, forwardRef, useMemo } from "react";
+import { Toolbar, AppBar as AppBar$1, Tooltip, IconButton } from "@mui/material";
+import { useTheme, styled } from "@mui/material/styles";
+import { m as mergeSx } from "./mergeSx-BXoNZjB_.mjs";
+import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.mjs";
+import MenuIcon from "@mui/icons-material/Menu";
+import MenuOpenIcon from "@mui/icons-material/MenuOpen";
+const AppBarContext = createContext(null);
+function useAppBarContext() {
+  const ctx = useContext(AppBarContext);
+  return ctx != null ? ctx : {};
+}
+function buildAppBarStyles(theme, { height = 64, transparent = false }) {
+  return __spreadProps(__spreadValues({
+    minHeight: height,
+    justifyContent: "center",
+    backgroundImage: "none"
+  }, transparent && {
+    backgroundColor: "transparent",
+    boxShadow: "none",
+    borderBottom: `1px solid ${theme.palette.divider}`
+  }), {
+    "& .MuiToolbar-root": {
+      minHeight: height,
+      gap: theme.spacing(1.5)
+    }
+  });
+}
+const AppBarRoot = styled(AppBar$1, {
+  name: "FriAppBar",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(
+  ({ theme, ownerState }) => buildAppBarStyles(theme, ownerState)
+);
+const AppBar = forwardRef(function AppBar2({
+  children,
+  position = "sticky",
+  color = "default",
+  elevation = 1,
+  height = 64,
+  onMenuToggle,
+  menuOpen,
+  preset,
+  sx,
+  toolbarSx,
+  appBarProps
+}, ref) {
+  const theme = useTheme();
+  const presetSx = resolvePreset("AppBar", preset, theme);
+  const ownerState = {
+    height,
+    transparent: color === "transparent"
+  };
+  const rootSx = mergeSx(presetSx != null ? presetSx : {}, sx);
+  const contextValue = useMemo(
+    () => ({ onMenuToggle, menuOpen }),
+    [onMenuToggle, menuOpen]
+  );
+  return /* @__PURE__ */ jsx(AppBarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    AppBarRoot,
+    __spreadProps(__spreadValues({
+      ref,
+      ownerState,
+      position,
+      color,
+      elevation,
+      sx: rootSx
+    }, appBarProps), {
+      children: /* @__PURE__ */ jsx(Toolbar, { sx: toolbarSx, children })
+    })
+  ) });
+});
+function AppBarMenuToggle({
+  onClick,
+  menuOpen,
+  closedIcon,
+  openIcon,
+  tooltip = "Menú",
+  ariaLabel,
+  size = "medium",
+  hideIfNoHandler = true,
+  sx,
+  className
+}) {
+  var _a;
+  const ctx = useAppBarContext();
+  const handler = onClick != null ? onClick : ctx.onMenuToggle;
+  const open = (_a = menuOpen != null ? menuOpen : ctx.menuOpen) != null ? _a : false;
+  if (!handler && hideIfNoHandler) {
+    return null;
+  }
+  const icon = open ? openIcon != null ? openIcon : /* @__PURE__ */ jsx(MenuOpenIcon, {}) : closedIcon != null ? closedIcon : /* @__PURE__ */ jsx(MenuIcon, {});
+  return /* @__PURE__ */ jsx(Tooltip, { title: tooltip, arrow: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      size,
+      edge: "start",
+      color: "inherit",
+      "aria-label": ariaLabel != null ? ariaLabel : tooltip,
+      onClick: handler,
+      disabled: !handler,
+      className,
+      sx,
+      children: icon
+    }
+  ) }) });
+}
+export {
+  AppBar as A,
+  AppBarMenuToggle as a,
+  AppBarContext as b,
+  useAppBarContext as u
+};
+//# sourceMappingURL=AppBarMenuToggle-DN_dFthr.mjs.map