@misael703/ui 1.9.0 → 1.10.0

package/dist/{chunk-GD7MI7OT.mjs → chunk-PRML6VEF.mjs}

@@ -18,26 +18,27 @@ function usePopoverPosition(anchorRef, contentRef, { open, side = "bottom", alig
     const c = contentEl.getBoundingClientRect();
     const vw = window.innerWidth;
     const vh = window.innerHeight;
+    const cw = matchAnchorWidth ? a.width : c.width;
     let chosen = side;
     if (side === "bottom" && a.bottom + offset + c.height > vh && a.top - offset - c.height >= 0) {
       chosen = "top";
     } else if (side === "top" && a.top - offset - c.height < 0 && a.bottom + offset + c.height <= vh) {
       chosen = "bottom";
-    } else if (side === "right" && a.right + offset + c.width > vw && a.left - offset - c.width >= 0) {
+    } else if (side === "right" && a.right + offset + cw > vw && a.left - offset - cw >= 0) {
       chosen = "left";
-    } else if (side === "left" && a.left - offset - c.width < 0 && a.right + offset + c.width <= vw) {
+    } else if (side === "left" && a.left - offset - cw < 0 && a.right + offset + cw <= vw) {
       chosen = "right";
     }
     let top = 0;
     let left = 0;
     if (chosen === "bottom" || chosen === "top") {
       top = chosen === "bottom" ? a.bottom + offset : a.top - c.height - offset;
-      left = align === "start" ? a.left : align === "end" ? a.right - c.width : a.left + (a.width - c.width) / 2;
+      left = align === "start" ? a.left : align === "end" ? a.right - cw : a.left + (a.width - cw) / 2;
     } else {
-      left = chosen === "right" ? a.right + offset : a.left - c.width - offset;
+      left = chosen === "right" ? a.right + offset : a.left - cw - offset;
       top = align === "start" ? a.top : align === "end" ? a.bottom - c.height : a.top + (a.height - c.height) / 2;
     }
-    left = Math.max(GUTTER, Math.min(left, vw - c.width - GUTTER));
+    left = Math.max(GUTTER, Math.min(left, vw - cw - GUTTER));
     top = Math.max(GUTTER, Math.min(top, vh - c.height - GUTTER));
     setPos({
       top,
@@ -70,5 +71,5 @@ function usePopoverPosition(anchorRef, contentRef, { open, side = "bottom", alig
 }
 
 export { usePopoverPosition };
-//# sourceMappingURL=chunk-GD7MI7OT.mjs.map
-//# sourceMappingURL=chunk-GD7MI7OT.mjs.map
+//# sourceMappingURL=chunk-PRML6VEF.mjs.map
+//# sourceMappingURL=chunk-PRML6VEF.mjs.map

package/dist/chunk-PRML6VEF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/usePopoverPosition.ts"],"names":[],"mappings":"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","file":"chunk-PRML6VEF.mjs","sourcesContent":["import * as React from 'react';\n\nexport type PopoverSide = 'top' | 'bottom' | 'left' | 'right';\nexport type PopoverAlign = 'start' | 'center' | 'end';\n\n/** Anything that can report its viewport rect: a DOM element or a virtual\n *  anchor (e.g. a point under the cursor for a context menu). */\nexport interface VirtualElement {\n  getBoundingClientRect: () => DOMRect;\n}\n\nexport interface UsePopoverPositionOptions {\n  open: boolean;\n  side?: PopoverSide;\n  align?: PopoverAlign;\n  offset?: number;\n  /** Expose the anchor's width so the consumer can match it (comboboxes). */\n  matchAnchorWidth?: boolean;\n}\n\nexport interface PopoverPosition {\n  /** Viewport-relative coords (use with `position: fixed` in a body portal).\n   *  Fixed strategy stays correct inside transformed/fixed ancestors (e.g. a\n   *  Modal) and scroll containers; the hook recomputes on scroll/resize. */\n  top: number;\n  left: number;\n  /** Side actually used after flipping; useful for arrow/animation origin. */\n  side: PopoverSide;\n  /** False until the first measure. Keep content `visibility: hidden` until true. */\n  ready: boolean;\n  /** Anchor width, only when `matchAnchorWidth` is set. */\n  width?: number;\n}\n\nconst GUTTER = 8;\n\n/**\n * Positions a floating panel relative to an anchor, for panels portaled to\n * `document.body`. Computes viewport-relative coords from\n * `getBoundingClientRect()` (use with `position: fixed`), flips to the\n * opposite side when the preferred\n * side doesn't fit the viewport, clamps into the viewport, and recomputes\n * on scroll of *any* ancestor (capture-phase) and on resize\n * (rAF-coalesced). Listeners are torn down on close/unmount.\n *\n * The content must be mounted (it can be visually hidden) so its size can\n * be measured — gate visibility on the returned `ready` flag.\n *\n * ```tsx\n * const pos = usePopoverPosition(triggerRef, contentRef, { open, side: 'bottom' });\n * <Portal><div ref={contentRef} style={{\n *   position: 'fixed', top: pos.top, left: pos.left,\n *   visibility: pos.ready ? 'visible' : 'hidden',\n * }} /></Portal>\n * ```\n */\nexport function usePopoverPosition(\n  anchorRef: React.RefObject<HTMLElement | VirtualElement | null>,\n  contentRef: React.RefObject<HTMLElement | null>,\n  { open, side = 'bottom', align = 'center', offset = 8, matchAnchorWidth = false }: UsePopoverPositionOptions,\n): PopoverPosition {\n  const [pos, setPos] = React.useState<PopoverPosition>({\n    top: 0,\n    left: 0,\n    side,\n    ready: false,\n  });\n\n  const compute = React.useCallback((): void => {\n    const anchorEl = anchorRef.current;\n    const contentEl = contentRef.current;\n    if (!anchorEl || !contentEl || typeof window === 'undefined') return;\n\n    const a = anchorEl.getBoundingClientRect();\n    const c = contentEl.getBoundingClientRect();\n    const vw = window.innerWidth;\n    const vh = window.innerHeight;\n\n    // With matchAnchorWidth the panel is rendered at `width: a.width`. On the\n    // very first open `pos.width` is still undefined, so the just-mounted node\n    // measures at its unconstrained natural width — using that inflated\n    // `c.width` in the clamp below would yank `left` to the viewport edge and\n    // the position never gets re-measured. Use the width the panel *will*\n    // have, which is correct by construction.\n    const cw = matchAnchorWidth ? a.width : c.width;\n\n    let chosen: PopoverSide = side;\n    if (side === 'bottom' && a.bottom + offset + c.height > vh && a.top - offset - c.height >= 0) {\n      chosen = 'top';\n    } else if (side === 'top' && a.top - offset - c.height < 0 && a.bottom + offset + c.height <= vh) {\n      chosen = 'bottom';\n    } else if (side === 'right' && a.right + offset + cw > vw && a.left - offset - cw >= 0) {\n      chosen = 'left';\n    } else if (side === 'left' && a.left - offset - cw < 0 && a.right + offset + cw <= vw) {\n      chosen = 'right';\n    }\n\n    let top = 0;\n    let left = 0;\n    if (chosen === 'bottom' || chosen === 'top') {\n      top = chosen === 'bottom' ? a.bottom + offset : a.top - c.height - offset;\n      left =\n        align === 'start' ? a.left\n        : align === 'end' ? a.right - cw\n        : a.left + (a.width - cw) / 2;\n    } else {\n      left = chosen === 'right' ? a.right + offset : a.left - cw - offset;\n      top =\n        align === 'start' ? a.top\n        : align === 'end' ? a.bottom - c.height\n        : a.top + (a.height - c.height) / 2;\n    }\n\n    left = Math.max(GUTTER, Math.min(left, vw - cw - GUTTER));\n    top = Math.max(GUTTER, Math.min(top, vh - c.height - GUTTER));\n\n    setPos({\n      top,\n      left,\n      side: chosen,\n      ready: true,\n      width: matchAnchorWidth ? a.width : undefined,\n    });\n  }, [anchorRef, contentRef, side, align, offset, matchAnchorWidth]);\n\n  React.useEffect(() => {\n    if (!open) {\n      setPos((p) => (p.ready ? { ...p, ready: false } : p));\n      return;\n    }\n    // Portal is synchronous, so by the time this effect runs the content\n    // node is committed and measurable — position immediately (no flicker,\n    // and deterministic under test without a rAF dependency).\n    compute();\n    let raf = 0;\n    const schedule = (): void => {\n      cancelAnimationFrame(raf);\n      raf = requestAnimationFrame(compute);\n    };\n    // Capture-phase: scroll doesn't bubble, so capture catches scrolling\n    // from *any* ancestor (the table/card wrapper, not just window).\n    window.addEventListener('scroll', schedule, { capture: true, passive: true });\n    window.addEventListener('resize', schedule, { passive: true });\n    return () => {\n      cancelAnimationFrame(raf);\n      window.removeEventListener('scroll', schedule, { capture: true });\n      window.removeEventListener('resize', schedule);\n    };\n  }, [open, compute]);\n\n  return pos;\n}\n"]}

package/dist/{chunk-IUL73666.mjs → chunk-Q4HKSXUE.mjs}

@@ -8,5 +8,5 @@ function format(template, vars) {
 }
 
 export { format };
-//# sourceMappingURL=chunk-IUL73666.mjs.map
-//# sourceMappingURL=chunk-IUL73666.mjs.map
+//# sourceMappingURL=chunk-Q4HKSXUE.mjs.map
+//# sourceMappingURL=chunk-Q4HKSXUE.mjs.map

package/dist/chunk-Q4HKSXUE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/locale/messages.ts"],"names":[],"mappings":";AAoLO,SAAS,MAAA,CAAO,UAAkB,IAAA,EAA+C;AACtF,EAAA,OAAO,QAAA,CAAS,OAAA;AAAA,IAAQ,YAAA;AAAA,IAAc,CAAC,KAAA,EAAO,GAAA,KAC5C,MAAA,CAAO,UAAU,cAAA,CAAe,IAAA,CAAK,IAAA,EAAM,GAAG,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,GAAG,CAAC,CAAA,GAAI;AAAA,GACxE;AACF","file":"chunk-Q4HKSXUE.mjs","sourcesContent":["/**\n * Flat dictionary of UI strings used by the kit. Keys are dot-separated\n * namespaces (component or area). Values may include `{var}` placeholders\n * that get substituted via `format()`.\n */\nexport interface UiKitMessages {\n  // Generic actions\n  'common.close': string;\n  'common.cancel': string;\n  'common.confirm': string;\n  'common.apply': string;\n  'common.clear': string;\n  'common.edit': string;\n  'common.empty': string;\n  'common.loading': string;\n  'common.search': string;\n  'common.noResults': string;\n\n  // Overlay\n  'modal.close': string;\n  'drawer.close': string;\n  'toast.close': string;\n\n  // DataTable\n  'table.empty': string;\n  'table.selectAll': string;\n  /** Template: \"Seleccionar {label}\" */\n  'table.selectRow': string;\n  /** Template: \"Ver {label}\" — accessible name of an interactive row. */\n  'table.rowAction': string;\n\n  // AppShell\n  'appshell.mainNav': string;\n  'appshell.expandMenu': string;\n  'appshell.collapseMenu': string;\n  'appshell.expand': string;\n  'appshell.collapse': string;\n  'appshell.openMenu': string;\n  'appshell.breadcrumb': string;\n\n  // Notifications\n  'notifications.button': string;\n  /** Template: \" ({n} sin leer)\" */\n  'notifications.unreadSuffix': string;\n  'notifications.empty': string;\n  'notifications.panel': string;\n  'notifications.title': string;\n  'notifications.markAllRead': string;\n  'notifications.clear': string;\n\n  // Filters\n  'filters.panel': string;\n  'filters.clear': string;\n  'filters.bulkActions': string;\n  'filters.deselectAll': string;\n  'filters.sortBy': string;\n  /** Template: \"{n} seleccionado\" (used when n === 1) */\n  'filters.selectedOne': string;\n  /** Template: \"{n} seleccionados\" (used when n !== 1) */\n  'filters.selectedMany': string;\n\n  // Editing\n  'transfer.available': string;\n  'transfer.assigned': string;\n  'transfer.assignSelected': string;\n  'transfer.removeSelected': string;\n  'transfer.empty': string;\n  'descList.edit': string;\n  'diff.label': string;\n  'diff.field': string;\n  'diff.before': string;\n  'diff.after': string;\n\n  // Permissions\n  'permissions.markAll': string;\n  'permissions.unmarkAll': string;\n  'permissions.action': string;\n  /** Template: \"{action} para {role}\" */\n  'permissions.cellLabel': string;\n\n  // Comments\n  'comments.placeholder': string;\n  'comments.send': string;\n  'comments.internalTag': string;\n  'comments.internalOnly': string;\n  'attachments.empty': string;\n  /** Template: \"Eliminar {name}\" */\n  'attachments.remove': string;\n  /** Template: \"Descargar {name}\" */\n  'attachments.download': string;\n\n  // Gallery\n  'gallery.thumbnails': string;\n  'gallery.viewer': string;\n  'gallery.prev': string;\n  'gallery.next': string;\n  'gallery.close': string;\n  /** Template: \"Imagen {n}\" */\n  'gallery.imageNumber': string;\n\n  // Display\n  'alert.close': string;\n  'spinner.loading': string;\n  'chip.remove': string;\n\n  // Display3 — Calendar\n  'calendar.prevMonth': string;\n  'calendar.nextMonth': string;\n  'calendar.expand': string;\n  'calendar.collapse': string;\n  /** Mon, Tue, Wed, Thu, Fri, Sat, Sun (in array order, kit assumes Mon-first) */\n  'calendar.weekdays': readonly [string, string, string, string, string, string, string];\n  'calendar.months': readonly [\n    string, string, string, string, string, string,\n    string, string, string, string, string, string,\n  ];\n\n  // Pickers\n  'picker.openCalendar': string;\n  'picker.clearSelection': string;\n  'picker.selectRange': string;\n  'picker.searchCommands': string;\n  'picker.commandPalette': string;\n  'picker.prevYear': string;\n  'picker.nextYear': string;\n  'picker.prevDecade': string;\n  'picker.nextDecade': string;\n  'picker.selectYear': string;\n  'picker.selectMonth': string;\n  /**\n   * Single-letter weekday initials used by compact calendar grids (DatePicker,\n   * DateRangePicker). Mon-first to match the kit's calendars.\n   */\n  'picker.weekdaysShort': readonly [string, string, string, string, string, string, string];\n  /** Template: \"Quitar {label}\" */\n  'combobox.remove': string;\n  'fileUpload.title': string;\n\n  // Inputs\n  'pagination.label': string;\n  'pagination.prev': string;\n  'pagination.next': string;\n  /** Template: \"{from}–{to} de {total}\" */\n  'pagination.range': string;\n  'pagination.rowsPerPage': string;\n  'numberInput.decrement': string;\n  'numberInput.increment': string;\n\n  // Commerce\n  'commerce.quantity': string;\n  'commerce.decreaseQty': string;\n  'commerce.increaseQty': string;\n  'commerce.removeFromCart': string;\n  /** Template: \"Quitar {name}\" */\n  'commerce.removeItem': string;\n  'commerce.addFavorite': string;\n  'commerce.removeFavorite': string;\n  'commerce.applyCoupon': string;\n  'commerce.cartTitle': string;\n  'commerce.cartEmpty': string;\n  'commerce.subtotal': string;\n  'commerce.checkout': string;\n  'commerce.promoPlaceholder': string;\n  'commerce.promoInvalid': string;\n  'commerce.shippingAchieved': string;\n  /** Template before {amount} placeholder: \"Te falta \" (suffix \" para envío gratis\"). Split into two so consumers can swap word order. */\n  'commerce.shippingPrefix': string;\n  'commerce.shippingSuffix': string;\n\n  // Tags input\n  /** Template: \"Quitar {tag}\" */\n  'tagsInput.remove': string;\n  'tagsInput.placeholder': string;\n}\n\n/**\n * Replace `{var}` placeholders in a template string with values from `vars`.\n * Missing vars are left as-is, so a typo surfaces during dev instead of being\n * silently dropped.\n */\nexport function format(template: string, vars: Record<string, string | number>): string {\n  return template.replace(/\\{(\\w+)\\}/g, (match, key) =>\n    Object.prototype.hasOwnProperty.call(vars, key) ? String(vars[key]) : match\n  );\n}\n"]}

package/dist/{chunk-6JA4KQU2.js → chunk-QLYPHMPH.js}

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunkCBHWPIHM_js = require('./chunk-CBHWPIHM.js');
+var chunk4VMQLSHV_js = require('./chunk-4VMQLSHV.js');
 var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
@@ -75,7 +75,7 @@ function AppShell({
 }) {
   const [internalCollapsed, setInternalCollapsed] = React__namespace.useState(defaultCollapsed);
   const [mobileOpen, setMobileOpen] = React__namespace.useState(false);
-  const t = chunkCBHWPIHM_js.useLocale();
+  const t = chunk4VMQLSHV_js.useLocale();
   const collapsed = ctrlCollapsed ?? internalCollapsed;
   const setCollapsed = (v) => {
     if (ctrlCollapsed === void 0) setInternalCollapsed(v);
@@ -127,7 +127,7 @@ function AppShell({
   ] });
 }
 function PageHeader({ title, description, breadcrumbs, actions, meta, className }) {
-  const t = chunkCBHWPIHM_js.useLocale();
+  const t = chunk4VMQLSHV_js.useLocale();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("page-header", className), children: [
     breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "page-header__crumbs", "aria-label": t["appshell.breadcrumb"], children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children: breadcrumbs.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
       c.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: c.href, children: c.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-current": "page", children: c.label }),
@@ -146,5 +146,5 @@ function PageHeader({ title, description, breadcrumbs, actions, meta, className
 
 exports.AppShell = AppShell;
 exports.PageHeader = PageHeader;
-//# sourceMappingURL=chunk-6JA4KQU2.js.map
-//# sourceMappingURL=chunk-6JA4KQU2.js.map
+//# sourceMappingURL=chunk-QLYPHMPH.js.map
+//# sourceMappingURL=chunk-QLYPHMPH.js.map

package/dist/{chunk-6JA4KQU2.js.map → chunk-QLYPHMPH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppShell.tsx"],"names":["React","NavItemNode","cx","jsxs","Fragment","jsx","useLocale","ChevronRight","ChevronLeft","MenuIcon"],"mappings":"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","file":"chunk-6JA4KQU2.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronLeft, ChevronRight, MenuIcon } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\n\n// ---------- AppShell (Sidebar + Topbar + Content) -----------------------\n// Designed to drop into a Next.js app/layout.tsx as a Client Component shell.\n\nexport interface NavItem {\n  id: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  href?: string;\n  active?: boolean;\n  badge?: React.ReactNode;\n  onSelect?: () => void;\n  children?: NavItem[];\n}\n\nexport interface NavSection {\n  id?: string;\n  label?: React.ReactNode;\n  items: NavItem[];\n}\n\nexport type AppShellTheme = 'default' | 'brand';\n\nexport interface AppShellProps {\n  brand?: React.ReactNode;\n  brandCollapsed?: React.ReactNode;\n  sections: NavSection[];\n  topbar?: React.ReactNode;\n  footer?: React.ReactNode;\n  user?: React.ReactNode;\n  defaultCollapsed?: boolean;\n  collapsed?: boolean;\n  onCollapsedChange?: (c: boolean) => void;\n  children: React.ReactNode;\n  className?: string;\n  /**\n   * Sidebar color theme:\n   * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.\n   * - `brand`: sidebar azul de marca con texto blanco. Mayor brand recall.\n   */\n  theme?: AppShellTheme;\n  /** Render-prop for navigation links so the host app can use Next.js Link, etc. */\n  linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;\n}\n\n// Recursive nav item, memoized so a single item's parent re-render doesn't\n// churn through every other item in the tree. Stability of `linkAs` and\n// `onCloseMobile` is the parent's responsibility (we stabilize\n// `onCloseMobile` via useCallback below; consumers should memoize `linkAs`\n// if they care about avoiding renders, but for typical Next.js Link usage\n// the inline arrow is rarely a hot path).\ninterface NavItemNodeProps {\n  item: NavItem;\n  depth: number;\n  linkAs?: AppShellProps['linkAs'];\n  onCloseMobile: () => void;\n}\n\nconst NavItemNode = React.memo(function NavItemNode({\n  item, depth, linkAs, onCloseMobile,\n}: NavItemNodeProps) {\n  const klass = cx('appshell__navitem', item.active && 'is-active', `appshell__navitem--depth-${depth}`);\n  const inner = (\n    <>\n      {item.icon && <span className=\"appshell__navicon\" aria-hidden=\"true\">{item.icon}</span>}\n      <span className=\"appshell__navlabel\">{item.label}</span>\n      {item.badge && <span className=\"appshell__navbadge\">{item.badge}</span>}\n    </>\n  );\n  const node = item.href && linkAs\n    ? linkAs(item, inner, klass)\n    : (\n      <a\n        href={item.href ?? '#'}\n        className={klass}\n        aria-current={item.active ? 'page' : undefined}\n        onClick={(e) => {\n          if (!item.href) e.preventDefault();\n          item.onSelect?.();\n          onCloseMobile();\n        }}\n      >\n        {inner}\n      </a>\n    );\n  return (\n    <li>\n      {node}\n      {item.children && item.children.length > 0 && (\n        <ul className=\"appshell__navchildren\">\n          {item.children.map((c) => (\n            <NavItemNode key={c.id} item={c} depth={depth + 1} linkAs={linkAs} onCloseMobile={onCloseMobile} />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n});\n\nexport function AppShell({\n  brand, brandCollapsed, sections, topbar, footer, user,\n  defaultCollapsed = false, collapsed: ctrlCollapsed, onCollapsedChange,\n  children, className, theme = 'default', linkAs,\n}: AppShellProps) {\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n  const t = useLocale();\n  const collapsed = ctrlCollapsed ?? internalCollapsed;\n  const setCollapsed = (v: boolean) => {\n    if (ctrlCollapsed === undefined) setInternalCollapsed(v);\n    onCollapsedChange?.(v);\n  };\n  const closeMobile = React.useCallback(() => setMobileOpen(false), []);\n\n  return (\n    <div className={cx('appshell', `appshell--${theme}`, collapsed && 'is-collapsed', mobileOpen && 'is-mobile-open', className)}>\n      <aside className=\"appshell__sidebar\" aria-label={t['appshell.mainNav']}>\n        <div className=\"appshell__brand\">\n          {collapsed ? (brandCollapsed ?? brand) : brand}\n        </div>\n        <nav className=\"appshell__nav\">\n          {sections.map((s, i) => (\n            <div key={s.id ?? i} className=\"appshell__navsection\">\n              {s.label && <div className=\"appshell__navlabel-section\">{s.label}</div>}\n              <ul>{s.items.map((it) => (\n                <NavItemNode key={it.id} item={it} depth={0} linkAs={linkAs} onCloseMobile={closeMobile} />\n              ))}</ul>\n            </div>\n          ))}\n        </nav>\n        <div className=\"appshell__sidebar-foot\">\n          {footer}\n          <button\n            type=\"button\"\n            className=\"appshell__collapse\"\n            onClick={() => setCollapsed(!collapsed)}\n            aria-expanded={!collapsed}\n            aria-label={collapsed ? t['appshell.expandMenu'] : t['appshell.collapseMenu']}\n            title={collapsed ? t['appshell.expand'] : t['appshell.collapse']}\n          >\n            {collapsed ? <ChevronRight size={14} /> : <ChevronLeft size={14} />}\n          </button>\n        </div>\n      </aside>\n\n      <div className=\"appshell__main\">\n        <header className=\"appshell__topbar\">\n          <button\n            type=\"button\"\n            className=\"appshell__hamburger\"\n            aria-label={t['appshell.openMenu']}\n            aria-expanded={mobileOpen}\n            onClick={() => setMobileOpen((o) => !o)}\n          ><MenuIcon size={20} /></button>\n          <div className=\"appshell__topbar-content\">{topbar}</div>\n          {user && <div className=\"appshell__topbar-user\">{user}</div>}\n        </header>\n        <main className=\"appshell__content\" role=\"main\">{children}</main>\n      </div>\n\n      {mobileOpen && (\n        <div className=\"appshell__scrim\" onClick={() => setMobileOpen(false)} aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n\n// ---------- PageHeader --------------------------------------------------\nexport interface PageHeaderProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  breadcrumbs?: Array<{ label: React.ReactNode; href?: string }>;\n  actions?: React.ReactNode;\n  meta?: React.ReactNode;\n  className?: string;\n}\n\nexport function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps) {\n  const t = useLocale();\n  return (\n    <div className={cx('page-header', className)}>\n      {breadcrumbs && breadcrumbs.length > 0 && (\n        <nav className=\"page-header__crumbs\" aria-label={t['appshell.breadcrumb']}>\n          <ol>\n            {breadcrumbs.map((c, i) => (\n              <li key={i}>\n                {c.href ? <a href={c.href}>{c.label}</a> : <span aria-current=\"page\">{c.label}</span>}\n                {i < breadcrumbs.length - 1 && <span className=\"page-header__crumb-sep\" aria-hidden=\"true\">/</span>}\n              </li>\n            ))}\n          </ol>\n        </nav>\n      )}\n      <div className=\"page-header__row\">\n        <div className=\"page-header__title-wrap\">\n          <h1 className=\"page-header__title\">{title}</h1>\n          {description && <p className=\"page-header__desc\">{description}</p>}\n        </div>\n        {actions && <div className=\"page-header__actions\">{actions}</div>}\n      </div>\n      {meta && <div className=\"page-header__meta\">{meta}</div>}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/AppShell.tsx"],"names":["React","NavItemNode","cx","jsxs","Fragment","jsx","useLocale","ChevronRight","ChevronLeft","MenuIcon"],"mappings":"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","file":"chunk-QLYPHMPH.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronLeft, ChevronRight, MenuIcon } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\n\n// ---------- AppShell (Sidebar + Topbar + Content) -----------------------\n// Designed to drop into a Next.js app/layout.tsx as a Client Component shell.\n\nexport interface NavItem {\n  id: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  href?: string;\n  active?: boolean;\n  badge?: React.ReactNode;\n  onSelect?: () => void;\n  children?: NavItem[];\n}\n\nexport interface NavSection {\n  id?: string;\n  label?: React.ReactNode;\n  items: NavItem[];\n}\n\nexport type AppShellTheme = 'default' | 'brand';\n\nexport interface AppShellProps {\n  brand?: React.ReactNode;\n  brandCollapsed?: React.ReactNode;\n  sections: NavSection[];\n  topbar?: React.ReactNode;\n  footer?: React.ReactNode;\n  user?: React.ReactNode;\n  defaultCollapsed?: boolean;\n  collapsed?: boolean;\n  onCollapsedChange?: (c: boolean) => void;\n  children: React.ReactNode;\n  className?: string;\n  /**\n   * Sidebar color theme:\n   * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.\n   * - `brand`: sidebar azul de marca con texto blanco. Mayor brand recall.\n   */\n  theme?: AppShellTheme;\n  /** Render-prop for navigation links so the host app can use Next.js Link, etc. */\n  linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;\n}\n\n// Recursive nav item, memoized so a single item's parent re-render doesn't\n// churn through every other item in the tree. Stability of `linkAs` and\n// `onCloseMobile` is the parent's responsibility (we stabilize\n// `onCloseMobile` via useCallback below; consumers should memoize `linkAs`\n// if they care about avoiding renders, but for typical Next.js Link usage\n// the inline arrow is rarely a hot path).\ninterface NavItemNodeProps {\n  item: NavItem;\n  depth: number;\n  linkAs?: AppShellProps['linkAs'];\n  onCloseMobile: () => void;\n}\n\nconst NavItemNode = React.memo(function NavItemNode({\n  item, depth, linkAs, onCloseMobile,\n}: NavItemNodeProps) {\n  const klass = cx('appshell__navitem', item.active && 'is-active', `appshell__navitem--depth-${depth}`);\n  const inner = (\n    <>\n      {item.icon && <span className=\"appshell__navicon\" aria-hidden=\"true\">{item.icon}</span>}\n      <span className=\"appshell__navlabel\">{item.label}</span>\n      {item.badge && <span className=\"appshell__navbadge\">{item.badge}</span>}\n    </>\n  );\n  const node = item.href && linkAs\n    ? linkAs(item, inner, klass)\n    : (\n      <a\n        href={item.href ?? '#'}\n        className={klass}\n        aria-current={item.active ? 'page' : undefined}\n        onClick={(e) => {\n          if (!item.href) e.preventDefault();\n          item.onSelect?.();\n          onCloseMobile();\n        }}\n      >\n        {inner}\n      </a>\n    );\n  return (\n    <li>\n      {node}\n      {item.children && item.children.length > 0 && (\n        <ul className=\"appshell__navchildren\">\n          {item.children.map((c) => (\n            <NavItemNode key={c.id} item={c} depth={depth + 1} linkAs={linkAs} onCloseMobile={onCloseMobile} />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n});\n\nexport function AppShell({\n  brand, brandCollapsed, sections, topbar, footer, user,\n  defaultCollapsed = false, collapsed: ctrlCollapsed, onCollapsedChange,\n  children, className, theme = 'default', linkAs,\n}: AppShellProps) {\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n  const t = useLocale();\n  const collapsed = ctrlCollapsed ?? internalCollapsed;\n  const setCollapsed = (v: boolean) => {\n    if (ctrlCollapsed === undefined) setInternalCollapsed(v);\n    onCollapsedChange?.(v);\n  };\n  const closeMobile = React.useCallback(() => setMobileOpen(false), []);\n\n  return (\n    <div className={cx('appshell', `appshell--${theme}`, collapsed && 'is-collapsed', mobileOpen && 'is-mobile-open', className)}>\n      <aside className=\"appshell__sidebar\" aria-label={t['appshell.mainNav']}>\n        <div className=\"appshell__brand\">\n          {collapsed ? (brandCollapsed ?? brand) : brand}\n        </div>\n        <nav className=\"appshell__nav\">\n          {sections.map((s, i) => (\n            <div key={s.id ?? i} className=\"appshell__navsection\">\n              {s.label && <div className=\"appshell__navlabel-section\">{s.label}</div>}\n              <ul>{s.items.map((it) => (\n                <NavItemNode key={it.id} item={it} depth={0} linkAs={linkAs} onCloseMobile={closeMobile} />\n              ))}</ul>\n            </div>\n          ))}\n        </nav>\n        <div className=\"appshell__sidebar-foot\">\n          {footer}\n          <button\n            type=\"button\"\n            className=\"appshell__collapse\"\n            onClick={() => setCollapsed(!collapsed)}\n            aria-expanded={!collapsed}\n            aria-label={collapsed ? t['appshell.expandMenu'] : t['appshell.collapseMenu']}\n            title={collapsed ? t['appshell.expand'] : t['appshell.collapse']}\n          >\n            {collapsed ? <ChevronRight size={14} /> : <ChevronLeft size={14} />}\n          </button>\n        </div>\n      </aside>\n\n      <div className=\"appshell__main\">\n        <header className=\"appshell__topbar\">\n          <button\n            type=\"button\"\n            className=\"appshell__hamburger\"\n            aria-label={t['appshell.openMenu']}\n            aria-expanded={mobileOpen}\n            onClick={() => setMobileOpen((o) => !o)}\n          ><MenuIcon size={20} /></button>\n          <div className=\"appshell__topbar-content\">{topbar}</div>\n          {user && <div className=\"appshell__topbar-user\">{user}</div>}\n        </header>\n        <main className=\"appshell__content\" role=\"main\">{children}</main>\n      </div>\n\n      {mobileOpen && (\n        <div className=\"appshell__scrim\" onClick={() => setMobileOpen(false)} aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n\n// ---------- PageHeader --------------------------------------------------\nexport interface PageHeaderProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  breadcrumbs?: Array<{ label: React.ReactNode; href?: string }>;\n  actions?: React.ReactNode;\n  meta?: React.ReactNode;\n  className?: string;\n}\n\nexport function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps) {\n  const t = useLocale();\n  return (\n    <div className={cx('page-header', className)}>\n      {breadcrumbs && breadcrumbs.length > 0 && (\n        <nav className=\"page-header__crumbs\" aria-label={t['appshell.breadcrumb']}>\n          <ol>\n            {breadcrumbs.map((c, i) => (\n              <li key={i}>\n                {c.href ? <a href={c.href}>{c.label}</a> : <span aria-current=\"page\">{c.label}</span>}\n                {i < breadcrumbs.length - 1 && <span className=\"page-header__crumb-sep\" aria-hidden=\"true\">/</span>}\n              </li>\n            ))}\n          </ol>\n        </nav>\n      )}\n      <div className=\"page-header__row\">\n        <div className=\"page-header__title-wrap\">\n          <h1 className=\"page-header__title\">{title}</h1>\n          {description && <p className=\"page-header__desc\">{description}</p>}\n        </div>\n        {actions && <div className=\"page-header__actions\">{actions}</div>}\n      </div>\n      {meta && <div className=\"page-header__meta\">{meta}</div>}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-TDVFNHQZ.mjs → chunk-QM7BCSCL.mjs}

@@ -1,6 +1,6 @@
 'use client';
 import { useDismiss } from './chunk-6P2TKRTL.mjs';
-import { usePopoverPosition } from './chunk-GD7MI7OT.mjs';
+import { usePopoverPosition } from './chunk-PRML6VEF.mjs';
 import { Portal } from './chunk-FKBQYQQD.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
@@ -213,5 +213,5 @@ function Menubar({ menus, className, ariaLabel = "Barra de men\xFAs" }) {
 }
 
 export { Menubar };
-//# sourceMappingURL=chunk-TDVFNHQZ.mjs.map
-//# sourceMappingURL=chunk-TDVFNHQZ.mjs.map
+//# sourceMappingURL=chunk-QM7BCSCL.mjs.map
+//# sourceMappingURL=chunk-QM7BCSCL.mjs.map

package/dist/{chunk-TDVFNHQZ.mjs.map → chunk-QM7BCSCL.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menubar.tsx"],"names":[],"mappings":"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","file":"chunk-TDVFNHQZ.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\n\nexport interface MenubarItem {\n  id: string;\n  label?: React.ReactNode;\n  onSelect?: () => void;\n  disabled?: boolean;\n  separator?: boolean;\n  shortcut?: string;\n}\n\nexport interface MenubarMenu {\n  id: string;\n  label: React.ReactNode;\n  items: MenubarItem[];\n}\n\nexport interface MenubarProps {\n  menus: MenubarMenu[];\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function Menubar({ menus, className, ariaLabel = 'Barra de menús' }: MenubarProps) {\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  const [active, setActive] = React.useState(0);\n  // Roving tab stop for the menubar row (one tab stop, arrows move between\n  // triggers — WAI-ARIA menubar pattern).\n  const [tabId, setTabId] = React.useState<string | null>(menus[0]?.id ?? null);\n  // Keyboard opens move focus into the menu; pointer opens don't.\n  const focusOnOpen = React.useRef(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = React.useRef<HTMLUListElement>(null);\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const triggerRefs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n  const itemRefs = React.useRef<Array<HTMLButtonElement | null>>([]);\n\n  const open = openId !== null;\n  const openMenu = menus.find((m) => m.id === openId) ?? null;\n  const menuIndex = menus.findIndex((m) => m.id === openId);\n\n  // Positions within the open menu that are selectable (no\n  // separators/disabled). `active` indexes into this list.\n  const enabledIdx = (openMenu?.items ?? [])\n    .map((it, i) => (it.separator || it.disabled ? -1 : i))\n    .filter((i) => i >= 0);\n\n  const pos = usePopoverPosition(anchorRef, panelRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 6,\n  });\n\n  useDismiss({\n    open,\n    onDismiss: () => setOpenId(null),\n    refs: [rootRef, panelRef],\n    closeOnEscape: false,\n  });\n\n  const focusTrigger = (id: string | null) => {\n    if (id) triggerRefs.current[id]?.focus();\n  };\n\n  const openMenuById = (id: string, viaKeyboard: boolean) => {\n    const el = triggerRefs.current[id];\n    if (el) anchorRef.current = el;\n    focusOnOpen.current = viaKeyboard;\n    setActive(0);\n    setTabId(id);\n    setOpenId(id);\n  };\n\n  const closeAndFocusTrigger = () => {\n    const id = openId;\n    setOpenId(null);\n    focusTrigger(id);\n  };\n\n  React.useEffect(() => {\n    if (open && focusOnOpen.current) {\n      focusOnOpen.current = false;\n      const realIdx = enabledIdx[0];\n      if (realIdx != null) itemRefs.current[realIdx]?.focus();\n    }\n  }, [open, enabledIdx]);\n\n  React.useEffect(() => {\n    if (!open || focusOnOpen.current) return;\n    const realIdx = enabledIdx[active];\n    if (realIdx != null) itemRefs.current[realIdx]?.focus();\n  }, [open, active, enabledIdx]);\n\n  const selectItem = (item: MenubarItem) => {\n    if (item.disabled || item.separator) return;\n    item.onSelect?.();\n    closeAndFocusTrigger();\n  };\n\n  const stepMenu = (dir: 1 | -1) => {\n    if (menus.length === 0) return;\n    const from = menuIndex >= 0 ? menuIndex : 0;\n    const next = (from + dir + menus.length) % menus.length;\n    openMenuById(menus[next].id, true);\n  };\n\n  const onTriggerKeyDown = (e: React.KeyboardEvent, menu: MenubarMenu, index: number) => {\n    if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      openMenuById(menu.id, true);\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      const next = menus[(index + 1) % menus.length];\n      setTabId(next.id);\n      if (open) openMenuById(next.id, true);\n      else focusTrigger(next.id);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      const prev = menus[(index - 1 + menus.length) % menus.length];\n      setTabId(prev.id);\n      if (open) openMenuById(prev.id, true);\n      else focusTrigger(prev.id);\n    } else if (e.key === 'Escape' && open) {\n      e.preventDefault();\n      setOpenId(null);\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      setTabId(menus[0].id);\n      focusTrigger(menus[0].id);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      const last = menus[menus.length - 1];\n      setTabId(last.id);\n      focusTrigger(last.id);\n    }\n  };\n\n  const onPanelKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      closeAndFocusTrigger();\n    } else if (e.key === 'Tab') {\n      setOpenId(null);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setActive((a) => Math.min(a + 1, enabledIdx.length - 1));\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      setActive((a) => Math.max(a - 1, 0));\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      setActive(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      setActive(Math.max(enabledIdx.length - 1, 0));\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      stepMenu(1);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      stepMenu(-1);\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      const realIdx = enabledIdx[active];\n      const it = realIdx != null ? openMenu?.items[realIdx] : undefined;\n      if (it) selectItem(it);\n    }\n  };\n\n  return (\n    <div ref={rootRef} role=\"menubar\" aria-label={ariaLabel} className={cx('menubar', className)}>\n      {menus.map((menu, index) => {\n        const isOpen = openId === menu.id;\n        return (\n          <div key={menu.id} className=\"menubar__menu\">\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              ref={(el) => { triggerRefs.current[menu.id] = el; }}\n              tabIndex={(tabId ?? menus[0]?.id) === menu.id ? 0 : -1}\n              aria-haspopup=\"menu\"\n              aria-expanded={isOpen}\n              className={cx('menubar__trigger', isOpen && 'is-open')}\n              onClick={(e) => {\n                if (isOpen) { setOpenId(null); return; }\n                anchorRef.current = e.currentTarget;\n                focusOnOpen.current = false;\n                setActive(0);\n                setTabId(menu.id);\n                setOpenId(menu.id);\n              }}\n              onMouseEnter={(e) => {\n                if (!openId) return;\n                anchorRef.current = e.currentTarget;\n                focusOnOpen.current = false;\n                setActive(0);\n                setTabId(menu.id);\n                setOpenId(menu.id);\n              }}\n              onFocus={() => setTabId(menu.id)}\n              onKeyDown={(e) => onTriggerKeyDown(e, menu, index)}\n            >\n              {menu.label}\n            </button>\n            {isOpen && (\n              <Portal>\n                <ul\n                  ref={panelRef}\n                  role=\"menu\"\n                  aria-label={typeof menu.label === 'string' ? menu.label : undefined}\n                  className=\"menubar__list\"\n                  onKeyDown={onPanelKeyDown}\n                  style={{\n                    position: 'fixed',\n                    top: pos.top,\n                    left: pos.left,\n                    visibility: pos.ready ? 'visible' : 'hidden',\n                  }}\n                >\n                  {menu.items.map((item, i) =>\n                    item.separator ? (\n                      <li key={item.id} className=\"menubar__separator\" role=\"separator\" />\n                    ) : (\n                      <li key={item.id} role=\"none\">\n                        <button\n                          type=\"button\"\n                          role=\"menuitem\"\n                          ref={(el) => { itemRefs.current[i] = el; }}\n                          tabIndex={enabledIdx[active] === i ? 0 : -1}\n                          disabled={item.disabled}\n                          className={cx('menubar__item', item.disabled && 'is-disabled', enabledIdx[active] === i && 'is-active')}\n                          onMouseEnter={() => setActive(enabledIdx.indexOf(i))}\n                          onClick={() => selectItem(item)}\n                        >\n                          <span className=\"menubar__label\">{item.label}</span>\n                          {item.shortcut && <kbd className=\"menubar__shortcut\">{item.shortcut}</kbd>}\n                        </button>\n                      </li>\n                    )\n                  )}\n                </ul>\n              </Portal>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Menubar.tsx"],"names":[],"mappings":"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","file":"chunk-QM7BCSCL.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\n\nexport interface MenubarItem {\n  id: string;\n  label?: React.ReactNode;\n  onSelect?: () => void;\n  disabled?: boolean;\n  separator?: boolean;\n  shortcut?: string;\n}\n\nexport interface MenubarMenu {\n  id: string;\n  label: React.ReactNode;\n  items: MenubarItem[];\n}\n\nexport interface MenubarProps {\n  menus: MenubarMenu[];\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function Menubar({ menus, className, ariaLabel = 'Barra de menús' }: MenubarProps) {\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  const [active, setActive] = React.useState(0);\n  // Roving tab stop for the menubar row (one tab stop, arrows move between\n  // triggers — WAI-ARIA menubar pattern).\n  const [tabId, setTabId] = React.useState<string | null>(menus[0]?.id ?? null);\n  // Keyboard opens move focus into the menu; pointer opens don't.\n  const focusOnOpen = React.useRef(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const panelRef = React.useRef<HTMLUListElement>(null);\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const triggerRefs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n  const itemRefs = React.useRef<Array<HTMLButtonElement | null>>([]);\n\n  const open = openId !== null;\n  const openMenu = menus.find((m) => m.id === openId) ?? null;\n  const menuIndex = menus.findIndex((m) => m.id === openId);\n\n  // Positions within the open menu that are selectable (no\n  // separators/disabled). `active` indexes into this list.\n  const enabledIdx = (openMenu?.items ?? [])\n    .map((it, i) => (it.separator || it.disabled ? -1 : i))\n    .filter((i) => i >= 0);\n\n  const pos = usePopoverPosition(anchorRef, panelRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 6,\n  });\n\n  useDismiss({\n    open,\n    onDismiss: () => setOpenId(null),\n    refs: [rootRef, panelRef],\n    closeOnEscape: false,\n  });\n\n  const focusTrigger = (id: string | null) => {\n    if (id) triggerRefs.current[id]?.focus();\n  };\n\n  const openMenuById = (id: string, viaKeyboard: boolean) => {\n    const el = triggerRefs.current[id];\n    if (el) anchorRef.current = el;\n    focusOnOpen.current = viaKeyboard;\n    setActive(0);\n    setTabId(id);\n    setOpenId(id);\n  };\n\n  const closeAndFocusTrigger = () => {\n    const id = openId;\n    setOpenId(null);\n    focusTrigger(id);\n  };\n\n  React.useEffect(() => {\n    if (open && focusOnOpen.current) {\n      focusOnOpen.current = false;\n      const realIdx = enabledIdx[0];\n      if (realIdx != null) itemRefs.current[realIdx]?.focus();\n    }\n  }, [open, enabledIdx]);\n\n  React.useEffect(() => {\n    if (!open || focusOnOpen.current) return;\n    const realIdx = enabledIdx[active];\n    if (realIdx != null) itemRefs.current[realIdx]?.focus();\n  }, [open, active, enabledIdx]);\n\n  const selectItem = (item: MenubarItem) => {\n    if (item.disabled || item.separator) return;\n    item.onSelect?.();\n    closeAndFocusTrigger();\n  };\n\n  const stepMenu = (dir: 1 | -1) => {\n    if (menus.length === 0) return;\n    const from = menuIndex >= 0 ? menuIndex : 0;\n    const next = (from + dir + menus.length) % menus.length;\n    openMenuById(menus[next].id, true);\n  };\n\n  const onTriggerKeyDown = (e: React.KeyboardEvent, menu: MenubarMenu, index: number) => {\n    if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      openMenuById(menu.id, true);\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      const next = menus[(index + 1) % menus.length];\n      setTabId(next.id);\n      if (open) openMenuById(next.id, true);\n      else focusTrigger(next.id);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      const prev = menus[(index - 1 + menus.length) % menus.length];\n      setTabId(prev.id);\n      if (open) openMenuById(prev.id, true);\n      else focusTrigger(prev.id);\n    } else if (e.key === 'Escape' && open) {\n      e.preventDefault();\n      setOpenId(null);\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      setTabId(menus[0].id);\n      focusTrigger(menus[0].id);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      const last = menus[menus.length - 1];\n      setTabId(last.id);\n      focusTrigger(last.id);\n    }\n  };\n\n  const onPanelKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      closeAndFocusTrigger();\n    } else if (e.key === 'Tab') {\n      setOpenId(null);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setActive((a) => Math.min(a + 1, enabledIdx.length - 1));\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      setActive((a) => Math.max(a - 1, 0));\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      setActive(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      setActive(Math.max(enabledIdx.length - 1, 0));\n    } else if (e.key === 'ArrowRight') {\n      e.preventDefault();\n      stepMenu(1);\n    } else if (e.key === 'ArrowLeft') {\n      e.preventDefault();\n      stepMenu(-1);\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      const realIdx = enabledIdx[active];\n      const it = realIdx != null ? openMenu?.items[realIdx] : undefined;\n      if (it) selectItem(it);\n    }\n  };\n\n  return (\n    <div ref={rootRef} role=\"menubar\" aria-label={ariaLabel} className={cx('menubar', className)}>\n      {menus.map((menu, index) => {\n        const isOpen = openId === menu.id;\n        return (\n          <div key={menu.id} className=\"menubar__menu\">\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              ref={(el) => { triggerRefs.current[menu.id] = el; }}\n              tabIndex={(tabId ?? menus[0]?.id) === menu.id ? 0 : -1}\n              aria-haspopup=\"menu\"\n              aria-expanded={isOpen}\n              className={cx('menubar__trigger', isOpen && 'is-open')}\n              onClick={(e) => {\n                if (isOpen) { setOpenId(null); return; }\n                anchorRef.current = e.currentTarget;\n                focusOnOpen.current = false;\n                setActive(0);\n                setTabId(menu.id);\n                setOpenId(menu.id);\n              }}\n              onMouseEnter={(e) => {\n                if (!openId) return;\n                anchorRef.current = e.currentTarget;\n                focusOnOpen.current = false;\n                setActive(0);\n                setTabId(menu.id);\n                setOpenId(menu.id);\n              }}\n              onFocus={() => setTabId(menu.id)}\n              onKeyDown={(e) => onTriggerKeyDown(e, menu, index)}\n            >\n              {menu.label}\n            </button>\n            {isOpen && (\n              <Portal>\n                <ul\n                  ref={panelRef}\n                  role=\"menu\"\n                  aria-label={typeof menu.label === 'string' ? menu.label : undefined}\n                  className=\"menubar__list\"\n                  onKeyDown={onPanelKeyDown}\n                  style={{\n                    position: 'fixed',\n                    top: pos.top,\n                    left: pos.left,\n                    visibility: pos.ready ? 'visible' : 'hidden',\n                  }}\n                >\n                  {menu.items.map((item, i) =>\n                    item.separator ? (\n                      <li key={item.id} className=\"menubar__separator\" role=\"separator\" />\n                    ) : (\n                      <li key={item.id} role=\"none\">\n                        <button\n                          type=\"button\"\n                          role=\"menuitem\"\n                          ref={(el) => { itemRefs.current[i] = el; }}\n                          tabIndex={enabledIdx[active] === i ? 0 : -1}\n                          disabled={item.disabled}\n                          className={cx('menubar__item', item.disabled && 'is-disabled', enabledIdx[active] === i && 'is-active')}\n                          onMouseEnter={() => setActive(enabledIdx.indexOf(i))}\n                          onClick={() => selectItem(item)}\n                        >\n                          <span className=\"menubar__label\">{item.label}</span>\n                          {item.shortcut && <kbd className=\"menubar__shortcut\">{item.shortcut}</kbd>}\n                        </button>\n                      </li>\n                    )\n                  )}\n                </ul>\n              </Portal>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-KJ7UNUTB.js → chunk-QZACPKQ4.js}

@@ -1,8 +1,8 @@
 'use client';
 'use strict';
 
-var chunk6TYPG7MA_js = require('./chunk-6TYPG7MA.js');
-var chunkCBHWPIHM_js = require('./chunk-CBHWPIHM.js');
+var chunkDFQLWCIC_js = require('./chunk-DFQLWCIC.js');
+var chunk4VMQLSHV_js = require('./chunk-4VMQLSHV.js');
 var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
@@ -38,7 +38,7 @@ function NotificationCenter({
 }) {
   const [open, setOpen] = React__namespace.useState(false);
   const ref = React__namespace.useRef(null);
-  const t = chunkCBHWPIHM_js.useLocale();
+  const t = chunk4VMQLSHV_js.useLocale();
   const unread = notifications.filter((n) => !n.read).length;
   const empty = emptyMessage ?? t["notifications.empty"];
   React__namespace.useEffect(() => {
@@ -68,7 +68,7 @@ function NotificationCenter({
     {
       type: "button",
       className: "notif__trigger",
-      "aria-label": `${t["notifications.button"]}${unread > 0 ? chunk6TYPG7MA_js.format(t["notifications.unreadSuffix"], { n: unread }) : ""}`,
+      "aria-label": `${t["notifications.button"]}${unread > 0 ? chunkDFQLWCIC_js.format(t["notifications.unreadSuffix"], { n: unread }) : ""}`,
       "aria-haspopup": "dialog",
       "aria-expanded": open,
       onClick: () => setOpen((o) => !o),
@@ -113,5 +113,5 @@ function NotificationCenter({
 }
 
 exports.NotificationCenter = NotificationCenter;
-//# sourceMappingURL=chunk-KJ7UNUTB.js.map
-//# sourceMappingURL=chunk-KJ7UNUTB.js.map
+//# sourceMappingURL=chunk-QZACPKQ4.js.map
+//# sourceMappingURL=chunk-QZACPKQ4.js.map

package/dist/{chunk-KJ7UNUTB.js.map → chunk-QZACPKQ4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Notifications.tsx"],"names":["React","useLocale","jsxs","format","jsx","Bell","cx"],"mappings":"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","file":"chunk-KJ7UNUTB.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Bell } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\nexport type NotificationTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationItem {\n  id: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  tone?: NotificationTone;\n  timestamp?: React.ReactNode;\n  read?: boolean;\n  onClick?: () => void;\n}\n\nexport interface NotificationCenterProps {\n  notifications: NotificationItem[];\n  onMarkAllRead?: () => void;\n  onClearAll?: () => void;\n  emptyMessage?: React.ReactNode;\n  /** Custom trigger element. Si se pasa, reemplaza el botón con bell. */\n  trigger?: React.ReactElement;\n  className?: string;\n}\n\nexport function NotificationCenter({\n  notifications, onMarkAllRead, onClearAll,\n  emptyMessage,\n  trigger, className,\n}: NotificationCenterProps) {\n  const [open, setOpen] = React.useState(false);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const t = useLocale();\n  const unread = notifications.filter((n) => !n.read).length;\n  const empty = emptyMessage ?? t['notifications.empty'];\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false); };\n    document.addEventListener('mousedown', onClick);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onClick);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  const triggerEl = trigger ? React.cloneElement(trigger, {\n    onClick: (e: React.MouseEvent) => {\n      trigger.props.onClick?.(e);\n      setOpen((o) => !o);\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': open,\n  }) : (\n    <button\n      type=\"button\"\n      className=\"notif__trigger\"\n      aria-label={`${t['notifications.button']}${unread > 0 ? format(t['notifications.unreadSuffix'], { n: unread }) : ''}`}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      onClick={() => setOpen((o) => !o)}\n    >\n      <Bell size={20} />\n      {unread > 0 && <span className=\"notif__badge\" aria-hidden=\"true\">{unread > 99 ? '99+' : unread}</span>}\n    </button>\n  );\n\n  return (\n    <div ref={ref} className={cx('notif', className)}>\n      {triggerEl}\n      {open && (\n        <div className=\"notif__panel\" role=\"dialog\" aria-label={t['notifications.panel']}>\n          <div className=\"notif__head\">\n            <span className=\"notif__title\">{t['notifications.title']}</span>\n            {notifications.length > 0 && (\n              <div className=\"notif__head-actions\">\n                {onMarkAllRead && unread > 0 && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onMarkAllRead}>\n                    {t['notifications.markAllRead']}\n                  </button>\n                )}\n                {onClearAll && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onClearAll}>\n                    {t['notifications.clear']}\n                  </button>\n                )}\n              </div>\n            )}\n          </div>\n          <div className=\"notif__list\">\n            {notifications.length === 0 ? (\n              <div className=\"notif__empty\">{empty}</div>\n            ) : (\n              notifications.map((n) => (\n                <button\n                  key={n.id}\n                  type=\"button\"\n                  className={cx('notif__item', !n.read && 'is-unread')}\n                  onClick={() => { n.onClick?.(); setOpen(false); }}\n                >\n                  <span className={cx('notif__dot', `notif__dot--${n.tone ?? 'info'}`)} aria-hidden=\"true\" />\n                  <div className=\"notif__body\">\n                    <div className=\"notif__item-title\">{n.title}</div>\n                    {n.description && <div className=\"notif__item-desc\">{n.description}</div>}\n                    {n.timestamp && <div className=\"notif__time\">{n.timestamp}</div>}\n                  </div>\n                </button>\n              ))\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Notifications.tsx"],"names":["React","useLocale","jsxs","format","jsx","Bell","cx"],"mappings":"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","file":"chunk-QZACPKQ4.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Bell } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\nexport type NotificationTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationItem {\n  id: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  tone?: NotificationTone;\n  timestamp?: React.ReactNode;\n  read?: boolean;\n  onClick?: () => void;\n}\n\nexport interface NotificationCenterProps {\n  notifications: NotificationItem[];\n  onMarkAllRead?: () => void;\n  onClearAll?: () => void;\n  emptyMessage?: React.ReactNode;\n  /** Custom trigger element. Si se pasa, reemplaza el botón con bell. */\n  trigger?: React.ReactElement;\n  className?: string;\n}\n\nexport function NotificationCenter({\n  notifications, onMarkAllRead, onClearAll,\n  emptyMessage,\n  trigger, className,\n}: NotificationCenterProps) {\n  const [open, setOpen] = React.useState(false);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const t = useLocale();\n  const unread = notifications.filter((n) => !n.read).length;\n  const empty = emptyMessage ?? t['notifications.empty'];\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false); };\n    document.addEventListener('mousedown', onClick);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onClick);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  const triggerEl = trigger ? React.cloneElement(trigger, {\n    onClick: (e: React.MouseEvent) => {\n      trigger.props.onClick?.(e);\n      setOpen((o) => !o);\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': open,\n  }) : (\n    <button\n      type=\"button\"\n      className=\"notif__trigger\"\n      aria-label={`${t['notifications.button']}${unread > 0 ? format(t['notifications.unreadSuffix'], { n: unread }) : ''}`}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      onClick={() => setOpen((o) => !o)}\n    >\n      <Bell size={20} />\n      {unread > 0 && <span className=\"notif__badge\" aria-hidden=\"true\">{unread > 99 ? '99+' : unread}</span>}\n    </button>\n  );\n\n  return (\n    <div ref={ref} className={cx('notif', className)}>\n      {triggerEl}\n      {open && (\n        <div className=\"notif__panel\" role=\"dialog\" aria-label={t['notifications.panel']}>\n          <div className=\"notif__head\">\n            <span className=\"notif__title\">{t['notifications.title']}</span>\n            {notifications.length > 0 && (\n              <div className=\"notif__head-actions\">\n                {onMarkAllRead && unread > 0 && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onMarkAllRead}>\n                    {t['notifications.markAllRead']}\n                  </button>\n                )}\n                {onClearAll && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onClearAll}>\n                    {t['notifications.clear']}\n                  </button>\n                )}\n              </div>\n            )}\n          </div>\n          <div className=\"notif__list\">\n            {notifications.length === 0 ? (\n              <div className=\"notif__empty\">{empty}</div>\n            ) : (\n              notifications.map((n) => (\n                <button\n                  key={n.id}\n                  type=\"button\"\n                  className={cx('notif__item', !n.read && 'is-unread')}\n                  onClick={() => { n.onClick?.(); setOpen(false); }}\n                >\n                  <span className={cx('notif__dot', `notif__dot--${n.tone ?? 'info'}`)} aria-hidden=\"true\" />\n                  <div className=\"notif__body\">\n                    <div className=\"notif__item-title\">{n.title}</div>\n                    {n.description && <div className=\"notif__item-desc\">{n.description}</div>}\n                    {n.timestamp && <div className=\"notif__time\">{n.timestamp}</div>}\n                  </div>\n                </button>\n              ))\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-WQFNJVKU.mjs → chunk-R6XMFBVH.mjs}

@@ -1,6 +1,6 @@
 'use client';
-import { format } from './chunk-IUL73666.mjs';
-import { useLocale } from './chunk-Q4BKGBTV.mjs';
+import { format } from './chunk-Q4HKSXUE.mjs';
+import { useLocale } from './chunk-PQV7HHCJ.mjs';
 import { Bell } from './chunk-CIBJKJV3.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
@@ -91,5 +91,5 @@ function NotificationCenter({
 }
 
 export { NotificationCenter };
-//# sourceMappingURL=chunk-WQFNJVKU.mjs.map
-//# sourceMappingURL=chunk-WQFNJVKU.mjs.map
+//# sourceMappingURL=chunk-R6XMFBVH.mjs.map
+//# sourceMappingURL=chunk-R6XMFBVH.mjs.map

package/dist/{chunk-WQFNJVKU.mjs.map → chunk-R6XMFBVH.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Notifications.tsx"],"names":[],"mappings":"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","file":"chunk-WQFNJVKU.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Bell } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\nexport type NotificationTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationItem {\n  id: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  tone?: NotificationTone;\n  timestamp?: React.ReactNode;\n  read?: boolean;\n  onClick?: () => void;\n}\n\nexport interface NotificationCenterProps {\n  notifications: NotificationItem[];\n  onMarkAllRead?: () => void;\n  onClearAll?: () => void;\n  emptyMessage?: React.ReactNode;\n  /** Custom trigger element. Si se pasa, reemplaza el botón con bell. */\n  trigger?: React.ReactElement;\n  className?: string;\n}\n\nexport function NotificationCenter({\n  notifications, onMarkAllRead, onClearAll,\n  emptyMessage,\n  trigger, className,\n}: NotificationCenterProps) {\n  const [open, setOpen] = React.useState(false);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const t = useLocale();\n  const unread = notifications.filter((n) => !n.read).length;\n  const empty = emptyMessage ?? t['notifications.empty'];\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false); };\n    document.addEventListener('mousedown', onClick);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onClick);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  const triggerEl = trigger ? React.cloneElement(trigger, {\n    onClick: (e: React.MouseEvent) => {\n      trigger.props.onClick?.(e);\n      setOpen((o) => !o);\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': open,\n  }) : (\n    <button\n      type=\"button\"\n      className=\"notif__trigger\"\n      aria-label={`${t['notifications.button']}${unread > 0 ? format(t['notifications.unreadSuffix'], { n: unread }) : ''}`}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      onClick={() => setOpen((o) => !o)}\n    >\n      <Bell size={20} />\n      {unread > 0 && <span className=\"notif__badge\" aria-hidden=\"true\">{unread > 99 ? '99+' : unread}</span>}\n    </button>\n  );\n\n  return (\n    <div ref={ref} className={cx('notif', className)}>\n      {triggerEl}\n      {open && (\n        <div className=\"notif__panel\" role=\"dialog\" aria-label={t['notifications.panel']}>\n          <div className=\"notif__head\">\n            <span className=\"notif__title\">{t['notifications.title']}</span>\n            {notifications.length > 0 && (\n              <div className=\"notif__head-actions\">\n                {onMarkAllRead && unread > 0 && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onMarkAllRead}>\n                    {t['notifications.markAllRead']}\n                  </button>\n                )}\n                {onClearAll && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onClearAll}>\n                    {t['notifications.clear']}\n                  </button>\n                )}\n              </div>\n            )}\n          </div>\n          <div className=\"notif__list\">\n            {notifications.length === 0 ? (\n              <div className=\"notif__empty\">{empty}</div>\n            ) : (\n              notifications.map((n) => (\n                <button\n                  key={n.id}\n                  type=\"button\"\n                  className={cx('notif__item', !n.read && 'is-unread')}\n                  onClick={() => { n.onClick?.(); setOpen(false); }}\n                >\n                  <span className={cx('notif__dot', `notif__dot--${n.tone ?? 'info'}`)} aria-hidden=\"true\" />\n                  <div className=\"notif__body\">\n                    <div className=\"notif__item-title\">{n.title}</div>\n                    {n.description && <div className=\"notif__item-desc\">{n.description}</div>}\n                    {n.timestamp && <div className=\"notif__time\">{n.timestamp}</div>}\n                  </div>\n                </button>\n              ))\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Notifications.tsx"],"names":[],"mappings":"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","file":"chunk-R6XMFBVH.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Bell } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\nexport type NotificationTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationItem {\n  id: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  tone?: NotificationTone;\n  timestamp?: React.ReactNode;\n  read?: boolean;\n  onClick?: () => void;\n}\n\nexport interface NotificationCenterProps {\n  notifications: NotificationItem[];\n  onMarkAllRead?: () => void;\n  onClearAll?: () => void;\n  emptyMessage?: React.ReactNode;\n  /** Custom trigger element. Si se pasa, reemplaza el botón con bell. */\n  trigger?: React.ReactElement;\n  className?: string;\n}\n\nexport function NotificationCenter({\n  notifications, onMarkAllRead, onClearAll,\n  emptyMessage,\n  trigger, className,\n}: NotificationCenterProps) {\n  const [open, setOpen] = React.useState(false);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const t = useLocale();\n  const unread = notifications.filter((n) => !n.read).length;\n  const empty = emptyMessage ?? t['notifications.empty'];\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpen(false); };\n    document.addEventListener('mousedown', onClick);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onClick);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  const triggerEl = trigger ? React.cloneElement(trigger, {\n    onClick: (e: React.MouseEvent) => {\n      trigger.props.onClick?.(e);\n      setOpen((o) => !o);\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': open,\n  }) : (\n    <button\n      type=\"button\"\n      className=\"notif__trigger\"\n      aria-label={`${t['notifications.button']}${unread > 0 ? format(t['notifications.unreadSuffix'], { n: unread }) : ''}`}\n      aria-haspopup=\"dialog\"\n      aria-expanded={open}\n      onClick={() => setOpen((o) => !o)}\n    >\n      <Bell size={20} />\n      {unread > 0 && <span className=\"notif__badge\" aria-hidden=\"true\">{unread > 99 ? '99+' : unread}</span>}\n    </button>\n  );\n\n  return (\n    <div ref={ref} className={cx('notif', className)}>\n      {triggerEl}\n      {open && (\n        <div className=\"notif__panel\" role=\"dialog\" aria-label={t['notifications.panel']}>\n          <div className=\"notif__head\">\n            <span className=\"notif__title\">{t['notifications.title']}</span>\n            {notifications.length > 0 && (\n              <div className=\"notif__head-actions\">\n                {onMarkAllRead && unread > 0 && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onMarkAllRead}>\n                    {t['notifications.markAllRead']}\n                  </button>\n                )}\n                {onClearAll && (\n                  <button type=\"button\" className=\"notif__action\" onClick={onClearAll}>\n                    {t['notifications.clear']}\n                  </button>\n                )}\n              </div>\n            )}\n          </div>\n          <div className=\"notif__list\">\n            {notifications.length === 0 ? (\n              <div className=\"notif__empty\">{empty}</div>\n            ) : (\n              notifications.map((n) => (\n                <button\n                  key={n.id}\n                  type=\"button\"\n                  className={cx('notif__item', !n.read && 'is-unread')}\n                  onClick={() => { n.onClick?.(); setOpen(false); }}\n                >\n                  <span className={cx('notif__dot', `notif__dot--${n.tone ?? 'info'}`)} aria-hidden=\"true\" />\n                  <div className=\"notif__body\">\n                    <div className=\"notif__item-title\">{n.title}</div>\n                    {n.description && <div className=\"notif__item-desc\">{n.description}</div>}\n                    {n.timestamp && <div className=\"notif__time\">{n.timestamp}</div>}\n                  </div>\n                </button>\n              ))\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-J3J6LCHJ.js → chunk-TIO7MIUN.js}

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunkSW3ACUKK_js = require('./chunk-SW3ACUKK.js');
+var chunk7I5LFBQR_js = require('./chunk-7I5LFBQR.js');
 var chunkWAGWB35Q_js = require('./chunk-WAGWB35Q.js');
 var chunkEUB4PHPI_js = require('./chunk-EUB4PHPI.js');
 var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
@@ -99,7 +99,7 @@ function Tooltip({ label, children, side = "top" }) {
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open]);
-  const pos = chunkSW3ACUKK_js.usePopoverPosition(wrapRef, bubbleRef, {
+  const pos = chunk7I5LFBQR_js.usePopoverPosition(wrapRef, bubbleRef, {
     open,
     side,
     align: "center",
@@ -277,5 +277,5 @@ exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Tooltip = Tooltip;
 exports.VStack = VStack;
-//# sourceMappingURL=chunk-J3J6LCHJ.js.map
-//# sourceMappingURL=chunk-J3J6LCHJ.js.map
+//# sourceMappingURL=chunk-TIO7MIUN.js.map
+//# sourceMappingURL=chunk-TIO7MIUN.js.map

package/dist/{chunk-J3J6LCHJ.js.map → chunk-TIO7MIUN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Layout.tsx"],"names":["React","jsx","cx","Table","usePopoverPosition","jsxs","Portal","Divider","Separator","Stack","HStack","VStack","Fragment","ListGroup","ListGroupItem","Check"],"mappings":"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","file":"chunk-J3J6LCHJ.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Check } from './Icons';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { Separator } from './Primitives';\n\n// ---------- Tabs ---------------------------------------------------------\ninterface TabsContextValue {\n  value: string;\n  setValue: (v: string) => void;\n}\nconst TabsContext = React.createContext<TabsContextValue | null>(null);\n\nexport interface TabsProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (v: string) => void;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Tabs({ value, defaultValue, onChange, children, className }: TabsProps) {\n  const [internal, setInternal] = React.useState(defaultValue ?? '');\n  const v = value ?? internal;\n  const setV = (next: string) => {\n    if (value === undefined) setInternal(next);\n    onChange?.(next);\n  };\n  return (\n    <TabsContext.Provider value={{ value: v, setValue: setV }}>\n      <div className={cx('tabs', className)}>{children}</div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabList({ children, className }: { children: React.ReactNode; className?: string }) {\n  return <div role=\"tablist\" className={cx('tabs__list', className)}>{children}</div>;\n}\n\nexport interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\nexport function Tab({ value, className, children, ...rest }: TabProps) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<Tab> must be used inside <Tabs>');\n  const active = ctx.value === value;\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={active}\n      className={cx('tabs__tab', active && 'is-active', className)}\n      onClick={() => ctx.setValue(value)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabPanel({ value, children, className }: { value: string; children: React.ReactNode; className?: string }) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<TabPanel> must be used inside <Tabs>');\n  if (ctx.value !== value) return null;\n  return <div role=\"tabpanel\" className={cx('tabs__panel', className)}>{children}</div>;\n}\n\n// ---------- Table --------------------------------------------------------\nexport const Table = React.forwardRef<HTMLTableElement, React.TableHTMLAttributes<HTMLTableElement>>(\n  function Table({ className, ...rest }, ref) {\n    return (\n      <div className=\"table-wrap\">\n        <table ref={ref} className={cx('table', className)} {...rest} />\n      </div>\n    );\n  }\n);\n\n// ---------- Tooltip (CSS hover) ------------------------------------------\nexport interface TooltipProps {\n  label: React.ReactNode;\n  children: React.ReactElement;\n  side?: 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport function Tooltip({ label, children, side = 'top' }: TooltipProps) {\n  const [open, setOpen] = React.useState(false);\n  const wrapRef = React.useRef<HTMLSpanElement>(null);\n  const bubbleRef = React.useRef<HTMLSpanElement>(null);\n  const reactId = React.useId();\n  const bubbleId = `${reactId}-tooltip`;\n  const openTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clear = () => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  };\n  const show = () => {\n    clear();\n    openTimer.current = setTimeout(() => setOpen(true), 150);\n  };\n  const hide = () => {\n    clear();\n    closeTimer.current = setTimeout(() => setOpen(false), 80);\n  };\n\n  React.useEffect(() => () => clear(), []);\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n    document.addEventListener('keydown', onKey);\n    return () => document.removeEventListener('keydown', onKey);\n  }, [open]);\n\n  const pos = usePopoverPosition(wrapRef, bubbleRef, {\n    open,\n    side,\n    align: 'center',\n    offset: 8,\n  });\n\n  const child = React.cloneElement(children, {\n    'aria-describedby': open ? bubbleId : children.props['aria-describedby'],\n  });\n\n  return (\n    <span\n      ref={wrapRef}\n      className={cx('tooltip', `tooltip--${side}`)}\n      onMouseEnter={show}\n      onMouseLeave={hide}\n      onFocus={show}\n      onBlur={hide}\n    >\n      {child}\n      {open && (\n        <Portal>\n          <span\n            ref={bubbleRef}\n            id={bubbleId}\n            role=\"tooltip\"\n            className={cx('tooltip__bubble', 'is-floating')}\n            style={{\n              position: 'fixed',\n              top: pos.top,\n              left: pos.left,\n              opacity: pos.ready ? 1 : 0,\n              visibility: pos.ready ? 'visible' : 'hidden',\n            }}\n          >\n            {label}\n          </span>\n        </Portal>\n      )}\n    </span>\n  );\n}\n\n// ---------- Divider ------------------------------------------------------\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\n/**\n * @deprecated Use `Separator` instead. `Divider` is a non-breaking alias kept\n * for existing consumers: it delegates to `Separator` with `decorative={false}`\n * (preserving the original `role=\"separator\"` semantics) and keeps emitting the\n * legacy `divider` / `divider--vertical` classes so styling is unchanged. New\n * code should import `Separator`.\n */\nexport const Divider = React.forwardRef<HTMLDivElement, DividerProps>(function Divider(\n  { orientation = 'horizontal', className, ...rest },\n  ref\n) {\n  return (\n    <Separator\n      ref={ref}\n      orientation={orientation}\n      decorative={false}\n      className={cx('divider', orientation === 'vertical' && 'divider--vertical', className)}\n      {...rest}\n    />\n  );\n});\n\n// ---------- Stack / HStack / VStack -------------------------------------\ntype SpaceToken = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24;\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'row' | 'column';\n  gap?: SpaceToken;\n  align?: React.CSSProperties['alignItems'];\n  justify?: React.CSSProperties['justifyContent'];\n  wrap?: boolean;\n  inline?: boolean;\n}\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(\n  { direction = 'column', gap = 4, align, justify, wrap, inline, className, style, ...rest },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('stack', className)}\n      style={{\n        display: inline ? 'inline-flex' : 'flex',\n        flexDirection: direction,\n        gap: `var(--space-${gap})`,\n        alignItems: align,\n        justifyContent: justify,\n        flexWrap: wrap ? 'wrap' : undefined,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n});\n\nexport const HStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function HStack(props, ref) {\n    return <Stack ref={ref} direction=\"row\" align={props.align ?? 'center'} {...props} />;\n  }\n);\n\nexport const VStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function VStack(props, ref) {\n    return <Stack ref={ref} direction=\"column\" {...props} />;\n  }\n);\n\n// ---------- Container ----------------------------------------------------\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nconst CONTAINER_MAX = { sm: 640, md: 768, lg: 1024, xl: 1280, full: '100%' };\n\nexport function Container({ size = 'lg', className, style, ...rest }: ContainerProps) {\n  return (\n    <div\n      className={cx('container', `container--${size}`, className)}\n      style={{\n        width: '100%',\n        maxWidth: CONTAINER_MAX[size],\n        marginInline: 'auto',\n        paddingInline: 'var(--space-4)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Grid ---------------------------------------------------------\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: number | string;\n  gap?: SpaceToken;\n  minColWidth?: number | string;\n}\n\nexport function Grid({ columns, gap = 4, minColWidth, className, style, ...rest }: GridProps) {\n  const tpl = minColWidth\n    ? `repeat(auto-fit, minmax(${typeof minColWidth === 'number' ? `${minColWidth}px` : minColWidth}, 1fr))`\n    : typeof columns === 'number'\n      ? `repeat(${columns}, minmax(0, 1fr))`\n      : columns ?? 'repeat(12, minmax(0, 1fr))';\n  return (\n    <div\n      className={cx('grid', className)}\n      style={{\n        display: 'grid',\n        gridTemplateColumns: tpl,\n        gap: `var(--space-${gap})`,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- KeyValue ----------------------------------------------------\nexport interface KeyValueProps extends React.HTMLAttributes<HTMLDListElement> {\n  /** Override del ancho de la columna de keys (default 200px) */\n  keyWidth?: number | string;\n}\n\nexport function KeyValue({ keyWidth, className, style, ...rest }: KeyValueProps) {\n  return (\n    <dl\n      className={cx('kv', className)}\n      style={keyWidth ? { gridTemplateColumns: `${typeof keyWidth === 'number' ? `${keyWidth}px` : keyWidth} 1fr`, ...style } : style}\n      {...rest}\n    />\n  );\n}\n\nexport interface KeyValueRowProps {\n  label: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport function KeyValueRow({ label, children }: KeyValueRowProps) {\n  return (\n    <>\n      <dt className=\"kv__k\">{label}</dt>\n      <dd className=\"kv__v\">{children}</dd>\n    </>\n  );\n}\n\n// ---------- ListGroup ---------------------------------------------------\nexport const ListGroup = React.forwardRef<HTMLUListElement, React.HTMLAttributes<HTMLUListElement>>(\n  function ListGroup({ className, ...rest }, ref) {\n    return <ul ref={ref} className={cx('list-group', className)} {...rest} />;\n  }\n);\n\nexport interface ListGroupItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  interactive?: boolean;\n}\n\nexport const ListGroupItem = React.forwardRef<HTMLLIElement, ListGroupItemProps>(\n  function ListGroupItem({ interactive, className, ...rest }, ref) {\n    return (\n      <li\n        ref={ref}\n        className={cx('list-group__item', interactive && 'list-group__item--interactive', className)}\n        {...rest}\n      />\n    );\n  }\n);\n\n// ---------- Stepper ------------------------------------------------------\nexport interface StepperProps {\n  steps: Array<{ label: string; description?: string }>;\n  current: number;\n  className?: string;\n}\n\nexport function Stepper({ steps, current, className }: StepperProps) {\n  return (\n    <ol className={cx('stepper', className)}>\n      {steps.map((s, i) => {\n        const state = i < current ? 'is-done' : i === current ? 'is-current' : '';\n        return (\n          <li key={i} className={cx('stepper__item', state)}>\n            <span className=\"stepper__circle\">{i < current ? <Check size={16} /> : i + 1}</span>\n            <div>\n              <div className=\"stepper__label\">{s.label}</div>\n              {s.description && <div className=\"stepper__desc\">{s.description}</div>}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Layout.tsx"],"names":["React","jsx","cx","Table","usePopoverPosition","jsxs","Portal","Divider","Separator","Stack","HStack","VStack","Fragment","ListGroup","ListGroupItem","Check"],"mappings":"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","file":"chunk-TIO7MIUN.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Check } from './Icons';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { Separator } from './Primitives';\n\n// ---------- Tabs ---------------------------------------------------------\ninterface TabsContextValue {\n  value: string;\n  setValue: (v: string) => void;\n}\nconst TabsContext = React.createContext<TabsContextValue | null>(null);\n\nexport interface TabsProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (v: string) => void;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Tabs({ value, defaultValue, onChange, children, className }: TabsProps) {\n  const [internal, setInternal] = React.useState(defaultValue ?? '');\n  const v = value ?? internal;\n  const setV = (next: string) => {\n    if (value === undefined) setInternal(next);\n    onChange?.(next);\n  };\n  return (\n    <TabsContext.Provider value={{ value: v, setValue: setV }}>\n      <div className={cx('tabs', className)}>{children}</div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabList({ children, className }: { children: React.ReactNode; className?: string }) {\n  return <div role=\"tablist\" className={cx('tabs__list', className)}>{children}</div>;\n}\n\nexport interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\nexport function Tab({ value, className, children, ...rest }: TabProps) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<Tab> must be used inside <Tabs>');\n  const active = ctx.value === value;\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={active}\n      className={cx('tabs__tab', active && 'is-active', className)}\n      onClick={() => ctx.setValue(value)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabPanel({ value, children, className }: { value: string; children: React.ReactNode; className?: string }) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<TabPanel> must be used inside <Tabs>');\n  if (ctx.value !== value) return null;\n  return <div role=\"tabpanel\" className={cx('tabs__panel', className)}>{children}</div>;\n}\n\n// ---------- Table --------------------------------------------------------\nexport const Table = React.forwardRef<HTMLTableElement, React.TableHTMLAttributes<HTMLTableElement>>(\n  function Table({ className, ...rest }, ref) {\n    return (\n      <div className=\"table-wrap\">\n        <table ref={ref} className={cx('table', className)} {...rest} />\n      </div>\n    );\n  }\n);\n\n// ---------- Tooltip (CSS hover) ------------------------------------------\nexport interface TooltipProps {\n  label: React.ReactNode;\n  children: React.ReactElement;\n  side?: 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport function Tooltip({ label, children, side = 'top' }: TooltipProps) {\n  const [open, setOpen] = React.useState(false);\n  const wrapRef = React.useRef<HTMLSpanElement>(null);\n  const bubbleRef = React.useRef<HTMLSpanElement>(null);\n  const reactId = React.useId();\n  const bubbleId = `${reactId}-tooltip`;\n  const openTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clear = () => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  };\n  const show = () => {\n    clear();\n    openTimer.current = setTimeout(() => setOpen(true), 150);\n  };\n  const hide = () => {\n    clear();\n    closeTimer.current = setTimeout(() => setOpen(false), 80);\n  };\n\n  React.useEffect(() => () => clear(), []);\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n    document.addEventListener('keydown', onKey);\n    return () => document.removeEventListener('keydown', onKey);\n  }, [open]);\n\n  const pos = usePopoverPosition(wrapRef, bubbleRef, {\n    open,\n    side,\n    align: 'center',\n    offset: 8,\n  });\n\n  const child = React.cloneElement(children, {\n    'aria-describedby': open ? bubbleId : children.props['aria-describedby'],\n  });\n\n  return (\n    <span\n      ref={wrapRef}\n      className={cx('tooltip', `tooltip--${side}`)}\n      onMouseEnter={show}\n      onMouseLeave={hide}\n      onFocus={show}\n      onBlur={hide}\n    >\n      {child}\n      {open && (\n        <Portal>\n          <span\n            ref={bubbleRef}\n            id={bubbleId}\n            role=\"tooltip\"\n            className={cx('tooltip__bubble', 'is-floating')}\n            style={{\n              position: 'fixed',\n              top: pos.top,\n              left: pos.left,\n              opacity: pos.ready ? 1 : 0,\n              visibility: pos.ready ? 'visible' : 'hidden',\n            }}\n          >\n            {label}\n          </span>\n        </Portal>\n      )}\n    </span>\n  );\n}\n\n// ---------- Divider ------------------------------------------------------\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\n/**\n * @deprecated Use `Separator` instead. `Divider` is a non-breaking alias kept\n * for existing consumers: it delegates to `Separator` with `decorative={false}`\n * (preserving the original `role=\"separator\"` semantics) and keeps emitting the\n * legacy `divider` / `divider--vertical` classes so styling is unchanged. New\n * code should import `Separator`.\n */\nexport const Divider = React.forwardRef<HTMLDivElement, DividerProps>(function Divider(\n  { orientation = 'horizontal', className, ...rest },\n  ref\n) {\n  return (\n    <Separator\n      ref={ref}\n      orientation={orientation}\n      decorative={false}\n      className={cx('divider', orientation === 'vertical' && 'divider--vertical', className)}\n      {...rest}\n    />\n  );\n});\n\n// ---------- Stack / HStack / VStack -------------------------------------\ntype SpaceToken = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24;\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'row' | 'column';\n  gap?: SpaceToken;\n  align?: React.CSSProperties['alignItems'];\n  justify?: React.CSSProperties['justifyContent'];\n  wrap?: boolean;\n  inline?: boolean;\n}\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(\n  { direction = 'column', gap = 4, align, justify, wrap, inline, className, style, ...rest },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('stack', className)}\n      style={{\n        display: inline ? 'inline-flex' : 'flex',\n        flexDirection: direction,\n        gap: `var(--space-${gap})`,\n        alignItems: align,\n        justifyContent: justify,\n        flexWrap: wrap ? 'wrap' : undefined,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n});\n\nexport const HStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function HStack(props, ref) {\n    return <Stack ref={ref} direction=\"row\" align={props.align ?? 'center'} {...props} />;\n  }\n);\n\nexport const VStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function VStack(props, ref) {\n    return <Stack ref={ref} direction=\"column\" {...props} />;\n  }\n);\n\n// ---------- Container ----------------------------------------------------\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nconst CONTAINER_MAX = { sm: 640, md: 768, lg: 1024, xl: 1280, full: '100%' };\n\nexport function Container({ size = 'lg', className, style, ...rest }: ContainerProps) {\n  return (\n    <div\n      className={cx('container', `container--${size}`, className)}\n      style={{\n        width: '100%',\n        maxWidth: CONTAINER_MAX[size],\n        marginInline: 'auto',\n        paddingInline: 'var(--space-4)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Grid ---------------------------------------------------------\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: number | string;\n  gap?: SpaceToken;\n  minColWidth?: number | string;\n}\n\nexport function Grid({ columns, gap = 4, minColWidth, className, style, ...rest }: GridProps) {\n  const tpl = minColWidth\n    ? `repeat(auto-fit, minmax(${typeof minColWidth === 'number' ? `${minColWidth}px` : minColWidth}, 1fr))`\n    : typeof columns === 'number'\n      ? `repeat(${columns}, minmax(0, 1fr))`\n      : columns ?? 'repeat(12, minmax(0, 1fr))';\n  return (\n    <div\n      className={cx('grid', className)}\n      style={{\n        display: 'grid',\n        gridTemplateColumns: tpl,\n        gap: `var(--space-${gap})`,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- KeyValue ----------------------------------------------------\nexport interface KeyValueProps extends React.HTMLAttributes<HTMLDListElement> {\n  /** Override del ancho de la columna de keys (default 200px) */\n  keyWidth?: number | string;\n}\n\nexport function KeyValue({ keyWidth, className, style, ...rest }: KeyValueProps) {\n  return (\n    <dl\n      className={cx('kv', className)}\n      style={keyWidth ? { gridTemplateColumns: `${typeof keyWidth === 'number' ? `${keyWidth}px` : keyWidth} 1fr`, ...style } : style}\n      {...rest}\n    />\n  );\n}\n\nexport interface KeyValueRowProps {\n  label: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport function KeyValueRow({ label, children }: KeyValueRowProps) {\n  return (\n    <>\n      <dt className=\"kv__k\">{label}</dt>\n      <dd className=\"kv__v\">{children}</dd>\n    </>\n  );\n}\n\n// ---------- ListGroup ---------------------------------------------------\nexport const ListGroup = React.forwardRef<HTMLUListElement, React.HTMLAttributes<HTMLUListElement>>(\n  function ListGroup({ className, ...rest }, ref) {\n    return <ul ref={ref} className={cx('list-group', className)} {...rest} />;\n  }\n);\n\nexport interface ListGroupItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  interactive?: boolean;\n}\n\nexport const ListGroupItem = React.forwardRef<HTMLLIElement, ListGroupItemProps>(\n  function ListGroupItem({ interactive, className, ...rest }, ref) {\n    return (\n      <li\n        ref={ref}\n        className={cx('list-group__item', interactive && 'list-group__item--interactive', className)}\n        {...rest}\n      />\n    );\n  }\n);\n\n// ---------- Stepper ------------------------------------------------------\nexport interface StepperProps {\n  steps: Array<{ label: string; description?: string }>;\n  current: number;\n  className?: string;\n}\n\nexport function Stepper({ steps, current, className }: StepperProps) {\n  return (\n    <ol className={cx('stepper', className)}>\n      {steps.map((s, i) => {\n        const state = i < current ? 'is-done' : i === current ? 'is-current' : '';\n        return (\n          <li key={i} className={cx('stepper__item', state)}>\n            <span className=\"stepper__circle\">{i < current ? <Check size={16} /> : i + 1}</span>\n            <div>\n              <div className=\"stepper__label\">{s.label}</div>\n              {s.description && <div className=\"stepper__desc\">{s.description}</div>}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"]}