@misael703/ui 1.30.6 → 1.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@misael703/ui",
-  "version": "1.30.6",
+  "version": "1.31.0",
   "description": "Generic React + TypeScript UI kit, optimized for Next.js. Tokens, accessible components, runtime-configurable theming via presets.",
   "author": "Misael Ocas <misael.ocas@gmail.com>",
   "license": "MIT",

package/dist/chunk-3U6C2BFM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Overlay.tsx"],"names":[],"mappings":"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","file":"chunk-3U6C2BFM.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { useDelayedUnmount } from '../hooks/useDelayedUnmount';\n\n// Exit animation duration in ms. Must match `--duration-exit` and the\n// `is-closing` keyframes in src/styles/index.css (`.modal-backdrop`,\n// `.drawer-backdrop`).\nconst EXIT_MS = 150;\n\nexport interface OverlayProps {\n  open: boolean;\n  onClose: () => void;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  className?: string;\n}\n\nfunction useEscape(active: boolean, onClose: () => void, enabled: boolean) {\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n    if (!active || !enabled) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', onKey);\n    return () => document.removeEventListener('keydown', onKey);\n  }, [active, enabled, onClose]);\n}\n\nfunction useFocusTrap(ref: React.RefObject<HTMLElement>, active: boolean) {\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n    if (!active || !ref.current) return;\n    const node = ref.current;\n    const previously = document.activeElement as HTMLElement | null;\n    const focusables = () =>\n      Array.from(\n        node.querySelectorAll<HTMLElement>(\n          'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n        )\n      );\n    const first = focusables()[0];\n    first?.focus();\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return;\n      const list = focusables();\n      if (list.length === 0) return;\n      const f = list[0], l = list[list.length - 1];\n      if (e.shiftKey && document.activeElement === f) {\n        e.preventDefault(); l.focus();\n      } else if (!e.shiftKey && document.activeElement === l) {\n        e.preventDefault(); f.focus();\n      }\n    };\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('keydown', onKey);\n      previously?.focus?.();\n    };\n  }, [active, ref]);\n}\n\n// Lock body scroll while any overlay is open. Stacked overlays share a single\n// counter so closing the inner one doesn't release the lock for the outer one.\nlet scrollLockCount = 0;\nlet originalOverflow = '';\nfunction useScrollLock(active: boolean) {\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n    if (!active) return;\n    if (scrollLockCount === 0) {\n      originalOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n    }\n    scrollLockCount++;\n    return () => {\n      scrollLockCount--;\n      if (scrollLockCount === 0) {\n        document.body.style.overflow = originalOverflow;\n      }\n    };\n  }, [active]);\n}\n\nexport function Modal({\n  open, onClose, title, children, footer, size = 'md',\n  closeOnBackdrop = true, closeOnEsc = true, className,\n}: OverlayProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  // True only when the press both started AND ended on the backdrop itself.\n  // Fixes: press inside (e.g. text-selecting in an input) released over the\n  // backdrop must NOT dismiss.\n  const downOnBackdrop = React.useRef(false);\n  const titleId = React.useId();\n  const t = useLocale();\n  // useDelayedUnmount keeps the DOM mounted during exit animation. The\n  // a11y/scroll-lock hooks still consume `open` (the user's intent), not\n  // `mounted` — we don't want to trap focus or block scroll while\n  // animating out.\n  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);\n  useEscape(open, onClose, closeOnEsc);\n  useFocusTrap(ref, open);\n  useScrollLock(open);\n  if (!mounted || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      className={cx('modal-backdrop', closing && 'is-closing')}\n      onMouseDown={(e) => { downOnBackdrop.current = e.target === e.currentTarget; }}\n      onClick={(e) => {\n        if (closeOnBackdrop && downOnBackdrop.current && e.target === e.currentTarget) onClose();\n        downOnBackdrop.current = false;\n      }}\n    >\n      <div\n        ref={ref}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={cx('modal', `modal--${size}`, closing && 'is-closing', className)}\n      >\n        {title && (\n          <div className=\"modal__header\">\n            <div id={titleId} className=\"modal__title\">{title}</div>\n            <button type=\"button\" className=\"modal__close\" onClick={onClose} aria-label={t['modal.close']}><X size={18} /></button>\n          </div>\n        )}\n        <div className=\"modal__body\">{children}</div>\n        {footer && <div className=\"modal__footer\">{footer}</div>}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport interface DrawerProps extends OverlayProps {\n  side?: 'left' | 'right';\n}\n\nexport function Drawer({\n  open, onClose, title, children, footer, side = 'right',\n  closeOnBackdrop = true, closeOnEsc = true, className,\n}: DrawerProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  // True only when the press both started AND ended on the backdrop itself.\n  // Fixes: press inside (e.g. text-selecting in an input) released over the\n  // backdrop must NOT dismiss.\n  const downOnBackdrop = React.useRef(false);\n  const titleId = React.useId();\n  const t = useLocale();\n  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);\n  useEscape(open, onClose, closeOnEsc);\n  useFocusTrap(ref, open);\n  useScrollLock(open);\n  if (!mounted || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      className={cx('drawer-backdrop', closing && 'is-closing')}\n      onMouseDown={(e) => { downOnBackdrop.current = e.target === e.currentTarget; }}\n      onClick={(e) => {\n        if (closeOnBackdrop && downOnBackdrop.current && e.target === e.currentTarget) onClose();\n        downOnBackdrop.current = false;\n      }}\n    >\n      <div\n        ref={ref}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={cx('drawer', `drawer--${side}`, closing && 'is-closing', className)}\n      >\n        {title && (\n          <div className=\"drawer__header\">\n            <div id={titleId} className=\"drawer__title\">{title}</div>\n            <button type=\"button\" className=\"drawer__close\" onClick={onClose} aria-label={t['drawer.close']}><X size={18} /></button>\n          </div>\n        )}\n        <div className=\"drawer__body\">{children}</div>\n        {footer && <div className=\"drawer__footer\">{footer}</div>}\n      </div>\n    </div>,\n    document.body\n  );\n}\n"]}

package/dist/chunk-427NHGTX.js

@@ -1,5 +0,0 @@
-'use client';
-'use strict';
-
-//# sourceMappingURL=chunk-427NHGTX.js.map
-//# sourceMappingURL=chunk-427NHGTX.js.map

package/dist/chunk-4VMQLSHV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/locale/es.ts","../src/locale/LocaleProvider.tsx"],"names":["React"],"mappings":"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","file":"chunk-4VMQLSHV.js","sourcesContent":["import type { UiKitMessages } from './messages';\n\nexport const esMessages: UiKitMessages = {\n  // Generic actions\n  'common.close': 'Cerrar',\n  'common.cancel': 'Cancelar',\n  'common.confirm': 'Confirmar',\n  'common.apply': 'Aplicar',\n  'common.clear': 'Limpiar',\n  'common.edit': 'Editar',\n  'common.empty': 'Vacío',\n  'common.loading': 'Cargando',\n  'common.search': 'Buscar…',\n  'common.noResults': 'Sin resultados',\n\n  // Overlay\n  'modal.close': 'Cerrar',\n  'drawer.close': 'Cerrar',\n  'toast.close': 'Cerrar',\n\n  // DataTable\n  'table.empty': 'Sin datos',\n  'table.selectAll': 'Seleccionar todo',\n  'table.selectRow': 'Seleccionar {label}',\n  'table.rowAction': 'Ver {label}',\n\n  // AppShell\n  'appshell.mainNav': 'Navegación principal',\n  'appshell.expandMenu': 'Expandir menú',\n  'appshell.collapseMenu': 'Colapsar menú',\n  'appshell.expand': 'Expandir',\n  'appshell.collapse': 'Colapsar',\n  'appshell.openMenu': 'Abrir menú',\n  'appshell.breadcrumb': 'Breadcrumb',\n\n  // Notifications\n  'notifications.button': 'Notificaciones',\n  'notifications.unreadSuffix': ' ({n} sin leer)',\n  'notifications.empty': 'No tienes notificaciones',\n  'notifications.panel': 'Notificaciones',\n  'notifications.title': 'Notificaciones',\n  'notifications.markAllRead': 'Marcar todas como leídas',\n  'notifications.clear': 'Limpiar',\n\n  // Filters\n  'filters.panel': 'Filtros',\n  'filters.clear': 'Limpiar',\n  'filters.bulkActions': 'Acciones en lote',\n  'filters.deselectAll': 'Deseleccionar todo',\n  'filters.sortBy': 'Ordenar por',\n  'filters.selectedOne': '{n} seleccionado',\n  'filters.selectedMany': '{n} seleccionados',\n\n  // Editing\n  'transfer.available': 'Disponibles',\n  'transfer.assigned': 'Asignados',\n  'transfer.assignSelected': 'Asignar seleccionados',\n  'transfer.removeSelected': 'Quitar seleccionados',\n  'transfer.empty': 'Vacío',\n  'descList.edit': 'Editar',\n  'diff.label': 'Cambios',\n  'diff.field': 'Campo',\n  'diff.before': 'Antes',\n  'diff.after': 'Después',\n\n  // Permissions\n  'permissions.markAll': 'Marcar todos',\n  'permissions.unmarkAll': 'Quitar todos',\n  'permissions.action': 'Acción',\n  'permissions.cellLabel': '{action} para {role}',\n\n  // Comments\n  'comments.placeholder': 'Escribe un comentario…',\n  'comments.send': 'Enviar',\n  'comments.internalTag': 'Nota interna',\n  'comments.internalOnly': 'Solo nota interna',\n  'attachments.empty': 'Sin archivos adjuntos',\n  'attachments.remove': 'Eliminar {name}',\n  'attachments.download': 'Descargar {name}',\n\n  // Gallery\n  'gallery.thumbnails': 'Miniaturas',\n  'gallery.viewer': 'Visor de imagen',\n  'gallery.prev': 'Imagen anterior',\n  'gallery.next': 'Imagen siguiente',\n  'gallery.close': 'Cerrar',\n  'gallery.imageNumber': 'Imagen {n}',\n\n  // Display\n  'alert.close': 'Cerrar alerta',\n  'spinner.loading': 'Cargando',\n  'chip.remove': 'Quitar',\n\n  // Display3 — Calendar\n  'calendar.prevMonth': 'Mes anterior',\n  'calendar.nextMonth': 'Mes siguiente',\n  'calendar.expand': 'Expandir',\n  'calendar.collapse': 'Colapsar',\n  'calendar.weekdays': ['Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb', 'Dom'],\n  'calendar.months': [\n    'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',\n    'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre',\n  ],\n\n  // Pickers\n  'picker.openCalendar': 'Abrir calendario',\n  'picker.clearSelection': 'Limpiar selección',\n  'picker.selectRange': 'Seleccionar rango',\n  'picker.searchCommands': 'Buscar comandos…',\n  'picker.commandPalette': 'Paleta de comandos',\n  'picker.prevYear': 'Año anterior',\n  'picker.nextYear': 'Año siguiente',\n  'picker.prevDecade': 'Década anterior',\n  'picker.nextDecade': 'Década siguiente',\n  'picker.selectYear': 'Selecciona el año',\n  'picker.selectMonth': 'Selecciona el mes',\n  'picker.weekdaysShort': ['L', 'M', 'M', 'J', 'V', 'S', 'D'],\n  'combobox.remove': 'Quitar {label}',\n  'fileUpload.title': 'Arrastra archivos o haz clic',\n\n  // Inputs\n  'pagination.label': 'Paginación',\n  'pagination.prev': 'Página anterior',\n  'pagination.next': 'Página siguiente',\n  'pagination.range': '{from}–{to} de {total}',\n  'pagination.rowsPerPage': 'Filas por página',\n  'numberInput.decrement': 'Disminuir',\n  'numberInput.increment': 'Aumentar',\n\n  // Commerce\n  'commerce.quantity': 'Cantidad',\n  'commerce.decreaseQty': 'Disminuir cantidad',\n  'commerce.increaseQty': 'Aumentar cantidad',\n  'commerce.removeFromCart': 'Quitar del carro',\n  'commerce.removeItem': 'Quitar {name}',\n  'commerce.addFavorite': 'Agregar a favoritos',\n  'commerce.removeFavorite': 'Quitar de favoritos',\n  'commerce.applyCoupon': 'Aplicar',\n  'commerce.cartTitle': 'Tu carro',\n  'commerce.cartEmpty': 'Tu carro está vacío',\n  'commerce.subtotal': 'Subtotal',\n  'commerce.checkout': 'Ir a pagar',\n  'commerce.promoPlaceholder': 'Código promocional',\n  'commerce.promoInvalid': 'Código inválido',\n  'commerce.shippingAchieved': '¡Tienes envío gratis!',\n  'commerce.shippingPrefix': 'Te falta ',\n  'commerce.shippingSuffix': ' para envío gratis',\n\n  // Tags input\n  'tagsInput.remove': 'Quitar {tag}',\n  'tagsInput.placeholder': 'Escribe y Enter…',\n};\n","'use client';\nimport * as React from 'react';\nimport type { UiKitMessages } from './messages';\nimport { esMessages } from './es';\n\nconst LocaleContext = React.createContext<UiKitMessages | null>(null);\n\nexport interface LocaleProviderProps {\n  /**\n   * Partial dict of overrides. Missing keys fall back to `esMessages`,\n   * so consumers can translate just a few strings without re-declaring all.\n   */\n  messages?: Partial<UiKitMessages>;\n  children: React.ReactNode;\n}\n\nexport function LocaleProvider({ messages, children }: LocaleProviderProps) {\n  const merged = React.useMemo<UiKitMessages>(\n    () => (messages ? { ...esMessages, ...messages } : esMessages),\n    [messages]\n  );\n  return <LocaleContext.Provider value={merged}>{children}</LocaleContext.Provider>;\n}\n\n/**\n * Returns the active messages dict. Falls back to `esMessages` when no\n * `<LocaleProvider>` is present in the tree, so components remain usable\n * standalone.\n */\nexport function useLocale(): UiKitMessages {\n  return React.useContext(LocaleContext) ?? esMessages;\n}\n"]}

package/dist/chunk-BVQRDAR7.mjs

@@ -1,4 +0,0 @@
-'use client';
-
-//# sourceMappingURL=chunk-BVQRDAR7.mjs.map
-//# sourceMappingURL=chunk-BVQRDAR7.mjs.map

package/dist/chunk-DFQLWCIC.js.map

@@ -1 +0,0 @@
-{"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-DFQLWCIC.js","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-ER2Z5JEO.mjs

@@ -1,165 +0,0 @@
-'use client';
-import { useLocale } from './chunk-PQV7HHCJ.mjs';
-import { ChevronRight, ChevronLeft, MenuIcon } from './chunk-VHYTJD6Z.mjs';
-import { cx } from './chunk-IEPCH3JB.mjs';
-import * as React from 'react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var NavItemNode = React.memo(function NavItemNode2({
-  item,
-  depth,
-  linkAs,
-  onCloseMobile
-}) {
-  const klass = cx("appshell__navitem", item.active && "is-active", `appshell__navitem--depth-${depth}`);
-  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-    item.icon && /* @__PURE__ */ jsx("span", { className: "appshell__navicon", "aria-hidden": "true", children: item.icon }),
-    /* @__PURE__ */ jsx("span", { className: "appshell__navlabel", children: item.label }),
-    item.badge && /* @__PURE__ */ jsx("span", { className: "appshell__navbadge", children: item.badge })
-  ] });
-  const node = item.href && linkAs ? linkAs(item, inner, klass) : /* @__PURE__ */ jsx(
-    "a",
-    {
-      href: item.href ?? "#",
-      className: klass,
-      "aria-current": item.active ? "page" : void 0,
-      onClick: (e) => {
-        if (!item.href) e.preventDefault();
-        item.onSelect?.();
-        onCloseMobile();
-      },
-      children: inner
-    }
-  );
-  return /* @__PURE__ */ jsxs("li", { children: [
-    node,
-    item.children && item.children.length > 0 && /* @__PURE__ */ jsx("ul", { className: "appshell__navchildren", children: item.children.map((c) => /* @__PURE__ */ jsx(NavItemNode2, { item: c, depth: depth + 1, linkAs, onCloseMobile }, c.id)) })
-  ] });
-});
-function AppShell(props) {
-  const {
-    sections = [],
-    footer,
-    defaultCollapsed = false,
-    collapsed: ctrlCollapsed,
-    onCollapsedChange,
-    persistKey,
-    children,
-    className,
-    theme = "default",
-    linkAs
-  } = props;
-  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);
-  const [mobileOpen, setMobileOpen] = React.useState(false);
-  const t = useLocale();
-  const collapsed = ctrlCollapsed ?? internalCollapsed;
-  React.useEffect(() => {
-    if (persistKey == null || ctrlCollapsed !== void 0) return;
-    try {
-      const stored = window.localStorage.getItem(persistKey);
-      if (stored === "0" || stored === "1") setInternalCollapsed(stored === "1");
-    } catch {
-    }
-  }, [persistKey]);
-  const setCollapsed = (v) => {
-    if (ctrlCollapsed === void 0) setInternalCollapsed(v);
-    if (persistKey != null && ctrlCollapsed === void 0) {
-      try {
-        window.localStorage.setItem(persistKey, v ? "1" : "0");
-      } catch {
-      }
-    }
-    onCollapsedChange?.(v);
-  };
-  const closeMobile = React.useCallback(() => setMobileOpen(false), []);
-  if (props.headerLayout === "top") {
-    const { header } = props;
-    const headerTheme = props.headerTheme ?? theme;
-    const collapsedRail = props.collapsedRail ?? false;
-    const headerApi = { collapsed, toggle: () => setCollapsed(!collapsed), setCollapsed };
-    const slot = (s) => typeof s === "function" ? s(headerApi) : s;
-    const hasSidebar = sections.length > 0;
-    return /* @__PURE__ */ jsxs("div", { className: cx("appshell", `appshell--${theme}`, "appshell--header-top", `appshell--header-${headerTheme}`, collapsedRail && "appshell--rail", !hasSidebar && "appshell--no-nav", collapsed && "is-collapsed", className), children: [
-      /* @__PURE__ */ jsxs("header", { className: "appshell__header", role: "banner", "data-tone": headerTheme === "brand" ? "inverse" : void 0, children: [
-        /* @__PURE__ */ jsx("div", { className: "appshell__header-left", children: slot(header?.left) }),
-        /* @__PURE__ */ jsx("div", { className: "appshell__header-center", children: slot(header?.center) }),
-        /* @__PURE__ */ jsx("div", { className: "appshell__header-right", children: slot(header?.right) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "appshell__body", children: [
-        hasSidebar && /* @__PURE__ */ jsxs("aside", { className: "appshell__sidebar", "aria-label": t["appshell.mainNav"], children: [
-          /* @__PURE__ */ jsx("nav", { className: "appshell__nav", children: sections.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "appshell__navsection", children: [
-            s.label && /* @__PURE__ */ jsx("div", { className: "appshell__navlabel-section", children: s.label }),
-            /* @__PURE__ */ jsx("ul", { children: s.items.map((it) => /* @__PURE__ */ jsx(NavItemNode, { item: it, depth: 0, linkAs, onCloseMobile: closeMobile }, it.id)) })
-          ] }, s.id ?? i)) }),
-          footer != null && /* @__PURE__ */ jsx("div", { className: "appshell__sidebar-foot", children: footer })
-        ] }),
-        /* @__PURE__ */ jsx("main", { className: "appshell__content", role: "main", children })
-      ] })
-    ] });
-  }
-  const { brand, brandCollapsed, topbar, user } = props;
-  return /* @__PURE__ */ jsxs("div", { className: cx("appshell", `appshell--${theme}`, collapsed && "is-collapsed", mobileOpen && "is-mobile-open", className), children: [
-    /* @__PURE__ */ jsxs("aside", { className: "appshell__sidebar", "aria-label": t["appshell.mainNav"], children: [
-      /* @__PURE__ */ jsx("div", { className: "appshell__brand", children: collapsed ? brandCollapsed ?? brand : brand }),
-      /* @__PURE__ */ jsx("nav", { className: "appshell__nav", children: sections.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "appshell__navsection", children: [
-        s.label && /* @__PURE__ */ jsx("div", { className: "appshell__navlabel-section", children: s.label }),
-        /* @__PURE__ */ jsx("ul", { children: s.items.map((it) => /* @__PURE__ */ jsx(NavItemNode, { item: it, depth: 0, linkAs, onCloseMobile: closeMobile }, it.id)) })
-      ] }, s.id ?? i)) }),
-      /* @__PURE__ */ jsxs("div", { className: "appshell__sidebar-foot", children: [
-        footer,
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "appshell__collapse",
-            onClick: () => setCollapsed(!collapsed),
-            "aria-expanded": !collapsed,
-            "aria-label": collapsed ? t["appshell.expandMenu"] : t["appshell.collapseMenu"],
-            title: collapsed ? t["appshell.expand"] : t["appshell.collapse"],
-            children: collapsed ? /* @__PURE__ */ jsx(ChevronRight, { size: 14 }) : /* @__PURE__ */ jsx(ChevronLeft, { size: 14 })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "appshell__main", children: [
-      /* @__PURE__ */ jsxs("header", { className: "appshell__topbar", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "appshell__hamburger",
-            "aria-label": t["appshell.openMenu"],
-            "aria-expanded": mobileOpen,
-            onClick: () => setMobileOpen((o) => !o),
-            children: /* @__PURE__ */ jsx(MenuIcon, { size: 20 })
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "appshell__topbar-content", children: topbar }),
-        user && /* @__PURE__ */ jsx("div", { className: "appshell__topbar-user", children: user })
-      ] }),
-      /* @__PURE__ */ jsx("main", { className: "appshell__content", role: "main", children })
-    ] }),
-    mobileOpen && /* @__PURE__ */ jsx("div", { className: "appshell__scrim", onClick: () => setMobileOpen(false), "aria-hidden": "true" })
-  ] });
-}
-function PageHeader({ title, description, breadcrumbs, actions, meta, className }) {
-  const t = useLocale();
-  return /* @__PURE__ */ jsxs("div", { className: cx("page-header", className), children: [
-    breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx("nav", { className: "page-header__crumbs", "aria-label": t["appshell.breadcrumb"], children: /* @__PURE__ */ jsx("ol", { children: breadcrumbs.map((c, i) => /* @__PURE__ */ jsxs("li", { children: [
-      c.href ? /* @__PURE__ */ jsx("a", { href: c.href, children: c.label }) : /* @__PURE__ */ jsx("span", { "aria-current": "page", children: c.label }),
-      i < breadcrumbs.length - 1 && /* @__PURE__ */ jsx("span", { className: "page-header__crumb-sep", "aria-hidden": "true", children: "/" })
-    ] }, i)) }) }),
-    /* @__PURE__ */ jsxs("div", { className: "page-header__row", children: [
-      /* @__PURE__ */ jsxs("div", { className: "page-header__title-wrap", children: [
-        /* @__PURE__ */ jsx("h1", { className: "page-header__title", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "page-header__desc", children: description })
-      ] }),
-      actions && /* @__PURE__ */ jsx("div", { className: "page-header__actions", children: actions })
-    ] }),
-    meta && /* @__PURE__ */ jsx("div", { className: "page-header__meta", children: meta })
-  ] });
-}
-
-export { AppShell, PageHeader };
-//# sourceMappingURL=chunk-ER2Z5JEO.mjs.map
-//# sourceMappingURL=chunk-ER2Z5JEO.mjs.map

package/dist/chunk-ER2Z5JEO.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AppShell.tsx"],"names":["NavItemNode"],"mappings":"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","file":"chunk-ER2Z5JEO.mjs","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 type AppShellHeaderLayout = 'side' | 'top';\n\n/**\n * Collapse API handed to header-slot render-props so a consumer-placed control\n * (e.g. a hamburger in `left`) can drive the sidebar — crucially in\n * **uncontrolled** mode, where the `top` layout otherwise has no toggle\n * affordance. This is what lets `persistKey` (uncontrolled) coexist with a\n * custom header trigger: the kit owns the state + persistence, the consumer\n * owns the trigger's look and placement.\n */\nexport interface AppShellHeaderApi {\n  /** Current collapsed state. */\n  collapsed: boolean;\n  /** Flip the collapsed state (persisted if `persistKey` is set). */\n  toggle: () => void;\n  /** Set the collapsed state explicitly. */\n  setCollapsed: (collapsed: boolean) => void;\n}\n\n/**\n * A header slot: a static node, or a render-prop receiving {@link AppShellHeaderApi}.\n * The function form is the only way to toggle an uncontrolled shell from the\n * header (no built-in toggle exists in `top`).\n */\nexport type AppShellHeaderSlot =\n  | React.ReactNode\n  | ((api: AppShellHeaderApi) => React.ReactNode);\n\nexport interface AppShellHeader {\n  /** Left slot — typically a menu/hamburger trigger or back action. */\n  left?: AppShellHeaderSlot;\n  /** Center slot — typically the brand (Logo). Lands at the true viewport centre. */\n  center?: AppShellHeaderSlot;\n  /** Right slot — notifications, user avatar, utilities. */\n  right?: AppShellHeaderSlot;\n}\n\n/**\n * Props shared by both layouts. The layout-specific props live in\n * `AppShellSideProps` / `AppShellTopProps`; `AppShellProps` is the\n * discriminated union of the two, keyed on `headerLayout`.\n */\nexport interface AppShellBaseProps {\n  /**\n   * Navigation sections that populate the sidebar. Omit (or pass an empty\n   * array) in `headerLayout=\"top\"` to render a **top-bar-only** shell — no\n   * sidebar at all, body collapses to a single column. Use when the app is\n   * flat-route (no panel nav), e.g. a kiosk/cobros-mesón style layout.\n   * Required (effectively) in `headerLayout=\"side\"`: that layout is the\n   * sidebar; omitting sections renders an empty rail.\n   */\n  sections?: NavSection[];\n  footer?: React.ReactNode;\n  defaultCollapsed?: boolean;\n  collapsed?: boolean;\n  onCollapsedChange?: (c: boolean) => void;\n  /**\n   * Persist the collapsed state in `localStorage[persistKey]` so it survives\n   * reloads. Opt-in: omit it and the shell keeps the default behaviour (resets\n   * to `defaultCollapsed` on each mount). SSR-safe — the initial render still\n   * uses `defaultCollapsed` (no hydration mismatch); the stored value is read\n   * after mount, so a differing value may flash for one frame. Ignored in\n   * controlled mode (when `collapsed` is provided): the host owns persistence.\n   */\n  persistKey?: string;\n  children: React.ReactNode;\n  className?: string;\n  /**\n   * Color theme (applies to both layouts):\n   * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.\n   * - `brand`: superficie azul de marca con texto blanco. Mayor brand recall.\n   *   En `side` tiñe el sidebar; en `top` tiñe header + sidebar (un solo knob).\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/**\n * Sidebar layout (default, `headerLayout=\"side\"` or omitted). The brand\n * block + collapse rail live in the sidebar; the topbar sits over the\n * content with a mobile hamburger. `header` is **not** valid here — that\n * slot belongs to the `top` layout.\n */\nexport interface AppShellSideProps extends AppShellBaseProps {\n  headerLayout?: 'side';\n  /** Brand node in the sidebar header (expanded state). */\n  brand?: React.ReactNode;\n  /** Brand node shown when the rail is collapsed. Falls back to `brand`. */\n  brandCollapsed?: React.ReactNode;\n  /** Content of the topbar over the page (search, etc.). */\n  topbar?: React.ReactNode;\n  /** User slot at the right of the topbar (avatar/menu). */\n  user?: React.ReactNode;\n  /** Not valid in the `side` layout — the header slots belong to `top`. */\n  header?: never;\n}\n\n/**\n * Top-header layout (`headerLayout=\"top\"`, v1.15.0). Full-width header\n * above the body with three slots (`header.{left,center,right}`); the\n * centre slot lands at the **true viewport centre** (1fr·auto·1fr grid).\n * The sidebar has no brand block and `collapsed` hides it entirely (no\n * 72px rail); the header is **invariant** to the collapse. `theme=\"brand\"`\n * tints both bands. The `side`-only props are **not** valid here — put your\n * chrome in `header`.\n */\nexport interface AppShellTopProps extends AppShellBaseProps {\n  headerLayout: 'top';\n  /** Slots for the full-width header. Brand usually goes in `center`. */\n  header?: AppShellHeader;\n  /**\n   * Theme of the **header band only**, independent of the sidebar (`theme`).\n   * Defaults to `theme`, so `theme=\"brand\"` still tints both bands (no\n   * change for existing consumers). Set `theme=\"default\" headerTheme=\"brand\"`\n   * for a branded top bar over a neutral, legible sidebar — common in\n   * data-heavy admin apps.\n   */\n  headerTheme?: AppShellTheme;\n  /**\n   * Collapse to an icon rail (72px) instead of hiding the sidebar entirely.\n   * Default `false` → `collapsed` hides the sidebar (the original `top`\n   * behavior). `true` → `collapsed` keeps a 72px rail showing the nav icons\n   * (labels hidden, active-item bar kept) — like the `side` layout — and\n   * renders a built-in expand/collapse toggle at the bottom of the rail.\n   */\n  collapsedRail?: boolean;\n  /** Not valid in `top` — use `header.center` for the brand. */\n  brand?: never;\n  /** Not valid in `top` — the sidebar collapses entirely. */\n  brandCollapsed?: never;\n  /** Not valid in `top` — use the `header` slots. */\n  topbar?: never;\n  /** Not valid in `top` — use `header.right`. */\n  user?: never;\n}\n\n/**\n * Discriminated union keyed on `headerLayout`. TypeScript enforces that\n * `header` is only accepted with `headerLayout=\"top\"` and that\n * `brand`/`brandCollapsed`/`topbar`/`user` are only accepted with the\n * (default) `side` layout — passing the wrong prop for the layout is a\n * compile error instead of being silently ignored at runtime.\n */\nexport type AppShellProps = AppShellSideProps | AppShellTopProps;\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?: AppShellBaseProps['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(props: AppShellProps) {\n  const {\n    sections = [], footer, defaultCollapsed = false,\n    collapsed: ctrlCollapsed, onCollapsedChange, persistKey,\n    children, className, theme = 'default', linkAs,\n  } = props;\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n  const t = useLocale();\n  const collapsed = ctrlCollapsed ?? internalCollapsed;\n\n  // SSR-safe persistence: the initial render uses `defaultCollapsed` (server\n  // and first client render agree → no hydration mismatch), then we sync from\n  // localStorage after mount. Only in uncontrolled mode; reads can throw\n  // (Safari private mode), so they're guarded. Runs once per persistKey.\n  React.useEffect(() => {\n    if (persistKey == null || ctrlCollapsed !== undefined) return;\n    try {\n      const stored = window.localStorage.getItem(persistKey);\n      if (stored === '0' || stored === '1') setInternalCollapsed(stored === '1');\n    } catch {\n      /* localStorage unavailable — keep defaultCollapsed */\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- sync once at mount; ctrlCollapsed read intentionally not tracked\n  }, [persistKey]);\n\n  const setCollapsed = (v: boolean) => {\n    if (ctrlCollapsed === undefined) setInternalCollapsed(v);\n    if (persistKey != null && ctrlCollapsed === undefined) {\n      try {\n        window.localStorage.setItem(persistKey, v ? '1' : '0');\n      } catch {\n        /* localStorage unavailable — persistence is best-effort */\n      }\n    }\n    onCollapsedChange?.(v);\n  };\n  const closeMobile = React.useCallback(() => setMobileOpen(false), []);\n\n  // Top-header variant: full-width header above the body. Topbar is\n  // invariant to `collapsed` (only the inner body's columns animate); brand\n  // lives in `header.center` at the true viewport centre. Default\n  // `headerLayout=\"side\"` falls through to the legacy JSX below\n  // (byte-identical for existing consumers). The `props.headerLayout`\n  // check narrows the discriminated union, so `header` (top) and\n  // `brand`/`topbar`/`user` (side) are each only in scope in their branch.\n  if (props.headerLayout === 'top') {\n    const { header } = props;\n    // Header band themes independently of the sidebar; defaults to `theme`\n    // so `theme=\"brand\"` keeps tinting both bands (back-compat).\n    const headerTheme = props.headerTheme ?? theme;\n    const collapsedRail = props.collapsedRail ?? false;\n    // Hand the collapse API to header slots so a consumer trigger (hamburger)\n    // can toggle the shell — the only path in uncontrolled `top` (no built-in\n    // toggle here). A function slot is called with the API; a node renders as-is.\n    const headerApi: AppShellHeaderApi = { collapsed, toggle: () => setCollapsed(!collapsed), setCollapsed };\n    const slot = (s: AppShellHeaderSlot): React.ReactNode =>\n      typeof s === 'function' ? (s as (api: AppShellHeaderApi) => React.ReactNode)(headerApi) : s;\n    // Top-bar-only mode (v1.27.0): with no `sections` the shell is just a\n    // header band over a single-column content area — no sidebar. For\n    // flat-route apps (kiosk, checkout, single-flow tools) that don't need\n    // panel navigation. Stays inside `AppShell` (no new component) so the\n    // already-shipped `top` header band is reused as-is.\n    const hasSidebar = sections.length > 0;\n    return (\n      <div className={cx('appshell', `appshell--${theme}`, 'appshell--header-top', `appshell--header-${headerTheme}`, collapsedRail && 'appshell--rail', !hasSidebar && 'appshell--no-nav', collapsed && 'is-collapsed', className)}>\n        {/* On a brand header the band is dark, so re-scope foreground tokens\n            via data-tone=\"inverse\" — anything inside (Avatar, badges, links)\n            becomes band-aware automatically without per-call-site colors. */}\n        <header className=\"appshell__header\" role=\"banner\" data-tone={headerTheme === 'brand' ? 'inverse' : undefined}>\n          <div className=\"appshell__header-left\">{slot(header?.left)}</div>\n          <div className=\"appshell__header-center\">{slot(header?.center)}</div>\n          <div className=\"appshell__header-right\">{slot(header?.right)}</div>\n        </header>\n        <div className=\"appshell__body\">\n          {hasSidebar && (\n            <aside className=\"appshell__sidebar\" aria-label={t['appshell.mainNav']}>\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              {footer != null && (\n                <div className=\"appshell__sidebar-foot\">{footer}</div>\n              )}\n            </aside>\n          )}\n          <main className=\"appshell__content\" role=\"main\">{children}</main>\n        </div>\n      </div>\n    );\n  }\n\n  const { brand, brandCollapsed, topbar, user } = props;\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-MSP4BOPZ.js

@@ -1,188 +0,0 @@
-'use client';
-'use strict';
-
-var chunk4VMQLSHV_js = require('./chunk-4VMQLSHV.js');
-var chunk3HA3VO2I_js = require('./chunk-3HA3VO2I.js');
-var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var NavItemNode = React__namespace.memo(function NavItemNode2({
-  item,
-  depth,
-  linkAs,
-  onCloseMobile
-}) {
-  const klass = chunkPASF6T4H_js.cx("appshell__navitem", item.active && "is-active", `appshell__navitem--depth-${depth}`);
-  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "appshell__navicon", "aria-hidden": "true", children: item.icon }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "appshell__navlabel", children: item.label }),
-    item.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "appshell__navbadge", children: item.badge })
-  ] });
-  const node = item.href && linkAs ? linkAs(item, inner, klass) : /* @__PURE__ */ jsxRuntime.jsx(
-    "a",
-    {
-      href: item.href ?? "#",
-      className: klass,
-      "aria-current": item.active ? "page" : void 0,
-      onClick: (e) => {
-        if (!item.href) e.preventDefault();
-        item.onSelect?.();
-        onCloseMobile();
-      },
-      children: inner
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
-    node,
-    item.children && item.children.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "appshell__navchildren", children: item.children.map((c) => /* @__PURE__ */ jsxRuntime.jsx(NavItemNode2, { item: c, depth: depth + 1, linkAs, onCloseMobile }, c.id)) })
-  ] });
-});
-function AppShell(props) {
-  const {
-    sections = [],
-    footer,
-    defaultCollapsed = false,
-    collapsed: ctrlCollapsed,
-    onCollapsedChange,
-    persistKey,
-    children,
-    className,
-    theme = "default",
-    linkAs
-  } = props;
-  const [internalCollapsed, setInternalCollapsed] = React__namespace.useState(defaultCollapsed);
-  const [mobileOpen, setMobileOpen] = React__namespace.useState(false);
-  const t = chunk4VMQLSHV_js.useLocale();
-  const collapsed = ctrlCollapsed ?? internalCollapsed;
-  React__namespace.useEffect(() => {
-    if (persistKey == null || ctrlCollapsed !== void 0) return;
-    try {
-      const stored = window.localStorage.getItem(persistKey);
-      if (stored === "0" || stored === "1") setInternalCollapsed(stored === "1");
-    } catch {
-    }
-  }, [persistKey]);
-  const setCollapsed = (v) => {
-    if (ctrlCollapsed === void 0) setInternalCollapsed(v);
-    if (persistKey != null && ctrlCollapsed === void 0) {
-      try {
-        window.localStorage.setItem(persistKey, v ? "1" : "0");
-      } catch {
-      }
-    }
-    onCollapsedChange?.(v);
-  };
-  const closeMobile = React__namespace.useCallback(() => setMobileOpen(false), []);
-  if (props.headerLayout === "top") {
-    const { header } = props;
-    const headerTheme = props.headerTheme ?? theme;
-    const collapsedRail = props.collapsedRail ?? false;
-    const headerApi = { collapsed, toggle: () => setCollapsed(!collapsed), setCollapsed };
-    const slot = (s) => typeof s === "function" ? s(headerApi) : s;
-    const hasSidebar = sections.length > 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("appshell", `appshell--${theme}`, "appshell--header-top", `appshell--header-${headerTheme}`, collapsedRail && "appshell--rail", !hasSidebar && "appshell--no-nav", collapsed && "is-collapsed", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "appshell__header", role: "banner", "data-tone": headerTheme === "brand" ? "inverse" : void 0, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__header-left", children: slot(header?.left) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__header-center", children: slot(header?.center) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__header-right", children: slot(header?.right) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "appshell__body", children: [
-        hasSidebar && /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "appshell__sidebar", "aria-label": t["appshell.mainNav"], children: [
-          /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "appshell__nav", children: sections.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "appshell__navsection", children: [
-            s.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__navlabel-section", children: s.label }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { children: s.items.map((it) => /* @__PURE__ */ jsxRuntime.jsx(NavItemNode, { item: it, depth: 0, linkAs, onCloseMobile: closeMobile }, it.id)) })
-          ] }, s.id ?? i)) }),
-          footer != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__sidebar-foot", children: footer })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("main", { className: "appshell__content", role: "main", children })
-      ] })
-    ] });
-  }
-  const { brand, brandCollapsed, topbar, user } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("appshell", `appshell--${theme}`, collapsed && "is-collapsed", mobileOpen && "is-mobile-open", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "appshell__sidebar", "aria-label": t["appshell.mainNav"], children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__brand", children: collapsed ? brandCollapsed ?? brand : brand }),
-      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "appshell__nav", children: sections.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "appshell__navsection", children: [
-        s.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__navlabel-section", children: s.label }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { children: s.items.map((it) => /* @__PURE__ */ jsxRuntime.jsx(NavItemNode, { item: it, depth: 0, linkAs, onCloseMobile: closeMobile }, it.id)) })
-      ] }, s.id ?? i)) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "appshell__sidebar-foot", children: [
-        footer,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: "appshell__collapse",
-            onClick: () => setCollapsed(!collapsed),
-            "aria-expanded": !collapsed,
-            "aria-label": collapsed ? t["appshell.expandMenu"] : t["appshell.collapseMenu"],
-            title: collapsed ? t["appshell.expand"] : t["appshell.collapse"],
-            children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(chunk3HA3VO2I_js.ChevronRight, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3HA3VO2I_js.ChevronLeft, { size: 14 })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "appshell__main", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "appshell__topbar", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: "appshell__hamburger",
-            "aria-label": t["appshell.openMenu"],
-            "aria-expanded": mobileOpen,
-            onClick: () => setMobileOpen((o) => !o),
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunk3HA3VO2I_js.MenuIcon, { size: 20 })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__topbar-content", children: topbar }),
-        user && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__topbar-user", children: user })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "appshell__content", role: "main", children })
-    ] }),
-    mobileOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "appshell__scrim", onClick: () => setMobileOpen(false), "aria-hidden": "true" })
-  ] });
-}
-function PageHeader({ title, description, breadcrumbs, actions, meta, className }) {
-  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 }),
-      i < breadcrumbs.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "page-header__crumb-sep", "aria-hidden": "true", children: "/" })
-    ] }, i)) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "page-header__row", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "page-header__title-wrap", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "page-header__title", children: title }),
-        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "page-header__desc", children: description })
-      ] }),
-      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "page-header__actions", children: actions })
-    ] }),
-    meta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "page-header__meta", children: meta })
-  ] });
-}
-
-exports.AppShell = AppShell;
-exports.PageHeader = PageHeader;
-//# sourceMappingURL=chunk-MSP4BOPZ.js.map
-//# sourceMappingURL=chunk-MSP4BOPZ.js.map

package/dist/chunk-MSP4BOPZ.js.map

@@ -1 +0,0 @@
-{"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-MSP4BOPZ.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 type AppShellHeaderLayout = 'side' | 'top';\n\n/**\n * Collapse API handed to header-slot render-props so a consumer-placed control\n * (e.g. a hamburger in `left`) can drive the sidebar — crucially in\n * **uncontrolled** mode, where the `top` layout otherwise has no toggle\n * affordance. This is what lets `persistKey` (uncontrolled) coexist with a\n * custom header trigger: the kit owns the state + persistence, the consumer\n * owns the trigger's look and placement.\n */\nexport interface AppShellHeaderApi {\n  /** Current collapsed state. */\n  collapsed: boolean;\n  /** Flip the collapsed state (persisted if `persistKey` is set). */\n  toggle: () => void;\n  /** Set the collapsed state explicitly. */\n  setCollapsed: (collapsed: boolean) => void;\n}\n\n/**\n * A header slot: a static node, or a render-prop receiving {@link AppShellHeaderApi}.\n * The function form is the only way to toggle an uncontrolled shell from the\n * header (no built-in toggle exists in `top`).\n */\nexport type AppShellHeaderSlot =\n  | React.ReactNode\n  | ((api: AppShellHeaderApi) => React.ReactNode);\n\nexport interface AppShellHeader {\n  /** Left slot — typically a menu/hamburger trigger or back action. */\n  left?: AppShellHeaderSlot;\n  /** Center slot — typically the brand (Logo). Lands at the true viewport centre. */\n  center?: AppShellHeaderSlot;\n  /** Right slot — notifications, user avatar, utilities. */\n  right?: AppShellHeaderSlot;\n}\n\n/**\n * Props shared by both layouts. The layout-specific props live in\n * `AppShellSideProps` / `AppShellTopProps`; `AppShellProps` is the\n * discriminated union of the two, keyed on `headerLayout`.\n */\nexport interface AppShellBaseProps {\n  /**\n   * Navigation sections that populate the sidebar. Omit (or pass an empty\n   * array) in `headerLayout=\"top\"` to render a **top-bar-only** shell — no\n   * sidebar at all, body collapses to a single column. Use when the app is\n   * flat-route (no panel nav), e.g. a kiosk/cobros-mesón style layout.\n   * Required (effectively) in `headerLayout=\"side\"`: that layout is the\n   * sidebar; omitting sections renders an empty rail.\n   */\n  sections?: NavSection[];\n  footer?: React.ReactNode;\n  defaultCollapsed?: boolean;\n  collapsed?: boolean;\n  onCollapsedChange?: (c: boolean) => void;\n  /**\n   * Persist the collapsed state in `localStorage[persistKey]` so it survives\n   * reloads. Opt-in: omit it and the shell keeps the default behaviour (resets\n   * to `defaultCollapsed` on each mount). SSR-safe — the initial render still\n   * uses `defaultCollapsed` (no hydration mismatch); the stored value is read\n   * after mount, so a differing value may flash for one frame. Ignored in\n   * controlled mode (when `collapsed` is provided): the host owns persistence.\n   */\n  persistKey?: string;\n  children: React.ReactNode;\n  className?: string;\n  /**\n   * Color theme (applies to both layouts):\n   * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.\n   * - `brand`: superficie azul de marca con texto blanco. Mayor brand recall.\n   *   En `side` tiñe el sidebar; en `top` tiñe header + sidebar (un solo knob).\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/**\n * Sidebar layout (default, `headerLayout=\"side\"` or omitted). The brand\n * block + collapse rail live in the sidebar; the topbar sits over the\n * content with a mobile hamburger. `header` is **not** valid here — that\n * slot belongs to the `top` layout.\n */\nexport interface AppShellSideProps extends AppShellBaseProps {\n  headerLayout?: 'side';\n  /** Brand node in the sidebar header (expanded state). */\n  brand?: React.ReactNode;\n  /** Brand node shown when the rail is collapsed. Falls back to `brand`. */\n  brandCollapsed?: React.ReactNode;\n  /** Content of the topbar over the page (search, etc.). */\n  topbar?: React.ReactNode;\n  /** User slot at the right of the topbar (avatar/menu). */\n  user?: React.ReactNode;\n  /** Not valid in the `side` layout — the header slots belong to `top`. */\n  header?: never;\n}\n\n/**\n * Top-header layout (`headerLayout=\"top\"`, v1.15.0). Full-width header\n * above the body with three slots (`header.{left,center,right}`); the\n * centre slot lands at the **true viewport centre** (1fr·auto·1fr grid).\n * The sidebar has no brand block and `collapsed` hides it entirely (no\n * 72px rail); the header is **invariant** to the collapse. `theme=\"brand\"`\n * tints both bands. The `side`-only props are **not** valid here — put your\n * chrome in `header`.\n */\nexport interface AppShellTopProps extends AppShellBaseProps {\n  headerLayout: 'top';\n  /** Slots for the full-width header. Brand usually goes in `center`. */\n  header?: AppShellHeader;\n  /**\n   * Theme of the **header band only**, independent of the sidebar (`theme`).\n   * Defaults to `theme`, so `theme=\"brand\"` still tints both bands (no\n   * change for existing consumers). Set `theme=\"default\" headerTheme=\"brand\"`\n   * for a branded top bar over a neutral, legible sidebar — common in\n   * data-heavy admin apps.\n   */\n  headerTheme?: AppShellTheme;\n  /**\n   * Collapse to an icon rail (72px) instead of hiding the sidebar entirely.\n   * Default `false` → `collapsed` hides the sidebar (the original `top`\n   * behavior). `true` → `collapsed` keeps a 72px rail showing the nav icons\n   * (labels hidden, active-item bar kept) — like the `side` layout — and\n   * renders a built-in expand/collapse toggle at the bottom of the rail.\n   */\n  collapsedRail?: boolean;\n  /** Not valid in `top` — use `header.center` for the brand. */\n  brand?: never;\n  /** Not valid in `top` — the sidebar collapses entirely. */\n  brandCollapsed?: never;\n  /** Not valid in `top` — use the `header` slots. */\n  topbar?: never;\n  /** Not valid in `top` — use `header.right`. */\n  user?: never;\n}\n\n/**\n * Discriminated union keyed on `headerLayout`. TypeScript enforces that\n * `header` is only accepted with `headerLayout=\"top\"` and that\n * `brand`/`brandCollapsed`/`topbar`/`user` are only accepted with the\n * (default) `side` layout — passing the wrong prop for the layout is a\n * compile error instead of being silently ignored at runtime.\n */\nexport type AppShellProps = AppShellSideProps | AppShellTopProps;\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?: AppShellBaseProps['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(props: AppShellProps) {\n  const {\n    sections = [], footer, defaultCollapsed = false,\n    collapsed: ctrlCollapsed, onCollapsedChange, persistKey,\n    children, className, theme = 'default', linkAs,\n  } = props;\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n  const t = useLocale();\n  const collapsed = ctrlCollapsed ?? internalCollapsed;\n\n  // SSR-safe persistence: the initial render uses `defaultCollapsed` (server\n  // and first client render agree → no hydration mismatch), then we sync from\n  // localStorage after mount. Only in uncontrolled mode; reads can throw\n  // (Safari private mode), so they're guarded. Runs once per persistKey.\n  React.useEffect(() => {\n    if (persistKey == null || ctrlCollapsed !== undefined) return;\n    try {\n      const stored = window.localStorage.getItem(persistKey);\n      if (stored === '0' || stored === '1') setInternalCollapsed(stored === '1');\n    } catch {\n      /* localStorage unavailable — keep defaultCollapsed */\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- sync once at mount; ctrlCollapsed read intentionally not tracked\n  }, [persistKey]);\n\n  const setCollapsed = (v: boolean) => {\n    if (ctrlCollapsed === undefined) setInternalCollapsed(v);\n    if (persistKey != null && ctrlCollapsed === undefined) {\n      try {\n        window.localStorage.setItem(persistKey, v ? '1' : '0');\n      } catch {\n        /* localStorage unavailable — persistence is best-effort */\n      }\n    }\n    onCollapsedChange?.(v);\n  };\n  const closeMobile = React.useCallback(() => setMobileOpen(false), []);\n\n  // Top-header variant: full-width header above the body. Topbar is\n  // invariant to `collapsed` (only the inner body's columns animate); brand\n  // lives in `header.center` at the true viewport centre. Default\n  // `headerLayout=\"side\"` falls through to the legacy JSX below\n  // (byte-identical for existing consumers). The `props.headerLayout`\n  // check narrows the discriminated union, so `header` (top) and\n  // `brand`/`topbar`/`user` (side) are each only in scope in their branch.\n  if (props.headerLayout === 'top') {\n    const { header } = props;\n    // Header band themes independently of the sidebar; defaults to `theme`\n    // so `theme=\"brand\"` keeps tinting both bands (back-compat).\n    const headerTheme = props.headerTheme ?? theme;\n    const collapsedRail = props.collapsedRail ?? false;\n    // Hand the collapse API to header slots so a consumer trigger (hamburger)\n    // can toggle the shell — the only path in uncontrolled `top` (no built-in\n    // toggle here). A function slot is called with the API; a node renders as-is.\n    const headerApi: AppShellHeaderApi = { collapsed, toggle: () => setCollapsed(!collapsed), setCollapsed };\n    const slot = (s: AppShellHeaderSlot): React.ReactNode =>\n      typeof s === 'function' ? (s as (api: AppShellHeaderApi) => React.ReactNode)(headerApi) : s;\n    // Top-bar-only mode (v1.27.0): with no `sections` the shell is just a\n    // header band over a single-column content area — no sidebar. For\n    // flat-route apps (kiosk, checkout, single-flow tools) that don't need\n    // panel navigation. Stays inside `AppShell` (no new component) so the\n    // already-shipped `top` header band is reused as-is.\n    const hasSidebar = sections.length > 0;\n    return (\n      <div className={cx('appshell', `appshell--${theme}`, 'appshell--header-top', `appshell--header-${headerTheme}`, collapsedRail && 'appshell--rail', !hasSidebar && 'appshell--no-nav', collapsed && 'is-collapsed', className)}>\n        {/* On a brand header the band is dark, so re-scope foreground tokens\n            via data-tone=\"inverse\" — anything inside (Avatar, badges, links)\n            becomes band-aware automatically without per-call-site colors. */}\n        <header className=\"appshell__header\" role=\"banner\" data-tone={headerTheme === 'brand' ? 'inverse' : undefined}>\n          <div className=\"appshell__header-left\">{slot(header?.left)}</div>\n          <div className=\"appshell__header-center\">{slot(header?.center)}</div>\n          <div className=\"appshell__header-right\">{slot(header?.right)}</div>\n        </header>\n        <div className=\"appshell__body\">\n          {hasSidebar && (\n            <aside className=\"appshell__sidebar\" aria-label={t['appshell.mainNav']}>\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              {footer != null && (\n                <div className=\"appshell__sidebar-foot\">{footer}</div>\n              )}\n            </aside>\n          )}\n          <main className=\"appshell__content\" role=\"main\">{children}</main>\n        </div>\n      </div>\n    );\n  }\n\n  const { brand, brandCollapsed, topbar, user } = props;\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"]}