@misael703/ui 1.59.1 → 1.61.0

package/dist/{chunk-G4OOD6AR.mjs → chunk-2UW2K5MV.mjs}

@@ -2,7 +2,7 @@
 import { useScrollLock } from './chunk-R5DCDEB5.mjs';
 import { useEscape } from './chunk-6W7ZGWNA.mjs';
 import { useFocusTrap } from './chunk-XOV4D6J3.mjs';
-import { useLocale } from './chunk-KYYRQNY7.mjs';
+import { useLocale } from './chunk-OOIRRKJ7.mjs';
 import { MenuIcon } from './chunk-BJGMROKL.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
@@ -193,5 +193,5 @@ function PageHeader({ title, description, breadcrumbs, actions, meta, className
 }
 
 export { AppShell, PageHeader };
-//# sourceMappingURL=chunk-G4OOD6AR.mjs.map
-//# sourceMappingURL=chunk-G4OOD6AR.mjs.map
+//# sourceMappingURL=chunk-2UW2K5MV.mjs.map
+//# sourceMappingURL=chunk-2UW2K5MV.mjs.map

package/dist/{chunk-G4OOD6AR.mjs.map → chunk-2UW2K5MV.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppShell.tsx"],"names":["NavItemNode"],"mappings":"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","file":"chunk-G4OOD6AR.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { useFocusTrap, useEscape, useScrollLock } from '../hooks';\nimport { MenuIcon } from './Icons';\n\n// ---------- AppShell (full-width header + sidebar + content) ------------\n// Designed to drop into a Next.js app/layout.tsx as a Client Component shell.\n//\n// v1.31 BREAKING: the kit no longer exposes a `side` layout. Only the\n// `top` shape exists: a full-width header above the body, three header\n// slots (left/center/right), a sidebar below for navigation, and a content\n// area that owns its own scroll. The `headerLayout` prop is removed.\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\n/**\n * Collapse API handed to header-slot render-props so a consumer-placed control\n * (e.g. a hamburger in `header.left`) can drive the sidebar — crucially in\n * **uncontrolled** mode, where there is no built-in toggle affordance. This\n * is what lets `persistKey` (uncontrolled) coexist with a custom header\n * trigger: the kit owns the state + persistence, the consumer owns the\n * trigger's look and placement.\n *\n * `toggle()` is DWIM by viewport: on desktop it flips `collapsed` (the\n * rail/hide state); below 900px it flips an overlay drawer instead — same\n * single click handler regardless of breakpoint.\n */\nexport interface AppShellHeaderApi {\n  /** Current collapsed state. */\n  collapsed: boolean;\n  /** Flip the collapsed state on desktop, or the drawer in mobile. */\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).\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 * AppShell props.\n *\n * @example\n * <AppShell\n *   sections={sections}\n *   header={{\n *     left: ({ toggle }) => <button onClick={toggle}>Menu</button>,\n *     center: <Logo />,\n *     right: <Avatar />,\n *   }}\n * >\n *   {children}\n * </AppShell>\n */\nexport interface AppShellProps {\n  /**\n   * Navigation sections that populate the sidebar. Omit (or pass an empty\n   * array) to render a **top-bar-only** shell — no sidebar at all, body\n   * collapses to a single column. Use when the app is flat-route (no panel\n   * nav), e.g. a kiosk/checkout flow.\n   */\n  sections?: NavSection[];\n  /** Slot at the bottom of the sidebar (version label, env tag, etc.). */\n  footer?: React.ReactNode;\n  /** Initial collapsed state (uncontrolled). */\n  defaultCollapsed?: boolean;\n  /** Controlled collapsed state — pair with `onCollapsedChange`. */\n  collapsed?: boolean;\n  /** Called when `collapsed` flips (controlled mode handshake). */\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   * Sidebar color theme:\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   *\n   * The header band's theme is `headerTheme`, defaulting to this value so\n   * `theme=\"brand\"` tints both bands by default.\n   */\n  theme?: AppShellTheme;\n  /**\n   * Header band theme, independent of the sidebar (`theme`). Defaults to\n   * `theme`. Set `theme=\"default\" headerTheme=\"brand\"` for a branded top\n   * bar over a neutral, legible sidebar — common in 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 (slides off-screen).\n   * `true` → `collapsed` keeps a 72px rail showing the nav icons (labels\n   * hidden, active-item bar kept).\n   */\n  collapsedRail?: boolean;\n  /**\n   * Render the kit's standard menu toggle (hamburger) at the start of\n   * `header.left`. Default trigger for the drawer (mobile) / collapsed\n   * state (desktop), so consumers don't need the `header.left`\n   * render-prop just to get a working toggle. The render-prop remains\n   * available — when both are provided, the kit toggle renders first\n   * and the consumer's slot content renders after it. Ignored when\n   * `sections` is empty (top-bar-only shell).\n   */\n  showMenuToggle?: boolean;\n  /** Slots for the full-width header. */\n  header?: AppShellHeader;\n  /** Render-prop for navigation links so the host app can use Next.js Link, etc. */\n  linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;\n}\n\n// Recursive nav item, memoized so a single item's parent re-render doesn't\n// churn through every other item in the tree. Stability of `linkAs` and\n// `onCloseMobile` is the parent's responsibility (we stabilize\n// `onCloseMobile` via useCallback below; consumers should memoize `linkAs`\n// if they care about avoiding renders, but for typical Next.js Link usage\n// the inline arrow is rarely a hot path).\ninterface NavItemNodeProps {\n  item: NavItem;\n  depth: number;\n  linkAs?: AppShellProps['linkAs'];\n  onCloseMobile: () => void;\n}\n\nconst NavItemNode = React.memo(function NavItemNode({\n  item, depth, linkAs, onCloseMobile,\n}: NavItemNodeProps) {\n  const klass = cx('appshell__navitem', item.active && 'is-active', `appshell__navitem--depth-${depth}`);\n  const inner = (\n    <>\n      {item.icon && <span className=\"appshell__navicon\" aria-hidden=\"true\">{item.icon}</span>}\n      <span className=\"appshell__navlabel\">{item.label}</span>\n      {item.badge && <span className=\"appshell__navbadge\">{item.badge}</span>}\n    </>\n  );\n  const node = item.href && linkAs\n    ? linkAs(item, inner, klass)\n    : (\n      <a\n        href={item.href ?? '#'}\n        className={klass}\n        aria-current={item.active ? 'page' : undefined}\n        onClick={(e) => {\n          if (!item.href) e.preventDefault();\n          item.onSelect?.();\n          onCloseMobile();\n        }}\n      >\n        {inner}\n      </a>\n    );\n  return (\n    <li>\n      {node}\n      {item.children && item.children.length > 0 && (\n        <ul className=\"appshell__navchildren\">\n          {item.children.map((c) => (\n            <NavItemNode key={c.id} item={c} depth={depth + 1} linkAs={linkAs} onCloseMobile={onCloseMobile} />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n});\n\n/**\n * Mobile drawer breakpoint. Below this, `toggle()` flips an overlay drawer\n * (`is-mobile-open`) instead of the desktop collapse — see CSS\n * `@media (max-width: 900px)` for the visual shape. Kept in sync with that\n * media query; if you change one, change both.\n */\nconst MOBILE_BREAKPOINT = '(max-width: 900px)';\n\n// Stable id for `aria-controls` on the built-in menu toggle. Static (not\n// per-instance via useId) because a page only renders one AppShell; if a\n// host ever ships two, the duplicate id is the lesser problem vs. losing\n// SSR/CSR id stability for the toggle's aria-controls handshake.\nconst SIDEBAR_ID = 'appshell-sidebar';\n\nexport function AppShell({\n  sections = [],\n  footer,\n  defaultCollapsed = false,\n  collapsed: ctrlCollapsed,\n  onCollapsedChange,\n  persistKey,\n  children,\n  className,\n  theme = 'default',\n  headerTheme: ctrlHeaderTheme,\n  collapsedRail = false,\n  showMenuToggle = false,\n  header,\n  linkAs,\n}: AppShellProps) {\n  const t = useLocale();\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const collapsed = ctrlCollapsed ?? internalCollapsed;\n  // Header band themes independently of the sidebar; defaults to `theme`\n  // so `theme=\"brand\"` keeps tinting both bands.\n  const headerTheme = ctrlHeaderTheme ?? theme;\n  const hasSidebar = sections.length > 0;\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\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n  // Track whether matchMedia says we are below the mobile breakpoint. State\n  // (not ref) so React re-renders when it flips — `aria-hidden` on the\n  // closed mobile drawer is derived from this, and a ref-only value would\n  // never land on the DOM (the ref update doesn't trigger a re-render).\n  // Initial render uses `false` (SSR-safe; matchMedia is browser-only) and\n  // the effect corrects it post-mount. The listener also clears\n  // `mobileOpen` when the user resizes back into desktop, so a stale-open\n  // drawer doesn't ghost.\n  const [isMobile, setIsMobile] = React.useState(false);\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return;\n    const mql = window.matchMedia(MOBILE_BREAKPOINT);\n    setIsMobile(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => {\n      setIsMobile(e.matches);\n      if (!e.matches) setMobileOpen(false);\n    };\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  // Mirror `collapsed` to `mobileOpen` in mobile: any flip of `collapsed`\n  // (e.g. a controlled consumer's static hamburger that calls setCollapsed\n  // directly instead of going through `headerApi.toggle()`) opens/closes\n  // the drawer. Without this sync, a controlled consumer's button reads as\n  // dead in mobile — flipping `collapsed` is invisible because the aside\n  // is a fixed overlay that ignores collapsed in mobile.\n  //\n  // Semantics: `collapsed=true` means \"menu hidden\" in BOTH viewports\n  // (rail/hide on desktop, drawer-closed on mobile). The DWIM `toggle()`\n  // for the render-prop API still does its mobileOpen flip directly, but\n  // any out-of-band `collapsed` change also propagates here.\n  //\n  // Initial render must NOT auto-open the drawer just because\n  // `collapsed=false` happens to be the default — track previous value\n  // and only mirror when it actually changes.\n  const prevCollapsed = React.useRef(collapsed);\n  React.useEffect(() => {\n    if (!isMobile) return;\n    if (prevCollapsed.current === collapsed) return;\n    prevCollapsed.current = collapsed;\n    setMobileOpen(!collapsed);\n  }, [isMobile, collapsed]);\n\n  // ESC closes the drawer (only active while open — no leaked listener).\n  const closeMobileDrawer = React.useCallback(() => setMobileOpen(false), []);\n  useEscape(mobileOpen, closeMobileDrawer);\n  // Focus trap inside the open drawer: focuses the first nav link on open,\n  // cycles Tab/Shift+Tab within, restores focus to the trigger on close.\n  // Same hook used by Modal/Drawer — single source of truth for the trap.\n  const drawerRef = React.useRef<HTMLDivElement>(null);\n  useFocusTrap(drawerRef, mobileOpen);\n  // Lock body scroll while the drawer is open so the content behind the\n  // scrim doesn't drift on touch. Shares a global counter with Modal/Drawer\n  // (kit-wide nesting safe).\n  useScrollLock(mobileOpen);\n\n  // The DWIM toggle: mobile flips the drawer, desktop flips `collapsed`.\n  // Same API surface (`headerApi.toggle`) — the consumer's hamburger keeps\n  // its single click handler regardless of viewport.\n  const headerApi: AppShellHeaderApi = {\n    collapsed,\n    toggle: () => {\n      if (isMobile) setMobileOpen((o) => !o);\n      else setCollapsed(!collapsed);\n    },\n    setCollapsed,\n  };\n  const slot = (s: AppShellHeaderSlot): React.ReactNode =>\n    typeof s === 'function' ? (s as (api: AppShellHeaderApi) => React.ReactNode)(headerApi) : s;\n\n  return (\n    <div className={cx(\n      'appshell', `appshell--${theme}`, 'appshell--header-top', `appshell--header-${headerTheme}`,\n      collapsedRail && 'appshell--rail',\n      !hasSidebar && 'appshell--no-nav',\n      collapsed && 'is-collapsed',\n      mobileOpen && 'is-mobile-open',\n      className,\n    )}>\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\">\n          {showMenuToggle && hasSidebar && (\n            <button\n              type=\"button\"\n              className=\"appshell__menu-toggle\"\n              aria-label={t['appshell.toggleMenu']}\n              aria-expanded={isMobile ? mobileOpen : !collapsed}\n              aria-controls={SIDEBAR_ID}\n              onClick={headerApi.toggle}\n            >\n              <MenuIcon size={20} />\n            </button>\n          )}\n          {slot(header?.left)}\n        </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\n            ref={drawerRef}\n            id={SIDEBAR_ID}\n            className=\"appshell__sidebar\"\n            aria-label={t['appshell.mainNav']}\n            /* Closed mobile drawer: hide from assistive tech so a screen\n               reader doesn't tab through 30 offscreen links. */\n            aria-hidden={isMobile && !mobileOpen ? true : undefined}\n          >\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={closeMobileDrawer} />\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        {/* Scrim is a child of the body so it MATCHES the body's exact\n            bounds via `position: absolute; inset: 0` — not a sibling of\n            the body using viewport-relative math, which couldn't keep up\n            when the actual header height drifted from the\n            `--appshell-header-height` var (e.g., 73 rendered vs 56 in the\n            var). Click-anywhere-out closes. */}\n        {mobileOpen && (\n          <div\n            className=\"appshell__scrim\"\n            onClick={closeMobileDrawer}\n            aria-hidden=\"true\"\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ---------- PageHeader --------------------------------------------------\nexport interface PageHeaderProps {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  breadcrumbs?: Array<{ label: React.ReactNode; href?: string }>;\n  actions?: React.ReactNode;\n  meta?: React.ReactNode;\n  className?: string;\n}\n\nexport function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps) {\n  const t = useLocale();\n  return (\n    <div className={cx('page-header', className)}>\n      {breadcrumbs && breadcrumbs.length > 0 && (\n        <nav className=\"page-header__crumbs\" aria-label={t['appshell.breadcrumb']}>\n          <ol>\n            {breadcrumbs.map((c, i) => (\n              <li key={i}>\n                {c.href ? <a href={c.href}>{c.label}</a> : <span aria-current=\"page\">{c.label}</span>}\n                {i < breadcrumbs.length - 1 && <span className=\"page-header__crumb-sep\" aria-hidden=\"true\">/</span>}\n              </li>\n            ))}\n          </ol>\n        </nav>\n      )}\n      <div className=\"page-header__row\">\n        <div className=\"page-header__title-wrap\">\n          <h1 className=\"page-header__title\">{title}</h1>\n          {description && <p className=\"page-header__desc\">{description}</p>}\n        </div>\n        {actions && <div className=\"page-header__actions\">{actions}</div>}\n      </div>\n      {meta && <div className=\"page-header__meta\">{meta}</div>}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/AppShell.tsx"],"names":["NavItemNode"],"mappings":"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","file":"chunk-2UW2K5MV.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { useFocusTrap, useEscape, useScrollLock } from '../hooks';\nimport { MenuIcon } from './Icons';\n\n// ---------- AppShell (full-width header + sidebar + content) ------------\n// Designed to drop into a Next.js app/layout.tsx as a Client Component shell.\n//\n// v1.31 BREAKING: the kit no longer exposes a `side` layout. Only the\n// `top` shape exists: a full-width header above the body, three header\n// slots (left/center/right), a sidebar below for navigation, and a content\n// area that owns its own scroll. The `headerLayout` prop is removed.\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\n/**\n * Collapse API handed to header-slot render-props so a consumer-placed control\n * (e.g. a hamburger in `header.left`) can drive the sidebar — crucially in\n * **uncontrolled** mode, where there is no built-in toggle affordance. This\n * is what lets `persistKey` (uncontrolled) coexist with a custom header\n * trigger: the kit owns the state + persistence, the consumer owns the\n * trigger's look and placement.\n *\n * `toggle()` is DWIM by viewport: on desktop it flips `collapsed` (the\n * rail/hide state); below 900px it flips an overlay drawer instead — same\n * single click handler regardless of breakpoint.\n */\nexport interface AppShellHeaderApi {\n  /** Current collapsed state. */\n  collapsed: boolean;\n  /** Flip the collapsed state on desktop, or the drawer in mobile. */\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).\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 * AppShell props.\n *\n * @example\n * <AppShell\n *   sections={sections}\n *   header={{\n *     left: ({ toggle }) => <button onClick={toggle}>Menu</button>,\n *     center: <Logo />,\n *     right: <Avatar />,\n *   }}\n * >\n *   {children}\n * </AppShell>\n */\nexport interface AppShellProps {\n  /**\n   * Navigation sections that populate the sidebar. Omit (or pass an empty\n   * array) to render a **top-bar-only** shell — no sidebar at all, body\n   * collapses to a single column. Use when the app is flat-route (no panel\n   * nav), e.g. a kiosk/checkout flow.\n   */\n  sections?: NavSection[];\n  /** Slot at the bottom of the sidebar (version label, env tag, etc.). */\n  footer?: React.ReactNode;\n  /** Initial collapsed state (uncontrolled). */\n  defaultCollapsed?: boolean;\n  /** Controlled collapsed state — pair with `onCollapsedChange`. */\n  collapsed?: boolean;\n  /** Called when `collapsed` flips (controlled mode handshake). */\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   * Sidebar color theme:\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   *\n   * The header band's theme is `headerTheme`, defaulting to this value so\n   * `theme=\"brand\"` tints both bands by default.\n   */\n  theme?: AppShellTheme;\n  /**\n   * Header band theme, independent of the sidebar (`theme`). Defaults to\n   * `theme`. Set `theme=\"default\" headerTheme=\"brand\"` for a branded top\n   * bar over a neutral, legible sidebar — common in 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 (slides off-screen).\n   * `true` → `collapsed` keeps a 72px rail showing the nav icons (labels\n   * hidden, active-item bar kept).\n   */\n  collapsedRail?: boolean;\n  /**\n   * Render the kit's standard menu toggle (hamburger) at the start of\n   * `header.left`. Default trigger for the drawer (mobile) / collapsed\n   * state (desktop), so consumers don't need the `header.left`\n   * render-prop just to get a working toggle. The render-prop remains\n   * available — when both are provided, the kit toggle renders first\n   * and the consumer's slot content renders after it. Ignored when\n   * `sections` is empty (top-bar-only shell).\n   */\n  showMenuToggle?: boolean;\n  /** Slots for the full-width header. */\n  header?: AppShellHeader;\n  /** Render-prop for navigation links so the host app can use Next.js Link, etc. */\n  linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;\n}\n\n// Recursive nav item, memoized so a single item's parent re-render doesn't\n// churn through every other item in the tree. Stability of `linkAs` and\n// `onCloseMobile` is the parent's responsibility (we stabilize\n// `onCloseMobile` via useCallback below; consumers should memoize `linkAs`\n// if they care about avoiding renders, but for typical Next.js Link usage\n// the inline arrow is rarely a hot path).\ninterface NavItemNodeProps {\n  item: NavItem;\n  depth: number;\n  linkAs?: AppShellProps['linkAs'];\n  onCloseMobile: () => void;\n}\n\nconst NavItemNode = React.memo(function NavItemNode({\n  item, depth, linkAs, onCloseMobile,\n}: NavItemNodeProps) {\n  const klass = cx('appshell__navitem', item.active && 'is-active', `appshell__navitem--depth-${depth}`);\n  const inner = (\n    <>\n      {item.icon && <span className=\"appshell__navicon\" aria-hidden=\"true\">{item.icon}</span>}\n      <span className=\"appshell__navlabel\">{item.label}</span>\n      {item.badge && <span className=\"appshell__navbadge\">{item.badge}</span>}\n    </>\n  );\n  const node = item.href && linkAs\n    ? linkAs(item, inner, klass)\n    : (\n      <a\n        href={item.href ?? '#'}\n        className={klass}\n        aria-current={item.active ? 'page' : undefined}\n        onClick={(e) => {\n          if (!item.href) e.preventDefault();\n          item.onSelect?.();\n          onCloseMobile();\n        }}\n      >\n        {inner}\n      </a>\n    );\n  return (\n    <li>\n      {node}\n      {item.children && item.children.length > 0 && (\n        <ul className=\"appshell__navchildren\">\n          {item.children.map((c) => (\n            <NavItemNode key={c.id} item={c} depth={depth + 1} linkAs={linkAs} onCloseMobile={onCloseMobile} />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n});\n\n/**\n * Mobile drawer breakpoint. Below this, `toggle()` flips an overlay drawer\n * (`is-mobile-open`) instead of the desktop collapse — see CSS\n * `@media (max-width: 900px)` for the visual shape. Kept in sync with that\n * media query; if you change one, change both.\n */\nconst MOBILE_BREAKPOINT = '(max-width: 900px)';\n\n// Stable id for `aria-controls` on the built-in menu toggle. Static (not\n// per-instance via useId) because a page only renders one AppShell; if a\n// host ever ships two, the duplicate id is the lesser problem vs. losing\n// SSR/CSR id stability for the toggle's aria-controls handshake.\nconst SIDEBAR_ID = 'appshell-sidebar';\n\nexport function AppShell({\n  sections = [],\n  footer,\n  defaultCollapsed = false,\n  collapsed: ctrlCollapsed,\n  onCollapsedChange,\n  persistKey,\n  children,\n  className,\n  theme = 'default',\n  headerTheme: ctrlHeaderTheme,\n  collapsedRail = false,\n  showMenuToggle = false,\n  header,\n  linkAs,\n}: AppShellProps) {\n  const t = useLocale();\n  const [internalCollapsed, setInternalCollapsed] = React.useState(defaultCollapsed);\n  const collapsed = ctrlCollapsed ?? internalCollapsed;\n  // Header band themes independently of the sidebar; defaults to `theme`\n  // so `theme=\"brand\"` keeps tinting both bands.\n  const headerTheme = ctrlHeaderTheme ?? theme;\n  const hasSidebar = sections.length > 0;\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\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n  // Track whether matchMedia says we are below the mobile breakpoint. State\n  // (not ref) so React re-renders when it flips — `aria-hidden` on the\n  // closed mobile drawer is derived from this, and a ref-only value would\n  // never land on the DOM (the ref update doesn't trigger a re-render).\n  // Initial render uses `false` (SSR-safe; matchMedia is browser-only) and\n  // the effect corrects it post-mount. The listener also clears\n  // `mobileOpen` when the user resizes back into desktop, so a stale-open\n  // drawer doesn't ghost.\n  const [isMobile, setIsMobile] = React.useState(false);\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return;\n    const mql = window.matchMedia(MOBILE_BREAKPOINT);\n    setIsMobile(mql.matches);\n    const onChange = (e: MediaQueryListEvent) => {\n      setIsMobile(e.matches);\n      if (!e.matches) setMobileOpen(false);\n    };\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  // Mirror `collapsed` to `mobileOpen` in mobile: any flip of `collapsed`\n  // (e.g. a controlled consumer's static hamburger that calls setCollapsed\n  // directly instead of going through `headerApi.toggle()`) opens/closes\n  // the drawer. Without this sync, a controlled consumer's button reads as\n  // dead in mobile — flipping `collapsed` is invisible because the aside\n  // is a fixed overlay that ignores collapsed in mobile.\n  //\n  // Semantics: `collapsed=true` means \"menu hidden\" in BOTH viewports\n  // (rail/hide on desktop, drawer-closed on mobile). The DWIM `toggle()`\n  // for the render-prop API still does its mobileOpen flip directly, but\n  // any out-of-band `collapsed` change also propagates here.\n  //\n  // Initial render must NOT auto-open the drawer just because\n  // `collapsed=false` happens to be the default — track previous value\n  // and only mirror when it actually changes.\n  const prevCollapsed = React.useRef(collapsed);\n  React.useEffect(() => {\n    if (!isMobile) return;\n    if (prevCollapsed.current === collapsed) return;\n    prevCollapsed.current = collapsed;\n    setMobileOpen(!collapsed);\n  }, [isMobile, collapsed]);\n\n  // ESC closes the drawer (only active while open — no leaked listener).\n  const closeMobileDrawer = React.useCallback(() => setMobileOpen(false), []);\n  useEscape(mobileOpen, closeMobileDrawer);\n  // Focus trap inside the open drawer: focuses the first nav link on open,\n  // cycles Tab/Shift+Tab within, restores focus to the trigger on close.\n  // Same hook used by Modal/Drawer — single source of truth for the trap.\n  const drawerRef = React.useRef<HTMLDivElement>(null);\n  useFocusTrap(drawerRef, mobileOpen);\n  // Lock body scroll while the drawer is open so the content behind the\n  // scrim doesn't drift on touch. Shares a global counter with Modal/Drawer\n  // (kit-wide nesting safe).\n  useScrollLock(mobileOpen);\n\n  // The DWIM toggle: mobile flips the drawer, desktop flips `collapsed`.\n  // Same API surface (`headerApi.toggle`) — the consumer's hamburger keeps\n  // its single click handler regardless of viewport.\n  const headerApi: AppShellHeaderApi = {\n    collapsed,\n    toggle: () => {\n      if (isMobile) setMobileOpen((o) => !o);\n      else setCollapsed(!collapsed);\n    },\n    setCollapsed,\n  };\n  const slot = (s: AppShellHeaderSlot): React.ReactNode =>\n    typeof s === 'function' ? (s as (api: AppShellHeaderApi) => React.ReactNode)(headerApi) : s;\n\n  return (\n    <div className={cx(\n      'appshell', `appshell--${theme}`, 'appshell--header-top', `appshell--header-${headerTheme}`,\n      collapsedRail && 'appshell--rail',\n      !hasSidebar && 'appshell--no-nav',\n      collapsed && 'is-collapsed',\n      mobileOpen && 'is-mobile-open',\n      className,\n    )}>\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\">\n          {showMenuToggle && hasSidebar && (\n            <button\n              type=\"button\"\n              className=\"appshell__menu-toggle\"\n              aria-label={t['appshell.toggleMenu']}\n              aria-expanded={isMobile ? mobileOpen : !collapsed}\n              aria-controls={SIDEBAR_ID}\n              onClick={headerApi.toggle}\n            >\n              <MenuIcon size={20} />\n            </button>\n          )}\n          {slot(header?.left)}\n        </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\n            ref={drawerRef}\n            id={SIDEBAR_ID}\n            className=\"appshell__sidebar\"\n            aria-label={t['appshell.mainNav']}\n            /* Closed mobile drawer: hide from assistive tech so a screen\n               reader doesn't tab through 30 offscreen links. */\n            aria-hidden={isMobile && !mobileOpen ? true : undefined}\n          >\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={closeMobileDrawer} />\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        {/* Scrim is a child of the body so it MATCHES the body's exact\n            bounds via `position: absolute; inset: 0` — not a sibling of\n            the body using viewport-relative math, which couldn't keep up\n            when the actual header height drifted from the\n            `--appshell-header-height` var (e.g., 73 rendered vs 56 in the\n            var). Click-anywhere-out closes. */}\n        {mobileOpen && (\n          <div\n            className=\"appshell__scrim\"\n            onClick={closeMobileDrawer}\n            aria-hidden=\"true\"\n          />\n        )}\n      </div>\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-S3DEFKS5.js → chunk-324O7B3R.js}

@@ -5,7 +5,7 @@ var chunkD2H4VZVL_js = require('./chunk-D2H4VZVL.js');
 var chunkFL4ZCWUF_js = require('./chunk-FL4ZCWUF.js');
 var chunkNPXEZCTA_js = require('./chunk-NPXEZCTA.js');
 var chunk55P5FA5Q_js = require('./chunk-55P5FA5Q.js');
-var chunkA42WMR4M_js = require('./chunk-A42WMR4M.js');
+var chunkDKOAATV2_js = require('./chunk-DKOAATV2.js');
 var chunkC4AKMVDZ_js = require('./chunk-C4AKMVDZ.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
@@ -47,7 +47,7 @@ function Modal({
   const ref = React__namespace.useRef(null);
   const downOnBackdrop = React__namespace.useRef(false);
   const titleId = React__namespace.useId();
-  const t = chunkA42WMR4M_js.useLocale();
+  const t = chunkDKOAATV2_js.useLocale();
   const { mounted, closing } = chunkFL4ZCWUF_js.useDelayedUnmount(open, EXIT_MS);
   chunkNPXEZCTA_js.useEscape(open, onClose, closeOnEsc);
   chunk55P5FA5Q_js.useFocusTrap(ref, open);
@@ -102,7 +102,7 @@ function Drawer({
   const ref = React__namespace.useRef(null);
   const downOnBackdrop = React__namespace.useRef(false);
   const titleId = React__namespace.useId();
-  const t = chunkA42WMR4M_js.useLocale();
+  const t = chunkDKOAATV2_js.useLocale();
   const { mounted, closing } = chunkFL4ZCWUF_js.useDelayedUnmount(open, EXIT_MS);
   chunkNPXEZCTA_js.useEscape(open, onClose, closeOnEsc);
   chunk55P5FA5Q_js.useFocusTrap(ref, open);
@@ -146,5 +146,5 @@ function Drawer({
 
 exports.Drawer = Drawer;
 exports.Modal = Modal;
-//# sourceMappingURL=chunk-S3DEFKS5.js.map
-//# sourceMappingURL=chunk-S3DEFKS5.js.map
+//# sourceMappingURL=chunk-324O7B3R.js.map
+//# sourceMappingURL=chunk-324O7B3R.js.map

package/dist/{chunk-S3DEFKS5.js.map → chunk-324O7B3R.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Overlay.tsx"],"names":["React","useLocale","useDelayedUnmount","useEscape","useFocusTrap","useScrollLock","createPortal","jsx","cx","jsxs","X"],"mappings":"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","file":"chunk-S3DEFKS5.js","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';\nimport { useFocusTrap, useEscape, useScrollLock } from '../hooks';\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\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"]}
+{"version":3,"sources":["../src/components/Overlay.tsx"],"names":["React","useLocale","useDelayedUnmount","useEscape","useFocusTrap","useScrollLock","createPortal","jsx","cx","jsxs","X"],"mappings":"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","file":"chunk-324O7B3R.js","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';\nimport { useFocusTrap, useEscape, useScrollLock } from '../hooks';\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\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-XF445GS6.js → chunk-3N24QPRP.js}

@@ -2,11 +2,11 @@
 'use strict';
 
 var chunkMW7HQCFC_js = require('./chunk-MW7HQCFC.js');
-var chunkPKUOZT75_js = require('./chunk-PKUOZT75.js');
+var chunkDYYMUXKH_js = require('./chunk-DYYMUXKH.js');
 var chunk6SSTTJV4_js = require('./chunk-6SSTTJV4.js');
-var chunkG3V4UOZW_js = require('./chunk-G3V4UOZW.js');
+var chunkAB52PRTH_js = require('./chunk-AB52PRTH.js');
 var chunk6D5UP23V_js = require('./chunk-6D5UP23V.js');
-var chunkA42WMR4M_js = require('./chunk-A42WMR4M.js');
+var chunkDKOAATV2_js = require('./chunk-DKOAATV2.js');
 var chunkAJ22SXI2_js = require('./chunk-AJ22SXI2.js');
 var chunkC4AKMVDZ_js = require('./chunk-C4AKMVDZ.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
@@ -145,7 +145,7 @@ function DataTable({
   virtualizeRows,
   surface = "card"
 }) {
-  const t = chunkA42WMR4M_js.useLocale();
+  const t = chunkDKOAATV2_js.useLocale();
   const columns = React__namespace.useMemo(
     () => hiddenColumnKeys?.size ? allColumns.filter((c) => !hiddenColumnKeys.has(c.key)) : allColumns,
     [allColumns, hiddenColumnKeys]
@@ -297,17 +297,17 @@ function DataTable({
                   rowK: k,
                   selected: !!selectedKeys?.has(k),
                   selectable: !!selectable,
-                  selectAriaLabel: chunkG3V4UOZW_js.format(t["table.selectRow"], { label }),
+                  selectAriaLabel: chunkAB52PRTH_js.format(t["table.selectRow"], { label }),
                   columns,
                   onToggle: toggleRow,
                   href,
                   onActivate,
-                  actionLabel: chunkG3V4UOZW_js.format(t["table.rowAction"], { label }),
+                  actionLabel: chunkAB52PRTH_js.format(t["table.rowAction"], { label }),
                   renderRow,
                   expandable,
                   expanded,
                   onToggleExpand: toggleExpand,
-                  expandLabel: chunkG3V4UOZW_js.format(t["table.expandRow"], { label }),
+                  expandLabel: chunkAB52PRTH_js.format(t["table.expandRow"], { label }),
                   detailId
                 }
               ),
@@ -437,7 +437,7 @@ function TablePagination({
   pageSizeOptions = [10, 25, 50, 100],
   className
 }) {
-  const t = chunkA42WMR4M_js.useLocale();
+  const t = chunkDKOAATV2_js.useLocale();
   const selectId = React__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("table-pagination", className), children: [
     onPageSizeChange && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "table-pagination__size", htmlFor: selectId, children: [
@@ -454,7 +454,7 @@ function TablePagination({
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkPKUOZT75_js.Pagination,
+      chunkDYYMUXKH_js.Pagination,
       {
         page,
         pageSize,
@@ -470,7 +470,7 @@ var TableToolbar = React__namespace.forwardRef(
   }
 );
 function ColumnToggle({ columns, hiddenKeys, onChange, label, className }) {
-  const t = chunkA42WMR4M_js.useLocale();
+  const t = chunkDKOAATV2_js.useLocale();
   const visibleCount = columns.length - columns.filter((c) => hiddenKeys.has(c.key)).length;
   const toggle = (key) => {
     const next = new Set(hiddenKeys);
@@ -511,5 +511,5 @@ exports.ColumnToggle = ColumnToggle;
 exports.DataTable = DataTable;
 exports.TablePagination = TablePagination;
 exports.TableToolbar = TableToolbar;
-//# sourceMappingURL=chunk-XF445GS6.js.map
-//# sourceMappingURL=chunk-XF445GS6.js.map
+//# sourceMappingURL=chunk-3N24QPRP.js.map
+//# sourceMappingURL=chunk-3N24QPRP.js.map

package/dist/{chunk-XF445GS6.js.map → chunk-3N24QPRP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DataTable.tsx"],"names":["jsxs","Fragment","cx","jsx","Checkbox","ChevronRight","React","useLocale","rows","rowKey","selectedKeys","onSelectionChange","expandedKeys","onExpandedChange","useVirtualRows","ChevronUp","ChevronDown","MoreVertical","format","Pagination","TableToolbar","Popover","Button"],"mappings":"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","file":"chunk-XF445GS6.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronUp, ChevronDown, ChevronRight, MoreVertical } from './Icons';\nimport { Checkbox } from './Form';\nimport { Popover } from './Popover';\nimport { Button } from './Button';\nimport { useVirtualRows } from '../hooks/useVirtualRows';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- DataTableRow (memoized) -------------------------------------\n// Extracted as React.memo so unrelated parent re-renders don't churn through\n// every row in the table. Combined with a ref-stable `onToggle`, only the\n// row whose `selected` prop actually changed re-renders on toggle.\ninterface DataTableRowProps<T> {\n  row: T;\n  rowK: string;\n  selected: boolean;\n  selectable: boolean;\n  selectAriaLabel: string;\n  columns: Column<T>[];\n  onToggle: (k: string) => void;\n  /** Resolved from `rowHref(row)` — makes the row a navigable link. */\n  href?: string;\n  /** Resolved from `onRowClick(row)` — makes the row activate a callback. */\n  onActivate?: () => void;\n  /** Accessible name for the stretched row control (e.g. \"Ver Taladro\"). */\n  actionLabel?: string;\n  /** Full-control escape hatch (see `DataTableProps.renderRow`). */\n  renderRow?: (args: {\n    row: T;\n    cells: React.ReactNode;\n    rowKey: string;\n  }) => React.ReactNode;\n  /** Row expansion (resolved from `DataTableProps.renderExpanded`). */\n  expandable?: boolean;\n  expanded?: boolean;\n  onToggleExpand?: (k: string) => void;\n  expandLabel?: string;\n  detailId?: string;\n}\n\nfunction DataTableRowImpl<T>({\n  row, rowK, selected, selectable, selectAriaLabel, columns, onToggle,\n  href, onActivate, actionLabel, renderRow,\n  expandable, expanded, onToggleExpand, expandLabel, detailId,\n}: DataTableRowProps<T>) {\n  const interactive = !renderRow && (!!href || !!onActivate);\n\n  const cells = (\n    <>\n      {selectable && (\n        <td className={cx(interactive && 'data-table__cell--above')}>\n          <Checkbox\n            checked={selected}\n            onChange={() => onToggle(rowK)}\n            aria-label={selectAriaLabel}\n          />\n        </td>\n      )}\n      {expandable && (\n        <td className={cx(interactive && 'data-table__cell--above')}>\n          <button\n            type=\"button\"\n            className=\"data-table__expand-btn\"\n            aria-expanded={expanded}\n            // Only reference the panel while it exists in the DOM — a\n            // collapsed row's aria-controls would point at a missing id.\n            aria-controls={expanded ? detailId : undefined}\n            aria-label={expandLabel}\n            onClick={() => onToggleExpand?.(rowK)}\n          >\n            <ChevronRight size={16} />\n          </button>\n        </td>\n      )}\n      {columns.map((c, ci) => {\n        const align = c.align ?? (c.numeric ? 'right' : 'left');\n        const value = c.accessor\n          ? c.accessor(row)\n          : (row as Record<string, unknown>)[c.key] as React.ReactNode;\n        // data-label is consumed by the .data-table--cards CSS to surface\n        // the column header as an inline label on each row when the table\n        // collapses to a card layout on narrow viewports. Non-string\n        // headers (e.g. JSX) can't be projected through `attr()` so we\n        // omit the attribute and the cell renders without a visible label.\n        const label = typeof c.header === 'string' ? c.header : undefined;\n        return (\n          <td\n            key={c.key}\n            // `table__align-*` makes alignment authoritative for ANY cell\n            // content. `text-align` alone silently fails for a block/flex\n            // child (e.g. an action column of buttons → floated left); the\n            // class adds the matching `margin` auto so element children\n            // honor `align` too. Left cells emit no extra class → byte-\n            // identical to pre-1.10.0 (zero regression for the default).\n            className={cx(\n              c.numeric && 'table__num',\n              align !== 'left' && `table__align-${align}`,\n            )}\n            style={{ textAlign: align }}\n            data-label={label}\n          >\n            {/* Stretched row control: a real <a>/<button> in the first\n                data cell, overlaying the whole row (the <tr> is the\n                positioned ancestor). Keyboard-operable + SR-labelled +\n                valid table markup — no role hacks, no onClick-only div.\n                Visually empty; the cells stay the visible content. Other\n                interactive cell content opts above it via\n                `data-table__cell--above` (stretched-link pattern). */}\n            {interactive && ci === 0 && (\n              href ? (\n                <a\n                  href={href}\n                  className=\"data-table__rowlink\"\n                  aria-label={actionLabel}\n                  onClick={onActivate}\n                />\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"data-table__rowlink\"\n                  aria-label={actionLabel}\n                  onClick={onActivate}\n                />\n              )\n            )}\n            {value as React.ReactNode}\n          </td>\n        );\n      })}\n    </>\n  );\n\n  if (renderRow) return <>{renderRow({ row, cells, rowKey: rowK })}</>;\n\n  return (\n    <tr className={cx(selected && 'is-selected', interactive && 'is-clickable')}>\n      {cells}\n    </tr>\n  );\n}\n\n// Cast preserves the generic signature through React.memo.\nconst DataTableRow = React.memo(DataTableRowImpl) as typeof DataTableRowImpl;\n\n// ---------- DataTable ----------------------------------------------------\nexport interface Column<T> {\n  key: string;\n  header: React.ReactNode;\n  accessor?: (row: T) => React.ReactNode;\n  sortable?: boolean;\n  align?: 'left' | 'right' | 'center';\n  width?: number | string;\n  /**\n   * Marks the column as numeric: cells get the `.table__num` class\n   * (monospace + tabular alignment) and right-align by default.\n   */\n  numeric?: boolean;\n  /**\n   * Aggregate cell for this column (a total, a count, a \"Total\" label).\n   * When ANY column sets it, the table renders a `<tfoot>` row styled like\n   * the header band; in bounded (`maxHeight`) mode it stays pinned to the\n   * bottom of the scroll box, so totals remain visible while rows scroll.\n   * Aggregating is the consumer's job (the kit never sums for you — rows\n   * may be a server page, and the page total ≠ the dataset total).\n   * Only rendered with actual rows: the error / loading / empty states\n   * have nothing meaningful to total. Hidden in `mobileLayout=\"cards\"`\n   * (cells lose their column geometry there, like the header does).\n   */\n  footer?: React.ReactNode;\n}\n\nexport interface DataTableProps<T> {\n  columns: Column<T>[];\n  rows: T[];\n  rowKey: (row: T) => string;\n  sort?: { key: string; dir: 'asc' | 'desc' } | null;\n  /**\n   * Sorting is uncontrolled inside the table — consumers re-order `rows`\n   * in response to `onSortChange`. Stability of equal-keyed rows is the\n   * caller's responsibility (use a stable sort like `Array.prototype.sort`\n   * in V8/Node ≥ 12, or a tiebreaker on rowKey).\n   */\n  onSortChange?: (s: { key: string; dir: 'asc' | 'desc' } | null) => void;\n  selectable?: boolean;\n  selectedKeys?: Set<string>;\n  /**\n   * \"Select all\" toggles only the rows currently passed to the component.\n   * If the consumer paginates externally and only passes the visible page,\n   * this selects the page — not the dataset across all pages.\n   */\n  onSelectionChange?: (keys: Set<string>) => void;\n  empty?: React.ReactNode;\n  /**\n   * Renders an error state in place of the body. Takes precedence over\n   * `loading`, `empty`, and rows. Use it when a fetch fails.\n   */\n  error?: React.ReactNode;\n  loading?: boolean;\n  /**\n   * Keep the table header pinned while rows scroll past it\n   * (`position: sticky`). The header sticks to the nearest scrolling\n   * ancestor: pair it with `maxHeight` to scroll inside a bounded box, or\n   * leave `maxHeight` unset to let the header stick to an outer scroller\n   * (a `Modal` body, the page) — one scroll, no nested scrollbar.\n   *\n   * NOTE: a wide table needs its own horizontal scroll, which only exists in\n   * the bounded (`maxHeight`) mode. Without `maxHeight` the wrap is not a\n   * scroll container, so a wider-than-container table overflows its parent —\n   * use `maxHeight` for wide tables, or keep the table within its width.\n   */\n  stickyHeader?: boolean;\n  /**\n   * Cap the table's height and scroll its body inside a bounded box (the\n   * wrap becomes the vertical scroll container). Accepts any CSS length\n   * (`'70vh'`, `480`, `'30rem'`). Combine with `stickyHeader` for a\n   * scroll-region table whose header stays pinned to the box. Leaving this\n   * unset (with `stickyHeader`) makes the header stick to an outer scroller\n   * instead — see `stickyHeader`.\n   */\n  maxHeight?: string | number;\n  /**\n   * Layout for narrow viewports (`<600px`):\n   * - `'table'` (default): the table scrolls horizontally inside its wrapper.\n   * - `'cards'`: each row collapses to a stacked card with the column\n   *   header as an inline label per cell. Requires string `header` values\n   *   for the labels to appear; non-string headers render without a label.\n   */\n  mobileLayout?: 'table' | 'cards';\n  /** Accessible name announced by screen readers (e.g. \"Pedidos abiertos\"). */\n  ariaLabel?: string;\n  /**\n   * Builds the accessible label for the per-row checkbox so screen-reader\n   * users can tell rows apart. Defaults to the row's key. Provide this\n   * when the key isn't human-readable (e.g. a UUID).\n   */\n  rowLabel?: (row: T) => string;\n  /**\n   * Body density. Default `'compact'` (v1.10.0): a readable-dense register\n   * (~30px rows, `--text-xs`, single-line cells) — the right default for\n   * the data-heavy screens this kit serves (\"default = product\"). Pass\n   * `'comfortable'` to opt back into the pre-1.10.0 airy 14px/16px rows\n   * (which wrap to two lines).\n   */\n  density?: 'comfortable' | 'compact';\n  /**\n   * Makes every row a navigable link. The kit renders a real, keyboard-\n   * operable, screen-reader-labelled `<a>` stretched over the row — valid\n   * table markup (no `role` hacks, no `asChild` on `<tr>`, never an\n   * onClick-only div). One Tab stop per row; Enter activates; the focus\n   * ring shows on the row. Additive; combinable with `onRowClick`.\n   */\n  rowHref?: (row: T) => string;\n  /**\n   * Makes every row activate a callback (pointer **and** keyboard).\n   * Renders a real stretched `<button>` with the same a11y guarantees as\n   * `rowHref`. Prefer `rowHref` when the action is navigation.\n   */\n  onRowClick?: (row: T) => void;\n  /**\n   * Full-control escape hatch — the render-prop polymorphism the kit uses\n   * for data/array-driven components (cf. `AppShell.linkAs`; deliberately\n   * NOT `asChild`, which would emit invalid markup on `<tr>`). Receives the\n   * row, the kit-rendered `cells`, and the row key; return your own row\n   * element (e.g. a framework `<Link>` wrapping a `<tr>`). When set,\n   * `rowHref`/`onRowClick` are ignored (you own row interactivity & a11y).\n   */\n  renderRow?: (args: {\n    row: T;\n    cells: React.ReactNode;\n    rowKey: string;\n  }) => React.ReactNode;\n  /**\n   * Row expansion: renders a detail panel under the row (an order's line\n   * items, an audit trail). Setting it adds a chevron toggle column; the\n   * open panel is an extra `<tr>` spanning every column, recessed on the\n   * header's grey band. Controlled like selection: pair with\n   * `expandedKeys`/`onExpandedChange`. The toggle is a real `<button>`\n   * (`aria-expanded` + `aria-controls` while open) and stays clickable on\n   * interactive rows (above the stretched row link). In\n   * `mobileLayout=\"cards\"` the detail renders as its own card under the\n   * row's card.\n   */\n  renderExpanded?: (row: T) => React.ReactNode;\n  expandedKeys?: Set<string>;\n  onExpandedChange?: (keys: Set<string>) => void;\n  /**\n   * Hides columns by key without mutating the canonical `columns` array —\n   * the consumer keeps ONE column definition and toggles a `Set`. Header,\n   * cells, totals footer, colSpans and mobile cards all follow. Pair with\n   * `<ColumnToggle>` in the toolbar for the ready-made visibility menu.\n   * Hiding every column is the consumer's foot-gun to avoid\n   * (`ColumnToggle` already prevents it by disabling the last one).\n   */\n  hiddenColumnKeys?: Set<string>;\n  /**\n   * Fixed-height row windowing for large client-side datasets (1k-50k\n   * rows): only the rows around the viewport hit the DOM; the rest become\n   * two pixel-exact spacers. Requires `maxHeight` (the bounded scroller is\n   * the measuring viewport) and UNIFORM row heights — it silently disables\n   * itself when combined with `renderExpanded` (detail panels change row\n   * heights) or `mobileLayout=\"cards\"` (cards re-flow every row), because\n   * a correct full render beats a broken windowed one. Selection,\n   * select-all and sorting keep operating on the FULL `rows` array — only\n   * the DOM is windowed. Prefer server pagination when you have it; this\n   * is for the genuinely client-side big list.\n   */\n  virtualizeRows?: { rowHeight: number; overscan?: number };\n  /**\n   * Toolbar / filter zone that shares the table's rounded surface. When\n   * set, the DataTable renders it INSIDE its own border+radius+overflow\n   * surface (`.table-surface`): the toolbar is clipped to the radius,\n   * there is exactly one divider between it and the header, and the\n   * header band's corner-rounding is dropped so the strip is clean in the\n   * corner — no card-border + filter-border + header-top stack, no seam.\n   * Accepts any node (`<TableToolbar>`, `<FilterBar>`, a custom row). The\n   * legacy sibling pattern (`<TableToolbar/><DataTable/>`) still works.\n   */\n  toolbar?: React.ReactNode;\n  /**\n   * Surface chrome mode. Default `'card'`: the table draws its own\n   * border + radius (and `--table-elevation` if set), the standalone\n   * surface. `'flush'`: drops that chrome so the table sits clean inside\n   * a parent that already owns the surface (a `<Card>`) without doubling\n   * the border or nesting a radius. Use `'flush'` for the embedded-in-Card\n   * case; leave the default for standalone tables.\n   */\n  surface?: 'card' | 'flush';\n  className?: string;\n}\n\n/**\n * Tabular data renderer with optional sorting, selection, error/empty/\n * loading states.\n *\n * State priority (only one body state renders at a time):\n *   error > loading > empty > rows\n *\n * Large datasets: prefer server pagination; for genuinely client-side big\n * lists use `virtualizeRows` (fixed-height windowing, v1.51.0).\n */\nexport function DataTable<T>({\n  columns: allColumns, rows, rowKey,\n  sort, onSortChange,\n  selectable, selectedKeys, onSelectionChange,\n  empty, error, loading, stickyHeader, maxHeight, mobileLayout = 'table',\n  ariaLabel, rowLabel, className,\n  density = 'compact', rowHref, onRowClick, renderRow, toolbar,\n  renderExpanded, expandedKeys, onExpandedChange,\n  hiddenColumnKeys, virtualizeRows,\n  surface = 'card',\n}: DataTableProps<T>) {\n  const t = useLocale();\n  // Everything below sees only the visible columns; hiding is a pure\n  // pre-filter so header/cells/footer/colSpans stay in sync for free.\n  const columns = React.useMemo(\n    () => (hiddenColumnKeys?.size ? allColumns.filter((c) => !hiddenColumnKeys.has(c.key)) : allColumns),\n    [allColumns, hiddenColumnKeys]\n  );\n  const allSelected = selectable && rows.length > 0 && rows.every((r) => selectedKeys?.has(rowKey(r)));\n  const someSelected = selectable && !allSelected && rows.some((r) => selectedKeys?.has(rowKey(r)));\n  const headerCbRef = React.useRef<HTMLInputElement>(null);\n  React.useEffect(() => {\n    if (headerCbRef.current) headerCbRef.current.indeterminate = !!someSelected;\n  }, [someSelected]);\n\n  // On-scroll header elevation (bounded `maxHeight` + `stickyHeader` only).\n  // A zero-height sentinel sits at the top of the inner scroll container; an\n  // IntersectionObserver flips `stuck` when it leaves the scroller's top, so\n  // the sticky header gains a soft drop shadow once content scrolls beneath\n  // it. IO (not a scroll listener) → no per-frame work; SSR/jsdom-safe via\n  // the `typeof` guard. Ancestor-stick mode keeps the flush header (the\n  // outer scroller isn't ours to observe).\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const sentinelRef = React.useRef<HTMLDivElement>(null);\n  const [stuck, setStuck] = React.useState(false);\n  const elevatable = stickyHeader && maxHeight != null;\n  React.useEffect(() => {\n    if (!elevatable) { setStuck(false); return; }\n    const root = scrollRef.current;\n    const sentinel = sentinelRef.current;\n    if (!root || !sentinel || typeof IntersectionObserver === 'undefined') return;\n    const io = new IntersectionObserver(\n      ([entry]) => setStuck(!entry.isIntersecting),\n      { root, threshold: 0 },\n    );\n    io.observe(sentinel);\n    return () => io.disconnect();\n  }, [elevatable]);\n\n  // Latest-props ref so toggleRow stays referentially stable across selection\n  // changes. Without this, every selection update would create a new\n  // toggleRow, defeating React.memo on DataTableRow.\n  const propsRef = React.useRef({ rows, rowKey, selectedKeys, onSelectionChange, expandedKeys, onExpandedChange });\n  propsRef.current = { rows, rowKey, selectedKeys, onSelectionChange, expandedKeys, onExpandedChange };\n\n  const toggleAll = React.useCallback(() => {\n    const { rows, rowKey, selectedKeys, onSelectionChange } = propsRef.current;\n    if (!onSelectionChange) return;\n    const allSel = rows.length > 0 && rows.every((r) => selectedKeys?.has(rowKey(r)));\n    const next = new Set(selectedKeys);\n    if (allSel) rows.forEach((r) => next.delete(rowKey(r)));\n    else rows.forEach((r) => next.add(rowKey(r)));\n    onSelectionChange(next);\n  }, []);\n\n  const toggleRow = React.useCallback((k: string) => {\n    const { selectedKeys, onSelectionChange } = propsRef.current;\n    if (!onSelectionChange) return;\n    const next = new Set(selectedKeys);\n    if (next.has(k)) next.delete(k); else next.add(k);\n    onSelectionChange(next);\n  }, []);\n\n  const toggleExpand = React.useCallback((k: string) => {\n    const { expandedKeys, onExpandedChange } = propsRef.current;\n    if (!onExpandedChange) return;\n    const next = new Set(expandedKeys);\n    if (next.has(k)) next.delete(k); else next.add(k);\n    onExpandedChange(next);\n  }, []);\n\n  const expandable = renderExpanded != null;\n  // Stable per-table id base for the detail panels' aria-controls wiring.\n  const tableId = React.useId();\n  const totalCols = columns.length + (selectable ? 1 : 0) + (expandable ? 1 : 0);\n\n  // Row windowing — gated to the combinations where fixed-height math is\n  // actually true (see the prop's JSDoc). When the gate is off the hook is\n  // inert and returns the full range, so there is ONE render path below.\n  const virtual =\n    virtualizeRows != null && maxHeight != null && !expandable && mobileLayout !== 'cards';\n  const vrange = useVirtualRows(scrollRef, {\n    count: rows.length,\n    rowHeight: virtualizeRows?.rowHeight ?? 1,\n    overscan: virtualizeRows?.overscan,\n    enabled: virtual,\n  });\n\n  const onSort = (col: Column<T>) => {\n    if (!col.sortable || !onSortChange) return;\n    if (!sort || sort.key !== col.key) onSortChange({ key: col.key, dir: 'asc' });\n    else if (sort.dir === 'asc') onSortChange({ key: col.key, dir: 'desc' });\n    else onSortChange(null);\n  };\n\n  const tableEl = (\n      <table\n        className={cx(\n          'table data-table',\n          density === 'comfortable' && 'table--comfortable',\n        )}\n        aria-label={ariaLabel}\n        // With windowing the DOM row count lies to assistive tech; declare\n        // the real dataset size (+1 = the header row, per the ARIA spec).\n        aria-rowcount={virtual ? rows.length + 1 : undefined}\n      >\n        <thead>\n          <tr>\n            {selectable && (\n              <th scope=\"col\" style={{ width: 40 }}>\n                <Checkbox\n                  ref={headerCbRef}\n                  checked={!!allSelected}\n                  onChange={toggleAll}\n                  aria-label={t['table.selectAll']}\n                />\n              </th>\n            )}\n            {/* Visually empty but properly named: it IS the column header\n                of the toggle column (a `td` here would lose the thead band\n                and sticky CSS, which target `thead th`). */}\n            {expandable && <th scope=\"col\" style={{ width: 36 }} aria-label={t['table.expandColumn']} />}\n            {columns.map((c) => {\n              const active = sort?.key === c.key;\n              const align = c.align ?? (c.numeric ? 'right' : 'left');\n              const sortValue = c.sortable\n                ? (active ? (sort!.dir === 'asc' ? 'ascending' : 'descending') : 'none')\n                : undefined;\n              const headerInner = (\n                <span className=\"data-table__th\">\n                  {c.header}\n                  {c.sortable && (\n                    <span className=\"data-table__sort\" aria-hidden=\"true\">\n                      {active ? (sort!.dir === 'asc' ? <ChevronUp size={12} /> : <ChevronDown size={12} />) : <MoreVertical size={12} />}\n                    </span>\n                  )}\n                </span>\n              );\n              return (\n                <th\n                  key={c.key}\n                  scope=\"col\"\n                  style={{ width: c.width, textAlign: align }}\n                  aria-sort={sortValue}\n                >\n                  {c.sortable ? (\n                    <button\n                      type=\"button\"\n                      className=\"data-table__sort-btn\"\n                      onClick={() => onSort(c)}\n                    >\n                      {headerInner}\n                    </button>\n                  ) : headerInner}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {error ? (\n            <tr>\n              <td\n                colSpan={totalCols}\n                className=\"data-table__error\"\n                role=\"alert\"\n                style={{ padding: 32, textAlign: 'center' }}\n              >\n                {error}\n              </td>\n            </tr>\n          ) : loading ? (\n            Array.from({ length: 5 }).map((_, i) => (\n              <tr key={`s${i}`}>\n                {selectable && <td><div className=\"skel\" style={{ height: 14 }} /></td>}\n                {expandable && <td aria-hidden=\"true\" />}\n                {columns.map((c) => <td key={c.key}><div className=\"skel\" style={{ height: 12, width: '70%' }} /></td>)}\n              </tr>\n            ))\n          ) : rows.length === 0 ? (\n            <tr>\n              <td colSpan={totalCols} style={{ padding: 32 }}>\n                {empty ?? <div style={{ textAlign: 'center', color: 'var(--fg-muted)' }}>{t['table.empty']}</div>}\n              </td>\n            </tr>\n          ) : (\n            <>\n            {virtual && vrange.padTop > 0 && (\n              <tr className=\"data-table__spacer\" aria-hidden=\"true\">\n                <td colSpan={totalCols} style={{ height: vrange.padTop }} />\n              </tr>\n            )}\n            {(virtual ? rows.slice(vrange.start, vrange.end) : rows).map((r) => {\n              const k = rowKey(r);\n              const label = rowLabel ? rowLabel(r) : k;\n              const href = rowHref?.(r);\n              const onActivate = onRowClick ? () => onRowClick(r) : undefined;\n              const expanded = expandable && !!expandedKeys?.has(k);\n              const detailId = `${tableId}-detail-${k}`;\n              return (\n                <React.Fragment key={k}>\n                  <DataTableRow\n                    row={r}\n                    rowK={k}\n                    selected={!!selectedKeys?.has(k)}\n                    selectable={!!selectable}\n                    selectAriaLabel={format(t['table.selectRow'], { label })}\n                    columns={columns}\n                    onToggle={toggleRow}\n                    href={href}\n                    onActivate={onActivate}\n                    actionLabel={format(t['table.rowAction'], { label })}\n                    renderRow={renderRow}\n                    expandable={expandable}\n                    expanded={expanded}\n                    onToggleExpand={toggleExpand}\n                    expandLabel={format(t['table.expandRow'], { label })}\n                    detailId={detailId}\n                  />\n                  {expanded && (\n                    <tr className=\"data-table__detail\">\n                      <td colSpan={totalCols} id={detailId}>\n                        {renderExpanded(r)}\n                      </td>\n                    </tr>\n                  )}\n                </React.Fragment>\n              );\n            })}\n            {virtual && vrange.padBottom > 0 && (\n              <tr className=\"data-table__spacer\" aria-hidden=\"true\">\n                <td colSpan={totalCols} style={{ height: vrange.padBottom }} />\n              </tr>\n            )}\n            </>\n          )}\n        </tbody>\n        {columns.some((c) => c.footer != null) && !error && !loading && rows.length > 0 && (\n          <tfoot>\n            <tr>\n              {selectable && <td />}\n              {expandable && <td aria-hidden=\"true\" />}\n              {columns.map((c) => {\n                const align = c.align ?? (c.numeric ? 'right' : 'left');\n                return (\n                  <td\n                    key={c.key}\n                    className={cx(\n                      c.numeric && 'table__num',\n                      align !== 'left' && `table__align-${align}`,\n                    )}\n                    style={{ textAlign: align }}\n                  >\n                    {c.footer}\n                  </td>\n                );\n              })}\n            </tr>\n          </tfoot>\n        )}\n      </table>\n  );\n  // Bounded mode (`maxHeight`): the table lives in an inner scroll\n  // container, while the outer `.table-wrap` keeps the border/radius and\n  // `overflow: hidden` clips it cleanly — including the sticky header's\n  // paint and the scrollbar corners. (A single element that is BOTH the\n  // rounded box AND the sticky scroll container can't clip the sticky paint\n  // to its radius in Chrome; splitting the two does, because the outer\n  // clipping element is no longer the sticky's scroll container.)\n  const wrap = (\n    <div\n      className={cx(\n        'table-wrap',\n        stickyHeader && 'table-wrap--sticky',\n        maxHeight != null && 'table-wrap--scroll',\n        mobileLayout === 'cards' && 'table-wrap--cards',\n        surface === 'flush' && toolbar == null && 'table-wrap--flush',\n        className,\n      )}\n    >\n      {maxHeight != null\n        ? (\n          <div\n            ref={scrollRef}\n            className={cx('table-wrap__scroll', stuck && 'is-stuck')}\n            style={{ maxHeight }}\n          >\n            {elevatable && <div ref={sentinelRef} className=\"table-wrap__sentinel\" aria-hidden=\"true\" />}\n            {tableEl}\n          </div>\n        )\n        : tableEl}\n    </div>\n  );\n  // No toolbar → byte-identical legacy output. With a toolbar, the\n  // DataTable owns the single rounded+clipped+bordered surface; the inner\n  // .table-wrap defers its border/radius (CSS) and stays the scroll/sticky\n  // context, so existing behaviour is untouched.\n  return toolbar == null ? wrap : (\n    <div className={cx('table-surface', surface === 'flush' && 'table-surface--flush')}>\n      <div className=\"table-surface__bar\">{toolbar}</div>\n      {wrap}\n    </div>\n  );\n}\n\n// ---------- Accordion ----------------------------------------------------\ninterface AccordionContextValue {\n  open: Set<string>;\n  toggle: (id: string) => void;\n  multiple: boolean;\n}\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\n\nexport interface AccordionProps {\n  multiple?: boolean;\n  defaultOpen?: string[];\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Accordion({ multiple = false, defaultOpen = [], children, className }: AccordionProps) {\n  const [open, setOpen] = React.useState<Set<string>>(new Set(defaultOpen));\n  const toggle = (id: string) => {\n    setOpen((curr) => {\n      const next = new Set(curr);\n      if (next.has(id)) next.delete(id);\n      else {\n        if (!multiple) next.clear();\n        next.add(id);\n      }\n      return next;\n    });\n  };\n  return (\n    <AccordionContext.Provider value={{ open, toggle, multiple }}>\n      <div className={cx('accordion', className)}>{children}</div>\n    </AccordionContext.Provider>\n  );\n}\n\nexport function AccordionItem({ id, title, children }: { id: string; title: React.ReactNode; children: React.ReactNode }) {\n  const ctx = React.useContext(AccordionContext);\n  if (!ctx) throw new Error('<AccordionItem> must be used inside <Accordion>');\n  const isOpen = ctx.open.has(id);\n  const reactId = React.useId();\n  const triggerId = `accordion-trigger-${reactId}`;\n  const panelId = `accordion-panel-${reactId}`;\n  return (\n    <div className={cx('accordion__item', isOpen && 'is-open')}>\n      <button\n        type=\"button\"\n        id={triggerId}\n        className=\"accordion__trigger\"\n        aria-expanded={isOpen}\n        aria-controls={panelId}\n        onClick={() => ctx.toggle(id)}\n      >\n        <span>{title}</span>\n        <span className=\"accordion__chev\" aria-hidden=\"true\"><ChevronDown size={14} /></span>\n      </button>\n      {isOpen && (\n        <div\n          id={panelId}\n          role=\"region\"\n          aria-labelledby={triggerId}\n          className=\"accordion__panel\"\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- Breadcrumbs --------------------------------------------------\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  href?: string;\n}\n\nexport function Breadcrumbs({ items, className }: { items: BreadcrumbItem[]; className?: string }) {\n  return (\n    <nav aria-label=\"Breadcrumb\" className={cx('breadcrumbs', className)}>\n      <ol>\n        {items.map((it, i) => {\n          const last = i === items.length - 1;\n          return (\n            <li key={i}>\n              {it.href && !last ? <a href={it.href}>{it.label}</a> : <span aria-current={last ? 'page' : undefined}>{it.label}</span>}\n              {!last && <span aria-hidden=\"true\" className=\"breadcrumbs__sep\">/</span>}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\n// ---------- TablePagination ---------------------------------------------\n// Convenience wrapper that pairs a page-size selector with a Pagination\n// row. Use it under a DataTable when the table is paginated externally.\nimport { Pagination } from './Inputs';\n\nexport interface TablePaginationProps {\n  page: number;\n  pageSize: number;\n  total: number;\n  onPageChange: (page: number) => void;\n  /** If set, renders a page-size selector. Omit for fixed-size pagination. */\n  onPageSizeChange?: (size: number) => void;\n  /** Options shown in the page-size selector. Default `[10, 25, 50, 100]`. */\n  pageSizeOptions?: readonly number[];\n  className?: string;\n}\n\nexport function TablePagination({\n  page, pageSize, total, onPageChange,\n  onPageSizeChange, pageSizeOptions = [10, 25, 50, 100],\n  className,\n}: TablePaginationProps) {\n  const t = useLocale();\n  const selectId = React.useId();\n  return (\n    <div className={cx('table-pagination', className)}>\n      {onPageSizeChange && (\n        <label className=\"table-pagination__size\" htmlFor={selectId}>\n          <span>{t['pagination.rowsPerPage']}</span>\n          <select\n            id={selectId}\n            className=\"select\"\n            value={pageSize}\n            onChange={(e) => onPageSizeChange(Number(e.target.value))}\n          >\n            {pageSizeOptions.map((n) => (\n              <option key={n} value={n}>{n}</option>\n            ))}\n          </select>\n        </label>\n      )}\n      <Pagination\n        page={page}\n        pageSize={pageSize}\n        total={total}\n        onPageChange={onPageChange}\n      />\n    </div>\n  );\n}\n\n// ---------- TableToolbar -------------------------------------------------\n// Barra superior que se compone arriba (o dentro de un wrapper) de un DataTable.\n// Cualquier hijo con className \"grow\" se expande para empujar las acciones al lado.\nexport const TableToolbar = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function TableToolbar({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('table-toolbar', className)} {...rest} />;\n  }\n);\n\n// ---------- ColumnToggle ---------------------------------------------------\nexport interface ColumnToggleProps {\n  /**\n   * The CANONICAL column list (pass the same array the table gets, or a\n   * `{key, header}` subset) — the menu lists every column regardless of\n   * current visibility. Non-string headers render as-is in the menu.\n   */\n  columns: Array<{ key: string; header: React.ReactNode }>;\n  hiddenKeys: Set<string>;\n  onChange: (keys: Set<string>) => void;\n  /** Trigger label. Defaults to the `table.columns` locale string. */\n  label?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Ready-made column-visibility menu for the table toolbar: a button that\n * opens a checkbox list, driving `DataTable.hiddenColumnKeys`. The popover\n * stays open across toggles (multi-adjust without reopening). The last\n * visible column's checkbox is disabled — a table with zero columns is a\n * broken state no menu should be able to reach.\n */\nexport function ColumnToggle({ columns, hiddenKeys, onChange, label, className }: ColumnToggleProps) {\n  const t = useLocale();\n  const visibleCount = columns.length - columns.filter((c) => hiddenKeys.has(c.key)).length;\n  const toggle = (key: string) => {\n    const next = new Set(hiddenKeys);\n    if (next.has(key)) next.delete(key); else next.add(key);\n    onChange(next);\n  };\n  return (\n    <Popover\n      className={className}\n      placement=\"bottom\"\n      align=\"end\"\n      ariaLabel={t['table.columns']}\n      trigger={<Button type=\"button\" variant=\"secondary\" size=\"sm\">{label ?? t['table.columns']}</Button>}\n    >\n      <div className=\"column-toggle\" role=\"group\" aria-label={t['table.columns']}>\n        {columns.map((c) => {\n          const visible = !hiddenKeys.has(c.key);\n          // Checkbox already renders a <label> wrapper with `children` as\n          // the label text — wrapping it in another label would nest labels\n          // (invalid HTML). Compose via children instead.\n          return (\n            <Checkbox\n              key={c.key}\n              className=\"column-toggle__item\"\n              checked={visible}\n              disabled={visible && visibleCount === 1}\n              onChange={() => toggle(c.key)}\n            >\n              {c.header}\n            </Checkbox>\n          );\n        })}\n      </div>\n    </Popover>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/DataTable.tsx"],"names":["jsxs","Fragment","cx","jsx","Checkbox","ChevronRight","React","useLocale","rows","rowKey","selectedKeys","onSelectionChange","expandedKeys","onExpandedChange","useVirtualRows","ChevronUp","ChevronDown","MoreVertical","format","Pagination","TableToolbar","Popover","Button"],"mappings":"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","file":"chunk-3N24QPRP.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronUp, ChevronDown, ChevronRight, MoreVertical } from './Icons';\nimport { Checkbox } from './Form';\nimport { Popover } from './Popover';\nimport { Button } from './Button';\nimport { useVirtualRows } from '../hooks/useVirtualRows';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- DataTableRow (memoized) -------------------------------------\n// Extracted as React.memo so unrelated parent re-renders don't churn through\n// every row in the table. Combined with a ref-stable `onToggle`, only the\n// row whose `selected` prop actually changed re-renders on toggle.\ninterface DataTableRowProps<T> {\n  row: T;\n  rowK: string;\n  selected: boolean;\n  selectable: boolean;\n  selectAriaLabel: string;\n  columns: Column<T>[];\n  onToggle: (k: string) => void;\n  /** Resolved from `rowHref(row)` — makes the row a navigable link. */\n  href?: string;\n  /** Resolved from `onRowClick(row)` — makes the row activate a callback. */\n  onActivate?: () => void;\n  /** Accessible name for the stretched row control (e.g. \"Ver Taladro\"). */\n  actionLabel?: string;\n  /** Full-control escape hatch (see `DataTableProps.renderRow`). */\n  renderRow?: (args: {\n    row: T;\n    cells: React.ReactNode;\n    rowKey: string;\n  }) => React.ReactNode;\n  /** Row expansion (resolved from `DataTableProps.renderExpanded`). */\n  expandable?: boolean;\n  expanded?: boolean;\n  onToggleExpand?: (k: string) => void;\n  expandLabel?: string;\n  detailId?: string;\n}\n\nfunction DataTableRowImpl<T>({\n  row, rowK, selected, selectable, selectAriaLabel, columns, onToggle,\n  href, onActivate, actionLabel, renderRow,\n  expandable, expanded, onToggleExpand, expandLabel, detailId,\n}: DataTableRowProps<T>) {\n  const interactive = !renderRow && (!!href || !!onActivate);\n\n  const cells = (\n    <>\n      {selectable && (\n        <td className={cx(interactive && 'data-table__cell--above')}>\n          <Checkbox\n            checked={selected}\n            onChange={() => onToggle(rowK)}\n            aria-label={selectAriaLabel}\n          />\n        </td>\n      )}\n      {expandable && (\n        <td className={cx(interactive && 'data-table__cell--above')}>\n          <button\n            type=\"button\"\n            className=\"data-table__expand-btn\"\n            aria-expanded={expanded}\n            // Only reference the panel while it exists in the DOM — a\n            // collapsed row's aria-controls would point at a missing id.\n            aria-controls={expanded ? detailId : undefined}\n            aria-label={expandLabel}\n            onClick={() => onToggleExpand?.(rowK)}\n          >\n            <ChevronRight size={16} />\n          </button>\n        </td>\n      )}\n      {columns.map((c, ci) => {\n        const align = c.align ?? (c.numeric ? 'right' : 'left');\n        const value = c.accessor\n          ? c.accessor(row)\n          : (row as Record<string, unknown>)[c.key] as React.ReactNode;\n        // data-label is consumed by the .data-table--cards CSS to surface\n        // the column header as an inline label on each row when the table\n        // collapses to a card layout on narrow viewports. Non-string\n        // headers (e.g. JSX) can't be projected through `attr()` so we\n        // omit the attribute and the cell renders without a visible label.\n        const label = typeof c.header === 'string' ? c.header : undefined;\n        return (\n          <td\n            key={c.key}\n            // `table__align-*` makes alignment authoritative for ANY cell\n            // content. `text-align` alone silently fails for a block/flex\n            // child (e.g. an action column of buttons → floated left); the\n            // class adds the matching `margin` auto so element children\n            // honor `align` too. Left cells emit no extra class → byte-\n            // identical to pre-1.10.0 (zero regression for the default).\n            className={cx(\n              c.numeric && 'table__num',\n              align !== 'left' && `table__align-${align}`,\n            )}\n            style={{ textAlign: align }}\n            data-label={label}\n          >\n            {/* Stretched row control: a real <a>/<button> in the first\n                data cell, overlaying the whole row (the <tr> is the\n                positioned ancestor). Keyboard-operable + SR-labelled +\n                valid table markup — no role hacks, no onClick-only div.\n                Visually empty; the cells stay the visible content. Other\n                interactive cell content opts above it via\n                `data-table__cell--above` (stretched-link pattern). */}\n            {interactive && ci === 0 && (\n              href ? (\n                <a\n                  href={href}\n                  className=\"data-table__rowlink\"\n                  aria-label={actionLabel}\n                  onClick={onActivate}\n                />\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"data-table__rowlink\"\n                  aria-label={actionLabel}\n                  onClick={onActivate}\n                />\n              )\n            )}\n            {value as React.ReactNode}\n          </td>\n        );\n      })}\n    </>\n  );\n\n  if (renderRow) return <>{renderRow({ row, cells, rowKey: rowK })}</>;\n\n  return (\n    <tr className={cx(selected && 'is-selected', interactive && 'is-clickable')}>\n      {cells}\n    </tr>\n  );\n}\n\n// Cast preserves the generic signature through React.memo.\nconst DataTableRow = React.memo(DataTableRowImpl) as typeof DataTableRowImpl;\n\n// ---------- DataTable ----------------------------------------------------\nexport interface Column<T> {\n  key: string;\n  header: React.ReactNode;\n  accessor?: (row: T) => React.ReactNode;\n  sortable?: boolean;\n  align?: 'left' | 'right' | 'center';\n  width?: number | string;\n  /**\n   * Marks the column as numeric: cells get the `.table__num` class\n   * (monospace + tabular alignment) and right-align by default.\n   */\n  numeric?: boolean;\n  /**\n   * Aggregate cell for this column (a total, a count, a \"Total\" label).\n   * When ANY column sets it, the table renders a `<tfoot>` row styled like\n   * the header band; in bounded (`maxHeight`) mode it stays pinned to the\n   * bottom of the scroll box, so totals remain visible while rows scroll.\n   * Aggregating is the consumer's job (the kit never sums for you — rows\n   * may be a server page, and the page total ≠ the dataset total).\n   * Only rendered with actual rows: the error / loading / empty states\n   * have nothing meaningful to total. Hidden in `mobileLayout=\"cards\"`\n   * (cells lose their column geometry there, like the header does).\n   */\n  footer?: React.ReactNode;\n}\n\nexport interface DataTableProps<T> {\n  columns: Column<T>[];\n  rows: T[];\n  rowKey: (row: T) => string;\n  sort?: { key: string; dir: 'asc' | 'desc' } | null;\n  /**\n   * Sorting is uncontrolled inside the table — consumers re-order `rows`\n   * in response to `onSortChange`. Stability of equal-keyed rows is the\n   * caller's responsibility (use a stable sort like `Array.prototype.sort`\n   * in V8/Node ≥ 12, or a tiebreaker on rowKey).\n   */\n  onSortChange?: (s: { key: string; dir: 'asc' | 'desc' } | null) => void;\n  selectable?: boolean;\n  selectedKeys?: Set<string>;\n  /**\n   * \"Select all\" toggles only the rows currently passed to the component.\n   * If the consumer paginates externally and only passes the visible page,\n   * this selects the page — not the dataset across all pages.\n   */\n  onSelectionChange?: (keys: Set<string>) => void;\n  empty?: React.ReactNode;\n  /**\n   * Renders an error state in place of the body. Takes precedence over\n   * `loading`, `empty`, and rows. Use it when a fetch fails.\n   */\n  error?: React.ReactNode;\n  loading?: boolean;\n  /**\n   * Keep the table header pinned while rows scroll past it\n   * (`position: sticky`). The header sticks to the nearest scrolling\n   * ancestor: pair it with `maxHeight` to scroll inside a bounded box, or\n   * leave `maxHeight` unset to let the header stick to an outer scroller\n   * (a `Modal` body, the page) — one scroll, no nested scrollbar.\n   *\n   * NOTE: a wide table needs its own horizontal scroll, which only exists in\n   * the bounded (`maxHeight`) mode. Without `maxHeight` the wrap is not a\n   * scroll container, so a wider-than-container table overflows its parent —\n   * use `maxHeight` for wide tables, or keep the table within its width.\n   */\n  stickyHeader?: boolean;\n  /**\n   * Cap the table's height and scroll its body inside a bounded box (the\n   * wrap becomes the vertical scroll container). Accepts any CSS length\n   * (`'70vh'`, `480`, `'30rem'`). Combine with `stickyHeader` for a\n   * scroll-region table whose header stays pinned to the box. Leaving this\n   * unset (with `stickyHeader`) makes the header stick to an outer scroller\n   * instead — see `stickyHeader`.\n   */\n  maxHeight?: string | number;\n  /**\n   * Layout for narrow viewports (`<600px`):\n   * - `'table'` (default): the table scrolls horizontally inside its wrapper.\n   * - `'cards'`: each row collapses to a stacked card with the column\n   *   header as an inline label per cell. Requires string `header` values\n   *   for the labels to appear; non-string headers render without a label.\n   */\n  mobileLayout?: 'table' | 'cards';\n  /** Accessible name announced by screen readers (e.g. \"Pedidos abiertos\"). */\n  ariaLabel?: string;\n  /**\n   * Builds the accessible label for the per-row checkbox so screen-reader\n   * users can tell rows apart. Defaults to the row's key. Provide this\n   * when the key isn't human-readable (e.g. a UUID).\n   */\n  rowLabel?: (row: T) => string;\n  /**\n   * Body density. Default `'compact'` (v1.10.0): a readable-dense register\n   * (~30px rows, `--text-xs`, single-line cells) — the right default for\n   * the data-heavy screens this kit serves (\"default = product\"). Pass\n   * `'comfortable'` to opt back into the pre-1.10.0 airy 14px/16px rows\n   * (which wrap to two lines).\n   */\n  density?: 'comfortable' | 'compact';\n  /**\n   * Makes every row a navigable link. The kit renders a real, keyboard-\n   * operable, screen-reader-labelled `<a>` stretched over the row — valid\n   * table markup (no `role` hacks, no `asChild` on `<tr>`, never an\n   * onClick-only div). One Tab stop per row; Enter activates; the focus\n   * ring shows on the row. Additive; combinable with `onRowClick`.\n   */\n  rowHref?: (row: T) => string;\n  /**\n   * Makes every row activate a callback (pointer **and** keyboard).\n   * Renders a real stretched `<button>` with the same a11y guarantees as\n   * `rowHref`. Prefer `rowHref` when the action is navigation.\n   */\n  onRowClick?: (row: T) => void;\n  /**\n   * Full-control escape hatch — the render-prop polymorphism the kit uses\n   * for data/array-driven components (cf. `AppShell.linkAs`; deliberately\n   * NOT `asChild`, which would emit invalid markup on `<tr>`). Receives the\n   * row, the kit-rendered `cells`, and the row key; return your own row\n   * element (e.g. a framework `<Link>` wrapping a `<tr>`). When set,\n   * `rowHref`/`onRowClick` are ignored (you own row interactivity & a11y).\n   */\n  renderRow?: (args: {\n    row: T;\n    cells: React.ReactNode;\n    rowKey: string;\n  }) => React.ReactNode;\n  /**\n   * Row expansion: renders a detail panel under the row (an order's line\n   * items, an audit trail). Setting it adds a chevron toggle column; the\n   * open panel is an extra `<tr>` spanning every column, recessed on the\n   * header's grey band. Controlled like selection: pair with\n   * `expandedKeys`/`onExpandedChange`. The toggle is a real `<button>`\n   * (`aria-expanded` + `aria-controls` while open) and stays clickable on\n   * interactive rows (above the stretched row link). In\n   * `mobileLayout=\"cards\"` the detail renders as its own card under the\n   * row's card.\n   */\n  renderExpanded?: (row: T) => React.ReactNode;\n  expandedKeys?: Set<string>;\n  onExpandedChange?: (keys: Set<string>) => void;\n  /**\n   * Hides columns by key without mutating the canonical `columns` array —\n   * the consumer keeps ONE column definition and toggles a `Set`. Header,\n   * cells, totals footer, colSpans and mobile cards all follow. Pair with\n   * `<ColumnToggle>` in the toolbar for the ready-made visibility menu.\n   * Hiding every column is the consumer's foot-gun to avoid\n   * (`ColumnToggle` already prevents it by disabling the last one).\n   */\n  hiddenColumnKeys?: Set<string>;\n  /**\n   * Fixed-height row windowing for large client-side datasets (1k-50k\n   * rows): only the rows around the viewport hit the DOM; the rest become\n   * two pixel-exact spacers. Requires `maxHeight` (the bounded scroller is\n   * the measuring viewport) and UNIFORM row heights — it silently disables\n   * itself when combined with `renderExpanded` (detail panels change row\n   * heights) or `mobileLayout=\"cards\"` (cards re-flow every row), because\n   * a correct full render beats a broken windowed one. Selection,\n   * select-all and sorting keep operating on the FULL `rows` array — only\n   * the DOM is windowed. Prefer server pagination when you have it; this\n   * is for the genuinely client-side big list.\n   */\n  virtualizeRows?: { rowHeight: number; overscan?: number };\n  /**\n   * Toolbar / filter zone that shares the table's rounded surface. When\n   * set, the DataTable renders it INSIDE its own border+radius+overflow\n   * surface (`.table-surface`): the toolbar is clipped to the radius,\n   * there is exactly one divider between it and the header, and the\n   * header band's corner-rounding is dropped so the strip is clean in the\n   * corner — no card-border + filter-border + header-top stack, no seam.\n   * Accepts any node (`<TableToolbar>`, `<FilterBar>`, a custom row). The\n   * legacy sibling pattern (`<TableToolbar/><DataTable/>`) still works.\n   */\n  toolbar?: React.ReactNode;\n  /**\n   * Surface chrome mode. Default `'card'`: the table draws its own\n   * border + radius (and `--table-elevation` if set), the standalone\n   * surface. `'flush'`: drops that chrome so the table sits clean inside\n   * a parent that already owns the surface (a `<Card>`) without doubling\n   * the border or nesting a radius. Use `'flush'` for the embedded-in-Card\n   * case; leave the default for standalone tables.\n   */\n  surface?: 'card' | 'flush';\n  className?: string;\n}\n\n/**\n * Tabular data renderer with optional sorting, selection, error/empty/\n * loading states.\n *\n * State priority (only one body state renders at a time):\n *   error > loading > empty > rows\n *\n * Large datasets: prefer server pagination; for genuinely client-side big\n * lists use `virtualizeRows` (fixed-height windowing, v1.51.0).\n */\nexport function DataTable<T>({\n  columns: allColumns, rows, rowKey,\n  sort, onSortChange,\n  selectable, selectedKeys, onSelectionChange,\n  empty, error, loading, stickyHeader, maxHeight, mobileLayout = 'table',\n  ariaLabel, rowLabel, className,\n  density = 'compact', rowHref, onRowClick, renderRow, toolbar,\n  renderExpanded, expandedKeys, onExpandedChange,\n  hiddenColumnKeys, virtualizeRows,\n  surface = 'card',\n}: DataTableProps<T>) {\n  const t = useLocale();\n  // Everything below sees only the visible columns; hiding is a pure\n  // pre-filter so header/cells/footer/colSpans stay in sync for free.\n  const columns = React.useMemo(\n    () => (hiddenColumnKeys?.size ? allColumns.filter((c) => !hiddenColumnKeys.has(c.key)) : allColumns),\n    [allColumns, hiddenColumnKeys]\n  );\n  const allSelected = selectable && rows.length > 0 && rows.every((r) => selectedKeys?.has(rowKey(r)));\n  const someSelected = selectable && !allSelected && rows.some((r) => selectedKeys?.has(rowKey(r)));\n  const headerCbRef = React.useRef<HTMLInputElement>(null);\n  React.useEffect(() => {\n    if (headerCbRef.current) headerCbRef.current.indeterminate = !!someSelected;\n  }, [someSelected]);\n\n  // On-scroll header elevation (bounded `maxHeight` + `stickyHeader` only).\n  // A zero-height sentinel sits at the top of the inner scroll container; an\n  // IntersectionObserver flips `stuck` when it leaves the scroller's top, so\n  // the sticky header gains a soft drop shadow once content scrolls beneath\n  // it. IO (not a scroll listener) → no per-frame work; SSR/jsdom-safe via\n  // the `typeof` guard. Ancestor-stick mode keeps the flush header (the\n  // outer scroller isn't ours to observe).\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const sentinelRef = React.useRef<HTMLDivElement>(null);\n  const [stuck, setStuck] = React.useState(false);\n  const elevatable = stickyHeader && maxHeight != null;\n  React.useEffect(() => {\n    if (!elevatable) { setStuck(false); return; }\n    const root = scrollRef.current;\n    const sentinel = sentinelRef.current;\n    if (!root || !sentinel || typeof IntersectionObserver === 'undefined') return;\n    const io = new IntersectionObserver(\n      ([entry]) => setStuck(!entry.isIntersecting),\n      { root, threshold: 0 },\n    );\n    io.observe(sentinel);\n    return () => io.disconnect();\n  }, [elevatable]);\n\n  // Latest-props ref so toggleRow stays referentially stable across selection\n  // changes. Without this, every selection update would create a new\n  // toggleRow, defeating React.memo on DataTableRow.\n  const propsRef = React.useRef({ rows, rowKey, selectedKeys, onSelectionChange, expandedKeys, onExpandedChange });\n  propsRef.current = { rows, rowKey, selectedKeys, onSelectionChange, expandedKeys, onExpandedChange };\n\n  const toggleAll = React.useCallback(() => {\n    const { rows, rowKey, selectedKeys, onSelectionChange } = propsRef.current;\n    if (!onSelectionChange) return;\n    const allSel = rows.length > 0 && rows.every((r) => selectedKeys?.has(rowKey(r)));\n    const next = new Set(selectedKeys);\n    if (allSel) rows.forEach((r) => next.delete(rowKey(r)));\n    else rows.forEach((r) => next.add(rowKey(r)));\n    onSelectionChange(next);\n  }, []);\n\n  const toggleRow = React.useCallback((k: string) => {\n    const { selectedKeys, onSelectionChange } = propsRef.current;\n    if (!onSelectionChange) return;\n    const next = new Set(selectedKeys);\n    if (next.has(k)) next.delete(k); else next.add(k);\n    onSelectionChange(next);\n  }, []);\n\n  const toggleExpand = React.useCallback((k: string) => {\n    const { expandedKeys, onExpandedChange } = propsRef.current;\n    if (!onExpandedChange) return;\n    const next = new Set(expandedKeys);\n    if (next.has(k)) next.delete(k); else next.add(k);\n    onExpandedChange(next);\n  }, []);\n\n  const expandable = renderExpanded != null;\n  // Stable per-table id base for the detail panels' aria-controls wiring.\n  const tableId = React.useId();\n  const totalCols = columns.length + (selectable ? 1 : 0) + (expandable ? 1 : 0);\n\n  // Row windowing — gated to the combinations where fixed-height math is\n  // actually true (see the prop's JSDoc). When the gate is off the hook is\n  // inert and returns the full range, so there is ONE render path below.\n  const virtual =\n    virtualizeRows != null && maxHeight != null && !expandable && mobileLayout !== 'cards';\n  const vrange = useVirtualRows(scrollRef, {\n    count: rows.length,\n    rowHeight: virtualizeRows?.rowHeight ?? 1,\n    overscan: virtualizeRows?.overscan,\n    enabled: virtual,\n  });\n\n  const onSort = (col: Column<T>) => {\n    if (!col.sortable || !onSortChange) return;\n    if (!sort || sort.key !== col.key) onSortChange({ key: col.key, dir: 'asc' });\n    else if (sort.dir === 'asc') onSortChange({ key: col.key, dir: 'desc' });\n    else onSortChange(null);\n  };\n\n  const tableEl = (\n      <table\n        className={cx(\n          'table data-table',\n          density === 'comfortable' && 'table--comfortable',\n        )}\n        aria-label={ariaLabel}\n        // With windowing the DOM row count lies to assistive tech; declare\n        // the real dataset size (+1 = the header row, per the ARIA spec).\n        aria-rowcount={virtual ? rows.length + 1 : undefined}\n      >\n        <thead>\n          <tr>\n            {selectable && (\n              <th scope=\"col\" style={{ width: 40 }}>\n                <Checkbox\n                  ref={headerCbRef}\n                  checked={!!allSelected}\n                  onChange={toggleAll}\n                  aria-label={t['table.selectAll']}\n                />\n              </th>\n            )}\n            {/* Visually empty but properly named: it IS the column header\n                of the toggle column (a `td` here would lose the thead band\n                and sticky CSS, which target `thead th`). */}\n            {expandable && <th scope=\"col\" style={{ width: 36 }} aria-label={t['table.expandColumn']} />}\n            {columns.map((c) => {\n              const active = sort?.key === c.key;\n              const align = c.align ?? (c.numeric ? 'right' : 'left');\n              const sortValue = c.sortable\n                ? (active ? (sort!.dir === 'asc' ? 'ascending' : 'descending') : 'none')\n                : undefined;\n              const headerInner = (\n                <span className=\"data-table__th\">\n                  {c.header}\n                  {c.sortable && (\n                    <span className=\"data-table__sort\" aria-hidden=\"true\">\n                      {active ? (sort!.dir === 'asc' ? <ChevronUp size={12} /> : <ChevronDown size={12} />) : <MoreVertical size={12} />}\n                    </span>\n                  )}\n                </span>\n              );\n              return (\n                <th\n                  key={c.key}\n                  scope=\"col\"\n                  style={{ width: c.width, textAlign: align }}\n                  aria-sort={sortValue}\n                >\n                  {c.sortable ? (\n                    <button\n                      type=\"button\"\n                      className=\"data-table__sort-btn\"\n                      onClick={() => onSort(c)}\n                    >\n                      {headerInner}\n                    </button>\n                  ) : headerInner}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {error ? (\n            <tr>\n              <td\n                colSpan={totalCols}\n                className=\"data-table__error\"\n                role=\"alert\"\n                style={{ padding: 32, textAlign: 'center' }}\n              >\n                {error}\n              </td>\n            </tr>\n          ) : loading ? (\n            Array.from({ length: 5 }).map((_, i) => (\n              <tr key={`s${i}`}>\n                {selectable && <td><div className=\"skel\" style={{ height: 14 }} /></td>}\n                {expandable && <td aria-hidden=\"true\" />}\n                {columns.map((c) => <td key={c.key}><div className=\"skel\" style={{ height: 12, width: '70%' }} /></td>)}\n              </tr>\n            ))\n          ) : rows.length === 0 ? (\n            <tr>\n              <td colSpan={totalCols} style={{ padding: 32 }}>\n                {empty ?? <div style={{ textAlign: 'center', color: 'var(--fg-muted)' }}>{t['table.empty']}</div>}\n              </td>\n            </tr>\n          ) : (\n            <>\n            {virtual && vrange.padTop > 0 && (\n              <tr className=\"data-table__spacer\" aria-hidden=\"true\">\n                <td colSpan={totalCols} style={{ height: vrange.padTop }} />\n              </tr>\n            )}\n            {(virtual ? rows.slice(vrange.start, vrange.end) : rows).map((r) => {\n              const k = rowKey(r);\n              const label = rowLabel ? rowLabel(r) : k;\n              const href = rowHref?.(r);\n              const onActivate = onRowClick ? () => onRowClick(r) : undefined;\n              const expanded = expandable && !!expandedKeys?.has(k);\n              const detailId = `${tableId}-detail-${k}`;\n              return (\n                <React.Fragment key={k}>\n                  <DataTableRow\n                    row={r}\n                    rowK={k}\n                    selected={!!selectedKeys?.has(k)}\n                    selectable={!!selectable}\n                    selectAriaLabel={format(t['table.selectRow'], { label })}\n                    columns={columns}\n                    onToggle={toggleRow}\n                    href={href}\n                    onActivate={onActivate}\n                    actionLabel={format(t['table.rowAction'], { label })}\n                    renderRow={renderRow}\n                    expandable={expandable}\n                    expanded={expanded}\n                    onToggleExpand={toggleExpand}\n                    expandLabel={format(t['table.expandRow'], { label })}\n                    detailId={detailId}\n                  />\n                  {expanded && (\n                    <tr className=\"data-table__detail\">\n                      <td colSpan={totalCols} id={detailId}>\n                        {renderExpanded(r)}\n                      </td>\n                    </tr>\n                  )}\n                </React.Fragment>\n              );\n            })}\n            {virtual && vrange.padBottom > 0 && (\n              <tr className=\"data-table__spacer\" aria-hidden=\"true\">\n                <td colSpan={totalCols} style={{ height: vrange.padBottom }} />\n              </tr>\n            )}\n            </>\n          )}\n        </tbody>\n        {columns.some((c) => c.footer != null) && !error && !loading && rows.length > 0 && (\n          <tfoot>\n            <tr>\n              {selectable && <td />}\n              {expandable && <td aria-hidden=\"true\" />}\n              {columns.map((c) => {\n                const align = c.align ?? (c.numeric ? 'right' : 'left');\n                return (\n                  <td\n                    key={c.key}\n                    className={cx(\n                      c.numeric && 'table__num',\n                      align !== 'left' && `table__align-${align}`,\n                    )}\n                    style={{ textAlign: align }}\n                  >\n                    {c.footer}\n                  </td>\n                );\n              })}\n            </tr>\n          </tfoot>\n        )}\n      </table>\n  );\n  // Bounded mode (`maxHeight`): the table lives in an inner scroll\n  // container, while the outer `.table-wrap` keeps the border/radius and\n  // `overflow: hidden` clips it cleanly — including the sticky header's\n  // paint and the scrollbar corners. (A single element that is BOTH the\n  // rounded box AND the sticky scroll container can't clip the sticky paint\n  // to its radius in Chrome; splitting the two does, because the outer\n  // clipping element is no longer the sticky's scroll container.)\n  const wrap = (\n    <div\n      className={cx(\n        'table-wrap',\n        stickyHeader && 'table-wrap--sticky',\n        maxHeight != null && 'table-wrap--scroll',\n        mobileLayout === 'cards' && 'table-wrap--cards',\n        surface === 'flush' && toolbar == null && 'table-wrap--flush',\n        className,\n      )}\n    >\n      {maxHeight != null\n        ? (\n          <div\n            ref={scrollRef}\n            className={cx('table-wrap__scroll', stuck && 'is-stuck')}\n            style={{ maxHeight }}\n          >\n            {elevatable && <div ref={sentinelRef} className=\"table-wrap__sentinel\" aria-hidden=\"true\" />}\n            {tableEl}\n          </div>\n        )\n        : tableEl}\n    </div>\n  );\n  // No toolbar → byte-identical legacy output. With a toolbar, the\n  // DataTable owns the single rounded+clipped+bordered surface; the inner\n  // .table-wrap defers its border/radius (CSS) and stays the scroll/sticky\n  // context, so existing behaviour is untouched.\n  return toolbar == null ? wrap : (\n    <div className={cx('table-surface', surface === 'flush' && 'table-surface--flush')}>\n      <div className=\"table-surface__bar\">{toolbar}</div>\n      {wrap}\n    </div>\n  );\n}\n\n// ---------- Accordion ----------------------------------------------------\ninterface AccordionContextValue {\n  open: Set<string>;\n  toggle: (id: string) => void;\n  multiple: boolean;\n}\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\n\nexport interface AccordionProps {\n  multiple?: boolean;\n  defaultOpen?: string[];\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Accordion({ multiple = false, defaultOpen = [], children, className }: AccordionProps) {\n  const [open, setOpen] = React.useState<Set<string>>(new Set(defaultOpen));\n  const toggle = (id: string) => {\n    setOpen((curr) => {\n      const next = new Set(curr);\n      if (next.has(id)) next.delete(id);\n      else {\n        if (!multiple) next.clear();\n        next.add(id);\n      }\n      return next;\n    });\n  };\n  return (\n    <AccordionContext.Provider value={{ open, toggle, multiple }}>\n      <div className={cx('accordion', className)}>{children}</div>\n    </AccordionContext.Provider>\n  );\n}\n\nexport function AccordionItem({ id, title, children }: { id: string; title: React.ReactNode; children: React.ReactNode }) {\n  const ctx = React.useContext(AccordionContext);\n  if (!ctx) throw new Error('<AccordionItem> must be used inside <Accordion>');\n  const isOpen = ctx.open.has(id);\n  const reactId = React.useId();\n  const triggerId = `accordion-trigger-${reactId}`;\n  const panelId = `accordion-panel-${reactId}`;\n  return (\n    <div className={cx('accordion__item', isOpen && 'is-open')}>\n      <button\n        type=\"button\"\n        id={triggerId}\n        className=\"accordion__trigger\"\n        aria-expanded={isOpen}\n        aria-controls={panelId}\n        onClick={() => ctx.toggle(id)}\n      >\n        <span>{title}</span>\n        <span className=\"accordion__chev\" aria-hidden=\"true\"><ChevronDown size={14} /></span>\n      </button>\n      {isOpen && (\n        <div\n          id={panelId}\n          role=\"region\"\n          aria-labelledby={triggerId}\n          className=\"accordion__panel\"\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- Breadcrumbs --------------------------------------------------\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  href?: string;\n}\n\nexport function Breadcrumbs({ items, className }: { items: BreadcrumbItem[]; className?: string }) {\n  return (\n    <nav aria-label=\"Breadcrumb\" className={cx('breadcrumbs', className)}>\n      <ol>\n        {items.map((it, i) => {\n          const last = i === items.length - 1;\n          return (\n            <li key={i}>\n              {it.href && !last ? <a href={it.href}>{it.label}</a> : <span aria-current={last ? 'page' : undefined}>{it.label}</span>}\n              {!last && <span aria-hidden=\"true\" className=\"breadcrumbs__sep\">/</span>}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\n// ---------- TablePagination ---------------------------------------------\n// Convenience wrapper that pairs a page-size selector with a Pagination\n// row. Use it under a DataTable when the table is paginated externally.\nimport { Pagination } from './Inputs';\n\nexport interface TablePaginationProps {\n  page: number;\n  pageSize: number;\n  total: number;\n  onPageChange: (page: number) => void;\n  /** If set, renders a page-size selector. Omit for fixed-size pagination. */\n  onPageSizeChange?: (size: number) => void;\n  /** Options shown in the page-size selector. Default `[10, 25, 50, 100]`. */\n  pageSizeOptions?: readonly number[];\n  className?: string;\n}\n\nexport function TablePagination({\n  page, pageSize, total, onPageChange,\n  onPageSizeChange, pageSizeOptions = [10, 25, 50, 100],\n  className,\n}: TablePaginationProps) {\n  const t = useLocale();\n  const selectId = React.useId();\n  return (\n    <div className={cx('table-pagination', className)}>\n      {onPageSizeChange && (\n        <label className=\"table-pagination__size\" htmlFor={selectId}>\n          <span>{t['pagination.rowsPerPage']}</span>\n          <select\n            id={selectId}\n            className=\"select\"\n            value={pageSize}\n            onChange={(e) => onPageSizeChange(Number(e.target.value))}\n          >\n            {pageSizeOptions.map((n) => (\n              <option key={n} value={n}>{n}</option>\n            ))}\n          </select>\n        </label>\n      )}\n      <Pagination\n        page={page}\n        pageSize={pageSize}\n        total={total}\n        onPageChange={onPageChange}\n      />\n    </div>\n  );\n}\n\n// ---------- TableToolbar -------------------------------------------------\n// Barra superior que se compone arriba (o dentro de un wrapper) de un DataTable.\n// Cualquier hijo con className \"grow\" se expande para empujar las acciones al lado.\nexport const TableToolbar = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function TableToolbar({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('table-toolbar', className)} {...rest} />;\n  }\n);\n\n// ---------- ColumnToggle ---------------------------------------------------\nexport interface ColumnToggleProps {\n  /**\n   * The CANONICAL column list (pass the same array the table gets, or a\n   * `{key, header}` subset) — the menu lists every column regardless of\n   * current visibility. Non-string headers render as-is in the menu.\n   */\n  columns: Array<{ key: string; header: React.ReactNode }>;\n  hiddenKeys: Set<string>;\n  onChange: (keys: Set<string>) => void;\n  /** Trigger label. Defaults to the `table.columns` locale string. */\n  label?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * Ready-made column-visibility menu for the table toolbar: a button that\n * opens a checkbox list, driving `DataTable.hiddenColumnKeys`. The popover\n * stays open across toggles (multi-adjust without reopening). The last\n * visible column's checkbox is disabled — a table with zero columns is a\n * broken state no menu should be able to reach.\n */\nexport function ColumnToggle({ columns, hiddenKeys, onChange, label, className }: ColumnToggleProps) {\n  const t = useLocale();\n  const visibleCount = columns.length - columns.filter((c) => hiddenKeys.has(c.key)).length;\n  const toggle = (key: string) => {\n    const next = new Set(hiddenKeys);\n    if (next.has(key)) next.delete(key); else next.add(key);\n    onChange(next);\n  };\n  return (\n    <Popover\n      className={className}\n      placement=\"bottom\"\n      align=\"end\"\n      ariaLabel={t['table.columns']}\n      trigger={<Button type=\"button\" variant=\"secondary\" size=\"sm\">{label ?? t['table.columns']}</Button>}\n    >\n      <div className=\"column-toggle\" role=\"group\" aria-label={t['table.columns']}>\n        {columns.map((c) => {\n          const visible = !hiddenKeys.has(c.key);\n          // Checkbox already renders a <label> wrapper with `children` as\n          // the label text — wrapping it in another label would nest labels\n          // (invalid HTML). Compose via children instead.\n          return (\n            <Checkbox\n              key={c.key}\n              className=\"column-toggle__item\"\n              checked={visible}\n              disabled={visible && visibleCount === 1}\n              onChange={() => toggle(c.key)}\n            >\n              {c.header}\n            </Checkbox>\n          );\n        })}\n      </div>\n    </Popover>\n  );\n}\n"]}