@misael703/ui 1.17.0 → 1.18.1

package/dist/{chunk-VCBVLG3Q.js.map → chunk-YELYJNK3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menubar.tsx"],"names":["React","usePopoverPosition","useDismiss","cx","jsxs","jsx","Portal"],"mappings":"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","file":"chunk-VCBVLG3Q.js","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":["React","usePopoverPosition","useDismiss","cx","jsxs","jsx","Portal"],"mappings":"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","file":"chunk-YELYJNK3.js","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-VFZ2X655.mjs → chunk-YZMUANQD.mjs}

@@ -1,7 +1,7 @@
 'use client';
+import { Portal } from './chunk-FKBQYQQD.mjs';
 import { useDismiss } from './chunk-6P2TKRTL.mjs';
 import { usePopoverPosition } from './chunk-PRML6VEF.mjs';
-import { Portal } from './chunk-FKBQYQQD.mjs';
 import { ChevronDown } from './chunk-CIBJKJV3.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
@@ -173,5 +173,5 @@ function NavigationMenu({ items, className, ariaLabel = "Navegaci\xF3n principal
 }
 
 export { NavigationMenu };
-//# sourceMappingURL=chunk-VFZ2X655.mjs.map
-//# sourceMappingURL=chunk-VFZ2X655.mjs.map
+//# sourceMappingURL=chunk-YZMUANQD.mjs.map
+//# sourceMappingURL=chunk-YZMUANQD.mjs.map

package/dist/{chunk-VFZ2X655.mjs.map → chunk-YZMUANQD.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavigationMenu.tsx"],"names":[],"mappings":"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","file":"chunk-VFZ2X655.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown } from './Icons';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\n\nexport interface NavLink {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface NavMenuItem {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  links?: NavLink[];\n  featured?: NavLink;\n}\n\nexport interface NavigationMenuProps {\n  items: NavMenuItem[];\n  className?: string;\n  ariaLabel?: string;\n  linkAs?: (link: NavLink, content: React.ReactNode, className: string) => React.ReactNode;\n  rootLinkAs?: (item: NavMenuItem, content: React.ReactNode, className: string) => React.ReactNode;\n}\n\nexport function NavigationMenu({ items, className, ariaLabel = 'Navegación principal', linkAs, rootLinkAs }: NavigationMenuProps) {\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  // When the panel was opened by keyboard we move focus into it; pointer\n  // (click/hover) opens leave focus with the user's cursor.\n  const focusOnOpen = React.useRef(false);\n  const rootRef = React.useRef<HTMLElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  // The currently-open trigger; usePopoverPosition anchors to this and\n  // focus returns here on close. One panel is open at a time, so a single\n  // anchor ref is correct (see todo.md risk note).\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const triggerRefs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n\n  const open = openId !== null;\n\n  const pos = usePopoverPosition(anchorRef, panelRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 8,\n  });\n\n  // Outside-click closes; Escape is handled on the panel so it can also\n  // return focus to the trigger (WAI-ARIA disclosure/menu pattern).\n  useDismiss({\n    open,\n    onDismiss: () => setOpenId(null),\n    refs: [rootRef, panelRef],\n    closeOnEscape: false,\n  });\n\n  const closeAndFocusTrigger = () => {\n    const id = openId;\n    setOpenId(null);\n    if (id) triggerRefs.current[id]?.focus();\n  };\n\n  // `.nav-menu__link` is applied to every link node (default <a> and the\n  // `linkAs` render-prop alike), so querying by class manages focus\n  // uniformly regardless of how the consumer renders links.\n  const panelLinks = (): HTMLElement[] =>\n    Array.from(panelRef.current?.querySelectorAll<HTMLElement>('.nav-menu__link') ?? []);\n\n  const focusLinkAt = (index: number) => {\n    const links = panelLinks();\n    if (links.length === 0) return;\n    const wrapped = ((index % links.length) + links.length) % links.length;\n    links[wrapped]?.focus();\n  };\n\n  React.useEffect(() => {\n    if (open && focusOnOpen.current) {\n      focusOnOpen.current = false;\n      focusLinkAt(0);\n    }\n  }, [open]);\n\n  const onPanelKeyDown = (e: React.KeyboardEvent) => {\n    const links = panelLinks();\n    const current = links.indexOf(document.activeElement as HTMLElement);\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      focusLinkAt(current + 1);\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      focusLinkAt(current - 1);\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      focusLinkAt(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      focusLinkAt(links.length - 1);\n    }\n  };\n\n  return (\n    <nav ref={rootRef} aria-label={ariaLabel} className={cx('nav-menu', className)}>\n      <ul className=\"nav-menu__list\">\n        {items.map((item) => {\n          const hasChildren = !!item.links?.length;\n          const isOpen = openId === item.id;\n          const triggerCls = cx('nav-menu__trigger', isOpen && 'is-open');\n          const content = (\n            <>\n              <span>{item.label}</span>\n              {hasChildren && <ChevronDown size={14} className=\"nav-menu__chevron\" />}\n            </>\n          );\n\n          return (\n            <li key={item.id} className=\"nav-menu__item\">\n              {hasChildren ? (\n                <button\n                  type=\"button\"\n                  ref={(el) => { triggerRefs.current[item.id] = el; }}\n                  className={triggerCls}\n                  aria-expanded={isOpen}\n                  aria-haspopup=\"menu\"\n                  onClick={(e) => {\n                    if (isOpen) { setOpenId(null); return; }\n                    anchorRef.current = e.currentTarget;\n                    focusOnOpen.current = false;\n                    setOpenId(item.id);\n                  }}\n                  onMouseEnter={(e) => {\n                    if (!openId) return;\n                    anchorRef.current = e.currentTarget;\n                    focusOnOpen.current = false;\n                    setOpenId(item.id);\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      if (isOpen) { focusLinkAt(0); return; }\n                      anchorRef.current = e.currentTarget;\n                      focusOnOpen.current = true;\n                      setOpenId(item.id);\n                    } else if (e.key === 'Escape' && isOpen) {\n                      e.preventDefault();\n                      setOpenId(null);\n                    }\n                  }}\n                >\n                  {content}\n                </button>\n              ) : rootLinkAs && item.href ? (\n                rootLinkAs(item, content, triggerCls)\n              ) : (\n                <a className={triggerCls} href={item.href}>\n                  {content}\n                </a>\n              )}\n              {hasChildren && isOpen && (\n                <Portal>\n                  <div\n                    ref={panelRef}\n                    className=\"nav-menu__panel\"\n                    role=\"menu\"\n                    aria-label={typeof item.label === 'string' ? item.label : undefined}\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                    {item.featured && (\n                      <div className=\"nav-menu__featured\">\n                        <strong>{item.featured.label}</strong>\n                        {item.featured.description && <p>{item.featured.description}</p>}\n                      </div>\n                    )}\n                    <ul className=\"nav-menu__sublist\">\n                      {item.links!.map((link) => {\n                        const linkCls = 'nav-menu__link';\n                        const linkContent = (\n                          <>\n                            {link.icon && <span className=\"nav-menu__link-icon\">{link.icon}</span>}\n                            <span className=\"nav-menu__link-body\">\n                              <span className=\"nav-menu__link-label\">{link.label}</span>\n                              {link.description && <span className=\"nav-menu__link-desc\">{link.description}</span>}\n                            </span>\n                          </>\n                        );\n                        return (\n                          <li key={link.id} role=\"none\">\n                            {linkAs ? (\n                              linkAs(link, linkContent, linkCls)\n                            ) : (\n                              <a\n                                role=\"menuitem\"\n                                tabIndex={-1}\n                                className={linkCls}\n                                href={link.href}\n                                onClick={(e) => {\n                                  if (link.onClick) {\n                                    e.preventDefault();\n                                    link.onClick();\n                                  }\n                                  closeAndFocusTrigger();\n                                }}\n                              >\n                                {linkContent}\n                              </a>\n                            )}\n                          </li>\n                        );\n                      })}\n                    </ul>\n                  </div>\n                </Portal>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/NavigationMenu.tsx"],"names":[],"mappings":"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","file":"chunk-YZMUANQD.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown } from './Icons';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\n\nexport interface NavLink {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface NavMenuItem {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  links?: NavLink[];\n  featured?: NavLink;\n}\n\nexport interface NavigationMenuProps {\n  items: NavMenuItem[];\n  className?: string;\n  ariaLabel?: string;\n  linkAs?: (link: NavLink, content: React.ReactNode, className: string) => React.ReactNode;\n  rootLinkAs?: (item: NavMenuItem, content: React.ReactNode, className: string) => React.ReactNode;\n}\n\nexport function NavigationMenu({ items, className, ariaLabel = 'Navegación principal', linkAs, rootLinkAs }: NavigationMenuProps) {\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  // When the panel was opened by keyboard we move focus into it; pointer\n  // (click/hover) opens leave focus with the user's cursor.\n  const focusOnOpen = React.useRef(false);\n  const rootRef = React.useRef<HTMLElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  // The currently-open trigger; usePopoverPosition anchors to this and\n  // focus returns here on close. One panel is open at a time, so a single\n  // anchor ref is correct (see todo.md risk note).\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const triggerRefs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n\n  const open = openId !== null;\n\n  const pos = usePopoverPosition(anchorRef, panelRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 8,\n  });\n\n  // Outside-click closes; Escape is handled on the panel so it can also\n  // return focus to the trigger (WAI-ARIA disclosure/menu pattern).\n  useDismiss({\n    open,\n    onDismiss: () => setOpenId(null),\n    refs: [rootRef, panelRef],\n    closeOnEscape: false,\n  });\n\n  const closeAndFocusTrigger = () => {\n    const id = openId;\n    setOpenId(null);\n    if (id) triggerRefs.current[id]?.focus();\n  };\n\n  // `.nav-menu__link` is applied to every link node (default <a> and the\n  // `linkAs` render-prop alike), so querying by class manages focus\n  // uniformly regardless of how the consumer renders links.\n  const panelLinks = (): HTMLElement[] =>\n    Array.from(panelRef.current?.querySelectorAll<HTMLElement>('.nav-menu__link') ?? []);\n\n  const focusLinkAt = (index: number) => {\n    const links = panelLinks();\n    if (links.length === 0) return;\n    const wrapped = ((index % links.length) + links.length) % links.length;\n    links[wrapped]?.focus();\n  };\n\n  React.useEffect(() => {\n    if (open && focusOnOpen.current) {\n      focusOnOpen.current = false;\n      focusLinkAt(0);\n    }\n  }, [open]);\n\n  const onPanelKeyDown = (e: React.KeyboardEvent) => {\n    const links = panelLinks();\n    const current = links.indexOf(document.activeElement as HTMLElement);\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      focusLinkAt(current + 1);\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      focusLinkAt(current - 1);\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      focusLinkAt(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      focusLinkAt(links.length - 1);\n    }\n  };\n\n  return (\n    <nav ref={rootRef} aria-label={ariaLabel} className={cx('nav-menu', className)}>\n      <ul className=\"nav-menu__list\">\n        {items.map((item) => {\n          const hasChildren = !!item.links?.length;\n          const isOpen = openId === item.id;\n          const triggerCls = cx('nav-menu__trigger', isOpen && 'is-open');\n          const content = (\n            <>\n              <span>{item.label}</span>\n              {hasChildren && <ChevronDown size={14} className=\"nav-menu__chevron\" />}\n            </>\n          );\n\n          return (\n            <li key={item.id} className=\"nav-menu__item\">\n              {hasChildren ? (\n                <button\n                  type=\"button\"\n                  ref={(el) => { triggerRefs.current[item.id] = el; }}\n                  className={triggerCls}\n                  aria-expanded={isOpen}\n                  aria-haspopup=\"menu\"\n                  onClick={(e) => {\n                    if (isOpen) { setOpenId(null); return; }\n                    anchorRef.current = e.currentTarget;\n                    focusOnOpen.current = false;\n                    setOpenId(item.id);\n                  }}\n                  onMouseEnter={(e) => {\n                    if (!openId) return;\n                    anchorRef.current = e.currentTarget;\n                    focusOnOpen.current = false;\n                    setOpenId(item.id);\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      if (isOpen) { focusLinkAt(0); return; }\n                      anchorRef.current = e.currentTarget;\n                      focusOnOpen.current = true;\n                      setOpenId(item.id);\n                    } else if (e.key === 'Escape' && isOpen) {\n                      e.preventDefault();\n                      setOpenId(null);\n                    }\n                  }}\n                >\n                  {content}\n                </button>\n              ) : rootLinkAs && item.href ? (\n                rootLinkAs(item, content, triggerCls)\n              ) : (\n                <a className={triggerCls} href={item.href}>\n                  {content}\n                </a>\n              )}\n              {hasChildren && isOpen && (\n                <Portal>\n                  <div\n                    ref={panelRef}\n                    className=\"nav-menu__panel\"\n                    role=\"menu\"\n                    aria-label={typeof item.label === 'string' ? item.label : undefined}\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                    {item.featured && (\n                      <div className=\"nav-menu__featured\">\n                        <strong>{item.featured.label}</strong>\n                        {item.featured.description && <p>{item.featured.description}</p>}\n                      </div>\n                    )}\n                    <ul className=\"nav-menu__sublist\">\n                      {item.links!.map((link) => {\n                        const linkCls = 'nav-menu__link';\n                        const linkContent = (\n                          <>\n                            {link.icon && <span className=\"nav-menu__link-icon\">{link.icon}</span>}\n                            <span className=\"nav-menu__link-body\">\n                              <span className=\"nav-menu__link-label\">{link.label}</span>\n                              {link.description && <span className=\"nav-menu__link-desc\">{link.description}</span>}\n                            </span>\n                          </>\n                        );\n                        return (\n                          <li key={link.id} role=\"none\">\n                            {linkAs ? (\n                              linkAs(link, linkContent, linkCls)\n                            ) : (\n                              <a\n                                role=\"menuitem\"\n                                tabIndex={-1}\n                                className={linkCls}\n                                href={link.href}\n                                onClick={(e) => {\n                                  if (link.onClick) {\n                                    e.preventDefault();\n                                    link.onClick();\n                                  }\n                                  closeAndFocusTrigger();\n                                }}\n                              >\n                                {linkContent}\n                              </a>\n                            )}\n                          </li>\n                        );\n                      })}\n                    </ul>\n                  </div>\n                </Portal>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/dist/{chunk-IKGW7HHG.js → chunk-ZGJ6VFJD.js}

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunk56NJXIH7_js = require('./chunk-56NJXIH7.js');
+var chunkBHNVAG53_js = require('./chunk-BHNVAG53.js');
 var chunkDFQLWCIC_js = require('./chunk-DFQLWCIC.js');
 var chunk4VMQLSHV_js = require('./chunk-4VMQLSHV.js');
 var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
@@ -49,7 +49,7 @@ function CommentThread({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("comments", className), ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "comments__list", children: comments.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: chunkPASF6T4H_js.cx("comment", c.internal && "comment--internal"), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunk56NJXIH7_js.Avatar, { name: c.author.name, src: c.author.avatarSrc, size: 32 }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkBHNVAG53_js.Avatar, { name: c.author.name, src: c.author.avatarSrc, size: 32 }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "comment__body", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "comment__head", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "comment__author", children: c.author.name }),
@@ -113,5 +113,5 @@ var _internal = { X: chunkRQOTH7I7_js.X };
 exports.AttachmentList = AttachmentList;
 exports.CommentThread = CommentThread;
 exports._internal = _internal;
-//# sourceMappingURL=chunk-IKGW7HHG.js.map
-//# sourceMappingURL=chunk-IKGW7HHG.js.map
+//# sourceMappingURL=chunk-ZGJ6VFJD.js.map
+//# sourceMappingURL=chunk-ZGJ6VFJD.js.map

package/dist/{chunk-IKGW7HHG.js.map → chunk-ZGJ6VFJD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Comments.tsx"],"names":["React","useLocale","jsxs","cx","jsx","Avatar","FileText","format","Download","Trash","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,SAAS,aAAA,CAAc;AAAA,EAC5B,QAAA;AAAA,EAAU,KAAA;AAAA,EAAO,WAAA;AAAA,EACjB,aAAA,GAAgB,KAAA;AAAA,EAAO,SAAA;AAAA,EAAW,GAAG;AACvC,CAAA,EAAuB;AACrB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAUA,0BAAS,EAAE,CAAA;AAC3C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAUA,0BAAS,KAAK,CAAA;AACpD,EAAA,MAAM,IAAIC,0BAAA,EAAU;AACpB,EAAA,MAAM,EAAA,GAAK,WAAA,IAAe,CAAA,CAAE,sBAAsB,CAAA;AAElD,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,IAAI,CAAC,KAAA,CAAM,IAAA,EAAK,IAAK,CAAC,KAAA,EAAO;AAC7B,IAAA,KAAA,CAAM,OAAO,QAAQ,CAAA;AACrB,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,WAAA,CAAY,KAAK,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,uBACEC,eAAA,CAAC,SAAI,SAAA,EAAWC,mBAAA,CAAG,YAAY,SAAS,CAAA,EAAI,GAAG,IAAA,EAC7C,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACX,QAAA,EAAA,QAAA,CAAS,IAAI,CAAC,CAAA,qBACbF,eAAA,CAAC,IAAA,EAAA,EAAc,WAAWC,mBAAA,CAAG,SAAA,EAAW,CAAA,CAAE,QAAA,IAAY,mBAAmB,CAAA,EACvE,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,uBAAA,EAAA,EAAO,IAAA,EAAM,CAAA,CAAE,MAAA,CAAO,IAAA,EAAM,KAAK,CAAA,CAAE,MAAA,CAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,sBAChEH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,eAAA,EACb,QAAA,EAAA;AAAA,0BAAAE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,CAAA,CAAE,OAAO,IAAA,EAAK,CAAA;AAAA,0BACjDA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,YAAE,SAAA,EAAU,CAAA;AAAA,UAC5C,CAAA,CAAE,4BAAYA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,cAAA,EAAgB,QAAA,EAAA,CAAA,CAAE,sBAAsB,CAAA,EAAE;AAAA,SAAA,EAC3E,CAAA;AAAA,wBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,eAAA,EAAiB,YAAE,IAAA,EAAK;AAAA,OAAA,EACzC;AAAA,KAAA,EAAA,EATO,CAAA,CAAE,EAUX,CACD,CAAA,EACH,CAAA;AAAA,IACC,KAAA,oBACCF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAA,EACb,QAAA,EAAA;AAAA,sBAAAE,cAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,UAAA;AAAA,UACV,KAAA,EAAO,KAAA;AAAA,UACP,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,UACxC,WAAA,EAAa,EAAA;AAAA,UACb,IAAA,EAAM;AAAA;AAAA,OACR;AAAA,sBACAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,QAAA,aAAA,oBACCA,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,2BAAA,EACf,QAAA,EAAA;AAAA,0BAAAE,cAAA,CAAC,OAAA,EAAA,EAAM,IAAA,EAAK,UAAA,EAAW,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,CAAC,CAAA,KAAM,WAAA,CAAY,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,EAAG,CAAA;AAAA,0BAC1FA,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAAE;AAAA,SAAA,EACpC,CAAA;AAAA,wBAEFA,cAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,WAAU,0BAAA,EAA2B,QAAA,EAAU,CAAC,KAAA,CAAM,MAAK,EAAG,OAAA,EAAS,MAAA,EAC1F,QAAA,EAAA,CAAA,CAAE,eAAe,CAAA,EACpB;AAAA,OAAA,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAmBO,SAAS,eAAe,EAAE,WAAA,EAAa,cAAc,SAAA,EAAW,GAAG,MAAK,EAAwB;AACrG,EAAA,MAAM,IAAIH,0BAAA,EAAU;AACpB,EAAA,MAAM,KAAA,GAAQ,YAAA,IAAgB,CAAA,CAAE,mBAAmB,CAAA;AACnD,EAAA,IAAI,WAAA,CAAY,WAAW,CAAA,EAAG;AAC5B,IAAA,uBAAOG,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,EACpD;AACA,EAAA,sCACG,IAAA,EAAA,EAAG,SAAA,EAAWD,mBAAA,CAAG,aAAA,EAAe,SAAS,CAAA,EAAI,GAAG,IAAA,EAC9C,QAAA,EAAA,WAAA,CAAY,IAAI,CAAC,CAAA,qBAChBD,eAAA,CAAC,IAAA,EAAA,EAAc,WAAU,YAAA,EACvB,QAAA,EAAA;AAAA,oBAAAE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAmB,aAAA,EAAY,MAAA,EAC5C,QAAA,EAAA,CAAA,CAAE,IAAA,oBAAQA,cAAA,CAACE,yBAAA,EAAA,EAAS,IAAA,EAAM,EAAA,EAAI,CAAA,EACjC,CAAA;AAAA,oBACAJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACb,QAAA,EAAA;AAAA,sBAAAE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,CAAA,CAAE,IAAA,EAAK,CAAA;AAAA,sBAC1CF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,IAAA,oBAAQE,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,CAAA,CAAE,IAAA,EAAK,CAAA;AAAA,QACxB,CAAA,CAAE,UAAA,oBAAcF,eAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UAAG,CAAA,CAAE;AAAA,SAAA,EAAW,CAAA;AAAA,QACtC,CAAA,CAAE,UAAA,oBAAcA,eAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UAAG,CAAA,CAAE;AAAA,SAAA,EAAW;AAAA,OAAA,EACzC;AAAA,KAAA,EACF,CAAA;AAAA,oBACAA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,CAAA,CAAE,GAAA,oBACDE,cAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAM,CAAA,CAAE,KAAK,QAAA,EAAQ,IAAA,EAAC,SAAA,EAAU,oBAAA,EAAqB,YAAA,EAAYG,uBAAA,CAAO,EAAE,sBAAsB,CAAA,EAAG,EAAE,IAAA,EAAM,CAAA,CAAE,IAAA,EAAM,CAAA,EACpH,QAAA,kBAAAH,cAAA,CAACI,yBAAA,EAAA,EAAS,IAAA,EAAM,EAAA,EAAI,CAAA,EACtB,CAAA;AAAA,MAED,CAAA,CAAE,QAAA,oBACDJ,cAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,SAAA,EAAU,+CAAA,EAAgD,YAAA,EAAYG,uBAAA,CAAO,CAAA,CAAE,oBAAoB,CAAA,EAAG,EAAE,IAAA,EAAM,CAAA,CAAE,IAAA,EAAM,CAAA,EAAG,OAAA,EAAS,CAAA,CAAE,QAAA,EACxJ,QAAA,kBAAAH,cAAA,CAACK,sBAAA,EAAA,EAAM,IAAA,EAAM,EAAA,EAAI,CAAA,EACnB;AAAA,KAAA,EAEJ;AAAA,GAAA,EAAA,EAvBO,CAAA,CAAE,EAwBX,CACD,CAAA,EACH,CAAA;AAEJ;AAGO,IAAM,SAAA,GAAY,KAAEC,kBAAA","file":"chunk-IKGW7HHG.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Avatar } from './Display2';\nimport { FileText, Download, Trash, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- CommentThread ----------------------------------------------\nexport interface CommentItem {\n  id: string;\n  author: { name: string; avatarSrc?: string };\n  body: React.ReactNode;\n  timestamp: React.ReactNode;\n  internal?: boolean;\n}\n\nexport interface CommentThreadProps extends React.HTMLAttributes<HTMLDivElement> {\n  comments: CommentItem[];\n  onAdd?: (body: string, internal: boolean) => void;\n  placeholder?: string;\n  allowInternal?: boolean;\n}\n\nexport function CommentThread({\n  comments, onAdd, placeholder,\n  allowInternal = false, className, ...rest\n}: CommentThreadProps) {\n  const [draft, setDraft] = React.useState('');\n  const [internal, setInternal] = React.useState(false);\n  const t = useLocale();\n  const ph = placeholder ?? t['comments.placeholder'];\n\n  const submit = () => {\n    if (!draft.trim() || !onAdd) return;\n    onAdd(draft, internal);\n    setDraft('');\n    setInternal(false);\n  };\n\n  return (\n    <div className={cx('comments', className)} {...rest}>\n      <ul className=\"comments__list\">\n        {comments.map((c) => (\n          <li key={c.id} className={cx('comment', c.internal && 'comment--internal')}>\n            <Avatar name={c.author.name} src={c.author.avatarSrc} size={32} />\n            <div className=\"comment__body\">\n              <div className=\"comment__head\">\n                <span className=\"comment__author\">{c.author.name}</span>\n                <span className=\"comment__time\">{c.timestamp}</span>\n                {c.internal && <span className=\"comment__tag\">{t['comments.internalTag']}</span>}\n              </div>\n              <div className=\"comment__text\">{c.body}</div>\n            </div>\n          </li>\n        ))}\n      </ul>\n      {onAdd && (\n        <div className=\"comments__compose\">\n          <textarea\n            className=\"textarea\"\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            placeholder={ph}\n            rows={3}\n          />\n          <div className=\"comments__compose-actions\">\n            {allowInternal && (\n              <label className=\"comments__internal-toggle\">\n                <input type=\"checkbox\" checked={internal} onChange={(e) => setInternal(e.target.checked)} />\n                <span>{t['comments.internalOnly']}</span>\n              </label>\n            )}\n            <button type=\"button\" className=\"btn btn--primary btn--sm\" disabled={!draft.trim()} onClick={submit}>\n              {t['comments.send']}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- AttachmentList ---------------------------------------------\nexport interface AttachmentItem {\n  id: string;\n  name: string;\n  size?: string;          // ya formateado: \"245 KB\"\n  url?: string;\n  uploadedBy?: string;\n  uploadedAt?: React.ReactNode;\n  icon?: React.ReactNode;\n  onRemove?: () => void;\n}\n\nexport interface AttachmentListProps extends React.HTMLAttributes<HTMLUListElement> {\n  attachments: AttachmentItem[];\n  emptyMessage?: React.ReactNode;\n}\n\nexport function AttachmentList({ attachments, emptyMessage, className, ...rest }: AttachmentListProps) {\n  const t = useLocale();\n  const empty = emptyMessage ?? t['attachments.empty'];\n  if (attachments.length === 0) {\n    return <div className=\"attachments__empty\">{empty}</div>;\n  }\n  return (\n    <ul className={cx('attachments', className)} {...rest}>\n      {attachments.map((a) => (\n        <li key={a.id} className=\"attachment\">\n          <span className=\"attachment__icon\" aria-hidden=\"true\">\n            {a.icon ?? <FileText size={20} />}\n          </span>\n          <div className=\"attachment__body\">\n            <div className=\"attachment__name\">{a.name}</div>\n            <div className=\"attachment__meta\">\n              {a.size && <span>{a.size}</span>}\n              {a.uploadedBy && <span>· {a.uploadedBy}</span>}\n              {a.uploadedAt && <span>· {a.uploadedAt}</span>}\n            </div>\n          </div>\n          <div className=\"attachment__actions\">\n            {a.url && (\n              <a href={a.url} download className=\"attachment__action\" aria-label={format(t['attachments.download'], { name: a.name })}>\n                <Download size={16} />\n              </a>\n            )}\n            {a.onRemove && (\n              <button type=\"button\" className=\"attachment__action attachment__action--danger\" aria-label={format(t['attachments.remove'], { name: a.name })} onClick={a.onRemove}>\n                <Trash size={16} />\n              </button>\n            )}\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n// re-export para que el bundle no tenga dead imports\nexport const _internal = { X };\n"]}
+{"version":3,"sources":["../src/components/Comments.tsx"],"names":["React","useLocale","jsxs","cx","jsx","Avatar","FileText","format","Download","Trash","X"],"mappings":"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","file":"chunk-ZGJ6VFJD.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Avatar } from './Display2';\nimport { FileText, Download, Trash, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- CommentThread ----------------------------------------------\nexport interface CommentItem {\n  id: string;\n  author: { name: string; avatarSrc?: string };\n  body: React.ReactNode;\n  timestamp: React.ReactNode;\n  internal?: boolean;\n}\n\nexport interface CommentThreadProps extends React.HTMLAttributes<HTMLDivElement> {\n  comments: CommentItem[];\n  onAdd?: (body: string, internal: boolean) => void;\n  placeholder?: string;\n  allowInternal?: boolean;\n}\n\nexport function CommentThread({\n  comments, onAdd, placeholder,\n  allowInternal = false, className, ...rest\n}: CommentThreadProps) {\n  const [draft, setDraft] = React.useState('');\n  const [internal, setInternal] = React.useState(false);\n  const t = useLocale();\n  const ph = placeholder ?? t['comments.placeholder'];\n\n  const submit = () => {\n    if (!draft.trim() || !onAdd) return;\n    onAdd(draft, internal);\n    setDraft('');\n    setInternal(false);\n  };\n\n  return (\n    <div className={cx('comments', className)} {...rest}>\n      <ul className=\"comments__list\">\n        {comments.map((c) => (\n          <li key={c.id} className={cx('comment', c.internal && 'comment--internal')}>\n            <Avatar name={c.author.name} src={c.author.avatarSrc} size={32} />\n            <div className=\"comment__body\">\n              <div className=\"comment__head\">\n                <span className=\"comment__author\">{c.author.name}</span>\n                <span className=\"comment__time\">{c.timestamp}</span>\n                {c.internal && <span className=\"comment__tag\">{t['comments.internalTag']}</span>}\n              </div>\n              <div className=\"comment__text\">{c.body}</div>\n            </div>\n          </li>\n        ))}\n      </ul>\n      {onAdd && (\n        <div className=\"comments__compose\">\n          <textarea\n            className=\"textarea\"\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            placeholder={ph}\n            rows={3}\n          />\n          <div className=\"comments__compose-actions\">\n            {allowInternal && (\n              <label className=\"comments__internal-toggle\">\n                <input type=\"checkbox\" checked={internal} onChange={(e) => setInternal(e.target.checked)} />\n                <span>{t['comments.internalOnly']}</span>\n              </label>\n            )}\n            <button type=\"button\" className=\"btn btn--primary btn--sm\" disabled={!draft.trim()} onClick={submit}>\n              {t['comments.send']}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- AttachmentList ---------------------------------------------\nexport interface AttachmentItem {\n  id: string;\n  name: string;\n  size?: string;          // ya formateado: \"245 KB\"\n  url?: string;\n  uploadedBy?: string;\n  uploadedAt?: React.ReactNode;\n  icon?: React.ReactNode;\n  onRemove?: () => void;\n}\n\nexport interface AttachmentListProps extends React.HTMLAttributes<HTMLUListElement> {\n  attachments: AttachmentItem[];\n  emptyMessage?: React.ReactNode;\n}\n\nexport function AttachmentList({ attachments, emptyMessage, className, ...rest }: AttachmentListProps) {\n  const t = useLocale();\n  const empty = emptyMessage ?? t['attachments.empty'];\n  if (attachments.length === 0) {\n    return <div className=\"attachments__empty\">{empty}</div>;\n  }\n  return (\n    <ul className={cx('attachments', className)} {...rest}>\n      {attachments.map((a) => (\n        <li key={a.id} className=\"attachment\">\n          <span className=\"attachment__icon\" aria-hidden=\"true\">\n            {a.icon ?? <FileText size={20} />}\n          </span>\n          <div className=\"attachment__body\">\n            <div className=\"attachment__name\">{a.name}</div>\n            <div className=\"attachment__meta\">\n              {a.size && <span>{a.size}</span>}\n              {a.uploadedBy && <span>· {a.uploadedBy}</span>}\n              {a.uploadedAt && <span>· {a.uploadedAt}</span>}\n            </div>\n          </div>\n          <div className=\"attachment__actions\">\n            {a.url && (\n              <a href={a.url} download className=\"attachment__action\" aria-label={format(t['attachments.download'], { name: a.name })}>\n                <Download size={16} />\n              </a>\n            )}\n            {a.onRemove && (\n              <button type=\"button\" className=\"attachment__action attachment__action--danger\" aria-label={format(t['attachments.remove'], { name: a.name })} onClick={a.onRemove}>\n                <Trash size={16} />\n              </button>\n            )}\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n// re-export para que el bundle no tenga dead imports\nexport const _internal = { X };\n"]}

package/dist/{chunk-GKSUYHGO.js → chunk-ZY7KPFPW.js}

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
+var chunkWAGWB35Q_js = require('./chunk-WAGWB35Q.js');
 var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
 var chunk7I5LFBQR_js = require('./chunk-7I5LFBQR.js');
-var chunkWAGWB35Q_js = require('./chunk-WAGWB35Q.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -90,5 +90,5 @@ function ContextMenu({ items, children, className, menuClassName, ariaLabel = "M
 }
 
 exports.ContextMenu = ContextMenu;
-//# sourceMappingURL=chunk-GKSUYHGO.js.map
-//# sourceMappingURL=chunk-GKSUYHGO.js.map
+//# sourceMappingURL=chunk-ZY7KPFPW.js.map
+//# sourceMappingURL=chunk-ZY7KPFPW.js.map

package/dist/{chunk-GKSUYHGO.js.map → chunk-ZY7KPFPW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ContextMenu.tsx"],"names":["React","usePopoverPosition","useDismiss","cx","Portal","jsx","jsxs"],"mappings":"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","file":"chunk-GKSUYHGO.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Portal } from './Portal';\nimport { usePopoverPosition, type VirtualElement } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\n\nexport interface ContextMenuItem {\n  id: string;\n  label?: React.ReactNode;\n  icon?: React.ReactNode;\n  onSelect?: () => void;\n  disabled?: boolean;\n  danger?: boolean;\n  separator?: boolean;\n}\n\nexport interface ContextMenuProps {\n  items: ContextMenuItem[];\n  children: React.ReactNode;\n  className?: string;\n  menuClassName?: string;\n  ariaLabel?: string;\n}\n\nexport function ContextMenu({ items, children, className, menuClassName, ariaLabel = 'Menú contextual' }: ContextMenuProps) {\n  const [point, setPoint] = React.useState<{ x: number; y: number } | null>(null);\n  const menuRef = React.useRef<HTMLUListElement>(null);\n  const anchorRef = React.useRef<VirtualElement | null>(null);\n  const open = point !== null;\n\n  const close = () => setPoint(null);\n\n  const onContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    const x = e.clientX;\n    const y = e.clientY;\n    // Virtual anchor: a zero-size rect under the cursor. usePopoverPosition\n    // then handles viewport flip/clamp + body portal (escapes overflow).\n    anchorRef.current = { getBoundingClientRect: () => new DOMRect(x, y, 0, 0) };\n    setPoint({ x, y });\n  };\n\n  const pos = usePopoverPosition(anchorRef, menuRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 2,\n  });\n\n  useDismiss({ open, onDismiss: close, refs: [menuRef] });\n\n  const handleSelect = (item: ContextMenuItem) => {\n    if (item.disabled || item.separator) return;\n    item.onSelect?.();\n    close();\n  };\n\n  return (\n    <span className={cx('context-menu', className)} onContextMenu={onContextMenu}>\n      {children}\n      {open && (\n        <Portal>\n          <ul\n            ref={menuRef}\n            role=\"menu\"\n            aria-label={ariaLabel}\n            className={cx('context-menu__menu', 'is-floating', menuClassName)}\n            style={{\n              position: 'fixed',\n              top: pos.top,\n              left: pos.left,\n              visibility: pos.ready ? 'visible' : 'hidden',\n            }}\n          >\n            {items.map((item) =>\n              item.separator ? (\n                <li key={item.id} className=\"context-menu__separator\" role=\"separator\" />\n              ) : (\n                <li key={item.id} role=\"none\">\n                  <button\n                    type=\"button\"\n                    role=\"menuitem\"\n                    className={cx('context-menu__item', item.disabled && 'is-disabled', item.danger && 'context-menu__item--danger')}\n                    disabled={item.disabled}\n                    onClick={() => handleSelect(item)}\n                  >\n                    {item.icon && <span className=\"context-menu__icon\">{item.icon}</span>}\n                    <span className=\"context-menu__label\">{item.label}</span>\n                  </button>\n                </li>\n              )\n            )}\n          </ul>\n        </Portal>\n      )}\n    </span>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/ContextMenu.tsx"],"names":["React","usePopoverPosition","useDismiss","cx","Portal","jsx","jsxs"],"mappings":"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","file":"chunk-ZY7KPFPW.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Portal } from './Portal';\nimport { usePopoverPosition, type VirtualElement } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\n\nexport interface ContextMenuItem {\n  id: string;\n  label?: React.ReactNode;\n  icon?: React.ReactNode;\n  onSelect?: () => void;\n  disabled?: boolean;\n  danger?: boolean;\n  separator?: boolean;\n}\n\nexport interface ContextMenuProps {\n  items: ContextMenuItem[];\n  children: React.ReactNode;\n  className?: string;\n  menuClassName?: string;\n  ariaLabel?: string;\n}\n\nexport function ContextMenu({ items, children, className, menuClassName, ariaLabel = 'Menú contextual' }: ContextMenuProps) {\n  const [point, setPoint] = React.useState<{ x: number; y: number } | null>(null);\n  const menuRef = React.useRef<HTMLUListElement>(null);\n  const anchorRef = React.useRef<VirtualElement | null>(null);\n  const open = point !== null;\n\n  const close = () => setPoint(null);\n\n  const onContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    const x = e.clientX;\n    const y = e.clientY;\n    // Virtual anchor: a zero-size rect under the cursor. usePopoverPosition\n    // then handles viewport flip/clamp + body portal (escapes overflow).\n    anchorRef.current = { getBoundingClientRect: () => new DOMRect(x, y, 0, 0) };\n    setPoint({ x, y });\n  };\n\n  const pos = usePopoverPosition(anchorRef, menuRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 2,\n  });\n\n  useDismiss({ open, onDismiss: close, refs: [menuRef] });\n\n  const handleSelect = (item: ContextMenuItem) => {\n    if (item.disabled || item.separator) return;\n    item.onSelect?.();\n    close();\n  };\n\n  return (\n    <span className={cx('context-menu', className)} onContextMenu={onContextMenu}>\n      {children}\n      {open && (\n        <Portal>\n          <ul\n            ref={menuRef}\n            role=\"menu\"\n            aria-label={ariaLabel}\n            className={cx('context-menu__menu', 'is-floating', menuClassName)}\n            style={{\n              position: 'fixed',\n              top: pos.top,\n              left: pos.left,\n              visibility: pos.ready ? 'visible' : 'hidden',\n            }}\n          >\n            {items.map((item) =>\n              item.separator ? (\n                <li key={item.id} className=\"context-menu__separator\" role=\"separator\" />\n              ) : (\n                <li key={item.id} role=\"none\">\n                  <button\n                    type=\"button\"\n                    role=\"menuitem\"\n                    className={cx('context-menu__item', item.disabled && 'is-disabled', item.danger && 'context-menu__item--danger')}\n                    disabled={item.disabled}\n                    onClick={() => handleSelect(item)}\n                  >\n                    {item.icon && <span className=\"context-menu__icon\">{item.icon}</span>}\n                    <span className=\"context-menu__label\">{item.label}</span>\n                  </button>\n                </li>\n              )\n            )}\n          </ul>\n        </Portal>\n      )}\n    </span>\n  );\n}\n"]}

package/dist/components/AdvancedPickers.js

@@ -1,13 +1,13 @@
 'use client';
 'use strict';
 
-var chunkMJ6UOTWQ_js = require('../chunk-MJ6UOTWQ.js');
-require('../chunk-DFQLWCIC.js');
+var chunkRL4EIKLP_js = require('../chunk-RL4EIKLP.js');
 require('../chunk-MVJITG75.js');
-require('../chunk-XMLBKK7X.js');
-require('../chunk-7I5LFBQR.js');
+require('../chunk-DFQLWCIC.js');
 require('../chunk-WAGWB35Q.js');
 require('../chunk-3PXYCXDW.js');
+require('../chunk-XMLBKK7X.js');
+require('../chunk-7I5LFBQR.js');
 require('../chunk-4VMQLSHV.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
@@ -16,19 +16,19 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkMJ6UOTWQ_js.CommandPalette; }
+  get: function () { return chunkRL4EIKLP_js.CommandPalette; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkMJ6UOTWQ_js.DateRangePicker; }
+  get: function () { return chunkRL4EIKLP_js.DateRangePicker; }
 });
 Object.defineProperty(exports, "MultiCombobox", {
   enumerable: true,
-  get: function () { return chunkMJ6UOTWQ_js.MultiCombobox; }
+  get: function () { return chunkRL4EIKLP_js.MultiCombobox; }
 });
 Object.defineProperty(exports, "useCommandPalette", {
   enumerable: true,
-  get: function () { return chunkMJ6UOTWQ_js.useCommandPalette; }
+  get: function () { return chunkRL4EIKLP_js.useCommandPalette; }
 });
 //# sourceMappingURL=AdvancedPickers.js.map
 //# sourceMappingURL=AdvancedPickers.js.map

package/dist/components/AdvancedPickers.mjs

@@ -1,11 +1,11 @@
 'use client';
-export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from '../chunk-L4ITC2U6.mjs';
-import '../chunk-Q4HKSXUE.mjs';
+export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from '../chunk-UIMVKTC3.mjs';
 import '../chunk-4QHE5H36.mjs';
-import '../chunk-6P2TKRTL.mjs';
-import '../chunk-PRML6VEF.mjs';
+import '../chunk-Q4HKSXUE.mjs';
 import '../chunk-FKBQYQQD.mjs';
 import '../chunk-5GEWIK4T.mjs';
+import '../chunk-6P2TKRTL.mjs';
+import '../chunk-PRML6VEF.mjs';
 import '../chunk-PQV7HHCJ.mjs';
 import '../chunk-CIBJKJV3.mjs';
 import '../chunk-IEPCH3JB.mjs';

package/dist/components/AppShell.d.mts

@@ -26,42 +26,87 @@ interface AppShellHeader {
     /** Right slot — notifications, user avatar, utilities. */
     right?: React.ReactNode;
 }
-interface AppShellProps {
-    brand?: React.ReactNode;
-    brandCollapsed?: React.ReactNode;
+/**
+ * Props shared by both layouts. The layout-specific props live in
+ * `AppShellSideProps` / `AppShellTopProps`; `AppShellProps` is the
+ * discriminated union of the two, keyed on `headerLayout`.
+ */
+interface AppShellBaseProps {
     sections: NavSection[];
-    topbar?: React.ReactNode;
     footer?: React.ReactNode;
-    user?: React.ReactNode;
     defaultCollapsed?: boolean;
     collapsed?: boolean;
     onCollapsedChange?: (c: boolean) => void;
     children: React.ReactNode;
     className?: string;
     /**
-     * Sidebar color theme:
+     * Color theme (applies to both layouts):
      * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.
-     * - `brand`: sidebar azul de marca con texto blanco. Mayor brand recall.
+     * - `brand`: superficie azul de marca con texto blanco. Mayor brand recall.
+     *   En `side` tiñe el sidebar; en `top` tiñe header + sidebar (un solo knob).
      */
     theme?: AppShellTheme;
     /** Render-prop for navigation links so the host app can use Next.js Link, etc. */
     linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;
+}
+/**
+ * Sidebar layout (default, `headerLayout="side"` or omitted). The brand
+ * block + collapse rail live in the sidebar; the topbar sits over the
+ * content with a mobile hamburger. `header` is **not** valid here — that
+ * slot belongs to the `top` layout.
+ */
+interface AppShellSideProps extends AppShellBaseProps {
+    headerLayout?: 'side';
+    /** Brand node in the sidebar header (expanded state). */
+    brand?: React.ReactNode;
+    /** Brand node shown when the rail is collapsed. Falls back to `brand`. */
+    brandCollapsed?: React.ReactNode;
+    /** Content of the topbar over the page (search, etc.). */
+    topbar?: React.ReactNode;
+    /** User slot at the right of the topbar (avatar/menu). */
+    user?: React.ReactNode;
+    /** Not valid in the `side` layout — the header slots belong to `top`. */
+    header?: never;
+}
+/**
+ * Top-header layout (`headerLayout="top"`, v1.15.0). Full-width header
+ * above the body with three slots (`header.{left,center,right}`); the
+ * centre slot lands at the **true viewport centre** (1fr·auto·1fr grid).
+ * The sidebar has no brand block and `collapsed` hides it entirely (no
+ * 72px rail); the header is **invariant** to the collapse. `theme="brand"`
+ * tints both bands. The `side`-only props are **not** valid here — put your
+ * chrome in `header`.
+ */
+interface AppShellTopProps extends AppShellBaseProps {
+    headerLayout: 'top';
+    /** Slots for the full-width header. Brand usually goes in `center`. */
+    header?: AppShellHeader;
     /**
-     * Where the chrome lives. Default `'side'` is the legacy layout. `'top'`
-     * renders a full-width header above the body with three slots
-     * (`header.left/center/right`); the centre slot lands at the **true
-     * viewport centre** (1fr·auto·1fr column grid). The sidebar has no brand
-     * block (brand goes in `header.center`) and `collapsed` hides the
-     * sidebar entirely — no 72px rail. The topbar is **invariant** to the
-     * collapse (only the sidebar changes width). `theme="brand"` tints both
-     * header and sidebar with the same brand colour (single knob). `brand`,
-     * `brandCollapsed` and `topbar` are ignored when `'top'`.
+     * Theme of the **header band only**, independent of the sidebar (`theme`).
+     * Defaults to `theme`, so `theme="brand"` still tints both bands (no
+     * change for existing consumers). Set `theme="default" headerTheme="brand"`
+     * for a branded top bar over a neutral, legible sidebar — common in
+     * data-heavy admin apps.
      */
-    headerLayout?: AppShellHeaderLayout;
-    /** Slots for the top-layout header (only used when `headerLayout="top"`). */
-    header?: AppShellHeader;
+    headerTheme?: AppShellTheme;
+    /** Not valid in `top` — use `header.center` for the brand. */
+    brand?: never;
+    /** Not valid in `top` — the sidebar collapses entirely. */
+    brandCollapsed?: never;
+    /** Not valid in `top` — use the `header` slots. */
+    topbar?: never;
+    /** Not valid in `top` — use `header.right`. */
+    user?: never;
 }
-declare function AppShell({ brand, brandCollapsed, sections, topbar, footer, user, defaultCollapsed, collapsed: ctrlCollapsed, onCollapsedChange, children, className, theme, linkAs, headerLayout, header, }: AppShellProps): react_jsx_runtime.JSX.Element;
+/**
+ * Discriminated union keyed on `headerLayout`. TypeScript enforces that
+ * `header` is only accepted with `headerLayout="top"` and that
+ * `brand`/`brandCollapsed`/`topbar`/`user` are only accepted with the
+ * (default) `side` layout — passing the wrong prop for the layout is a
+ * compile error instead of being silently ignored at runtime.
+ */
+type AppShellProps = AppShellSideProps | AppShellTopProps;
+declare function AppShell(props: AppShellProps): react_jsx_runtime.JSX.Element;
 interface PageHeaderProps {
     title: React.ReactNode;
     description?: React.ReactNode;
@@ -75,4 +120,4 @@ interface PageHeaderProps {
 }
 declare function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 
-export { AppShell, type AppShellHeader, type AppShellHeaderLayout, type AppShellProps, type AppShellTheme, type NavItem, type NavSection, PageHeader, type PageHeaderProps };
+export { AppShell, type AppShellBaseProps, type AppShellHeader, type AppShellHeaderLayout, type AppShellProps, type AppShellSideProps, type AppShellTheme, type AppShellTopProps, type NavItem, type NavSection, PageHeader, type PageHeaderProps };

package/dist/components/AppShell.d.ts

@@ -26,42 +26,87 @@ interface AppShellHeader {
     /** Right slot — notifications, user avatar, utilities. */
     right?: React.ReactNode;
 }
-interface AppShellProps {
-    brand?: React.ReactNode;
-    brandCollapsed?: React.ReactNode;
+/**
+ * Props shared by both layouts. The layout-specific props live in
+ * `AppShellSideProps` / `AppShellTopProps`; `AppShellProps` is the
+ * discriminated union of the two, keyed on `headerLayout`.
+ */
+interface AppShellBaseProps {
     sections: NavSection[];
-    topbar?: React.ReactNode;
     footer?: React.ReactNode;
-    user?: React.ReactNode;
     defaultCollapsed?: boolean;
     collapsed?: boolean;
     onCollapsedChange?: (c: boolean) => void;
     children: React.ReactNode;
     className?: string;
     /**
-     * Sidebar color theme:
+     * Color theme (applies to both layouts):
      * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.
-     * - `brand`: sidebar azul de marca con texto blanco. Mayor brand recall.
+     * - `brand`: superficie azul de marca con texto blanco. Mayor brand recall.
+     *   En `side` tiñe el sidebar; en `top` tiñe header + sidebar (un solo knob).
      */
     theme?: AppShellTheme;
     /** Render-prop for navigation links so the host app can use Next.js Link, etc. */
     linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;
+}
+/**
+ * Sidebar layout (default, `headerLayout="side"` or omitted). The brand
+ * block + collapse rail live in the sidebar; the topbar sits over the
+ * content with a mobile hamburger. `header` is **not** valid here — that
+ * slot belongs to the `top` layout.
+ */
+interface AppShellSideProps extends AppShellBaseProps {
+    headerLayout?: 'side';
+    /** Brand node in the sidebar header (expanded state). */
+    brand?: React.ReactNode;
+    /** Brand node shown when the rail is collapsed. Falls back to `brand`. */
+    brandCollapsed?: React.ReactNode;
+    /** Content of the topbar over the page (search, etc.). */
+    topbar?: React.ReactNode;
+    /** User slot at the right of the topbar (avatar/menu). */
+    user?: React.ReactNode;
+    /** Not valid in the `side` layout — the header slots belong to `top`. */
+    header?: never;
+}
+/**
+ * Top-header layout (`headerLayout="top"`, v1.15.0). Full-width header
+ * above the body with three slots (`header.{left,center,right}`); the
+ * centre slot lands at the **true viewport centre** (1fr·auto·1fr grid).
+ * The sidebar has no brand block and `collapsed` hides it entirely (no
+ * 72px rail); the header is **invariant** to the collapse. `theme="brand"`
+ * tints both bands. The `side`-only props are **not** valid here — put your
+ * chrome in `header`.
+ */
+interface AppShellTopProps extends AppShellBaseProps {
+    headerLayout: 'top';
+    /** Slots for the full-width header. Brand usually goes in `center`. */
+    header?: AppShellHeader;
     /**
-     * Where the chrome lives. Default `'side'` is the legacy layout. `'top'`
-     * renders a full-width header above the body with three slots
-     * (`header.left/center/right`); the centre slot lands at the **true
-     * viewport centre** (1fr·auto·1fr column grid). The sidebar has no brand
-     * block (brand goes in `header.center`) and `collapsed` hides the
-     * sidebar entirely — no 72px rail. The topbar is **invariant** to the
-     * collapse (only the sidebar changes width). `theme="brand"` tints both
-     * header and sidebar with the same brand colour (single knob). `brand`,
-     * `brandCollapsed` and `topbar` are ignored when `'top'`.
+     * Theme of the **header band only**, independent of the sidebar (`theme`).
+     * Defaults to `theme`, so `theme="brand"` still tints both bands (no
+     * change for existing consumers). Set `theme="default" headerTheme="brand"`
+     * for a branded top bar over a neutral, legible sidebar — common in
+     * data-heavy admin apps.
      */
-    headerLayout?: AppShellHeaderLayout;
-    /** Slots for the top-layout header (only used when `headerLayout="top"`). */
-    header?: AppShellHeader;
+    headerTheme?: AppShellTheme;
+    /** Not valid in `top` — use `header.center` for the brand. */
+    brand?: never;
+    /** Not valid in `top` — the sidebar collapses entirely. */
+    brandCollapsed?: never;
+    /** Not valid in `top` — use the `header` slots. */
+    topbar?: never;
+    /** Not valid in `top` — use `header.right`. */
+    user?: never;
 }
-declare function AppShell({ brand, brandCollapsed, sections, topbar, footer, user, defaultCollapsed, collapsed: ctrlCollapsed, onCollapsedChange, children, className, theme, linkAs, headerLayout, header, }: AppShellProps): react_jsx_runtime.JSX.Element;
+/**
+ * Discriminated union keyed on `headerLayout`. TypeScript enforces that
+ * `header` is only accepted with `headerLayout="top"` and that
+ * `brand`/`brandCollapsed`/`topbar`/`user` are only accepted with the
+ * (default) `side` layout — passing the wrong prop for the layout is a
+ * compile error instead of being silently ignored at runtime.
+ */
+type AppShellProps = AppShellSideProps | AppShellTopProps;
+declare function AppShell(props: AppShellProps): react_jsx_runtime.JSX.Element;
 interface PageHeaderProps {
     title: React.ReactNode;
     description?: React.ReactNode;
@@ -75,4 +120,4 @@ interface PageHeaderProps {
 }
 declare function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 
-export { AppShell, type AppShellHeader, type AppShellHeaderLayout, type AppShellProps, type AppShellTheme, type NavItem, type NavSection, PageHeader, type PageHeaderProps };
+export { AppShell, type AppShellBaseProps, type AppShellHeader, type AppShellHeaderLayout, type AppShellProps, type AppShellSideProps, type AppShellTheme, type AppShellTopProps, type NavItem, type NavSection, PageHeader, type PageHeaderProps };