@misael703/ui 1.48.0 → 1.50.0

package/dist/{chunk-TCTMCVHJ.mjs.map → chunk-AP655IUN.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Overlay.tsx"],"names":[],"mappings":"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","file":"chunk-TCTMCVHJ.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { useDelayedUnmount } from '../hooks/useDelayedUnmount';\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":[],"mappings":"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","file":"chunk-AP655IUN.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { useDelayedUnmount } from '../hooks/useDelayedUnmount';\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-YHRTDEEI.mjs → chunk-C4XPGEU2.mjs}

@@ -1,7 +1,7 @@
 'use client';
 import { Checkbox } from './chunk-SUQLII3F.mjs';
-import { format } from './chunk-H7MLCJ27.mjs';
-import { useLocale } from './chunk-WWAUCHWD.mjs';
+import { format } from './chunk-SDR7JKDF.mjs';
+import { useLocale } from './chunk-H6ZT2DJ2.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -69,5 +69,5 @@ function PermissionMatrix({
 }
 
 export { PermissionMatrix };
-//# sourceMappingURL=chunk-YHRTDEEI.mjs.map
-//# sourceMappingURL=chunk-YHRTDEEI.mjs.map
+//# sourceMappingURL=chunk-C4XPGEU2.mjs.map
+//# sourceMappingURL=chunk-C4XPGEU2.mjs.map

package/dist/{chunk-YHRTDEEI.mjs.map → chunk-C4XPGEU2.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Permissions.tsx"],"names":[],"mappings":"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","file":"chunk-YHRTDEEI.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Checkbox } from './Form';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\nexport interface PermissionRole { id: string; label: React.ReactNode }\nexport interface PermissionAction { id: string; label: React.ReactNode; description?: React.ReactNode }\n\nexport interface PermissionMatrixProps extends Omit<React.HTMLAttributes<HTMLTableElement>, 'onChange'> {\n  roles: PermissionRole[];\n  actions: PermissionAction[];\n  /** Map de roleId → set de actionIds permitidos */\n  value: Record<string, string[]>;\n  onChange: (value: Record<string, string[]>) => void;\n  readOnly?: boolean;\n}\n\nexport function PermissionMatrix({\n  roles, actions, value, onChange, readOnly, className, ...rest\n}: PermissionMatrixProps) {\n  const t = useLocale();\n  const has = (roleId: string, actionId: string) => (value[roleId] ?? []).includes(actionId);\n\n  const toggle = (roleId: string, actionId: string) => {\n    if (readOnly) return;\n    const current = new Set(value[roleId] ?? []);\n    if (current.has(actionId)) current.delete(actionId);\n    else current.add(actionId);\n    onChange({ ...value, [roleId]: Array.from(current) });\n  };\n\n  const toggleAllForRole = (roleId: string, allow: boolean) => {\n    if (readOnly) return;\n    onChange({ ...value, [roleId]: allow ? actions.map((a) => a.id) : [] });\n  };\n\n  return (\n    <div className={cx('permissions', className)}>\n      <table className=\"permissions__table\" {...rest}>\n        <thead>\n          <tr>\n            <th scope=\"col\" className=\"permissions__action-col\">{t['permissions.action']}</th>\n            {roles.map((r) => {\n              const count = (value[r.id] ?? []).length;\n              const all = count === actions.length;\n              return (\n                <th key={r.id} scope=\"col\" className=\"permissions__role-col\">\n                  <div className=\"permissions__role-head\">\n                    <span>{r.label}</span>\n                    {!readOnly && (\n                      <button\n                        type=\"button\"\n                        className=\"permissions__role-toggle\"\n                        onClick={() => toggleAllForRole(r.id, !all)}\n                      >\n                        {all ? t['permissions.unmarkAll'] : t['permissions.markAll']}\n                      </button>\n                    )}\n                  </div>\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {actions.map((a) => (\n            <tr key={a.id}>\n              <th scope=\"row\" className=\"permissions__action-cell\">\n                <div>{a.label}</div>\n                {a.description && <div className=\"permissions__action-desc\">{a.description}</div>}\n              </th>\n              {roles.map((r) => (\n                <td key={r.id} className=\"permissions__cell\">\n                  <Checkbox\n                    checked={has(r.id, a.id)}\n                    disabled={readOnly}\n                    onChange={() => toggle(r.id, a.id)}\n                    aria-label={format(t['permissions.cellLabel'], {\n                      action: typeof a.label === 'string' ? a.label : a.id,\n                      role: typeof r.label === 'string' ? r.label : r.id,\n                    })}\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Permissions.tsx"],"names":[],"mappings":"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","file":"chunk-C4XPGEU2.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Checkbox } from './Form';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\nexport interface PermissionRole { id: string; label: React.ReactNode }\nexport interface PermissionAction { id: string; label: React.ReactNode; description?: React.ReactNode }\n\nexport interface PermissionMatrixProps extends Omit<React.HTMLAttributes<HTMLTableElement>, 'onChange'> {\n  roles: PermissionRole[];\n  actions: PermissionAction[];\n  /** Map de roleId → set de actionIds permitidos */\n  value: Record<string, string[]>;\n  onChange: (value: Record<string, string[]>) => void;\n  readOnly?: boolean;\n}\n\nexport function PermissionMatrix({\n  roles, actions, value, onChange, readOnly, className, ...rest\n}: PermissionMatrixProps) {\n  const t = useLocale();\n  const has = (roleId: string, actionId: string) => (value[roleId] ?? []).includes(actionId);\n\n  const toggle = (roleId: string, actionId: string) => {\n    if (readOnly) return;\n    const current = new Set(value[roleId] ?? []);\n    if (current.has(actionId)) current.delete(actionId);\n    else current.add(actionId);\n    onChange({ ...value, [roleId]: Array.from(current) });\n  };\n\n  const toggleAllForRole = (roleId: string, allow: boolean) => {\n    if (readOnly) return;\n    onChange({ ...value, [roleId]: allow ? actions.map((a) => a.id) : [] });\n  };\n\n  return (\n    <div className={cx('permissions', className)}>\n      <table className=\"permissions__table\" {...rest}>\n        <thead>\n          <tr>\n            <th scope=\"col\" className=\"permissions__action-col\">{t['permissions.action']}</th>\n            {roles.map((r) => {\n              const count = (value[r.id] ?? []).length;\n              const all = count === actions.length;\n              return (\n                <th key={r.id} scope=\"col\" className=\"permissions__role-col\">\n                  <div className=\"permissions__role-head\">\n                    <span>{r.label}</span>\n                    {!readOnly && (\n                      <button\n                        type=\"button\"\n                        className=\"permissions__role-toggle\"\n                        onClick={() => toggleAllForRole(r.id, !all)}\n                      >\n                        {all ? t['permissions.unmarkAll'] : t['permissions.markAll']}\n                      </button>\n                    )}\n                  </div>\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {actions.map((a) => (\n            <tr key={a.id}>\n              <th scope=\"row\" className=\"permissions__action-cell\">\n                <div>{a.label}</div>\n                {a.description && <div className=\"permissions__action-desc\">{a.description}</div>}\n              </th>\n              {roles.map((r) => (\n                <td key={r.id} className=\"permissions__cell\">\n                  <Checkbox\n                    checked={has(r.id, a.id)}\n                    disabled={readOnly}\n                    onChange={() => toggle(r.id, a.id)}\n                    aria-label={format(t['permissions.cellLabel'], {\n                      action: typeof a.label === 'string' ? a.label : a.id,\n                      role: typeof r.label === 'string' ? r.label : r.id,\n                    })}\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-UCEPFTZV.js → chunk-CJLCPURD.js}

@@ -4,7 +4,7 @@
 var chunkD2H4VZVL_js = require('./chunk-D2H4VZVL.js');
 var chunkNPXEZCTA_js = require('./chunk-NPXEZCTA.js');
 var chunk55P5FA5Q_js = require('./chunk-55P5FA5Q.js');
-var chunkU2Z6DGHD_js = require('./chunk-U2Z6DGHD.js');
+var chunkMJMLNETS_js = require('./chunk-MJMLNETS.js');
 var chunkC4AKMVDZ_js = require('./chunk-C4AKMVDZ.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
@@ -79,7 +79,7 @@ function AppShell({
   header,
   linkAs
 }) {
-  const t = chunkU2Z6DGHD_js.useLocale();
+  const t = chunkMJMLNETS_js.useLocale();
   const [internalCollapsed, setInternalCollapsed] = React__namespace.useState(defaultCollapsed);
   const collapsed = ctrlCollapsed ?? internalCollapsed;
   const headerTheme = ctrlHeaderTheme ?? theme;
@@ -197,7 +197,7 @@ function AppShell({
   ] });
 }
 function PageHeader({ title, description, breadcrumbs, actions, meta, className }) {
-  const t = chunkU2Z6DGHD_js.useLocale();
+  const t = chunkMJMLNETS_js.useLocale();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("page-header", className), children: [
     breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "page-header__crumbs", "aria-label": t["appshell.breadcrumb"], children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children: breadcrumbs.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
       c.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: c.href, children: c.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-current": "page", children: c.label }),
@@ -216,5 +216,5 @@ function PageHeader({ title, description, breadcrumbs, actions, meta, className
 
 exports.AppShell = AppShell;
 exports.PageHeader = PageHeader;
-//# sourceMappingURL=chunk-UCEPFTZV.js.map
-//# sourceMappingURL=chunk-UCEPFTZV.js.map
+//# sourceMappingURL=chunk-CJLCPURD.js.map
+//# sourceMappingURL=chunk-CJLCPURD.js.map

package/dist/{chunk-UCEPFTZV.js.map → chunk-CJLCPURD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppShell.tsx"],"names":["React","NavItemNode","cx","jsxs","Fragment","jsx","useLocale","useEscape","useFocusTrap","useScrollLock","MenuIcon"],"mappings":"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","file":"chunk-UCEPFTZV.js","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":["React","NavItemNode","cx","jsxs","Fragment","jsx","useLocale","useEscape","useFocusTrap","useScrollLock","MenuIcon"],"mappings":"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","file":"chunk-CJLCPURD.js","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-VKVWIEDG.mjs → chunk-D6YFA5HW.mjs}

@@ -1,8 +1,8 @@
 'use client';
-import { Modal } from './chunk-TCTMCVHJ.mjs';
+import { Modal } from './chunk-AP655IUN.mjs';
 import { Checkbox } from './chunk-SUQLII3F.mjs';
-import { useLocale } from './chunk-WWAUCHWD.mjs';
-import { ChevronRight, ChevronLeft } from './chunk-BJGMROKL.mjs';
+import { useLocale } from './chunk-H6ZT2DJ2.mjs';
+import { ChevronRight, ChevronLeft, Edit } from './chunk-BJGMROKL.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -166,7 +166,118 @@ function TransferList({
     renderColumn(selTitle, right, rightChecked, setRightChecked)
   ] });
 }
+function EditableCell({
+  value,
+  onCommit,
+  type = "text",
+  formatDisplay,
+  validate,
+  disabled,
+  placeholder,
+  ariaLabel,
+  className
+}) {
+  const t = useLocale();
+  const [editing, setEditing] = React.useState(false);
+  const [draft, setDraft] = React.useState(value);
+  const [pending, setPending] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const inputRef = React.useRef(null);
+  const cancelledRef = React.useRef(false);
+  const startEdit = () => {
+    if (disabled) return;
+    setDraft(value);
+    setError(null);
+    setEditing(true);
+  };
+  React.useEffect(() => {
+    if (editing) {
+      inputRef.current?.focus();
+      inputRef.current?.select();
+    }
+  }, [editing]);
+  const commit = async () => {
+    if (pending) return;
+    if (draft === value) {
+      setEditing(false);
+      setError(null);
+      return;
+    }
+    const invalid = validate?.(draft) ?? null;
+    if (invalid) {
+      setError(invalid);
+      inputRef.current?.focus();
+      return;
+    }
+    try {
+      setPending(true);
+      await onCommit(draft);
+      setEditing(false);
+      setError(null);
+    } catch {
+      setError(t["editable.commitError"]);
+      inputRef.current?.focus();
+    } finally {
+      setPending(false);
+    }
+  };
+  const cancel = () => {
+    cancelledRef.current = true;
+    setEditing(false);
+    setError(null);
+  };
+  if (!editing) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cx("editable-cell", disabled && "is-disabled", className),
+        onClick: startEdit,
+        disabled,
+        "aria-label": ariaLabel,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "editable-cell__value", children: formatDisplay ? formatDisplay(value) : value || placeholder }),
+          /* @__PURE__ */ jsx(Edit, { size: 12, className: "editable-cell__icon", "aria-hidden": "true" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref: inputRef,
+      type,
+      className: cx("input", "editable-cell__input", error != null && "is-invalid", className),
+      value: draft,
+      disabled: pending,
+      placeholder,
+      "aria-label": ariaLabel,
+      "aria-invalid": error != null || void 0,
+      title: error ?? void 0,
+      onChange: (e) => {
+        setDraft(e.target.value);
+        setError(null);
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          void commit();
+        } else if (e.key === "Escape") {
+          e.preventDefault();
+          cancel();
+        }
+      },
+      onBlur: () => {
+        if (cancelledRef.current) {
+          cancelledRef.current = false;
+          return;
+        }
+        void commit();
+      }
+    }
+  );
+}
 
-export { ConfirmDialog, DescriptionList, DescriptionListItem, DiffViewer, TransferList };
-//# sourceMappingURL=chunk-VKVWIEDG.mjs.map
-//# sourceMappingURL=chunk-VKVWIEDG.mjs.map
+export { ConfirmDialog, DescriptionList, DescriptionListItem, DiffViewer, EditableCell, TransferList };
+//# sourceMappingURL=chunk-D6YFA5HW.mjs.map
+//# sourceMappingURL=chunk-D6YFA5HW.mjs.map

package/dist/chunk-D6YFA5HW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Editing.tsx"],"names":[],"mappings":"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","file":"chunk-D6YFA5HW.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Modal } from './Overlay';\nimport { ChevronLeft, ChevronRight, Edit as EditIcon } from './Icons';\nimport { Checkbox } from './Form';\nimport { useLocale } from '../locale/LocaleProvider';\n\n// ---------- ConfirmDialog -----------------------------------------------\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void | Promise<void>;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  confirmLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  /** 'danger' usa botón rojo. */\n  tone?: 'default' | 'danger';\n  /** Si true, deshabilita el confirm mientras se ejecuta. */\n  loading?: boolean;\n}\n\nexport function ConfirmDialog({\n  open, onClose, onConfirm, title, description,\n  confirmLabel, cancelLabel,\n  tone = 'default', loading,\n}: ConfirmDialogProps) {\n  const [busy, setBusy] = React.useState(false);\n  const isBusy = loading ?? busy;\n  const t = useLocale();\n  const confirmText = confirmLabel ?? t['common.confirm'];\n  const cancelText = cancelLabel ?? t['common.cancel'];\n\n  const handleConfirm = async () => {\n    try {\n      setBusy(true);\n      await onConfirm();\n      onClose();\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      size=\"sm\"\n      title={title}\n      footer={\n        <>\n          <button type=\"button\" className=\"btn btn--ghost btn--md\" onClick={onClose} disabled={isBusy}>\n            {cancelText}\n          </button>\n          <button\n            type=\"button\"\n            className={cx('btn', tone === 'danger' ? 'btn--danger' : 'btn--primary', 'btn--md')}\n            onClick={handleConfirm}\n            disabled={isBusy}\n            aria-busy={isBusy || undefined}\n          >\n            {isBusy ? <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" /> : null}\n            {confirmText}\n          </button>\n        </>\n      }\n    >\n      {description && <p className=\"confirm__desc\">{description}</p>}\n    </Modal>\n  );\n}\n\n// ---------- DescriptionList (KeyValue editable) ------------------------\nexport interface DescriptionListItemProps {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  /** Si se pasa, el valor se vuelve editable inline. */\n  onEdit?: () => void;\n  editable?: boolean;\n}\n\nexport function DescriptionList({ children, className, ...rest }: React.HTMLAttributes<HTMLDListElement>) {\n  return <dl className={cx('desc-list', className)} {...rest}>{children}</dl>;\n}\n\nexport function DescriptionListItem({ label, value, onEdit, editable }: DescriptionListItemProps) {\n  const t = useLocale();\n  return (\n    <>\n      <dt className=\"desc-list__label\">{label}</dt>\n      <dd className=\"desc-list__value\">\n        <span>{value}</span>\n        {editable && onEdit && (\n          <button type=\"button\" className=\"desc-list__edit\" onClick={onEdit}>\n            {t['descList.edit']}\n          </button>\n        )}\n      </dd>\n    </>\n  );\n}\n\n// ---------- DiffViewer (before / after) --------------------------------\nexport interface DiffEntry {\n  field: React.ReactNode;\n  before: React.ReactNode;\n  after: React.ReactNode;\n}\n\nexport interface DiffViewerProps extends React.HTMLAttributes<HTMLDivElement> {\n  entries: DiffEntry[];\n}\n\nexport function DiffViewer({ entries, className, ...rest }: DiffViewerProps) {\n  const t = useLocale();\n  // data-label feeds the mobile stacked layout's ::before pseudo-elements\n  // so the \"Antes\" / \"Después\" labels remain i18n-able.\n  const beforeLabel = typeof t['diff.before'] === 'string' ? t['diff.before'] : undefined;\n  const afterLabel = typeof t['diff.after'] === 'string' ? t['diff.after'] : undefined;\n  return (\n    <div className={cx('diff', className)} role=\"table\" aria-label={t['diff.label']} {...rest}>\n      <div className=\"diff__head\" role=\"row\">\n        <div role=\"columnheader\">{t['diff.field']}</div>\n        <div role=\"columnheader\">{t['diff.before']}</div>\n        <div role=\"columnheader\">{t['diff.after']}</div>\n      </div>\n      {entries.map((e, i) => (\n        <div key={i} className=\"diff__row\" role=\"row\">\n          <div className=\"diff__field\" role=\"cell\">{e.field}</div>\n          <div className=\"diff__before\" role=\"cell\" data-label={beforeLabel}><del>{e.before}</del></div>\n          <div className=\"diff__after\" role=\"cell\" data-label={afterLabel}><ins>{e.after}</ins></div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ---------- TransferList (dual list select) ----------------------------\nexport interface TransferItem {\n  id: string;\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface TransferListProps {\n  source: TransferItem[];\n  selected: TransferItem[];\n  onChange: (selected: TransferItem[]) => void;\n  sourceTitle?: React.ReactNode;\n  selectedTitle?: React.ReactNode;\n  className?: string;\n}\n\nexport function TransferList({\n  source, selected, onChange,\n  sourceTitle, selectedTitle,\n  className,\n}: TransferListProps) {\n  const [leftChecked, setLeftChecked] = React.useState<Set<string>>(new Set());\n  const [rightChecked, setRightChecked] = React.useState<Set<string>>(new Set());\n  const t = useLocale();\n  const srcTitle = sourceTitle ?? t['transfer.available'];\n  const selTitle = selectedTitle ?? t['transfer.assigned'];\n\n  // Without memo, every checkbox click rebuilt selectedIds and re-filtered\n  // `source` to compute `left`. At ~500 source items that's a measurable\n  // O(n) hit per click.\n  const selectedIds = React.useMemo(\n    () => new Set(selected.map((s) => s.id)),\n    [selected]\n  );\n  const left = React.useMemo(\n    () => source.filter((s) => !selectedIds.has(s.id)),\n    [source, selectedIds]\n  );\n  const right = selected;\n\n  const moveRight = () => {\n    const toMove = left.filter((i) => leftChecked.has(i.id));\n    onChange([...right, ...toMove]);\n    setLeftChecked(new Set());\n  };\n  const moveLeft = () => {\n    onChange(right.filter((i) => !rightChecked.has(i.id)));\n    setRightChecked(new Set());\n  };\n\n  const toggleCheck = (set: Set<string>, setSet: (s: Set<string>) => void, id: string) => {\n    const next = new Set(set);\n    if (next.has(id)) next.delete(id); else next.add(id);\n    setSet(next);\n  };\n\n  const renderColumn = (title: React.ReactNode, items: TransferItem[], checked: Set<string>, setChecked: (s: Set<string>) => void) => (\n    <div className=\"transfer__col\">\n      <div className=\"transfer__col-head\">\n        <span className=\"transfer__col-title\">{title}</span>\n        <span className=\"transfer__col-count\">{items.length}</span>\n      </div>\n      <ul className=\"transfer__list\" role=\"listbox\" aria-label={typeof title === 'string' ? title : undefined}>\n        {items.length === 0 ? (\n          <li className=\"transfer__empty\">{t['transfer.empty']}</li>\n        ) : items.map((it) => (\n          <li\n            key={it.id}\n            className={cx('transfer__item', checked.has(it.id) && 'is-checked', it.disabled && 'is-disabled')}\n            role=\"option\"\n            aria-selected={checked.has(it.id)}\n            onClick={() => !it.disabled && toggleCheck(checked, setChecked, it.id)}\n          >\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox\n                checked={checked.has(it.id)}\n                disabled={it.disabled}\n                onChange={() => toggleCheck(checked, setChecked, it.id)}\n              />\n            </span>\n            <div className=\"transfer__item-body\">\n              <div>{it.label}</div>\n              {it.description && <div className=\"transfer__item-desc\">{it.description}</div>}\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n\n  return (\n    <div className={cx('transfer', className)}>\n      {renderColumn(srcTitle, left, leftChecked, setLeftChecked)}\n      <div className=\"transfer__controls\">\n        <button type=\"button\" className=\"btn btn--outline btn--sm\" disabled={leftChecked.size === 0} onClick={moveRight} aria-label={t['transfer.assignSelected']}>\n          <ChevronRight size={16} />\n        </button>\n        <button type=\"button\" className=\"btn btn--outline btn--sm\" disabled={rightChecked.size === 0} onClick={moveLeft} aria-label={t['transfer.removeSelected']}>\n          <ChevronLeft size={16} />\n        </button>\n      </div>\n      {renderColumn(selTitle, right, rightChecked, setRightChecked)}\n    </div>\n  );\n}\n\n// ---------- EditableCell ---------------------------------------------------\nexport interface EditableCellProps {\n  /** Committed value (controlled — the consumer owns it). */\n  value: string;\n  /**\n   * Called on commit (Enter or blur) with the edited raw value. May return\n   * a promise: while it's pending the input is disabled; on rejection the\n   * cell STAYS in edit mode with the invalid style, so the user's typing\n   * is never lost to a failed PATCH. Not called when the value is\n   * unchanged.\n   */\n  onCommit: (next: string) => void | Promise<void>;\n  /** Input mode. `'number'` renders a numeric input. */\n  type?: 'text' | 'number';\n  /**\n   * Display-mode formatter (e.g. `formatCurrency`) — editing always works\n   * on the RAW `value`; only the resting presentation is formatted.\n   */\n  formatDisplay?: (value: string) => React.ReactNode;\n  /**\n   * Sync validation before commit. Return an error message to block the\n   * commit (cell stays editing, invalid style, message via title/aria);\n   * return `null` to allow it.\n   */\n  validate?: (next: string) => string | null;\n  disabled?: boolean;\n  placeholder?: string;\n  /** Accessible name of the edit affordance (e.g. \"Editar precio de Taladro\"). */\n  ariaLabel?: string;\n  className?: string;\n}\n\n/**\n * Click-to-edit primitive for inline editing (Airtable/Notion semantics):\n * click or Enter to edit, Enter/blur commits, Escape cancels. Composable\n * anywhere — typically inside a `DataTable` cell via `accessor`. The kit\n * deliberately ships the CELL, not an editable-table subsystem: commit\n * orchestration (optimistic update, refetch, toast) stays in the consumer,\n * where the data layer lives.\n */\nexport function EditableCell({\n  value, onCommit, type = 'text', formatDisplay, validate,\n  disabled, placeholder, ariaLabel, className,\n}: EditableCellProps) {\n  const t = useLocale();\n  const [editing, setEditing] = React.useState(false);\n  const [draft, setDraft] = React.useState(value);\n  const [pending, setPending] = React.useState(false);\n  const [error, setError] = React.useState<string | null>(null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  // Distinguishes Escape-initiated blur from a committing blur.\n  const cancelledRef = React.useRef(false);\n\n  const startEdit = () => {\n    if (disabled) return;\n    setDraft(value);\n    setError(null);\n    setEditing(true);\n  };\n\n  React.useEffect(() => {\n    if (editing) {\n      inputRef.current?.focus();\n      inputRef.current?.select();\n    }\n  }, [editing]);\n\n  const commit = async () => {\n    if (pending) return;\n    if (draft === value) { setEditing(false); setError(null); return; }\n    const invalid = validate?.(draft) ?? null;\n    if (invalid) {\n      setError(invalid);\n      inputRef.current?.focus();\n      return;\n    }\n    try {\n      setPending(true);\n      await onCommit(draft);\n      setEditing(false);\n      setError(null);\n    } catch {\n      // Keep the draft and the edit mode — the user decides to retry or Esc.\n      setError(t['editable.commitError']);\n      inputRef.current?.focus();\n    } finally {\n      setPending(false);\n    }\n  };\n\n  const cancel = () => {\n    cancelledRef.current = true;\n    setEditing(false);\n    setError(null);\n  };\n\n  if (!editing) {\n    return (\n      <button\n        type=\"button\"\n        className={cx('editable-cell', disabled && 'is-disabled', className)}\n        onClick={startEdit}\n        disabled={disabled}\n        aria-label={ariaLabel}\n      >\n        <span className=\"editable-cell__value\">\n          {formatDisplay ? formatDisplay(value) : (value || placeholder)}\n        </span>\n        <EditIcon size={12} className=\"editable-cell__icon\" aria-hidden=\"true\" />\n      </button>\n    );\n  }\n\n  return (\n    <input\n      ref={inputRef}\n      type={type}\n      className={cx('input', 'editable-cell__input', error != null && 'is-invalid', className)}\n      value={draft}\n      disabled={pending}\n      placeholder={placeholder}\n      aria-label={ariaLabel}\n      aria-invalid={error != null || undefined}\n      title={error ?? undefined}\n      onChange={(e) => { setDraft(e.target.value); setError(null); }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') { e.preventDefault(); void commit(); }\n        else if (e.key === 'Escape') { e.preventDefault(); cancel(); }\n      }}\n      onBlur={() => {\n        if (cancelledRef.current) { cancelledRef.current = false; return; }\n        void commit();\n      }}\n    />\n  );\n}\n"]}

package/dist/{chunk-FXXYC73W.mjs → chunk-EE3VOAU4.mjs}

@@ -1,7 +1,7 @@
 'use client';
 import { Avatar } from './chunk-DH3IXJRJ.mjs';
-import { format } from './chunk-H7MLCJ27.mjs';
-import { useLocale } from './chunk-WWAUCHWD.mjs';
+import { format } from './chunk-SDR7JKDF.mjs';
+import { useLocale } from './chunk-H6ZT2DJ2.mjs';
 import { X, FileText, Download, Trash } from './chunk-BJGMROKL.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
@@ -138,5 +138,5 @@ function AttachmentList({ attachments, emptyMessage, className, ...rest }) {
 var _internal = { X };
 
 export { AttachmentList, CommentThread, _internal };
-//# sourceMappingURL=chunk-FXXYC73W.mjs.map
-//# sourceMappingURL=chunk-FXXYC73W.mjs.map
+//# sourceMappingURL=chunk-EE3VOAU4.mjs.map
+//# sourceMappingURL=chunk-EE3VOAU4.mjs.map

package/dist/{chunk-FXXYC73W.mjs.map → chunk-EE3VOAU4.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Comments.tsx"],"names":[],"mappings":"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","file":"chunk-FXXYC73W.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Avatar } from './Display2';\nimport { FileText, Download, Trash, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- CommentThread ----------------------------------------------\nexport interface CommentItem {\n  id: string;\n  author: { name: string; avatarSrc?: string };\n  body: React.ReactNode;\n  timestamp: React.ReactNode;\n  internal?: boolean;\n}\n\nexport interface CommentThreadProps extends React.HTMLAttributes<HTMLDivElement> {\n  comments: CommentItem[];\n  onAdd?: (body: string, internal: boolean) => void;\n  placeholder?: string;\n  allowInternal?: boolean;\n  /**\n   * Compose layout. Default `'stacked'`: textarea on top, action row\n   * below (form-style). `'inline'`: textarea and submit button share a\n   * single row, the textarea auto-grows, and Enter submits while\n   * Shift+Enter inserts a newline — chat convention (Slack/Linear).\n   * `allowInternal` is ignored in `'inline'`; if you need the internal\n   * toggle, use `'stacked'`.\n   */\n  inputLayout?: 'stacked' | 'inline';\n}\n\n// Inline mode auto-grow ceiling. ~5 lines at the kit's default\n// textarea font/line-height; beyond this the textarea scrolls.\nconst INLINE_MAX_HEIGHT_PX = 140;\n\nexport function CommentThread({\n  comments, onAdd, placeholder,\n  allowInternal = false, inputLayout = 'stacked',\n  className, ...rest\n}: CommentThreadProps) {\n  const [draft, setDraft] = React.useState('');\n  const [internal, setInternal] = React.useState(false);\n  const [grown, setGrown] = React.useState(false);\n  const t = useLocale();\n  const ph = placeholder ?? t['comments.placeholder'];\n  const isInline = inputLayout === 'inline';\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n  // Captures the 1-line scrollHeight on first paint with the empty\n  // textarea. Anything taller than baseline + epsilon means the user\n  // has typed a newline (or wrapped past one line). Cleared when\n  // leaving inline mode so a re-entry re-measures.\n  const baselineRef = React.useRef<number | null>(null);\n\n  // Auto-grow in inline mode: reset to single-row, then size to\n  // scrollHeight, capped at INLINE_MAX_HEIGHT_PX. Runs on every draft\n  // change so deletes shrink the box too. Same pass detects whether the\n  // textarea has grown past its 1-line baseline so the wrap can flip\n  // alignment from `center` (steady state) to `flex-end` (multi-line).\n  // Stacked mode keeps the static rows={3} height — no DOM measurement,\n  // no observable side-effect.\n  React.useEffect(() => {\n    if (!isInline) {\n      baselineRef.current = null;\n      setGrown(false);\n      return;\n    }\n    const el = textareaRef.current;\n    if (!el) return;\n    // Auto-grow runs once now (with whatever font metrics are in play)\n    // and once more after web fonts settle. Without the second pass,\n    // a cold load that swaps from fallback to custom font (Outfit/DM\n    // Sans here) leaves the textarea's calculated height 2px short\n    // of the post-swap content box — `overflow-y: auto` then shows a\n    // phantom scrollbar at rest until the next draft change. This was\n    // the root cause of the 1.36.x scrollbar bug; both the\n    // `scrollHeight + border` and the `offsetHeight` reads were\n    // honest, the metric *itself* was changing under our feet as the\n    // font finished loading. `useEffect` (not `useLayoutEffect`) so\n    // the first measurement runs after paint, never during reconcile.\n    let cancelled = false;\n    const measure = () => {\n      if (cancelled) return;\n      const node = textareaRef.current;\n      if (!node) return;\n      node.style.height = 'auto';\n      // `offsetHeight` after `'auto'` is the textarea's natural\n      // rendered box, border-box border included — no separate border\n      // math, no `getComputedStyle` round-trip.\n      const natural = node.offsetHeight;\n      // `scrollHeight` here is used only for the grown-vs-baseline\n      // delta: what matters is the *change*, not the absolute.\n      const sh = node.scrollHeight;\n      if (baselineRef.current == null) baselineRef.current = sh;\n      node.style.height = `${Math.min(natural, INLINE_MAX_HEIGHT_PX)}px`;\n      // 4px epsilon absorbs subpixel rounding / font-metrics noise on\n      // the baseline measurement; without it the wrap flicker-toggles\n      // between center and flex-end at the boundary.\n      setGrown(sh > (baselineRef.current ?? sh) + 4);\n    };\n    measure();\n    // `document.fonts.ready` resolves immediately when no fonts are\n    // pending (the hot path in prod where the font is cached), so the\n    // re-measure is essentially free; on a cold load it fires when the\n    // swap completes and the textarea reflows to its real metric.\n    if (typeof document !== 'undefined' && document.fonts && document.fonts.ready) {\n      document.fonts.ready.then(measure).catch(() => { /* fonts.ready can reject on aborted nav */ });\n    }\n    return () => { cancelled = true; };\n  }, [draft, isInline]);\n\n  const submit = () => {\n    if (!draft.trim() || !onAdd) return;\n    onAdd(draft, internal);\n    setDraft('');\n    setInternal(false);\n  };\n\n  // Enter submits in inline mode; Shift+Enter inserts a newline. In\n  // stacked mode Enter keeps its default newline behaviour (form style).\n  const onKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (!isInline) return;\n    if (e.key !== 'Enter' || e.shiftKey) return;\n    e.preventDefault();\n    submit();\n  };\n\n  return (\n    <div className={cx('comments', className)} {...rest}>\n      {comments.length > 0 && (\n        // Skip the list element entirely when empty. `.comments` is a\n        // flex column with `gap: var(--space-4)`; an empty `<ul>` would\n        // still consume a gap slot, leaving a phantom 16px between\n        // \"nothing\" and the compose row. The visual symptom: the\n        // compose sits below the vertical center of the container in\n        // empty state.\n        <ul className=\"comments__list\">\n          {comments.map((c) => (\n            <li key={c.id} className={cx('comment', c.internal && 'comment--internal')}>\n              <Avatar name={c.author.name} src={c.author.avatarSrc} size={32} />\n              <div className=\"comment__body\">\n                <div className=\"comment__head\">\n                  <span className=\"comment__author\">{c.author.name}</span>\n                  <span className=\"comment__time\">{c.timestamp}</span>\n                  {c.internal && <span className=\"comment__tag\">{t['comments.internalTag']}</span>}\n                </div>\n                <div className=\"comment__text\">{c.body}</div>\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n      {onAdd && (\n        <div className={cx('comments__compose', isInline && 'comments__compose--inline', isInline && grown && 'is-grown')}>\n          <textarea\n            ref={textareaRef}\n            className=\"textarea\"\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            onKeyDown={onKeyDown}\n            placeholder={ph}\n            rows={isInline ? 1 : 3}\n          />\n          {isInline ? (\n            <button type=\"button\" className=\"btn btn--primary btn--sm comments__compose-submit\" disabled={!draft.trim()} onClick={submit}>\n              {t['comments.send']}\n            </button>\n          ) : (\n            <div className=\"comments__compose-actions\">\n              {allowInternal && (\n                <label className=\"comments__internal-toggle\">\n                  <input type=\"checkbox\" checked={internal} onChange={(e) => setInternal(e.target.checked)} />\n                  <span>{t['comments.internalOnly']}</span>\n                </label>\n              )}\n              <button type=\"button\" className=\"btn btn--primary btn--sm\" disabled={!draft.trim()} onClick={submit}>\n                {t['comments.send']}\n              </button>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- AttachmentList ---------------------------------------------\nexport interface AttachmentItem {\n  id: string;\n  name: string;\n  size?: string;          // ya formateado: \"245 KB\"\n  url?: string;\n  uploadedBy?: string;\n  uploadedAt?: React.ReactNode;\n  icon?: React.ReactNode;\n  onRemove?: () => void;\n}\n\nexport interface AttachmentListProps extends React.HTMLAttributes<HTMLUListElement> {\n  attachments: AttachmentItem[];\n  emptyMessage?: React.ReactNode;\n}\n\nexport function AttachmentList({ attachments, emptyMessage, className, ...rest }: AttachmentListProps) {\n  const t = useLocale();\n  const empty = emptyMessage ?? t['attachments.empty'];\n  if (attachments.length === 0) {\n    return <div className=\"attachments__empty\">{empty}</div>;\n  }\n  return (\n    <ul className={cx('attachments', className)} {...rest}>\n      {attachments.map((a) => (\n        <li key={a.id} className=\"attachment\">\n          <span className=\"attachment__icon\" aria-hidden=\"true\">\n            {a.icon ?? <FileText size={20} />}\n          </span>\n          <div className=\"attachment__body\">\n            <div className=\"attachment__name\">{a.name}</div>\n            <div className=\"attachment__meta\">\n              {a.size && <span>{a.size}</span>}\n              {a.uploadedBy && <span>· {a.uploadedBy}</span>}\n              {a.uploadedAt && <span>· {a.uploadedAt}</span>}\n            </div>\n          </div>\n          <div className=\"attachment__actions\">\n            {a.url && (\n              <a href={a.url} download className=\"attachment__action\" aria-label={format(t['attachments.download'], { name: a.name })}>\n                <Download size={16} />\n              </a>\n            )}\n            {a.onRemove && (\n              <button type=\"button\" className=\"attachment__action attachment__action--danger\" aria-label={format(t['attachments.remove'], { name: a.name })} onClick={a.onRemove}>\n                <Trash size={16} />\n              </button>\n            )}\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n// re-export para que el bundle no tenga dead imports\nexport const _internal = { X };\n"]}
+{"version":3,"sources":["../src/components/Comments.tsx"],"names":[],"mappings":"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","file":"chunk-EE3VOAU4.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Avatar } from './Display2';\nimport { FileText, Download, Trash, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- CommentThread ----------------------------------------------\nexport interface CommentItem {\n  id: string;\n  author: { name: string; avatarSrc?: string };\n  body: React.ReactNode;\n  timestamp: React.ReactNode;\n  internal?: boolean;\n}\n\nexport interface CommentThreadProps extends React.HTMLAttributes<HTMLDivElement> {\n  comments: CommentItem[];\n  onAdd?: (body: string, internal: boolean) => void;\n  placeholder?: string;\n  allowInternal?: boolean;\n  /**\n   * Compose layout. Default `'stacked'`: textarea on top, action row\n   * below (form-style). `'inline'`: textarea and submit button share a\n   * single row, the textarea auto-grows, and Enter submits while\n   * Shift+Enter inserts a newline — chat convention (Slack/Linear).\n   * `allowInternal` is ignored in `'inline'`; if you need the internal\n   * toggle, use `'stacked'`.\n   */\n  inputLayout?: 'stacked' | 'inline';\n}\n\n// Inline mode auto-grow ceiling. ~5 lines at the kit's default\n// textarea font/line-height; beyond this the textarea scrolls.\nconst INLINE_MAX_HEIGHT_PX = 140;\n\nexport function CommentThread({\n  comments, onAdd, placeholder,\n  allowInternal = false, inputLayout = 'stacked',\n  className, ...rest\n}: CommentThreadProps) {\n  const [draft, setDraft] = React.useState('');\n  const [internal, setInternal] = React.useState(false);\n  const [grown, setGrown] = React.useState(false);\n  const t = useLocale();\n  const ph = placeholder ?? t['comments.placeholder'];\n  const isInline = inputLayout === 'inline';\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n  // Captures the 1-line scrollHeight on first paint with the empty\n  // textarea. Anything taller than baseline + epsilon means the user\n  // has typed a newline (or wrapped past one line). Cleared when\n  // leaving inline mode so a re-entry re-measures.\n  const baselineRef = React.useRef<number | null>(null);\n\n  // Auto-grow in inline mode: reset to single-row, then size to\n  // scrollHeight, capped at INLINE_MAX_HEIGHT_PX. Runs on every draft\n  // change so deletes shrink the box too. Same pass detects whether the\n  // textarea has grown past its 1-line baseline so the wrap can flip\n  // alignment from `center` (steady state) to `flex-end` (multi-line).\n  // Stacked mode keeps the static rows={3} height — no DOM measurement,\n  // no observable side-effect.\n  React.useEffect(() => {\n    if (!isInline) {\n      baselineRef.current = null;\n      setGrown(false);\n      return;\n    }\n    const el = textareaRef.current;\n    if (!el) return;\n    // Auto-grow runs once now (with whatever font metrics are in play)\n    // and once more after web fonts settle. Without the second pass,\n    // a cold load that swaps from fallback to custom font (Outfit/DM\n    // Sans here) leaves the textarea's calculated height 2px short\n    // of the post-swap content box — `overflow-y: auto` then shows a\n    // phantom scrollbar at rest until the next draft change. This was\n    // the root cause of the 1.36.x scrollbar bug; both the\n    // `scrollHeight + border` and the `offsetHeight` reads were\n    // honest, the metric *itself* was changing under our feet as the\n    // font finished loading. `useEffect` (not `useLayoutEffect`) so\n    // the first measurement runs after paint, never during reconcile.\n    let cancelled = false;\n    const measure = () => {\n      if (cancelled) return;\n      const node = textareaRef.current;\n      if (!node) return;\n      node.style.height = 'auto';\n      // `offsetHeight` after `'auto'` is the textarea's natural\n      // rendered box, border-box border included — no separate border\n      // math, no `getComputedStyle` round-trip.\n      const natural = node.offsetHeight;\n      // `scrollHeight` here is used only for the grown-vs-baseline\n      // delta: what matters is the *change*, not the absolute.\n      const sh = node.scrollHeight;\n      if (baselineRef.current == null) baselineRef.current = sh;\n      node.style.height = `${Math.min(natural, INLINE_MAX_HEIGHT_PX)}px`;\n      // 4px epsilon absorbs subpixel rounding / font-metrics noise on\n      // the baseline measurement; without it the wrap flicker-toggles\n      // between center and flex-end at the boundary.\n      setGrown(sh > (baselineRef.current ?? sh) + 4);\n    };\n    measure();\n    // `document.fonts.ready` resolves immediately when no fonts are\n    // pending (the hot path in prod where the font is cached), so the\n    // re-measure is essentially free; on a cold load it fires when the\n    // swap completes and the textarea reflows to its real metric.\n    if (typeof document !== 'undefined' && document.fonts && document.fonts.ready) {\n      document.fonts.ready.then(measure).catch(() => { /* fonts.ready can reject on aborted nav */ });\n    }\n    return () => { cancelled = true; };\n  }, [draft, isInline]);\n\n  const submit = () => {\n    if (!draft.trim() || !onAdd) return;\n    onAdd(draft, internal);\n    setDraft('');\n    setInternal(false);\n  };\n\n  // Enter submits in inline mode; Shift+Enter inserts a newline. In\n  // stacked mode Enter keeps its default newline behaviour (form style).\n  const onKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (!isInline) return;\n    if (e.key !== 'Enter' || e.shiftKey) return;\n    e.preventDefault();\n    submit();\n  };\n\n  return (\n    <div className={cx('comments', className)} {...rest}>\n      {comments.length > 0 && (\n        // Skip the list element entirely when empty. `.comments` is a\n        // flex column with `gap: var(--space-4)`; an empty `<ul>` would\n        // still consume a gap slot, leaving a phantom 16px between\n        // \"nothing\" and the compose row. The visual symptom: the\n        // compose sits below the vertical center of the container in\n        // empty state.\n        <ul className=\"comments__list\">\n          {comments.map((c) => (\n            <li key={c.id} className={cx('comment', c.internal && 'comment--internal')}>\n              <Avatar name={c.author.name} src={c.author.avatarSrc} size={32} />\n              <div className=\"comment__body\">\n                <div className=\"comment__head\">\n                  <span className=\"comment__author\">{c.author.name}</span>\n                  <span className=\"comment__time\">{c.timestamp}</span>\n                  {c.internal && <span className=\"comment__tag\">{t['comments.internalTag']}</span>}\n                </div>\n                <div className=\"comment__text\">{c.body}</div>\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n      {onAdd && (\n        <div className={cx('comments__compose', isInline && 'comments__compose--inline', isInline && grown && 'is-grown')}>\n          <textarea\n            ref={textareaRef}\n            className=\"textarea\"\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            onKeyDown={onKeyDown}\n            placeholder={ph}\n            rows={isInline ? 1 : 3}\n          />\n          {isInline ? (\n            <button type=\"button\" className=\"btn btn--primary btn--sm comments__compose-submit\" disabled={!draft.trim()} onClick={submit}>\n              {t['comments.send']}\n            </button>\n          ) : (\n            <div className=\"comments__compose-actions\">\n              {allowInternal && (\n                <label className=\"comments__internal-toggle\">\n                  <input type=\"checkbox\" checked={internal} onChange={(e) => setInternal(e.target.checked)} />\n                  <span>{t['comments.internalOnly']}</span>\n                </label>\n              )}\n              <button type=\"button\" className=\"btn btn--primary btn--sm\" disabled={!draft.trim()} onClick={submit}>\n                {t['comments.send']}\n              </button>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- AttachmentList ---------------------------------------------\nexport interface AttachmentItem {\n  id: string;\n  name: string;\n  size?: string;          // ya formateado: \"245 KB\"\n  url?: string;\n  uploadedBy?: string;\n  uploadedAt?: React.ReactNode;\n  icon?: React.ReactNode;\n  onRemove?: () => void;\n}\n\nexport interface AttachmentListProps extends React.HTMLAttributes<HTMLUListElement> {\n  attachments: AttachmentItem[];\n  emptyMessage?: React.ReactNode;\n}\n\nexport function AttachmentList({ attachments, emptyMessage, className, ...rest }: AttachmentListProps) {\n  const t = useLocale();\n  const empty = emptyMessage ?? t['attachments.empty'];\n  if (attachments.length === 0) {\n    return <div className=\"attachments__empty\">{empty}</div>;\n  }\n  return (\n    <ul className={cx('attachments', className)} {...rest}>\n      {attachments.map((a) => (\n        <li key={a.id} className=\"attachment\">\n          <span className=\"attachment__icon\" aria-hidden=\"true\">\n            {a.icon ?? <FileText size={20} />}\n          </span>\n          <div className=\"attachment__body\">\n            <div className=\"attachment__name\">{a.name}</div>\n            <div className=\"attachment__meta\">\n              {a.size && <span>{a.size}</span>}\n              {a.uploadedBy && <span>· {a.uploadedBy}</span>}\n              {a.uploadedAt && <span>· {a.uploadedAt}</span>}\n            </div>\n          </div>\n          <div className=\"attachment__actions\">\n            {a.url && (\n              <a href={a.url} download className=\"attachment__action\" aria-label={format(t['attachments.download'], { name: a.name })}>\n                <Download size={16} />\n              </a>\n            )}\n            {a.onRemove && (\n              <button type=\"button\" className=\"attachment__action attachment__action--danger\" aria-label={format(t['attachments.remove'], { name: a.name })} onClick={a.onRemove}>\n                <Trash size={16} />\n              </button>\n            )}\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n// re-export para que el bundle no tenga dead imports\nexport const _internal = { X };\n"]}

package/dist/{chunk-OZEYZNU6.js → chunk-EI2V2GGG.js}

@@ -2,8 +2,8 @@
 'use strict';
 
 var chunk6SSTTJV4_js = require('./chunk-6SSTTJV4.js');
-var chunk7EHLO6NI_js = require('./chunk-7EHLO6NI.js');
-var chunkU2Z6DGHD_js = require('./chunk-U2Z6DGHD.js');
+var chunkJDK4GEME_js = require('./chunk-JDK4GEME.js');
+var chunkMJMLNETS_js = require('./chunk-MJMLNETS.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -16,7 +16,7 @@ function PermissionMatrix({
   className,
   ...rest
 }) {
-  const t = chunkU2Z6DGHD_js.useLocale();
+  const t = chunkMJMLNETS_js.useLocale();
   const has = (roleId, actionId) => (value[roleId] ?? []).includes(actionId);
   const toggle = (roleId, actionId) => {
     if (readOnly) return;
@@ -60,7 +60,7 @@ function PermissionMatrix({
           checked: has(r.id, a.id),
           disabled: readOnly,
           onChange: () => toggle(r.id, a.id),
-          "aria-label": chunk7EHLO6NI_js.format(t["permissions.cellLabel"], {
+          "aria-label": chunkJDK4GEME_js.format(t["permissions.cellLabel"], {
             action: typeof a.label === "string" ? a.label : a.id,
             role: typeof r.label === "string" ? r.label : r.id
           })
@@ -71,5 +71,5 @@ function PermissionMatrix({
 }
 
 exports.PermissionMatrix = PermissionMatrix;
-//# sourceMappingURL=chunk-OZEYZNU6.js.map
-//# sourceMappingURL=chunk-OZEYZNU6.js.map
+//# sourceMappingURL=chunk-EI2V2GGG.js.map
+//# sourceMappingURL=chunk-EI2V2GGG.js.map