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

package/Button-C17mExpd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-C17mExpd.cjs","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton } from \"@mui/material\";\nimport type { SxProps, Theme } from \"@mui/material/styles\";\nimport React from \"react\";\n\nexport interface ButtonProps {\n  children?: React.ReactNode;\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  disabled?: boolean;\n  endIcon?: React.ReactNode;\n  startIcon?: React.ReactNode;\n  size?: \"small\" | \"medium\" | \"large\";\n  className?: string;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  loading?: boolean;\n  loadingIndicator?: React.ReactNode;\n  loadingPosition?: \"start\" | \"end\" | \"center\";\n  color?: \"inherit\" | \"primary\" | \"secondary\" | \"success\" | \"error\" | \"info\" | \"warning\";\n  href?: string;\n  \"data-testid\"?: string;\n  type?: \"button\" | \"submit\";\n  sx?: SxProps<Theme>;\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  variant,\n  disabled,\n  startIcon,\n  endIcon,\n  size,\n  className,\n  onClick,\n  loading,\n  loadingPosition,\n  loadingIndicator,\n  color,\n  href,\n  \"data-testid\": dataTestId,\n  type,\n  sx\n}) => {\n  return (\n    <MuiButton\n      disabled={disabled}\n      variant={variant}\n      startIcon={startIcon}\n      endIcon={endIcon}\n      size={size}\n      className={className}\n      onClick={onClick}\n      loading={loading}\n      loadingPosition={loadingPosition}\n      loadingIndicator={loadingIndicator}\n      sx={{ textTransform: \"none\", ...sx }}\n      disableRipple={true}\n      disableElevation={true}\n      color={color}\n      data-testid={dataTestId}\n      href={href}\n      type={type}\n    >\n      {children}\n    </MuiButton>);\n};\n\nexport default Button;"],"names":["jsx","MuiButton"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBO,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AACF,MAAM;AACJ,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,iBAAE,eAAe,UAAW;AAAA,MAChC,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAEP;;"}

package/Button-UkkP-bNw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-UkkP-bNw.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton } from \"@mui/material\";\nimport type { SxProps, Theme } from \"@mui/material/styles\";\nimport React from \"react\";\n\nexport interface ButtonProps {\n  children?: React.ReactNode;\n  variant?: \"text\" | \"outlined\" | \"contained\";\n  disabled?: boolean;\n  endIcon?: React.ReactNode;\n  startIcon?: React.ReactNode;\n  size?: \"small\" | \"medium\" | \"large\";\n  className?: string;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  loading?: boolean;\n  loadingIndicator?: React.ReactNode;\n  loadingPosition?: \"start\" | \"end\" | \"center\";\n  color?: \"inherit\" | \"primary\" | \"secondary\" | \"success\" | \"error\" | \"info\" | \"warning\";\n  href?: string;\n  \"data-testid\"?: string;\n  type?: \"button\" | \"submit\";\n  sx?: SxProps<Theme>;\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  variant,\n  disabled,\n  startIcon,\n  endIcon,\n  size,\n  className,\n  onClick,\n  loading,\n  loadingPosition,\n  loadingIndicator,\n  color,\n  href,\n  \"data-testid\": dataTestId,\n  type,\n  sx\n}) => {\n  return (\n    <MuiButton\n      disabled={disabled}\n      variant={variant}\n      startIcon={startIcon}\n      endIcon={endIcon}\n      size={size}\n      className={className}\n      onClick={onClick}\n      loading={loading}\n      loadingPosition={loadingPosition}\n      loadingIndicator={loadingIndicator}\n      sx={{ textTransform: \"none\", ...sx }}\n      disableRipple={true}\n      disableElevation={true}\n      color={color}\n      data-testid={dataTestId}\n      href={href}\n      type={type}\n    >\n      {children}\n    </MuiButton>);\n};\n\nexport default Button;"],"names":["MuiButton"],"mappings":";;;;;;;;;;;;;;;;;;AAuBO,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AACF,MAAM;AACJ,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,iBAAE,eAAe,UAAW;AAAA,MAChC,eAAe;AAAA,MACf,kBAAkB;AAAA,MAClB;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAEP;"}

package/components/ActionMenu/ActionMenu.cjs

@@ -0,0 +1,107 @@
+"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;
+};
+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 MoreVertIcon = require("@mui/icons-material/MoreVert");
+const ActionMenuContext = React.createContext(null);
+const ActionMenu = ({
+  children,
+  trigger,
+  triggerTooltip,
+  anchorOrigin = { vertical: "bottom", horizontal: "right" },
+  transformOrigin = { vertical: "top", horizontal: "right" },
+  menuSx,
+  disabled = false
+}) => {
+  const [anchorEl, setAnchorEl] = React.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.cloneElement(trigger, {
+    onClick: openMenu,
+    disabled
+  }) : /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: triggerTooltip, arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    material.IconButton,
+    {
+      size: "small",
+      onClick: openMenu,
+      disabled,
+      "aria-label": triggerTooltip,
+      children: /* @__PURE__ */ jsxRuntime.jsx(MoreVertIcon, { fontSize: "small" })
+    }
+  ) });
+  const paperSx = [
+    { minWidth: 180 },
+    ...Array.isArray(menuSx) ? menuSx : menuSx ? [menuSx] : []
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    triggerElement,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Menu,
+      {
+        anchorEl,
+        open,
+        onClose: handleClose,
+        anchorOrigin,
+        transformOrigin,
+        slotProps: { paper: { sx: paperSx } },
+        children: /* @__PURE__ */ jsxRuntime.jsx(ActionMenuContext.Provider, { value: { close: handleClose }, children })
+      }
+    )
+  ] });
+};
+const ActionMenuItem = React.forwardRef(
+  function ActionMenuItem2(_a, ref) {
+    var _b = _a, { icon, children, onClick } = _b, rest = __objRest(_b, ["icon", "children", "onClick"]);
+    const ctx = React.useContext(ActionMenuContext);
+    const handleClick = (event) => {
+      event.stopPropagation();
+      onClick == null ? void 0 : onClick(event);
+      ctx == null ? void 0 : ctx.close();
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(material.MenuItem, __spreadProps(__spreadValues({ ref, onClick: handleClick }, rest), { children: [
+      icon && /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { sx: { minWidth: 32 }, children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { primary: children })
+    ] }));
+  }
+);
+exports.ActionMenu = ActionMenu;
+exports.ActionMenuItem = ActionMenuItem;
+exports.default = ActionMenu;
+//# sourceMappingURL=ActionMenu.cjs.map

package/components/ActionMenu/ActionMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.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      <IconButton\n        size=\"small\"\n        onClick={openMenu}\n        disabled={disabled}\n        aria-label={triggerTooltip}\n      >\n        <MoreVertIcon fontSize=\"small\" />\n      </IconButton>\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,WAAQ,OAAO,gBAAgB,OAAK,MACnC,UAAAD,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;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/components/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,44 @@
+import { default as React, ReactElement, ReactNode, MouseEvent } from 'react';
+import { MenuItemProps as MuiMenuItemProps } from '@mui/material';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ActionMenuProps {
+    /** Items del menú. Normalmente `<ActionMenuItem>` o `<Divider />`. */
+    children: ReactNode;
+    /**
+     * Elemento disparador — cualquier componente clickeable (Button, Chip, IconButton…).
+     * El ActionMenu le inyecta `onClick` automáticamente. Si se omite, se usa un
+     * IconButton de tres puntos por defecto.
+     */
+    trigger?: ReactElement;
+    /** Texto de tooltip sobre el trigger default. Default: "Acciones". */
+    triggerTooltip?: string;
+    /** Anchor origin del menu. Default: { vertical: 'bottom', horizontal: 'right' }. */
+    anchorOrigin?: {
+        vertical: 'top' | 'center' | 'bottom';
+        horizontal: 'left' | 'center' | 'right';
+    };
+    /** Transform origin del menu. Default: { vertical: 'top', horizontal: 'right' }. */
+    transformOrigin?: {
+        vertical: 'top' | 'center' | 'bottom';
+        horizontal: 'left' | 'center' | 'right';
+    };
+    /** sx del Menu (Paper interno). */
+    menuSx?: SxProps<Theme>;
+    /** Deshabilita el trigger entero. */
+    disabled?: boolean;
+}
+export declare const ActionMenu: React.FC<ActionMenuProps>;
+export interface ActionMenuItemProps extends Omit<MuiMenuItemProps, 'children' | 'onClick'> {
+    /** Icono opcional a la izquierda. */
+    icon?: ReactNode;
+    /** Texto (o nodo) del item. */
+    children: ReactNode;
+    /** Handler de click. El menú se cierra automáticamente después. */
+    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
+}
+/**
+ * Item del `ActionMenu`. Se cierra automáticamente al hacer click.
+ * Acepta todos los props de `MenuItem` de MUI (disabled, selected, sx, …).
+ */
+export declare const ActionMenuItem: React.ForwardRefExoticComponent<Omit<ActionMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export default ActionMenu;

package/components/ActionMenu/ActionMenu.js

@@ -0,0 +1,107 @@
+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 { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default, { createContext, forwardRef, useContext, useState } from "react";
+import { MenuItem, ListItemIcon, ListItemText, Tooltip, IconButton, Menu } 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(
+    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,
+  ActionMenuItem,
+  ActionMenu as default
+};
+//# sourceMappingURL=ActionMenu.js.map

package/components/ActionMenu/ActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.js","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      <IconButton\n        size=\"small\"\n        onClick={openMenu}\n        disabled={disabled}\n        aria-label={triggerTooltip}\n      >\n        <MoreVertIcon fontSize=\"small\" />\n      </IconButton>\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,WAAQ,OAAO,gBAAgB,OAAK,MACnC,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;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/components/ActionMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionMenu, ActionMenuItem, default } from './ActionMenu';
+export type { ActionMenuProps, ActionMenuItemProps } from './ActionMenu';

package/components/ActionMenu.d.ts

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

package/components/AppBar/AppBar.cjs

@@ -0,0 +1,129 @@
+"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));
+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 resolvePreset = require("../../resolvePreset-CT3kU-K2.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 buildAppBarSx({
+  height = 64,
+  transparent = false
+}) {
+  return (theme) => __spreadProps(__spreadValues({
+    minHeight: height,
+    justifyContent: "center",
+    backgroundImage: "none"
+  }, transparent && {
+    backgroundColor: "transparent",
+    boxShadow: "none",
+    borderBottom: `1px solid ${theme.palette.divider}`
+  }), {
+    "& .MuiToolbar-root": {
+      minHeight: height,
+      gap: 1.5
+    }
+  });
+}
+function AppBar({
+  children,
+  position = "sticky",
+  color = "default",
+  elevation = 1,
+  height = 64,
+  onMenuToggle,
+  menuOpen,
+  preset,
+  sx,
+  toolbarSx,
+  appBarProps
+}) {
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("AppBar", preset, theme);
+  const rootSx = [
+    buildAppBarSx({ height, transparent: color === "transparent" }),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  const contextValue = React.useMemo(
+    () => ({ onMenuToggle, menuOpen }),
+    [onMenuToggle, menuOpen]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AppBarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    material.AppBar,
+    __spreadProps(__spreadValues({
+      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.default = AppBar;
+exports.useAppBarContext = useAppBarContext;
+//# sourceMappingURL=AppBar.cjs.map

package/components/AppBar/AppBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBar.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 { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildAppBarSxArgs {\n  /** Altura en px. Default: 64. */\n  height?: number;\n  /** Color del AppBar (se pasa al MuiAppBar). */\n  transparent?: boolean;\n}\n\n/**\n * sx del root del MuiAppBar. Define altura fija y layout flex del Toolbar\n * interno. El color/elevación se dejan a las props nativas de MuiAppBar.\n */\nexport function buildAppBarSx({\n  height = 64,\n  transparent = false,\n}: BuildAppBarSxArgs): SxProps<Theme> {\n  return (theme) => ({\n    minHeight: height,\n    justifyContent: 'center',\n    backgroundImage: 'none',\n    ...(transparent && {\n      backgroundColor: 'transparent',\n      boxShadow: 'none',\n      borderBottom: `1px solid ${theme.palette.divider}`,\n    }),\n    '& .MuiToolbar-root': {\n      minHeight: height,\n      gap: 1.5,\n    },\n  });\n}\n","import React, { useMemo, type ReactNode } from 'react';\nimport {\n  AppBar as MuiAppBar,\n  Toolbar,\n  type AppBarProps as MuiAppBarProps,\n} from '@mui/material';\nimport {\n  useTheme,\n  type SxProps,\n  type Theme,\n} from '@mui/material/styles';\n\nimport { AppBarContext } from './AppBarContext';\nimport { buildAppBarSx } from './AppBar.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\nexport type AppBarPosition = 'fixed' | 'sticky' | 'static' | 'absolute' | 'relative';\nexport type AppBarColor =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'transparent'\n  | 'inherit';\n\nexport interface AppBarProps {\n  /** Contenido del AppBar (típicamente sub-componentes + acciones custom). */\n  children?: ReactNode;\n  /** Posicionamiento. Default: `'sticky'`. */\n  position?: AppBarPosition;\n  /** Color. Default: `'default'`. */\n  color?: AppBarColor;\n  /** Nivel de sombra. Default: 1. */\n  elevation?: number;\n  /** Altura en px. Default: 64. */\n  height?: number;\n  /**\n   * Handler del botón hamburguesa. Se expone vía AppBarContext para que el\n   * sub-componente `<AppBarMenuToggle>` lo consuma sin prop drilling.\n   */\n  onMenuToggle?: () => void;\n  /** Estado del drawer asociado (para que el icono del toggle cambie). */\n  menuOpen?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.AppBar`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   */\n  preset?: string;\n  /** sx del root (se mergea después del preset). */\n  sx?: SxProps<Theme>;\n  /** sx del Toolbar interno. */\n  toolbarSx?: SxProps<Theme>;\n  className?: string;\n  /** Otras props nativas del MuiAppBar (ej. `enableColorOnDark`). */\n  appBarProps?: Omit<\n    MuiAppBarProps,\n    'position' | 'color' | 'elevation' | 'sx' | 'children' | 'className'\n  >;\n}\n\n/**\n * AppBar (header superior) del paquete. Se diseñó como un shell compositivo\n * — el consumer arma el contenido libremente (logo, título, menú de usuario,\n * etc.) y puede usar `<AppBarMenuToggle>` para el botón hamburguesa\n * integrado con el contexto.\n *\n * Patrón recomendado para navegación en dashboards:\n *\n * ```tsx\n * <AppBar onMenuToggle={toggleDrawer}>\n *   <AppBarMenuToggle />\n *   <MyBrand />\n *   <Box sx={{ flex: 1 }} />\n *   <MyUserMenu />\n * </AppBar>\n * ```\n */\nexport function AppBar({\n  children,\n  position = 'sticky',\n  color = 'default',\n  elevation = 1,\n  height = 64,\n  onMenuToggle,\n  menuOpen,\n  preset,\n  sx,\n  toolbarSx,\n  appBarProps,\n}: AppBarProps) {\n  const theme = useTheme();\n  const presetSx = resolvePreset('AppBar', preset, theme);\n\n  const rootSx: SxProps<Theme> = [\n    buildAppBarSx({ height, transparent: color === 'transparent' }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const contextValue = useMemo(\n    () => ({ onMenuToggle, menuOpen }),\n    [onMenuToggle, menuOpen],\n  );\n\n  return (\n    <AppBarContext.Provider value={contextValue}>\n      <MuiAppBar\n        position={position}\n        color={color}\n        elevation={elevation}\n        sx={rootSx}\n        {...appBarProps}\n      >\n        <Toolbar sx={toolbarSx}>{children}</Toolbar>\n      </MuiAppBar>\n    </AppBarContext.Provider>\n  );\n}\n\nexport default AppBar;\n","import { type ReactNode } from 'react';\nimport { IconButton, Tooltip } from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport MenuOpenIcon from '@mui/icons-material/MenuOpen';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { useAppBarContext } from './AppBarContext';\n\nexport interface AppBarMenuToggleProps {\n  /**\n   * Callback explícito. Si se omite, se consume del `AppBarContext`. Útil para\n   * usar el toggle fuera de un `<AppBar>` (p.ej. en un header custom).\n   */\n  onClick?: () => void;\n  /** Estado del drawer asociado. Si se omite, se lee del `AppBarContext`. */\n  menuOpen?: boolean;\n  /** Icono custom cuando el drawer está cerrado. Default: `<MenuIcon />`. */\n  closedIcon?: ReactNode;\n  /** Icono custom cuando el drawer está abierto. Default: `<MenuOpenIcon />`. */\n  openIcon?: ReactNode;\n  /** Texto de tooltip. Default: \"Menú\". */\n  tooltip?: string;\n  /** aria-label del botón. Default: el mismo tooltip. */\n  ariaLabel?: string;\n  /** Tamaño del IconButton. Default: `'medium'`. */\n  size?: 'small' | 'medium' | 'large';\n  /** Oculta el botón cuando no hay handler disponible. Default: true. */\n  hideIfNoHandler?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Botón hamburguesa del AppBar. Por default consume `onMenuToggle` y\n * `menuOpen` del `AppBarContext` (pattern composicional), pero permite\n * overrides explícitos si se usa fuera de un `<AppBar>`.\n *\n * ```tsx\n * <AppBar onMenuToggle={toggleDrawer} menuOpen={open}>\n *   <AppBarMenuToggle />\n *   ...\n * </AppBar>\n * ```\n */\nexport function AppBarMenuToggle({\n  onClick,\n  menuOpen,\n  closedIcon,\n  openIcon,\n  tooltip = 'Menú',\n  ariaLabel,\n  size = 'medium',\n  hideIfNoHandler = true,\n  sx,\n  className,\n}: AppBarMenuToggleProps) {\n  const ctx = useAppBarContext();\n\n  const handler = onClick ?? ctx.onMenuToggle;\n  const open = menuOpen ?? ctx.menuOpen ?? false;\n\n  if (!handler && hideIfNoHandler) {\n    return null;\n  }\n\n  const icon = open\n    ? (openIcon ?? <MenuOpenIcon />)\n    : (closedIcon ?? <MenuIcon />);\n\n  return (\n    <Tooltip title={tooltip} arrow>\n      <span>\n        <IconButton\n          size={size}\n          edge=\"start\"\n          color=\"inherit\"\n          aria-label={ariaLabel ?? tooltip}\n          onClick={handler}\n          disabled={!handler}\n          className={className}\n          sx={sx}\n        >\n          {icon}\n        </IconButton>\n      </span>\n    </Tooltip>\n  );\n}\n\nexport default AppBarMenuToggle;\n"],"names":["createContext","useContext","useTheme","resolvePreset","useMemo","jsx","MuiAppBar","Toolbar","Tooltip","IconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,gBAAgBA,MAAAA,cAAyC,IAAI;AAOnE,SAAS,mBAAuC;AACrD,QAAM,MAAMC,MAAAA,WAAW,aAAa;AACpC,SAAO,oBAAO,CAAA;AAChB;ACXO,SAAS,cAAc;AAAA,EAC5B,SAAS;AAAA,EACT,cAAc;AAChB,GAAsC;AACpC,SAAO,CAAC,UAAW;AAAA,IACjB,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,KACb,eAAe;AAAA,IACjB,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,cAAc,aAAa,MAAM,QAAQ,OAAO;AAAA,EAAA,IAPjC;AAAA,IASjB,sBAAsB;AAAA,MACpB,WAAW;AAAA,MACX,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ;AC6CO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,QAAM,QAAQC,OAAAA,SAAA;AACd,QAAM,WAAWC,cAAAA,cAAc,UAAU,QAAQ,KAAK;AAEtD,QAAM,SAAyB;AAAA,IAC7B,cAAc,EAAE,QAAQ,aAAa,UAAU,eAAe;AAAA,IAC9D,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAA;AAAA,IAC5B,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,QAAM,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,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI;AAAA,OACA,cALL;AAAA,MAOC,UAAAD,2BAAAA,IAACE,SAAAA,SAAA,EAAQ,IAAI,WAAY,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAEtC;AAEJ;ACxEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAA0B;;AACxB,QAAM,MAAM,iBAAA;AAEZ,QAAM,UAAU,4BAAW,IAAI;AAC/B,QAAM,QAAO,mCAAY,IAAI,aAAhB,YAA4B;AAEzC,MAAI,CAAC,WAAW,iBAAiB;AAC/B,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,OACR,8BAAYF,+BAAC,gBAAa,IAC1B,iEAAe,UAAA,CAAA,CAAS;AAE7B,wCACGG,SAAAA,SAAA,EAAQ,OAAO,SAAS,OAAK,MAC5B,yCAAC,QAAA,EACC,UAAAH,2BAAAA;AAAAA,IAACI,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/components/AppBar/AppBar.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+import { AppBarProps as MuiAppBarProps } from '@mui/material';
+import { SxProps, Theme } from '@mui/material/styles';
+export type AppBarPosition = 'fixed' | 'sticky' | 'static' | 'absolute' | 'relative';
+export type AppBarColor = 'default' | 'primary' | 'secondary' | 'transparent' | 'inherit';
+export interface AppBarProps {
+    /** Contenido del AppBar (típicamente sub-componentes + acciones custom). */
+    children?: ReactNode;
+    /** Posicionamiento. Default: `'sticky'`. */
+    position?: AppBarPosition;
+    /** Color. Default: `'default'`. */
+    color?: AppBarColor;
+    /** Nivel de sombra. Default: 1. */
+    elevation?: number;
+    /** Altura en px. Default: 64. */
+    height?: number;
+    /**
+     * Handler del botón hamburguesa. Se expone vía AppBarContext para que el
+     * sub-componente `<AppBarMenuToggle>` lo consuma sin prop drilling.
+     */
+    onMenuToggle?: () => void;
+    /** Estado del drawer asociado (para que el icono del toggle cambie). */
+    menuOpen?: boolean;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.AppBar`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     */
+    preset?: string;
+    /** sx del root (se mergea después del preset). */
+    sx?: SxProps<Theme>;
+    /** sx del Toolbar interno. */
+    toolbarSx?: SxProps<Theme>;
+    className?: string;
+    /** Otras props nativas del MuiAppBar (ej. `enableColorOnDark`). */
+    appBarProps?: Omit<MuiAppBarProps, 'position' | 'color' | 'elevation' | 'sx' | 'children' | 'className'>;
+}
+/**
+ * AppBar (header superior) del paquete. Se diseñó como un shell compositivo
+ * — el consumer arma el contenido libremente (logo, título, menú de usuario,
+ * etc.) y puede usar `<AppBarMenuToggle>` para el botón hamburguesa
+ * integrado con el contexto.
+ *
+ * Patrón recomendado para navegación en dashboards:
+ *
+ * ```tsx
+ * <AppBar onMenuToggle={toggleDrawer}>
+ *   <AppBarMenuToggle />
+ *   <MyBrand />
+ *   <Box sx={{ flex: 1 }} />
+ *   <MyUserMenu />
+ * </AppBar>
+ * ```
+ */
+export declare function AppBar({ children, position, color, elevation, height, onMenuToggle, menuOpen, preset, sx, toolbarSx, appBarProps, }: AppBarProps): import("react/jsx-runtime").JSX.Element;
+export default AppBar;

package/components/AppBar/AppBar.js

@@ -0,0 +1,129 @@
+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, useMemo } from "react";
+import { AppBar as AppBar$1, Toolbar, Tooltip, IconButton } from "@mui/material";
+import { useTheme } from "@mui/material/styles";
+import { r as resolvePreset } from "../../resolvePreset-B-IB0ehH.js";
+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 buildAppBarSx({
+  height = 64,
+  transparent = false
+}) {
+  return (theme) => __spreadProps(__spreadValues({
+    minHeight: height,
+    justifyContent: "center",
+    backgroundImage: "none"
+  }, transparent && {
+    backgroundColor: "transparent",
+    boxShadow: "none",
+    borderBottom: `1px solid ${theme.palette.divider}`
+  }), {
+    "& .MuiToolbar-root": {
+      minHeight: height,
+      gap: 1.5
+    }
+  });
+}
+function AppBar({
+  children,
+  position = "sticky",
+  color = "default",
+  elevation = 1,
+  height = 64,
+  onMenuToggle,
+  menuOpen,
+  preset,
+  sx,
+  toolbarSx,
+  appBarProps
+}) {
+  const theme = useTheme();
+  const presetSx = resolvePreset("AppBar", preset, theme);
+  const rootSx = [
+    buildAppBarSx({ height, transparent: color === "transparent" }),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  const contextValue = useMemo(
+    () => ({ onMenuToggle, menuOpen }),
+    [onMenuToggle, menuOpen]
+  );
+  return /* @__PURE__ */ jsx(AppBarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    AppBar$1,
+    __spreadProps(__spreadValues({
+      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,
+  AppBarContext,
+  AppBarMenuToggle,
+  AppBar as default,
+  useAppBarContext
+};
+//# sourceMappingURL=AppBar.js.map