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

package/dist/components/ActionMenu/ActionMenu.cjs

@@ -0,0 +1,107 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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");
+function ActionMenu({
+  items,
+  trigger,
+  triggerTooltip = "Acciones",
+  anchorOrigin = { vertical: "bottom", horizontal: "right" },
+  transformOrigin = { vertical: "top", horizontal: "right" },
+  menuSx,
+  disabled = false,
+  className
+}) {
+  const [anchorEl, setAnchorEl] = React.useState(null);
+  const open = Boolean(anchorEl);
+  const handleOpen = (event) => {
+    if (disabled) return;
+    event.stopPropagation();
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => setAnchorEl(null);
+  const handleItemClick = (event, item) => {
+    var _a;
+    event.stopPropagation();
+    (_a = item.onClick) == null ? void 0 : _a.call(item, event);
+    handleClose();
+  };
+  const triggerElement = trigger ? React.isValidElement(trigger) ? React.cloneElement(trigger, {
+    onClick: handleOpen,
+    disabled
+  }) : /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: handleOpen, children: trigger }) : /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: triggerTooltip, arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    material.IconButton,
+    {
+      size: "small",
+      onClick: handleOpen,
+      disabled,
+      "aria-label": triggerTooltip,
+      children: /* @__PURE__ */ jsxRuntime.jsx(MoreVertIcon, { fontSize: "small" })
+    }
+  ) }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className, children: [
+    triggerElement,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.Menu,
+      {
+        anchorEl,
+        open,
+        onClose: handleClose,
+        anchorOrigin,
+        transformOrigin,
+        slotProps: { paper: { sx: __spreadValues({ minWidth: 180 }, menuSx) } },
+        children: items.map((item, idx) => {
+          var _a;
+          const key = (_a = item.key) != null ? _a : `${String(item.label)}-${idx}`;
+          const node = /* @__PURE__ */ jsxRuntime.jsxs(
+            material.MenuItem,
+            {
+              disabled: item.disabled,
+              onClick: (event) => handleItemClick(event, item),
+              sx: (theme) => ({
+                color: item.danger ? theme.palette.error.main : "inherit",
+                "& .MuiListItemIcon-root": {
+                  color: item.danger ? theme.palette.error.main : "inherit",
+                  minWidth: 32
+                }
+              }),
+              children: [
+                item.icon && /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: item.icon }),
+                /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { primary: item.label })
+              ]
+            },
+            key
+          );
+          if (item.dividerBefore && idx > 0) {
+            return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+              node
+            ] }, `${key}-frag`);
+          }
+          return node;
+        })
+      }
+    )
+  ] });
+}
+exports.ActionMenu = ActionMenu;
+exports.default = ActionMenu;
+//# sourceMappingURL=ActionMenu.cjs.map

package/dist/components/ActionMenu/ActionMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.cjs","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { useState, type ReactNode, type MouseEvent } from 'react';\nimport {\n  IconButton,\n  Menu,\n  MenuItem,\n  ListItemIcon,\n  ListItemText,\n  Divider,\n  Tooltip,\n} from '@mui/material';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ActionMenuItem {\n  /** Key única para React. Si no se provee, se usa el label. */\n  key?: string;\n  /** Texto del item. */\n  label: ReactNode;\n  /** Icono opcional a la izquierda. */\n  icon?: ReactNode;\n  /** Handler de click. Recibe el evento del MenuItem. */\n  onClick?: (event: MouseEvent<HTMLLIElement>) => void;\n  /** Deshabilita el item. */\n  disabled?: boolean;\n  /** Marca el item como destructivo (pinta color error). */\n  danger?: boolean;\n  /** Inserta un `<Divider />` ANTES de este item. */\n  dividerBefore?: boolean;\n}\n\nexport interface ActionMenuProps {\n  /** Lista de items del menú. */\n  items: ActionMenuItem[];\n  /**\n   * Elemento trigger. Si no se provee, se renderiza un IconButton con icono\n   * de tres puntos (MoreVertIcon) — el patrón típico de celda de tabla.\n   */\n  trigger?: ReactNode;\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  className?: string;\n}\n\n/**\n * Menú de acciones compacto, pensado para celdas de tabla y cabeceras.\n * Reemplaza los patrones `<Dropdown>` de react-bootstrap.\n *\n * ```tsx\n * <ActionMenu\n *   items={[\n *     { label: 'Editar', icon: <EditIcon />, onClick: handleEdit },\n *     { label: 'Duplicar', icon: <CopyIcon />, onClick: handleDup },\n *     { label: 'Eliminar', icon: <TrashIcon />, onClick: handleDel, danger: true, dividerBefore: true },\n *   ]}\n * />\n * ```\n */\nexport function ActionMenu({\n  items,\n  trigger,\n  triggerTooltip = 'Acciones',\n  anchorOrigin = { vertical: 'bottom', horizontal: 'right' },\n  transformOrigin = { vertical: 'top', horizontal: 'right' },\n  menuSx,\n  disabled = false,\n  className,\n}: ActionMenuProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event: MouseEvent<HTMLElement>) => {\n    if (disabled) return;\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => setAnchorEl(null);\n\n  const handleItemClick = (\n    event: MouseEvent<HTMLLIElement>,\n    item: ActionMenuItem,\n  ) => {\n    event.stopPropagation();\n    item.onClick?.(event);\n    handleClose();\n  };\n\n  const triggerElement = trigger ? (\n    React.isValidElement(trigger) ? (\n      React.cloneElement(trigger as React.ReactElement<any>, {\n        onClick: handleOpen,\n        disabled,\n      })\n    ) : (\n      <span onClick={handleOpen}>{trigger}</span>\n    )\n  ) : (\n    <Tooltip title={triggerTooltip} arrow>\n      <span>\n        <IconButton\n          size=\"small\"\n          onClick={handleOpen}\n          disabled={disabled}\n          aria-label={triggerTooltip}\n        >\n          <MoreVertIcon fontSize=\"small\" />\n        </IconButton>\n      </span>\n    </Tooltip>\n  );\n\n  return (\n    <span className={className}>\n      {triggerElement}\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        slotProps={{ paper: { sx: { minWidth: 180, ...(menuSx as any) } } }}\n      >\n        {items.map((item, idx) => {\n          const key = item.key ?? `${String(item.label)}-${idx}`;\n          const node = (\n            <MenuItem\n              key={key}\n              disabled={item.disabled}\n              onClick={(event) => handleItemClick(event, item)}\n              sx={(theme) => ({\n                color: item.danger ? theme.palette.error.main : 'inherit',\n                '& .MuiListItemIcon-root': {\n                  color: item.danger\n                    ? theme.palette.error.main\n                    : 'inherit',\n                  minWidth: 32,\n                },\n              })}\n            >\n              {item.icon && <ListItemIcon>{item.icon}</ListItemIcon>}\n              <ListItemText primary={item.label} />\n            </MenuItem>\n          );\n\n          if (item.dividerBefore && idx > 0) {\n            return (\n              <React.Fragment key={`${key}-frag`}>\n                <Divider />\n                {node}\n              </React.Fragment>\n            );\n          }\n          return node;\n        })}\n      </Menu>\n    </span>\n  );\n}\n\nexport default ActionMenu;\n"],"names":["useState","jsx","Tooltip","IconButton","jsxs","Menu","MenuItem","ListItemIcon","ListItemText","Divider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,eAAe,EAAE,UAAU,UAAU,YAAY,QAAA;AAAA,EACjD,kBAAkB,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,EACjD;AAAA,EACA,WAAW;AAAA,EACX;AACF,GAAoB;AAClB,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,aAAa,CAAC,UAAmC;AACrD,QAAI,SAAU;AACd,UAAM,gBAAA;AACN,gBAAY,MAAM,aAAa;AAAA,EACjC;AAEA,QAAM,cAAc,MAAM,YAAY,IAAI;AAE1C,QAAM,kBAAkB,CACtB,OACA,SACG;;AACH,UAAM,gBAAA;AACN,eAAK,YAAL,8BAAe;AACf,gBAAA;AAAA,EACF;AAEA,QAAM,iBAAiB,UACrB,MAAM,eAAe,OAAO,IAC1B,MAAM,aAAa,SAAoC;AAAA,IACrD,SAAS;AAAA,IACT;AAAA,EAAA,CACD,IAEDC,2BAAAA,IAAC,QAAA,EAAK,SAAS,YAAa,UAAA,QAAA,CAAQ,IAGtCA,2BAAAA,IAACC,SAAAA,WAAQ,OAAO,gBAAgB,OAAK,MACnC,yCAAC,QAAA,EACC,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,EAAA,CACF;AAGF,SACEG,gCAAC,UAAK,WACH,UAAA;AAAA,IAAA;AAAA,IACDH,2BAAAA;AAAAA,MAACI,SAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,WAAW,EAAE,OAAO,EAAE,IAAI,iBAAE,UAAU,OAAS,UAAiB;AAAA,QAE/D,UAAA,MAAM,IAAI,CAAC,MAAM,QAAQ;;AACxB,gBAAM,OAAM,UAAK,QAAL,YAAY,GAAG,OAAO,KAAK,KAAK,CAAC,IAAI,GAAG;AACpD,gBAAM,OACJD,2BAAAA;AAAAA,YAACE,SAAAA;AAAAA,YAAA;AAAA,cAEC,UAAU,KAAK;AAAA,cACf,SAAS,CAAC,UAAU,gBAAgB,OAAO,IAAI;AAAA,cAC/C,IAAI,CAAC,WAAW;AAAA,gBACd,OAAO,KAAK,SAAS,MAAM,QAAQ,MAAM,OAAO;AAAA,gBAChD,2BAA2B;AAAA,kBACzB,OAAO,KAAK,SACR,MAAM,QAAQ,MAAM,OACpB;AAAA,kBACJ,UAAU;AAAA,gBAAA;AAAA,cACZ;AAAA,cAGD,UAAA;AAAA,gBAAA,KAAK,QAAQL,+BAACM,SAAAA,cAAA,EAAc,UAAA,KAAK,MAAK;AAAA,gBACvCN,2BAAAA,IAACO,SAAAA,cAAA,EAAa,SAAS,KAAK,MAAA,CAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAd9B;AAAA,UAAA;AAkBT,cAAI,KAAK,iBAAiB,MAAM,GAAG;AACjC,mBACEJ,gCAAC,MAAM,UAAN,EACC,UAAA;AAAA,cAAAH,2BAAAA,IAACQ,SAAAA,SAAA,EAAQ;AAAA,cACR;AAAA,YAAA,EAAA,GAFkB,GAAG,GAAG,OAG3B;AAAA,UAEJ;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;;;"}

package/dist/components/ActionMenu/ActionMenu.d.ts

@@ -0,0 +1,60 @@
+import { ReactNode, MouseEvent } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ActionMenuItem {
+    /** Key única para React. Si no se provee, se usa el label. */
+    key?: string;
+    /** Texto del item. */
+    label: ReactNode;
+    /** Icono opcional a la izquierda. */
+    icon?: ReactNode;
+    /** Handler de click. Recibe el evento del MenuItem. */
+    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
+    /** Deshabilita el item. */
+    disabled?: boolean;
+    /** Marca el item como destructivo (pinta color error). */
+    danger?: boolean;
+    /** Inserta un `<Divider />` ANTES de este item. */
+    dividerBefore?: boolean;
+}
+export interface ActionMenuProps {
+    /** Lista de items del menú. */
+    items: ActionMenuItem[];
+    /**
+     * Elemento trigger. Si no se provee, se renderiza un IconButton con icono
+     * de tres puntos (MoreVertIcon) — el patrón típico de celda de tabla.
+     */
+    trigger?: ReactNode;
+    /** 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;
+    className?: string;
+}
+/**
+ * Menú de acciones compacto, pensado para celdas de tabla y cabeceras.
+ * Reemplaza los patrones `<Dropdown>` de react-bootstrap.
+ *
+ * ```tsx
+ * <ActionMenu
+ *   items={[
+ *     { label: 'Editar', icon: <EditIcon />, onClick: handleEdit },
+ *     { label: 'Duplicar', icon: <CopyIcon />, onClick: handleDup },
+ *     { label: 'Eliminar', icon: <TrashIcon />, onClick: handleDel, danger: true, dividerBefore: true },
+ *   ]}
+ * />
+ * ```
+ */
+export declare function ActionMenu({ items, trigger, triggerTooltip, anchorOrigin, transformOrigin, menuSx, disabled, className, }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;
+export default ActionMenu;

package/dist/components/ActionMenu/ActionMenu.js

@@ -0,0 +1,107 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+import { Tooltip, IconButton, Menu, MenuItem, ListItemIcon, ListItemText, Divider } from "@mui/material";
+import MoreVertIcon from "@mui/icons-material/MoreVert";
+function ActionMenu({
+  items,
+  trigger,
+  triggerTooltip = "Acciones",
+  anchorOrigin = { vertical: "bottom", horizontal: "right" },
+  transformOrigin = { vertical: "top", horizontal: "right" },
+  menuSx,
+  disabled = false,
+  className
+}) {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const handleOpen = (event) => {
+    if (disabled) return;
+    event.stopPropagation();
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => setAnchorEl(null);
+  const handleItemClick = (event, item) => {
+    var _a;
+    event.stopPropagation();
+    (_a = item.onClick) == null ? void 0 : _a.call(item, event);
+    handleClose();
+  };
+  const triggerElement = trigger ? React__default.isValidElement(trigger) ? React__default.cloneElement(trigger, {
+    onClick: handleOpen,
+    disabled
+  }) : /* @__PURE__ */ jsx("span", { onClick: handleOpen, children: trigger }) : /* @__PURE__ */ jsx(Tooltip, { title: triggerTooltip, arrow: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      size: "small",
+      onClick: handleOpen,
+      disabled,
+      "aria-label": triggerTooltip,
+      children: /* @__PURE__ */ jsx(MoreVertIcon, { fontSize: "small" })
+    }
+  ) }) });
+  return /* @__PURE__ */ jsxs("span", { className, children: [
+    triggerElement,
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        anchorEl,
+        open,
+        onClose: handleClose,
+        anchorOrigin,
+        transformOrigin,
+        slotProps: { paper: { sx: __spreadValues({ minWidth: 180 }, menuSx) } },
+        children: items.map((item, idx) => {
+          var _a;
+          const key = (_a = item.key) != null ? _a : `${String(item.label)}-${idx}`;
+          const node = /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              disabled: item.disabled,
+              onClick: (event) => handleItemClick(event, item),
+              sx: (theme) => ({
+                color: item.danger ? theme.palette.error.main : "inherit",
+                "& .MuiListItemIcon-root": {
+                  color: item.danger ? theme.palette.error.main : "inherit",
+                  minWidth: 32
+                }
+              }),
+              children: [
+                item.icon && /* @__PURE__ */ jsx(ListItemIcon, { children: item.icon }),
+                /* @__PURE__ */ jsx(ListItemText, { primary: item.label })
+              ]
+            },
+            key
+          );
+          if (item.dividerBefore && idx > 0) {
+            return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+              /* @__PURE__ */ jsx(Divider, {}),
+              node
+            ] }, `${key}-frag`);
+          }
+          return node;
+        })
+      }
+    )
+  ] });
+}
+export {
+  ActionMenu,
+  ActionMenu as default
+};
+//# sourceMappingURL=ActionMenu.js.map

package/dist/components/ActionMenu/ActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.js","sources":["../../../src/components/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React, { useState, type ReactNode, type MouseEvent } from 'react';\nimport {\n  IconButton,\n  Menu,\n  MenuItem,\n  ListItemIcon,\n  ListItemText,\n  Divider,\n  Tooltip,\n} from '@mui/material';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ActionMenuItem {\n  /** Key única para React. Si no se provee, se usa el label. */\n  key?: string;\n  /** Texto del item. */\n  label: ReactNode;\n  /** Icono opcional a la izquierda. */\n  icon?: ReactNode;\n  /** Handler de click. Recibe el evento del MenuItem. */\n  onClick?: (event: MouseEvent<HTMLLIElement>) => void;\n  /** Deshabilita el item. */\n  disabled?: boolean;\n  /** Marca el item como destructivo (pinta color error). */\n  danger?: boolean;\n  /** Inserta un `<Divider />` ANTES de este item. */\n  dividerBefore?: boolean;\n}\n\nexport interface ActionMenuProps {\n  /** Lista de items del menú. */\n  items: ActionMenuItem[];\n  /**\n   * Elemento trigger. Si no se provee, se renderiza un IconButton con icono\n   * de tres puntos (MoreVertIcon) — el patrón típico de celda de tabla.\n   */\n  trigger?: ReactNode;\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  className?: string;\n}\n\n/**\n * Menú de acciones compacto, pensado para celdas de tabla y cabeceras.\n * Reemplaza los patrones `<Dropdown>` de react-bootstrap.\n *\n * ```tsx\n * <ActionMenu\n *   items={[\n *     { label: 'Editar', icon: <EditIcon />, onClick: handleEdit },\n *     { label: 'Duplicar', icon: <CopyIcon />, onClick: handleDup },\n *     { label: 'Eliminar', icon: <TrashIcon />, onClick: handleDel, danger: true, dividerBefore: true },\n *   ]}\n * />\n * ```\n */\nexport function ActionMenu({\n  items,\n  trigger,\n  triggerTooltip = 'Acciones',\n  anchorOrigin = { vertical: 'bottom', horizontal: 'right' },\n  transformOrigin = { vertical: 'top', horizontal: 'right' },\n  menuSx,\n  disabled = false,\n  className,\n}: ActionMenuProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event: MouseEvent<HTMLElement>) => {\n    if (disabled) return;\n    event.stopPropagation();\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => setAnchorEl(null);\n\n  const handleItemClick = (\n    event: MouseEvent<HTMLLIElement>,\n    item: ActionMenuItem,\n  ) => {\n    event.stopPropagation();\n    item.onClick?.(event);\n    handleClose();\n  };\n\n  const triggerElement = trigger ? (\n    React.isValidElement(trigger) ? (\n      React.cloneElement(trigger as React.ReactElement<any>, {\n        onClick: handleOpen,\n        disabled,\n      })\n    ) : (\n      <span onClick={handleOpen}>{trigger}</span>\n    )\n  ) : (\n    <Tooltip title={triggerTooltip} arrow>\n      <span>\n        <IconButton\n          size=\"small\"\n          onClick={handleOpen}\n          disabled={disabled}\n          aria-label={triggerTooltip}\n        >\n          <MoreVertIcon fontSize=\"small\" />\n        </IconButton>\n      </span>\n    </Tooltip>\n  );\n\n  return (\n    <span className={className}>\n      {triggerElement}\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        slotProps={{ paper: { sx: { minWidth: 180, ...(menuSx as any) } } }}\n      >\n        {items.map((item, idx) => {\n          const key = item.key ?? `${String(item.label)}-${idx}`;\n          const node = (\n            <MenuItem\n              key={key}\n              disabled={item.disabled}\n              onClick={(event) => handleItemClick(event, item)}\n              sx={(theme) => ({\n                color: item.danger ? theme.palette.error.main : 'inherit',\n                '& .MuiListItemIcon-root': {\n                  color: item.danger\n                    ? theme.palette.error.main\n                    : 'inherit',\n                  minWidth: 32,\n                },\n              })}\n            >\n              {item.icon && <ListItemIcon>{item.icon}</ListItemIcon>}\n              <ListItemText primary={item.label} />\n            </MenuItem>\n          );\n\n          if (item.dividerBefore && idx > 0) {\n            return (\n              <React.Fragment key={`${key}-frag`}>\n                <Divider />\n                {node}\n              </React.Fragment>\n            );\n          }\n          return node;\n        })}\n      </Menu>\n    </span>\n  );\n}\n\nexport default ActionMenu;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,eAAe,EAAE,UAAU,UAAU,YAAY,QAAA;AAAA,EACjD,kBAAkB,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,EACjD;AAAA,EACA,WAAW;AAAA,EACX;AACF,GAAoB;AAClB,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,aAAa,CAAC,UAAmC;AACrD,QAAI,SAAU;AACd,UAAM,gBAAA;AACN,gBAAY,MAAM,aAAa;AAAA,EACjC;AAEA,QAAM,cAAc,MAAM,YAAY,IAAI;AAE1C,QAAM,kBAAkB,CACtB,OACA,SACG;;AACH,UAAM,gBAAA;AACN,eAAK,YAAL,8BAAe;AACf,gBAAA;AAAA,EACF;AAEA,QAAM,iBAAiB,UACrBA,eAAM,eAAe,OAAO,IAC1BA,eAAM,aAAa,SAAoC;AAAA,IACrD,SAAS;AAAA,IACT;AAAA,EAAA,CACD,IAED,oBAAC,QAAA,EAAK,SAAS,YAAa,UAAA,QAAA,CAAQ,IAGtC,oBAAC,WAAQ,OAAO,gBAAgB,OAAK,MACnC,8BAAC,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,SACE,qBAAC,UAAK,WACH,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,iBAAE,UAAU,OAAS,UAAiB;AAAA,QAE/D,UAAA,MAAM,IAAI,CAAC,MAAM,QAAQ;;AACxB,gBAAM,OAAM,UAAK,QAAL,YAAY,GAAG,OAAO,KAAK,KAAK,CAAC,IAAI,GAAG;AACpD,gBAAM,OACJ;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,UAAU,KAAK;AAAA,cACf,SAAS,CAAC,UAAU,gBAAgB,OAAO,IAAI;AAAA,cAC/C,IAAI,CAAC,WAAW;AAAA,gBACd,OAAO,KAAK,SAAS,MAAM,QAAQ,MAAM,OAAO;AAAA,gBAChD,2BAA2B;AAAA,kBACzB,OAAO,KAAK,SACR,MAAM,QAAQ,MAAM,OACpB;AAAA,kBACJ,UAAU;AAAA,gBAAA;AAAA,cACZ;AAAA,cAGD,UAAA;AAAA,gBAAA,KAAK,QAAQ,oBAAC,cAAA,EAAc,UAAA,KAAK,MAAK;AAAA,gBACvC,oBAAC,cAAA,EAAa,SAAS,KAAK,MAAA,CAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAd9B;AAAA,UAAA;AAkBT,cAAI,KAAK,iBAAiB,MAAM,GAAG;AACjC,mBACE,qBAACA,eAAM,UAAN,EACC,UAAA;AAAA,cAAA,oBAAC,SAAA,EAAQ;AAAA,cACR;AAAA,YAAA,EAAA,GAFkB,GAAG,GAAG,OAG3B;AAAA,UAEJ;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/components/ActionMenu/index.d.ts

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

package/dist/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/dist/components/AppBar/AppBar.cjs

@@ -0,0 +1,346 @@
+"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,
+  className,
+  appBarProps
+}) {
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("AppBar", preset, theme);
+  const transparent = color === "transparent";
+  const rootSx = [
+    buildAppBarSx({ height, 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: color === "transparent" ? "transparent" : color,
+      elevation,
+      className,
+      sx: rootSx
+    }, appBarProps), {
+      children: /* @__PURE__ */ jsxRuntime.jsx(material.Toolbar, { sx: toolbarSx, children })
+    })
+  ) });
+}
+function AppBarBrand({
+  logo,
+  title,
+  subtitle,
+  onClick,
+  hideTitleOnMobile = true,
+  sx,
+  className
+}) {
+  const clickable = !!onClick;
+  const rootSx = [
+    {
+      display: "flex",
+      alignItems: "center",
+      gap: 1.25,
+      cursor: clickable ? "pointer" : "default",
+      userSelect: "none",
+      minWidth: 0
+    },
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Box,
+    {
+      role: clickable ? "button" : void 0,
+      tabIndex: clickable ? 0 : void 0,
+      onClick,
+      onKeyDown: (event) => {
+        if (!clickable) return;
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onClick == null ? void 0 : onClick(event);
+        }
+      },
+      className,
+      sx: rootSx,
+      children: [
+        logo && /* @__PURE__ */ jsxRuntime.jsx(
+          material.Box,
+          {
+            component: "span",
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              flexShrink: 0
+            },
+            children: logo
+          }
+        ),
+        (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs(
+          material.Box,
+          {
+            sx: {
+              display: hideTitleOnMobile ? { xs: "none", sm: "flex" } : "flex",
+              flexDirection: "column",
+              minWidth: 0,
+              lineHeight: 1.2
+            },
+            children: [
+              title && /* @__PURE__ */ jsxRuntime.jsx(
+                material.Typography,
+                {
+                  component: "span",
+                  variant: "subtitle1",
+                  noWrap: true,
+                  sx: { fontWeight: 700 },
+                  children: title
+                }
+              ),
+              subtitle && /* @__PURE__ */ jsxRuntime.jsx(
+                material.Typography,
+                {
+                  component: "span",
+                  variant: "caption",
+                  color: "text.secondary",
+                  noWrap: true,
+                  children: subtitle
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+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
+    }
+  ) }) });
+}
+function computeInitials(name) {
+  var _a, _b, _c, _d;
+  if (typeof name !== "string") return "?";
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "?";
+  const first = (_b = (_a = parts[0]) == null ? void 0 : _a.charAt(0)) != null ? _b : "";
+  const last = parts.length > 1 ? (_d = (_c = parts[parts.length - 1]) == null ? void 0 : _c.charAt(0)) != null ? _d : "" : "";
+  return (first + last).toUpperCase();
+}
+function AppBarUserMenu({
+  user,
+  items,
+  hideUserHeader = false,
+  triggerTooltip = "Cuenta",
+  avatarSize = 36,
+  menuSx,
+  triggerSx,
+  className
+}) {
+  var _a;
+  const [anchorEl, setAnchorEl] = React.useState(null);
+  const open = Boolean(anchorEl);
+  const handleOpen = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => setAnchorEl(null);
+  const handleItemClick = (event, item) => {
+    var _a2;
+    event.stopPropagation();
+    (_a2 = item.onClick) == null ? void 0 : _a2.call(item, event);
+    handleClose();
+  };
+  const initials = (_a = user == null ? void 0 : user.initials) != null ? _a : computeInitials(user == null ? void 0 : user.name);
+  const showUserHeader = !hideUserHeader && ((user == null ? void 0 : user.name) || (user == null ? void 0 : user.email));
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { component: "span", className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: triggerTooltip, arrow: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      material.IconButton,
+      {
+        onClick: handleOpen,
+        size: "small",
+        "aria-label": triggerTooltip,
+        "aria-haspopup": "menu",
+        "aria-expanded": open || void 0,
+        sx: [{ p: 0.5 }, ...Array.isArray(triggerSx) ? triggerSx : triggerSx ? [triggerSx] : []],
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          material.Avatar,
+          {
+            src: user == null ? void 0 : user.avatarUrl,
+            sx: {
+              width: avatarSize,
+              height: avatarSize,
+              fontSize: avatarSize * 0.4,
+              fontWeight: 600
+            },
+            children: !(user == null ? void 0 : user.avatarUrl) && initials
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      material.Menu,
+      {
+        anchorEl,
+        open,
+        onClose: handleClose,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        slotProps: {
+          paper: {
+            sx: __spreadValues({ minWidth: 240 }, menuSx)
+          }
+        },
+        children: [
+          showUserHeader && /* @__PURE__ */ jsxRuntime.jsxs(
+            material.Box,
+            {
+              sx: {
+                px: 2,
+                py: 1.25,
+                display: "flex",
+                flexDirection: "column",
+                gap: 0.25
+              },
+              children: [
+                (user == null ? void 0 : user.name) && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", noWrap: true, sx: { fontWeight: 700 }, children: user.name }),
+                (user == null ? void 0 : user.email) && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", noWrap: true, children: user.email })
+              ]
+            }
+          ),
+          showUserHeader && /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+          items.map((item, idx) => {
+            var _a2;
+            const key = (_a2 = item.key) != null ? _a2 : `${String(item.label)}-${idx}`;
+            const node = /* @__PURE__ */ jsxRuntime.jsxs(
+              material.MenuItem,
+              {
+                disabled: item.disabled,
+                onClick: (event) => handleItemClick(event, item),
+                sx: (theme) => ({
+                  color: item.danger ? theme.palette.error.main : "inherit",
+                  "& .MuiListItemIcon-root": {
+                    color: item.danger ? theme.palette.error.main : "inherit",
+                    minWidth: 32
+                  }
+                }),
+                children: [
+                  item.icon && /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: item.icon }),
+                  /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { primary: item.label })
+                ]
+              },
+              key
+            );
+            if (item.dividerBefore && idx > 0) {
+              return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
+                node
+              ] }, `${key}-frag`);
+            }
+            return node;
+          })
+        ]
+      }
+    )
+  ] });
+}
+exports.AppBar = AppBar;
+exports.AppBarBrand = AppBarBrand;
+exports.AppBarContext = AppBarContext;
+exports.AppBarMenuToggle = AppBarMenuToggle;
+exports.AppBarUserMenu = AppBarUserMenu;
+exports.buildAppBarSx = buildAppBarSx;
+exports.default = AppBar;
+exports.useAppBarContext = useAppBarContext;
+//# sourceMappingURL=AppBar.cjs.map