@misael703/ui 1.29.0 → 1.30.0

package/dist/{chunk-KS7CSKO6.js.map → chunk-APW6SHMN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Editing.tsx"],"names":["React","useLocale","jsx","Modal","jsxs","Fragment","cx","Checkbox","ChevronRight","ChevronLeft"],"mappings":"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","file":"chunk-KS7CSKO6.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Modal } from './Overlay';\nimport { ChevronLeft, ChevronRight } 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"]}
+{"version":3,"sources":["../src/components/Editing.tsx"],"names":["React","useLocale","jsx","Modal","jsxs","Fragment","cx","Checkbox","ChevronRight","ChevronLeft"],"mappings":"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","file":"chunk-APW6SHMN.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Modal } from './Overlay';\nimport { ChevronLeft, ChevronRight } 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"]}

package/dist/{chunk-MSP4BOPZ.js → chunk-AUPTAKA6.js}

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunk4VMQLSHV_js = require('./chunk-4VMQLSHV.js');
 var chunk3HA3VO2I_js = require('./chunk-3HA3VO2I.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var chunk4VMQLSHV_js = require('./chunk-4VMQLSHV.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -184,5 +184,5 @@ function PageHeader({ title, description, breadcrumbs, actions, meta, className
 
 exports.AppShell = AppShell;
 exports.PageHeader = PageHeader;
-//# sourceMappingURL=chunk-MSP4BOPZ.js.map
-//# sourceMappingURL=chunk-MSP4BOPZ.js.map
+//# sourceMappingURL=chunk-AUPTAKA6.js.map
+//# sourceMappingURL=chunk-AUPTAKA6.js.map

package/dist/{chunk-MSP4BOPZ.js.map → chunk-AUPTAKA6.js.map}

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

package/dist/{chunk-2T5KZJGY.js → chunk-DU4L5ROW.js}

@@ -1,10 +1,10 @@
 'use client';
 'use strict';
 
-var chunk4VMQLSHV_js = require('./chunk-4VMQLSHV.js');
 var chunkEUB4PHPI_js = require('./chunk-EUB4PHPI.js');
 var chunk3HA3VO2I_js = require('./chunk-3HA3VO2I.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var chunk4VMQLSHV_js = require('./chunk-4VMQLSHV.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -190,5 +190,5 @@ exports.ChipGroup = ChipGroup;
 exports.ProductCard = ProductCard;
 exports.Skeleton = Skeleton;
 exports.Spinner = Spinner;
-//# sourceMappingURL=chunk-2T5KZJGY.js.map
-//# sourceMappingURL=chunk-2T5KZJGY.js.map
+//# sourceMappingURL=chunk-DU4L5ROW.js.map
+//# sourceMappingURL=chunk-DU4L5ROW.js.map

package/dist/{chunk-2T5KZJGY.js.map → chunk-DU4L5ROW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Display.tsx"],"names":["React","Card","cx","Slot","CardHeader","jsx","CardBody","CardFooter","jsxs","useLocale","X","ChipGroup"],"mappings":"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","file":"chunk-2T5KZJGY.js","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { Slot } from './Primitives';\nimport type { Extensible } from '../utils/types';\n\nexport type CategoryAccent = 'cat-1' | 'cat-2' | 'cat-3' | 'cat-4' | 'cat-5' | 'cat-6';\nexport type CardAccent =\n  | 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral'\n  | CategoryAccent;\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean;\n  accent?: Extensible<CardAccent>;\n  /**\n   * Render as the provided single child element instead of `<div>` (e.g.\n   * a clickable card as `next/link`'s `<a>`). Card classes, ref and handlers\n   * are merged onto it. Default `false` (identical behavior).\n   */\n  asChild?: boolean;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  { interactive, accent, className, asChild = false, ...rest },\n  ref\n) {\n  const cls = cx(\n    'card',\n    interactive && 'card--interactive',\n    accent && `card--accent-${accent}`,\n    className\n  );\n  if (asChild) {\n    return <Slot ref={ref as React.Ref<HTMLElement>} className={cls} {...rest} />;\n  }\n  return <div ref={ref} className={cls} {...rest} />;\n});\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardHeader({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('card__header', className)} {...rest} />;\n  }\n);\n\nexport const CardBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardBody({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('card__body', className)} {...rest} />;\n  }\n);\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardFooter({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('card__footer', className)} {...rest} />;\n  }\n);\n\n// ---------- Badge --------------------------------------------------------\nexport type BadgeVariant =\n  | 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral'\n  | CategoryAccent;\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: Extensible<BadgeVariant>;\n  dot?: boolean;\n  /**\n   * Pulsing status dot. Lets ONE component cover a \"status\" column\n   * (previously you had to mix `StatusIndicator` + `Badge`, which read\n   * inconsistently). Implies a dot. Respects `prefers-reduced-motion`.\n   */\n  pulse?: boolean;\n  /**\n   * Typographic register. `'data'` (default) is the quiet data-chip:\n   * sentence case, tinted, no hard border — it reads as metadata in a\n   * dense table. `'label'` is the brand micro-label: uppercase texture\n   * for eyebrows, kickers and short tags. Opt into `'label'` only when\n   * the badge is a label, not a value.\n   */\n  tone?: 'data' | 'label';\n  /**\n   * Surface intensity, orthogonal to `variant` (which is the colour\n   * role). `'soft'` (default) is the tinted chip. `'solid'` is a filled\n   * chip (the variant's deep tone + white text). `'outline'` is a hairline\n   * chip (transparent fill, the variant's deep tone for text + border).\n   * `variant=\"neutral\" appearance=\"solid\"` is the dark/ink tag. Supersedes\n   * the legacy `variant=\"solid\"` / `\"solid-orange\"` magic strings (still\n   * supported, not removed).\n   */\n  appearance?: 'soft' | 'solid' | 'outline';\n}\n\nexport function Badge({\n  variant = 'neutral', dot, pulse, tone = 'data', appearance = 'soft', className, children, ...rest\n}: BadgeProps) {\n  const showDot = dot || pulse;\n  return (\n    <span\n      className={cx(\n        'badge',\n        `badge--${variant}`,\n        tone === 'label' && 'badge--label',\n        appearance !== 'soft' && `badge--app-${appearance}`,\n        className\n      )}\n      {...rest}\n    >\n      {showDot && (\n        <span\n          className={cx('badge__dot', pulse && 'is-pulsing')}\n          aria-hidden=\"true\"\n        />\n      )}\n      {children}\n    </span>\n  );\n}\n\n// ---------- Alert --------------------------------------------------------\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  variant?: Extensible<AlertVariant>;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  onClose?: () => void;\n}\n\nexport function Alert({ variant = 'info', title, icon, onClose, className, children, ...rest }: AlertProps) {\n  const t = useLocale();\n  return (\n    <div role=\"alert\" className={cx('alert', `alert--${variant}`, className)} {...rest}>\n      {icon && <span className=\"alert__icon\" aria-hidden=\"true\">{icon}</span>}\n      <div className=\"alert__body\">\n        {title && <div className=\"alert__title\">{title}</div>}\n        {children && <div className=\"alert__desc\">{children}</div>}\n      </div>\n      {onClose && (\n        <button type=\"button\" className=\"alert__close\" onClick={onClose} aria-label={t['alert.close']}>\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ---------- Skeleton & Spinner ------------------------------------------\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number | string;\n  height?: number | string;\n  rounded?: boolean;\n}\n\nexport function Skeleton({ width, height, rounded, className, style, ...rest }: SkeletonProps) {\n  return (\n    <div\n      className={cx('skel', className)}\n      style={{ width, height, borderRadius: rounded ? 999 : undefined, ...style }}\n      aria-hidden=\"true\"\n      {...rest}\n    />\n  );\n}\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: 'sm' | 'md' | 'lg';\n  inverse?: boolean;\n}\n\nexport function Spinner({ size = 'md', inverse, className, ...rest }: SpinnerProps) {\n  const t = useLocale();\n  return (\n    <span\n      role=\"status\"\n      aria-label={t['spinner.loading']}\n      className={cx('spinner', size === 'lg' && 'spinner--lg', inverse && 'spinner--inverse', className)}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Chip + ChipGroup --------------------------------------------\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {\n  active?: boolean;\n  onRemove?: () => void;\n  removeLabel?: string;\n}\n\nexport function Chip({ active, onRemove, removeLabel, className, children, ...rest }: ChipProps) {\n  const t = useLocale();\n  return (\n    <span className={cx('chip', active && 'chip--active', className)} {...rest}>\n      <span>{children}</span>\n      {onRemove && (\n        <button\n          type=\"button\"\n          className=\"chip__close\"\n          aria-label={removeLabel ?? t['chip.remove']}\n          onClick={(e) => { e.stopPropagation(); onRemove(); }}\n        >\n          <X size={12} />\n        </button>\n      )}\n    </span>\n  );\n}\n\nexport const ChipGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function ChipGroup({ className, style, ...rest }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('chip-group', className)}\n        style={{ display: 'flex', flexWrap: 'wrap', gap: 8, ...style }}\n        {...rest}\n      />\n    );\n  }\n);\n\n// ---------- ProductCard -------------------------------------------------\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {\n  sku?: React.ReactNode;\n  name: React.ReactNode;\n  price?: React.ReactNode;\n  image?: string;\n  imageAlt?: string;\n  tag?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nexport function ProductCard({\n  sku, name, price, image, imageAlt, tag, footer, className, ...rest\n}: ProductCardProps) {\n  return (\n    <article className={cx('product-card', className)} {...rest}>\n      {tag && <span className=\"product-card__tag\">{tag}</span>}\n      <div className=\"product-card__media\">\n        {image ? (\n          <img src={image} alt={imageAlt ?? (typeof name === 'string' ? name : '')} />\n        ) : (\n          <div className=\"product-card__placeholder\">{sku ? `[ ${sku} ]` : 'SKU'}</div>\n        )}\n      </div>\n      <div className=\"product-card__body\">\n        {sku && <div className=\"product-card__sku\">{sku}</div>}\n        <h4 className=\"product-card__title\">{name}</h4>\n        {price && <div className=\"product-card__price\">{price}</div>}\n      </div>\n      {footer && <div className=\"product-card__footer\">{footer}</div>}\n    </article>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Display.tsx"],"names":["React","Card","cx","Slot","CardHeader","jsx","CardBody","CardFooter","jsxs","useLocale","X","ChipGroup"],"mappings":"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","file":"chunk-DU4L5ROW.js","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { Slot } from './Primitives';\nimport type { Extensible } from '../utils/types';\n\nexport type CategoryAccent = 'cat-1' | 'cat-2' | 'cat-3' | 'cat-4' | 'cat-5' | 'cat-6';\nexport type CardAccent =\n  | 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral'\n  | CategoryAccent;\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean;\n  accent?: Extensible<CardAccent>;\n  /**\n   * Render as the provided single child element instead of `<div>` (e.g.\n   * a clickable card as `next/link`'s `<a>`). Card classes, ref and handlers\n   * are merged onto it. Default `false` (identical behavior).\n   */\n  asChild?: boolean;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  { interactive, accent, className, asChild = false, ...rest },\n  ref\n) {\n  const cls = cx(\n    'card',\n    interactive && 'card--interactive',\n    accent && `card--accent-${accent}`,\n    className\n  );\n  if (asChild) {\n    return <Slot ref={ref as React.Ref<HTMLElement>} className={cls} {...rest} />;\n  }\n  return <div ref={ref} className={cls} {...rest} />;\n});\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardHeader({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('card__header', className)} {...rest} />;\n  }\n);\n\nexport const CardBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardBody({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('card__body', className)} {...rest} />;\n  }\n);\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardFooter({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('card__footer', className)} {...rest} />;\n  }\n);\n\n// ---------- Badge --------------------------------------------------------\nexport type BadgeVariant =\n  | 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral'\n  | CategoryAccent;\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: Extensible<BadgeVariant>;\n  dot?: boolean;\n  /**\n   * Pulsing status dot. Lets ONE component cover a \"status\" column\n   * (previously you had to mix `StatusIndicator` + `Badge`, which read\n   * inconsistently). Implies a dot. Respects `prefers-reduced-motion`.\n   */\n  pulse?: boolean;\n  /**\n   * Typographic register. `'data'` (default) is the quiet data-chip:\n   * sentence case, tinted, no hard border — it reads as metadata in a\n   * dense table. `'label'` is the brand micro-label: uppercase texture\n   * for eyebrows, kickers and short tags. Opt into `'label'` only when\n   * the badge is a label, not a value.\n   */\n  tone?: 'data' | 'label';\n  /**\n   * Surface intensity, orthogonal to `variant` (which is the colour\n   * role). `'soft'` (default) is the tinted chip. `'solid'` is a filled\n   * chip (the variant's deep tone + white text). `'outline'` is a hairline\n   * chip (transparent fill, the variant's deep tone for text + border).\n   * `variant=\"neutral\" appearance=\"solid\"` is the dark/ink tag. Supersedes\n   * the legacy `variant=\"solid\"` / `\"solid-orange\"` magic strings (still\n   * supported, not removed).\n   */\n  appearance?: 'soft' | 'solid' | 'outline';\n}\n\nexport function Badge({\n  variant = 'neutral', dot, pulse, tone = 'data', appearance = 'soft', className, children, ...rest\n}: BadgeProps) {\n  const showDot = dot || pulse;\n  return (\n    <span\n      className={cx(\n        'badge',\n        `badge--${variant}`,\n        tone === 'label' && 'badge--label',\n        appearance !== 'soft' && `badge--app-${appearance}`,\n        className\n      )}\n      {...rest}\n    >\n      {showDot && (\n        <span\n          className={cx('badge__dot', pulse && 'is-pulsing')}\n          aria-hidden=\"true\"\n        />\n      )}\n      {children}\n    </span>\n  );\n}\n\n// ---------- Alert --------------------------------------------------------\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  variant?: Extensible<AlertVariant>;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  onClose?: () => void;\n}\n\nexport function Alert({ variant = 'info', title, icon, onClose, className, children, ...rest }: AlertProps) {\n  const t = useLocale();\n  return (\n    <div role=\"alert\" className={cx('alert', `alert--${variant}`, className)} {...rest}>\n      {icon && <span className=\"alert__icon\" aria-hidden=\"true\">{icon}</span>}\n      <div className=\"alert__body\">\n        {title && <div className=\"alert__title\">{title}</div>}\n        {children && <div className=\"alert__desc\">{children}</div>}\n      </div>\n      {onClose && (\n        <button type=\"button\" className=\"alert__close\" onClick={onClose} aria-label={t['alert.close']}>\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ---------- Skeleton & Spinner ------------------------------------------\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number | string;\n  height?: number | string;\n  rounded?: boolean;\n}\n\nexport function Skeleton({ width, height, rounded, className, style, ...rest }: SkeletonProps) {\n  return (\n    <div\n      className={cx('skel', className)}\n      style={{ width, height, borderRadius: rounded ? 999 : undefined, ...style }}\n      aria-hidden=\"true\"\n      {...rest}\n    />\n  );\n}\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: 'sm' | 'md' | 'lg';\n  inverse?: boolean;\n}\n\nexport function Spinner({ size = 'md', inverse, className, ...rest }: SpinnerProps) {\n  const t = useLocale();\n  return (\n    <span\n      role=\"status\"\n      aria-label={t['spinner.loading']}\n      className={cx('spinner', size === 'lg' && 'spinner--lg', inverse && 'spinner--inverse', className)}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Chip + ChipGroup --------------------------------------------\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {\n  active?: boolean;\n  onRemove?: () => void;\n  removeLabel?: string;\n}\n\nexport function Chip({ active, onRemove, removeLabel, className, children, ...rest }: ChipProps) {\n  const t = useLocale();\n  return (\n    <span className={cx('chip', active && 'chip--active', className)} {...rest}>\n      <span>{children}</span>\n      {onRemove && (\n        <button\n          type=\"button\"\n          className=\"chip__close\"\n          aria-label={removeLabel ?? t['chip.remove']}\n          onClick={(e) => { e.stopPropagation(); onRemove(); }}\n        >\n          <X size={12} />\n        </button>\n      )}\n    </span>\n  );\n}\n\nexport const ChipGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function ChipGroup({ className, style, ...rest }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('chip-group', className)}\n        style={{ display: 'flex', flexWrap: 'wrap', gap: 8, ...style }}\n        {...rest}\n      />\n    );\n  }\n);\n\n// ---------- ProductCard -------------------------------------------------\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {\n  sku?: React.ReactNode;\n  name: React.ReactNode;\n  price?: React.ReactNode;\n  image?: string;\n  imageAlt?: string;\n  tag?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nexport function ProductCard({\n  sku, name, price, image, imageAlt, tag, footer, className, ...rest\n}: ProductCardProps) {\n  return (\n    <article className={cx('product-card', className)} {...rest}>\n      {tag && <span className=\"product-card__tag\">{tag}</span>}\n      <div className=\"product-card__media\">\n        {image ? (\n          <img src={image} alt={imageAlt ?? (typeof name === 'string' ? name : '')} />\n        ) : (\n          <div className=\"product-card__placeholder\">{sku ? `[ ${sku} ]` : 'SKU'}</div>\n        )}\n      </div>\n      <div className=\"product-card__body\">\n        {sku && <div className=\"product-card__sku\">{sku}</div>}\n        <h4 className=\"product-card__title\">{name}</h4>\n        {price && <div className=\"product-card__price\">{price}</div>}\n      </div>\n      {footer && <div className=\"product-card__footer\">{footer}</div>}\n    </article>\n  );\n}\n"]}

package/dist/{chunk-PVSP7Y2F.mjs → chunk-E5KXQ2JE.mjs}

@@ -1,9 +1,9 @@
 'use client';
-import { Avatar } from './chunk-B4BPE3LC.mjs';
-import { format } from './chunk-Q4HKSXUE.mjs';
-import { useLocale } from './chunk-PQV7HHCJ.mjs';
+import { Avatar } from './chunk-QP5HKKTM.mjs';
 import { X, FileText, Download, Trash } from './chunk-VHYTJD6Z.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
+import { format } from './chunk-Q4HKSXUE.mjs';
+import { useLocale } from './chunk-PQV7HHCJ.mjs';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -89,5 +89,5 @@ function AttachmentList({ attachments, emptyMessage, className, ...rest }) {
 var _internal = { X };
 
 export { AttachmentList, CommentThread, _internal };
-//# sourceMappingURL=chunk-PVSP7Y2F.mjs.map
-//# sourceMappingURL=chunk-PVSP7Y2F.mjs.map
+//# sourceMappingURL=chunk-E5KXQ2JE.mjs.map
+//# sourceMappingURL=chunk-E5KXQ2JE.mjs.map

package/dist/{chunk-PVSP7Y2F.mjs.map → chunk-E5KXQ2JE.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Comments.tsx"],"names":[],"mappings":"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","file":"chunk-PVSP7Y2F.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\nexport function CommentThread({\n  comments, onAdd, placeholder,\n  allowInternal = false, className, ...rest\n}: CommentThreadProps) {\n  const [draft, setDraft] = React.useState('');\n  const [internal, setInternal] = React.useState(false);\n  const t = useLocale();\n  const ph = placeholder ?? t['comments.placeholder'];\n\n  const submit = () => {\n    if (!draft.trim() || !onAdd) return;\n    onAdd(draft, internal);\n    setDraft('');\n    setInternal(false);\n  };\n\n  return (\n    <div className={cx('comments', className)} {...rest}>\n      <ul className=\"comments__list\">\n        {comments.map((c) => (\n          <li key={c.id} className={cx('comment', c.internal && 'comment--internal')}>\n            <Avatar name={c.author.name} src={c.author.avatarSrc} size={32} />\n            <div className=\"comment__body\">\n              <div className=\"comment__head\">\n                <span className=\"comment__author\">{c.author.name}</span>\n                <span className=\"comment__time\">{c.timestamp}</span>\n                {c.internal && <span className=\"comment__tag\">{t['comments.internalTag']}</span>}\n              </div>\n              <div className=\"comment__text\">{c.body}</div>\n            </div>\n          </li>\n        ))}\n      </ul>\n      {onAdd && (\n        <div className=\"comments__compose\">\n          <textarea\n            className=\"textarea\"\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            placeholder={ph}\n            rows={3}\n          />\n          <div className=\"comments__compose-actions\">\n            {allowInternal && (\n              <label className=\"comments__internal-toggle\">\n                <input type=\"checkbox\" checked={internal} onChange={(e) => setInternal(e.target.checked)} />\n                <span>{t['comments.internalOnly']}</span>\n              </label>\n            )}\n            <button type=\"button\" className=\"btn btn--primary btn--sm\" disabled={!draft.trim()} onClick={submit}>\n              {t['comments.send']}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- AttachmentList ---------------------------------------------\nexport interface AttachmentItem {\n  id: string;\n  name: string;\n  size?: string;          // ya formateado: \"245 KB\"\n  url?: string;\n  uploadedBy?: string;\n  uploadedAt?: React.ReactNode;\n  icon?: React.ReactNode;\n  onRemove?: () => void;\n}\n\nexport interface AttachmentListProps extends React.HTMLAttributes<HTMLUListElement> {\n  attachments: AttachmentItem[];\n  emptyMessage?: React.ReactNode;\n}\n\nexport function AttachmentList({ attachments, emptyMessage, className, ...rest }: AttachmentListProps) {\n  const t = useLocale();\n  const empty = emptyMessage ?? t['attachments.empty'];\n  if (attachments.length === 0) {\n    return <div className=\"attachments__empty\">{empty}</div>;\n  }\n  return (\n    <ul className={cx('attachments', className)} {...rest}>\n      {attachments.map((a) => (\n        <li key={a.id} className=\"attachment\">\n          <span className=\"attachment__icon\" aria-hidden=\"true\">\n            {a.icon ?? <FileText size={20} />}\n          </span>\n          <div className=\"attachment__body\">\n            <div className=\"attachment__name\">{a.name}</div>\n            <div className=\"attachment__meta\">\n              {a.size && <span>{a.size}</span>}\n              {a.uploadedBy && <span>· {a.uploadedBy}</span>}\n              {a.uploadedAt && <span>· {a.uploadedAt}</span>}\n            </div>\n          </div>\n          <div className=\"attachment__actions\">\n            {a.url && (\n              <a href={a.url} download className=\"attachment__action\" aria-label={format(t['attachments.download'], { name: a.name })}>\n                <Download size={16} />\n              </a>\n            )}\n            {a.onRemove && (\n              <button type=\"button\" className=\"attachment__action attachment__action--danger\" aria-label={format(t['attachments.remove'], { name: a.name })} onClick={a.onRemove}>\n                <Trash size={16} />\n              </button>\n            )}\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n// re-export para que el bundle no tenga dead imports\nexport const _internal = { X };\n"]}
+{"version":3,"sources":["../src/components/Comments.tsx"],"names":[],"mappings":"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","file":"chunk-E5KXQ2JE.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\nexport function CommentThread({\n  comments, onAdd, placeholder,\n  allowInternal = false, className, ...rest\n}: CommentThreadProps) {\n  const [draft, setDraft] = React.useState('');\n  const [internal, setInternal] = React.useState(false);\n  const t = useLocale();\n  const ph = placeholder ?? t['comments.placeholder'];\n\n  const submit = () => {\n    if (!draft.trim() || !onAdd) return;\n    onAdd(draft, internal);\n    setDraft('');\n    setInternal(false);\n  };\n\n  return (\n    <div className={cx('comments', className)} {...rest}>\n      <ul className=\"comments__list\">\n        {comments.map((c) => (\n          <li key={c.id} className={cx('comment', c.internal && 'comment--internal')}>\n            <Avatar name={c.author.name} src={c.author.avatarSrc} size={32} />\n            <div className=\"comment__body\">\n              <div className=\"comment__head\">\n                <span className=\"comment__author\">{c.author.name}</span>\n                <span className=\"comment__time\">{c.timestamp}</span>\n                {c.internal && <span className=\"comment__tag\">{t['comments.internalTag']}</span>}\n              </div>\n              <div className=\"comment__text\">{c.body}</div>\n            </div>\n          </li>\n        ))}\n      </ul>\n      {onAdd && (\n        <div className=\"comments__compose\">\n          <textarea\n            className=\"textarea\"\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            placeholder={ph}\n            rows={3}\n          />\n          <div className=\"comments__compose-actions\">\n            {allowInternal && (\n              <label className=\"comments__internal-toggle\">\n                <input type=\"checkbox\" checked={internal} onChange={(e) => setInternal(e.target.checked)} />\n                <span>{t['comments.internalOnly']}</span>\n              </label>\n            )}\n            <button type=\"button\" className=\"btn btn--primary btn--sm\" disabled={!draft.trim()} onClick={submit}>\n              {t['comments.send']}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- AttachmentList ---------------------------------------------\nexport interface AttachmentItem {\n  id: string;\n  name: string;\n  size?: string;          // ya formateado: \"245 KB\"\n  url?: string;\n  uploadedBy?: string;\n  uploadedAt?: React.ReactNode;\n  icon?: React.ReactNode;\n  onRemove?: () => void;\n}\n\nexport interface AttachmentListProps extends React.HTMLAttributes<HTMLUListElement> {\n  attachments: AttachmentItem[];\n  emptyMessage?: React.ReactNode;\n}\n\nexport function AttachmentList({ attachments, emptyMessage, className, ...rest }: AttachmentListProps) {\n  const t = useLocale();\n  const empty = emptyMessage ?? t['attachments.empty'];\n  if (attachments.length === 0) {\n    return <div className=\"attachments__empty\">{empty}</div>;\n  }\n  return (\n    <ul className={cx('attachments', className)} {...rest}>\n      {attachments.map((a) => (\n        <li key={a.id} className=\"attachment\">\n          <span className=\"attachment__icon\" aria-hidden=\"true\">\n            {a.icon ?? <FileText size={20} />}\n          </span>\n          <div className=\"attachment__body\">\n            <div className=\"attachment__name\">{a.name}</div>\n            <div className=\"attachment__meta\">\n              {a.size && <span>{a.size}</span>}\n              {a.uploadedBy && <span>· {a.uploadedBy}</span>}\n              {a.uploadedAt && <span>· {a.uploadedAt}</span>}\n            </div>\n          </div>\n          <div className=\"attachment__actions\">\n            {a.url && (\n              <a href={a.url} download className=\"attachment__action\" aria-label={format(t['attachments.download'], { name: a.name })}>\n                <Download size={16} />\n              </a>\n            )}\n            {a.onRemove && (\n              <button type=\"button\" className=\"attachment__action attachment__action--danger\" aria-label={format(t['attachments.remove'], { name: a.name })} onClick={a.onRemove}>\n                <Trash size={16} />\n              </button>\n            )}\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n// re-export para que el bundle no tenga dead imports\nexport const _internal = { X };\n"]}

package/dist/{chunk-LJG3AH7G.mjs → chunk-ETQHY4GG.mjs}

@@ -1,8 +1,8 @@
 'use client';
-import { format } from './chunk-Q4HKSXUE.mjs';
-import { useLocale } from './chunk-PQV7HHCJ.mjs';
 import { ChevronUp, ChevronDown, X } from './chunk-VHYTJD6Z.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
+import { format } from './chunk-Q4HKSXUE.mjs';
+import { useLocale } from './chunk-PQV7HHCJ.mjs';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -120,5 +120,5 @@ function FilterField({
 }
 
 export { BulkActionBar, FilterBar, FilterField, FilterPanel, FilterSection, SortDropdown };
-//# sourceMappingURL=chunk-LJG3AH7G.mjs.map
-//# sourceMappingURL=chunk-LJG3AH7G.mjs.map
+//# sourceMappingURL=chunk-ETQHY4GG.mjs.map
+//# sourceMappingURL=chunk-ETQHY4GG.mjs.map

package/dist/{chunk-LJG3AH7G.mjs.map → chunk-ETQHY4GG.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Filters.tsx"],"names":[],"mappings":"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","file":"chunk-LJG3AH7G.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown, ChevronUp, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- FilterPanel -------------------------------------------------\nexport interface FilterPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  onClearAll?: () => void;\n  activeCount?: number;\n}\n\nexport function FilterPanel({ title, onClearAll, activeCount, className, children, ...rest }: FilterPanelProps) {\n  const t = useLocale();\n  const heading = title ?? t['filters.panel'];\n  return (\n    <aside className={cx('filter-panel', className)} aria-label={t['filters.panel']} {...rest}>\n      <div className=\"filter-panel__head\">\n        <span className=\"filter-panel__title\">\n          {heading}\n          {typeof activeCount === 'number' && activeCount > 0 && (\n            <span className=\"filter-panel__count\">{activeCount}</span>\n          )}\n        </span>\n        {onClearAll && activeCount !== undefined && activeCount > 0 && (\n          <button type=\"button\" className=\"filter-panel__clear\" onClick={onClearAll}>\n            {t['filters.clear']}\n          </button>\n        )}\n      </div>\n      <div className=\"filter-panel__body\">{children}</div>\n    </aside>\n  );\n}\n\nexport interface FilterSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode;\n  defaultOpen?: boolean;\n}\n\nexport function FilterSection({ title, defaultOpen = true, children, className, ...rest }: FilterSectionProps) {\n  const [open, setOpen] = React.useState(defaultOpen);\n  return (\n    <div className={cx('filter-section', className)} {...rest}>\n      <button\n        type=\"button\"\n        className=\"filter-section__head\"\n        aria-expanded={open}\n        onClick={() => setOpen((o) => !o)}\n      >\n        <span>{title}</span>\n        {open ? <ChevronUp size={14} /> : <ChevronDown size={14} />}\n      </button>\n      {open && <div className=\"filter-section__body\">{children}</div>}\n    </div>\n  );\n}\n\n// ---------- BulkActionBar ----------------------------------------------\nexport interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Cantidad de items seleccionados. La barra se oculta si es 0. */\n  selectedCount: number;\n  /** Texto opcional, default: \"{N} seleccionado(s)\". */\n  label?: React.ReactNode;\n  onClear?: () => void;\n}\n\nexport function BulkActionBar({ selectedCount, label, onClear, className, children, ...rest }: BulkActionBarProps) {\n  const t = useLocale();\n  if (selectedCount <= 0) return null;\n  const countText = format(\n    selectedCount === 1 ? t['filters.selectedOne'] : t['filters.selectedMany'],\n    { n: selectedCount }\n  );\n  return (\n    <div className={cx('bulk-bar', className)} role=\"region\" aria-label={t['filters.bulkActions']} {...rest}>\n      <div className=\"bulk-bar__count\">\n        {label ?? countText}\n        {onClear && (\n          <button type=\"button\" className=\"bulk-bar__clear\" aria-label={t['filters.deselectAll']} onClick={onClear}>\n            <X size={14} />\n          </button>\n        )}\n      </div>\n      <div className=\"bulk-bar__actions\">{children}</div>\n    </div>\n  );\n}\n\n// ---------- SortDropdown -----------------------------------------------\nexport interface SortOption<T = string> {\n  value: T;\n  label: React.ReactNode;\n}\n\nexport interface SortDropdownProps<T = string> {\n  value: T;\n  options: SortOption<T>[];\n  onChange: (value: T) => void;\n  label?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\nexport function SortDropdown<T extends string = string>({\n  value, options, onChange, label, className, id,\n}: SortDropdownProps<T>) {\n  const t = useLocale();\n  return (\n    <label className={cx('sort-dropdown', className)}>\n      <span className=\"sort-dropdown__label\">{label ?? t['filters.sortBy']}</span>\n      <select\n        id={id}\n        className=\"sort-dropdown__select select\"\n        value={value}\n        onChange={(e) => onChange(e.target.value as T)}\n      >\n        {options.map((o) => (\n          <option key={String(o.value)} value={String(o.value)}>\n            {typeof o.label === 'string' ? o.label : String(o.value)}\n          </option>\n        ))}\n      </select>\n    </label>\n  );\n}\n\n// ---------- FilterBar / FilterField ------------------------------------\n// Horizontal, dense filter row (the bar ON TOP of a table) — the counterpart\n// to FilterPanel's vertical facet sidebar. Without this, consumers hand-roll\n// a flex cluster: heterogeneous control heights + the kit's loud brand label\n// register make a 7-field row wrap and look ragged. FilterBar owns the grid,\n// applies `.fields--dense` (36px controls, kit-owned), and FilterField uses a\n// deliberately quiet label register — without mutating the global `--tt-label`\n// brand token, so forms elsewhere are untouched.\n\nexport interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Right-aligned slot for row-level actions (e.g. clear-all, export). */\n  actions?: React.ReactNode;\n  /** Min column width (px) before the responsive grid wraps. Default 160. */\n  minColWidth?: number;\n  /**\n   * Fixed column count instead of width-driven auto-fit. Use for a\n   * deterministic N-up row rather than wrapping by available width.\n   */\n  columns?: number;\n}\n\nexport function FilterBar({\n  actions, minColWidth = 160, columns, className, children, style, ...rest\n}: FilterBarProps): React.JSX.Element {\n  const gridVars = {\n    ...(columns ? { '--filter-cols': String(columns) } : { '--filter-col-min': `${minColWidth}px` }),\n    ...style,\n  } as React.CSSProperties;\n  return (\n    <div\n      className={cx('filter-bar', 'fields--dense', columns ? 'filter-bar--fixed-cols' : undefined, className)}\n      style={gridVars}\n      {...rest}\n    >\n      <div className=\"filter-bar__fields\">{children}</div>\n      {actions != null && <div className=\"filter-bar__actions\">{actions}</div>}\n    </div>\n  );\n}\n\nexport interface FilterFieldProps {\n  label: React.ReactNode;\n  /** Override the auto-generated id (when the control sets its own id). */\n  htmlFor?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function FilterField({\n  label, htmlFor, children, className,\n}: FilterFieldProps): React.JSX.Element {\n  const reactId = React.useId();\n  // Effective id, in priority order: explicit htmlFor → the control's own id\n  // → a generated one. Used for BOTH the label's `for` and the control, so a\n  // consumer-set id stays authoritative and the label still points at it.\n  const childId = React.isValidElement(children)\n    ? (children.props as { id?: string }).id\n    : undefined;\n  const id = htmlFor ?? childId ?? reactId;\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id })\n    : children;\n  return (\n    <div className={cx('filter-field', className)}>\n      <label htmlFor={id} className=\"filter-field__label\">{label}</label>\n      {child}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Filters.tsx"],"names":[],"mappings":"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","file":"chunk-ETQHY4GG.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown, ChevronUp, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- FilterPanel -------------------------------------------------\nexport interface FilterPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  onClearAll?: () => void;\n  activeCount?: number;\n}\n\nexport function FilterPanel({ title, onClearAll, activeCount, className, children, ...rest }: FilterPanelProps) {\n  const t = useLocale();\n  const heading = title ?? t['filters.panel'];\n  return (\n    <aside className={cx('filter-panel', className)} aria-label={t['filters.panel']} {...rest}>\n      <div className=\"filter-panel__head\">\n        <span className=\"filter-panel__title\">\n          {heading}\n          {typeof activeCount === 'number' && activeCount > 0 && (\n            <span className=\"filter-panel__count\">{activeCount}</span>\n          )}\n        </span>\n        {onClearAll && activeCount !== undefined && activeCount > 0 && (\n          <button type=\"button\" className=\"filter-panel__clear\" onClick={onClearAll}>\n            {t['filters.clear']}\n          </button>\n        )}\n      </div>\n      <div className=\"filter-panel__body\">{children}</div>\n    </aside>\n  );\n}\n\nexport interface FilterSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode;\n  defaultOpen?: boolean;\n}\n\nexport function FilterSection({ title, defaultOpen = true, children, className, ...rest }: FilterSectionProps) {\n  const [open, setOpen] = React.useState(defaultOpen);\n  return (\n    <div className={cx('filter-section', className)} {...rest}>\n      <button\n        type=\"button\"\n        className=\"filter-section__head\"\n        aria-expanded={open}\n        onClick={() => setOpen((o) => !o)}\n      >\n        <span>{title}</span>\n        {open ? <ChevronUp size={14} /> : <ChevronDown size={14} />}\n      </button>\n      {open && <div className=\"filter-section__body\">{children}</div>}\n    </div>\n  );\n}\n\n// ---------- BulkActionBar ----------------------------------------------\nexport interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Cantidad de items seleccionados. La barra se oculta si es 0. */\n  selectedCount: number;\n  /** Texto opcional, default: \"{N} seleccionado(s)\". */\n  label?: React.ReactNode;\n  onClear?: () => void;\n}\n\nexport function BulkActionBar({ selectedCount, label, onClear, className, children, ...rest }: BulkActionBarProps) {\n  const t = useLocale();\n  if (selectedCount <= 0) return null;\n  const countText = format(\n    selectedCount === 1 ? t['filters.selectedOne'] : t['filters.selectedMany'],\n    { n: selectedCount }\n  );\n  return (\n    <div className={cx('bulk-bar', className)} role=\"region\" aria-label={t['filters.bulkActions']} {...rest}>\n      <div className=\"bulk-bar__count\">\n        {label ?? countText}\n        {onClear && (\n          <button type=\"button\" className=\"bulk-bar__clear\" aria-label={t['filters.deselectAll']} onClick={onClear}>\n            <X size={14} />\n          </button>\n        )}\n      </div>\n      <div className=\"bulk-bar__actions\">{children}</div>\n    </div>\n  );\n}\n\n// ---------- SortDropdown -----------------------------------------------\nexport interface SortOption<T = string> {\n  value: T;\n  label: React.ReactNode;\n}\n\nexport interface SortDropdownProps<T = string> {\n  value: T;\n  options: SortOption<T>[];\n  onChange: (value: T) => void;\n  label?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\nexport function SortDropdown<T extends string = string>({\n  value, options, onChange, label, className, id,\n}: SortDropdownProps<T>) {\n  const t = useLocale();\n  return (\n    <label className={cx('sort-dropdown', className)}>\n      <span className=\"sort-dropdown__label\">{label ?? t['filters.sortBy']}</span>\n      <select\n        id={id}\n        className=\"sort-dropdown__select select\"\n        value={value}\n        onChange={(e) => onChange(e.target.value as T)}\n      >\n        {options.map((o) => (\n          <option key={String(o.value)} value={String(o.value)}>\n            {typeof o.label === 'string' ? o.label : String(o.value)}\n          </option>\n        ))}\n      </select>\n    </label>\n  );\n}\n\n// ---------- FilterBar / FilterField ------------------------------------\n// Horizontal, dense filter row (the bar ON TOP of a table) — the counterpart\n// to FilterPanel's vertical facet sidebar. Without this, consumers hand-roll\n// a flex cluster: heterogeneous control heights + the kit's loud brand label\n// register make a 7-field row wrap and look ragged. FilterBar owns the grid,\n// applies `.fields--dense` (36px controls, kit-owned), and FilterField uses a\n// deliberately quiet label register — without mutating the global `--tt-label`\n// brand token, so forms elsewhere are untouched.\n\nexport interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Right-aligned slot for row-level actions (e.g. clear-all, export). */\n  actions?: React.ReactNode;\n  /** Min column width (px) before the responsive grid wraps. Default 160. */\n  minColWidth?: number;\n  /**\n   * Fixed column count instead of width-driven auto-fit. Use for a\n   * deterministic N-up row rather than wrapping by available width.\n   */\n  columns?: number;\n}\n\nexport function FilterBar({\n  actions, minColWidth = 160, columns, className, children, style, ...rest\n}: FilterBarProps): React.JSX.Element {\n  const gridVars = {\n    ...(columns ? { '--filter-cols': String(columns) } : { '--filter-col-min': `${minColWidth}px` }),\n    ...style,\n  } as React.CSSProperties;\n  return (\n    <div\n      className={cx('filter-bar', 'fields--dense', columns ? 'filter-bar--fixed-cols' : undefined, className)}\n      style={gridVars}\n      {...rest}\n    >\n      <div className=\"filter-bar__fields\">{children}</div>\n      {actions != null && <div className=\"filter-bar__actions\">{actions}</div>}\n    </div>\n  );\n}\n\nexport interface FilterFieldProps {\n  label: React.ReactNode;\n  /** Override the auto-generated id (when the control sets its own id). */\n  htmlFor?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function FilterField({\n  label, htmlFor, children, className,\n}: FilterFieldProps): React.JSX.Element {\n  const reactId = React.useId();\n  // Effective id, in priority order: explicit htmlFor → the control's own id\n  // → a generated one. Used for BOTH the label's `for` and the control, so a\n  // consumer-set id stays authoritative and the label still points at it.\n  const childId = React.isValidElement(children)\n    ? (children.props as { id?: string }).id\n    : undefined;\n  const id = htmlFor ?? childId ?? reactId;\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id })\n    : children;\n  return (\n    <div className={cx('filter-field', className)}>\n      <label htmlFor={id} className=\"filter-field__label\">{label}</label>\n      {child}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-3OT3FROI.js → chunk-FVNW5TYQ.js}

@@ -1,11 +1,11 @@
 'use client';
 'use strict';
 
-var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
-var chunkCRKYET66_js = require('./chunk-CRKYET66.js');
 var chunkWAGWB35Q_js = require('./chunk-WAGWB35Q.js');
 var chunk3HA3VO2I_js = require('./chunk-3HA3VO2I.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
+var chunkCRKYET66_js = require('./chunk-CRKYET66.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -206,5 +206,5 @@ exports.Avatar = Avatar;
 exports.AvatarGroup = AvatarGroup;
 exports.Menu = Menu;
 exports.Stat = Stat;
-//# sourceMappingURL=chunk-3OT3FROI.js.map
-//# sourceMappingURL=chunk-3OT3FROI.js.map
+//# sourceMappingURL=chunk-FVNW5TYQ.js.map
+//# sourceMappingURL=chunk-FVNW5TYQ.js.map