@misael703/ui 1.30.6 → 1.31.0

package/dist/{chunk-LJSNE6YQ.js.map → chunk-ZKPFXBE7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Toast.tsx"],"names":["CheckCircle","AlertTriangle","AlertCircle","Info","React","useLocale","jsx","jsxs","cx","X","createPortal"],"mappings":"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","file":"chunk-LJSNE6YQ.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { X, CheckCircle, AlertTriangle, AlertCircle, Info } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { cx } from '../utils/cx';\n\nconst VARIANT_ICON = {\n  success: CheckCircle,\n  warning: AlertTriangle,\n  danger: AlertCircle,\n  info: Info,\n} as const;\n\n// Exit animation duration. Must match `--duration-exit` and the\n// `.toast.is-closing` keyframes (`toastSlideOut`) in src/styles/index.css.\nconst EXIT_MS = 150;\n\nexport interface ToastItem {\n  id: string;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  variant?: 'info' | 'success' | 'warning' | 'danger';\n  duration?: number;\n}\n\ninterface ToastContextValue {\n  toasts: ToastItem[];\n  push: (t: Omit<ToastItem, 'id'>) => string;\n  dismiss: (id: string) => void;\n}\n\nconst ToastContext = React.createContext<ToastContextValue | null>(null);\n\ninterface ToastTimerState {\n  handle: ReturnType<typeof setTimeout>;\n  startedAt: number;\n  remaining: number;\n}\n\nexport function ToastProvider({ children }: { children: React.ReactNode }) {\n  const [toasts, setToasts] = React.useState<ToastItem[]>([]);\n  // Toasts in the closing window: still rendered with `is-closing` class so\n  // CSS can play the exit animation, but already removed from new-toast\n  // accounting (auto-dismiss timer cancelled, can't be paused/resumed).\n  const [closingIds, setClosingIds] = React.useState<Set<string>>(new Set());\n  // SSR-safe portal gating. Without this, the first client render emits a\n  // `toast-stack` div into document.body via createPortal, while the\n  // server-rendered HTML doesn't — Next.js App Router flags it as a\n  // hydration mismatch. Starting `mounted=false` keeps the first client\n  // render identical to the server; the effect flips it true after\n  // hydration and the portal mounts on the next pass.\n  const [mounted, setMounted] = React.useState(false);\n  React.useEffect(() => setMounted(true), []);\n  const timers = React.useRef<Map<string, ToastTimerState>>(new Map());\n  const exitTimers = React.useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());\n  const locale = useLocale();\n\n  const dismiss = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (state) {\n      clearTimeout(state.handle);\n      timers.current.delete(id);\n    }\n    // Already in the closing window? skip (idempotent).\n    if (exitTimers.current.has(id)) return;\n    setClosingIds((prev) => {\n      const next = new Set(prev);\n      next.add(id);\n      return next;\n    });\n    const handle = setTimeout(() => {\n      exitTimers.current.delete(id);\n      setToasts((list) => list.filter((toast) => toast.id !== id));\n      setClosingIds((prev) => {\n        if (!prev.has(id)) return prev;\n        const next = new Set(prev);\n        next.delete(id);\n        return next;\n      });\n    }, EXIT_MS);\n    exitTimers.current.set(id, handle);\n  }, []);\n\n  const push = React.useCallback(\n    (t: Omit<ToastItem, 'id'>) => {\n      const id = Math.random().toString(36).slice(2);\n      const item: ToastItem = { id, duration: 4000, variant: 'info', ...t };\n      setToasts((list) => [...list, item]);\n      if (item.duration && item.duration > 0) {\n        const handle = setTimeout(() => dismiss(id), item.duration);\n        timers.current.set(id, { handle, startedAt: Date.now(), remaining: item.duration });\n      }\n      return id;\n    },\n    [dismiss]\n  );\n\n  // Pause auto-dismiss while pointer is over the toast — users reading a\n  // multi-line message shouldn't have it disappear mid-read.\n  const pause = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (!state) return;\n    clearTimeout(state.handle);\n    const elapsed = Date.now() - state.startedAt;\n    const remaining = Math.max(0, state.remaining - elapsed);\n    timers.current.set(id, { ...state, remaining });\n  }, []);\n\n  const resume = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (!state) return;\n    const handle = setTimeout(() => dismiss(id), state.remaining);\n    timers.current.set(id, { handle, startedAt: Date.now(), remaining: state.remaining });\n  }, [dismiss]);\n\n  React.useEffect(() => {\n    const map = timers.current;\n    const exits = exitTimers.current;\n    return () => {\n      map.forEach((state) => clearTimeout(state.handle));\n      map.clear();\n      exits.forEach((handle) => clearTimeout(handle));\n      exits.clear();\n    };\n  }, []);\n\n  // Portal the stack to body so it isn't clipped by ancestor stacking contexts\n  // (overflow:hidden, transform, filter on app shell layouts).\n  // aria-atomic intentionally omitted: with `false` (default), screen readers\n  // announce only newly added toasts instead of re-reading the entire stack.\n  const stack = (\n    <div className=\"toast-stack\" aria-live=\"polite\">\n      {toasts.map((t) => {\n        const variant = t.variant ?? 'info';\n        const Icon = VARIANT_ICON[variant];\n        return (\n          <div\n            key={t.id}\n            className={cx('toast', `toast--${variant}`, closingIds.has(t.id) && 'is-closing')}\n            role=\"status\"\n            onMouseEnter={() => pause(t.id)}\n            onMouseLeave={() => resume(t.id)}\n            onFocus={() => pause(t.id)}\n            onBlur={() => resume(t.id)}\n          >\n            <span className=\"toast__icon\" aria-hidden=\"true\"><Icon size={20} /></span>\n            <div className=\"toast__body\">\n              {t.title && <div className=\"toast__title\">{t.title}</div>}\n              {t.description && <div className=\"toast__desc\">{t.description}</div>}\n            </div>\n            <button type=\"button\" className=\"toast__close\" aria-label={locale['toast.close']} onClick={() => dismiss(t.id)}><X size={16} /></button>\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  // Memoize the provider value so consumers calling useToast() to access\n  // only `push`/`dismiss` (the common case) don't re-render on every state\n  // change. Without this, every toast push churned every consumer.\n  const ctx = React.useMemo(() => ({ toasts, push, dismiss }), [toasts, push, dismiss]);\n\n  return (\n    <ToastContext.Provider value={ctx}>\n      {children}\n      {mounted && typeof document !== 'undefined' && createPortal(stack, document.body)}\n    </ToastContext.Provider>\n  );\n}\n\nexport function useToast() {\n  const ctx = React.useContext(ToastContext);\n  if (!ctx) throw new Error('useToast must be used inside <ToastProvider>');\n  return ctx;\n}\n"]}
+{"version":3,"sources":["../src/components/Toast.tsx"],"names":["CheckCircle","AlertTriangle","AlertCircle","Info","React","useLocale","jsx","jsxs","cx","X","createPortal"],"mappings":"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","file":"chunk-ZKPFXBE7.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { X, CheckCircle, AlertTriangle, AlertCircle, Info } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { cx } from '../utils/cx';\n\nconst VARIANT_ICON = {\n  success: CheckCircle,\n  warning: AlertTriangle,\n  danger: AlertCircle,\n  info: Info,\n} as const;\n\n// Exit animation duration. Must match `--duration-exit` and the\n// `.toast.is-closing` keyframes (`toastSlideOut`) in src/styles/index.css.\nconst EXIT_MS = 150;\n\nexport interface ToastItem {\n  id: string;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  variant?: 'info' | 'success' | 'warning' | 'danger';\n  duration?: number;\n}\n\ninterface ToastContextValue {\n  toasts: ToastItem[];\n  push: (t: Omit<ToastItem, 'id'>) => string;\n  dismiss: (id: string) => void;\n}\n\nconst ToastContext = React.createContext<ToastContextValue | null>(null);\n\ninterface ToastTimerState {\n  handle: ReturnType<typeof setTimeout>;\n  startedAt: number;\n  remaining: number;\n}\n\nexport function ToastProvider({ children }: { children: React.ReactNode }) {\n  const [toasts, setToasts] = React.useState<ToastItem[]>([]);\n  // Toasts in the closing window: still rendered with `is-closing` class so\n  // CSS can play the exit animation, but already removed from new-toast\n  // accounting (auto-dismiss timer cancelled, can't be paused/resumed).\n  const [closingIds, setClosingIds] = React.useState<Set<string>>(new Set());\n  // SSR-safe portal gating. Without this, the first client render emits a\n  // `toast-stack` div into document.body via createPortal, while the\n  // server-rendered HTML doesn't — Next.js App Router flags it as a\n  // hydration mismatch. Starting `mounted=false` keeps the first client\n  // render identical to the server; the effect flips it true after\n  // hydration and the portal mounts on the next pass.\n  const [mounted, setMounted] = React.useState(false);\n  React.useEffect(() => setMounted(true), []);\n  const timers = React.useRef<Map<string, ToastTimerState>>(new Map());\n  const exitTimers = React.useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());\n  const locale = useLocale();\n\n  const dismiss = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (state) {\n      clearTimeout(state.handle);\n      timers.current.delete(id);\n    }\n    // Already in the closing window? skip (idempotent).\n    if (exitTimers.current.has(id)) return;\n    setClosingIds((prev) => {\n      const next = new Set(prev);\n      next.add(id);\n      return next;\n    });\n    const handle = setTimeout(() => {\n      exitTimers.current.delete(id);\n      setToasts((list) => list.filter((toast) => toast.id !== id));\n      setClosingIds((prev) => {\n        if (!prev.has(id)) return prev;\n        const next = new Set(prev);\n        next.delete(id);\n        return next;\n      });\n    }, EXIT_MS);\n    exitTimers.current.set(id, handle);\n  }, []);\n\n  const push = React.useCallback(\n    (t: Omit<ToastItem, 'id'>) => {\n      const id = Math.random().toString(36).slice(2);\n      const item: ToastItem = { id, duration: 4000, variant: 'info', ...t };\n      setToasts((list) => [...list, item]);\n      if (item.duration && item.duration > 0) {\n        const handle = setTimeout(() => dismiss(id), item.duration);\n        timers.current.set(id, { handle, startedAt: Date.now(), remaining: item.duration });\n      }\n      return id;\n    },\n    [dismiss]\n  );\n\n  // Pause auto-dismiss while pointer is over the toast — users reading a\n  // multi-line message shouldn't have it disappear mid-read.\n  const pause = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (!state) return;\n    clearTimeout(state.handle);\n    const elapsed = Date.now() - state.startedAt;\n    const remaining = Math.max(0, state.remaining - elapsed);\n    timers.current.set(id, { ...state, remaining });\n  }, []);\n\n  const resume = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (!state) return;\n    const handle = setTimeout(() => dismiss(id), state.remaining);\n    timers.current.set(id, { handle, startedAt: Date.now(), remaining: state.remaining });\n  }, [dismiss]);\n\n  React.useEffect(() => {\n    const map = timers.current;\n    const exits = exitTimers.current;\n    return () => {\n      map.forEach((state) => clearTimeout(state.handle));\n      map.clear();\n      exits.forEach((handle) => clearTimeout(handle));\n      exits.clear();\n    };\n  }, []);\n\n  // Portal the stack to body so it isn't clipped by ancestor stacking contexts\n  // (overflow:hidden, transform, filter on app shell layouts).\n  // aria-atomic intentionally omitted: with `false` (default), screen readers\n  // announce only newly added toasts instead of re-reading the entire stack.\n  const stack = (\n    <div className=\"toast-stack\" aria-live=\"polite\">\n      {toasts.map((t) => {\n        const variant = t.variant ?? 'info';\n        const Icon = VARIANT_ICON[variant];\n        return (\n          <div\n            key={t.id}\n            className={cx('toast', `toast--${variant}`, closingIds.has(t.id) && 'is-closing')}\n            role=\"status\"\n            onMouseEnter={() => pause(t.id)}\n            onMouseLeave={() => resume(t.id)}\n            onFocus={() => pause(t.id)}\n            onBlur={() => resume(t.id)}\n          >\n            <span className=\"toast__icon\" aria-hidden=\"true\"><Icon size={20} /></span>\n            <div className=\"toast__body\">\n              {t.title && <div className=\"toast__title\">{t.title}</div>}\n              {t.description && <div className=\"toast__desc\">{t.description}</div>}\n            </div>\n            <button type=\"button\" className=\"toast__close\" aria-label={locale['toast.close']} onClick={() => dismiss(t.id)}><X size={16} /></button>\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  // Memoize the provider value so consumers calling useToast() to access\n  // only `push`/`dismiss` (the common case) don't re-render on every state\n  // change. Without this, every toast push churned every consumer.\n  const ctx = React.useMemo(() => ({ toasts, push, dismiss }), [toasts, push, dismiss]);\n\n  return (\n    <ToastContext.Provider value={ctx}>\n      {children}\n      {mounted && typeof document !== 'undefined' && createPortal(stack, document.body)}\n    </ToastContext.Provider>\n  );\n}\n\nexport function useToast() {\n  const ctx = React.useContext(ToastContext);\n  if (!ctx) throw new Error('useToast must be used inside <ToastProvider>');\n  return ctx;\n}\n"]}

package/dist/components/AdvancedPickers.js

@@ -1,14 +1,14 @@
 'use client';
 'use strict';
 
-var chunkM3RO3GSC_js = require('../chunk-M3RO3GSC.js');
-require('../chunk-DFQLWCIC.js');
+var chunkKXN6KNGE_js = require('../chunk-KXN6KNGE.js');
+require('../chunk-RJJH6UZU.js');
 require('../chunk-MVJITG75.js');
-require('../chunk-XMLBKK7X.js');
-require('../chunk-CRKYET66.js');
 require('../chunk-WAGWB35Q.js');
 require('../chunk-3PXYCXDW.js');
-require('../chunk-4VMQLSHV.js');
+require('../chunk-U6ZXX4WF.js');
+require('../chunk-XMLBKK7X.js');
+require('../chunk-CRKYET66.js');
 require('../chunk-3HA3VO2I.js');
 require('../chunk-PASF6T4H.js');
 
@@ -16,19 +16,19 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkM3RO3GSC_js.CommandPalette; }
+  get: function () { return chunkKXN6KNGE_js.CommandPalette; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkM3RO3GSC_js.DateRangePicker; }
+  get: function () { return chunkKXN6KNGE_js.DateRangePicker; }
 });
 Object.defineProperty(exports, "MultiCombobox", {
   enumerable: true,
-  get: function () { return chunkM3RO3GSC_js.MultiCombobox; }
+  get: function () { return chunkKXN6KNGE_js.MultiCombobox; }
 });
 Object.defineProperty(exports, "useCommandPalette", {
   enumerable: true,
-  get: function () { return chunkM3RO3GSC_js.useCommandPalette; }
+  get: function () { return chunkKXN6KNGE_js.useCommandPalette; }
 });
 //# sourceMappingURL=AdvancedPickers.js.map
 //# sourceMappingURL=AdvancedPickers.js.map

package/dist/components/AdvancedPickers.mjs

@@ -1,12 +1,12 @@
 'use client';
-export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from '../chunk-NCXODB4O.mjs';
-import '../chunk-Q4HKSXUE.mjs';
+export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from '../chunk-NOEX3LCS.mjs';
+import '../chunk-KVOPVYZ5.mjs';
 import '../chunk-4QHE5H36.mjs';
-import '../chunk-6P2TKRTL.mjs';
-import '../chunk-5XT2LX3I.mjs';
 import '../chunk-FKBQYQQD.mjs';
 import '../chunk-5GEWIK4T.mjs';
-import '../chunk-PQV7HHCJ.mjs';
+import '../chunk-PBWX4LU2.mjs';
+import '../chunk-6P2TKRTL.mjs';
+import '../chunk-5XT2LX3I.mjs';
 import '../chunk-VHYTJD6Z.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=AdvancedPickers.mjs.map

package/dist/components/AppShell.d.mts

@@ -17,19 +17,22 @@ interface NavSection {
     items: NavItem[];
 }
 type AppShellTheme = 'default' | 'brand';
-type AppShellHeaderLayout = 'side' | 'top';
 /**
  * Collapse API handed to header-slot render-props so a consumer-placed control
- * (e.g. a hamburger in `left`) can drive the sidebar — crucially in
- * **uncontrolled** mode, where the `top` layout otherwise has no toggle
- * affordance. This is what lets `persistKey` (uncontrolled) coexist with a
- * custom header trigger: the kit owns the state + persistence, the consumer
- * owns the trigger's look and placement.
+ * (e.g. a hamburger in `header.left`) can drive the sidebar — crucially in
+ * **uncontrolled** mode, where there is no built-in toggle affordance. This
+ * is what lets `persistKey` (uncontrolled) coexist with a custom header
+ * trigger: the kit owns the state + persistence, the consumer owns the
+ * trigger's look and placement.
+ *
+ * `toggle()` is DWIM by viewport: on desktop it flips `collapsed` (the
+ * rail/hide state); below 900px it flips an overlay drawer instead — same
+ * single click handler regardless of breakpoint.
  */
 interface AppShellHeaderApi {
     /** Current collapsed state. */
     collapsed: boolean;
-    /** Flip the collapsed state (persisted if `persistKey` is set). */
+    /** Flip the collapsed state on desktop, or the drawer in mobile. */
     toggle: () => void;
     /** Set the collapsed state explicitly. */
     setCollapsed: (collapsed: boolean) => void;
@@ -37,7 +40,7 @@ interface AppShellHeaderApi {
 /**
  * A header slot: a static node, or a render-prop receiving {@link AppShellHeaderApi}.
  * The function form is the only way to toggle an uncontrolled shell from the
- * header (no built-in toggle exists in `top`).
+ * header (no built-in toggle exists).
  */
 type AppShellHeaderSlot = React.ReactNode | ((api: AppShellHeaderApi) => React.ReactNode);
 interface AppShellHeader {
@@ -49,23 +52,35 @@ interface AppShellHeader {
     right?: AppShellHeaderSlot;
 }
 /**
- * Props shared by both layouts. The layout-specific props live in
- * `AppShellSideProps` / `AppShellTopProps`; `AppShellProps` is the
- * discriminated union of the two, keyed on `headerLayout`.
+ * AppShell props.
+ *
+ * @example
+ * <AppShell
+ *   sections={sections}
+ *   header={{
+ *     left: ({ toggle }) => <button onClick={toggle}>Menu</button>,
+ *     center: <Logo />,
+ *     right: <Avatar />,
+ *   }}
+ * >
+ *   {children}
+ * </AppShell>
  */
-interface AppShellBaseProps {
+interface AppShellProps {
     /**
      * Navigation sections that populate the sidebar. Omit (or pass an empty
-     * array) in `headerLayout="top"` to render a **top-bar-only** shell — no
-     * sidebar at all, body collapses to a single column. Use when the app is
-     * flat-route (no panel nav), e.g. a kiosk/cobros-mesón style layout.
-     * Required (effectively) in `headerLayout="side"`: that layout is the
-     * sidebar; omitting sections renders an empty rail.
+     * array) to render a **top-bar-only** shell — no sidebar at all, body
+     * collapses to a single column. Use when the app is flat-route (no panel
+     * nav), e.g. a kiosk/checkout flow.
      */
     sections?: NavSection[];
+    /** Slot at the bottom of the sidebar (version label, env tag, etc.). */
     footer?: React.ReactNode;
+    /** Initial collapsed state (uncontrolled). */
     defaultCollapsed?: boolean;
+    /** Controlled collapsed state — pair with `onCollapsedChange`. */
     collapsed?: boolean;
+    /** Called when `collapsed` flips (controlled mode handshake). */
     onCollapsedChange?: (c: boolean) => void;
     /**
      * Persist the collapsed state in `localStorage[persistKey]` so it survives
@@ -79,81 +94,33 @@ interface AppShellBaseProps {
     children: React.ReactNode;
     className?: string;
     /**
-     * Color theme (applies to both layouts):
+     * Sidebar color theme:
      * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.
      * - `brand`: superficie azul de marca con texto blanco. Mayor brand recall.
-     *   En `side` tiñe el sidebar; en `top` tiñe header + sidebar (un solo knob).
+     *
+     * The header band's theme is `headerTheme`, defaulting to this value so
+     * `theme="brand"` tints both bands by default.
      */
     theme?: AppShellTheme;
-    /** Render-prop for navigation links so the host app can use Next.js Link, etc. */
-    linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;
-}
-/**
- * Sidebar layout (default, `headerLayout="side"` or omitted). The brand
- * block + collapse rail live in the sidebar; the topbar sits over the
- * content with a mobile hamburger. `header` is **not** valid here — that
- * slot belongs to the `top` layout.
- */
-interface AppShellSideProps extends AppShellBaseProps {
-    headerLayout?: 'side';
-    /** Brand node in the sidebar header (expanded state). */
-    brand?: React.ReactNode;
-    /** Brand node shown when the rail is collapsed. Falls back to `brand`. */
-    brandCollapsed?: React.ReactNode;
-    /** Content of the topbar over the page (search, etc.). */
-    topbar?: React.ReactNode;
-    /** User slot at the right of the topbar (avatar/menu). */
-    user?: React.ReactNode;
-    /** Not valid in the `side` layout — the header slots belong to `top`. */
-    header?: never;
-}
-/**
- * Top-header layout (`headerLayout="top"`, v1.15.0). Full-width header
- * above the body with three slots (`header.{left,center,right}`); the
- * centre slot lands at the **true viewport centre** (1fr·auto·1fr grid).
- * The sidebar has no brand block and `collapsed` hides it entirely (no
- * 72px rail); the header is **invariant** to the collapse. `theme="brand"`
- * tints both bands. The `side`-only props are **not** valid here — put your
- * chrome in `header`.
- */
-interface AppShellTopProps extends AppShellBaseProps {
-    headerLayout: 'top';
-    /** Slots for the full-width header. Brand usually goes in `center`. */
-    header?: AppShellHeader;
     /**
-     * Theme of the **header band only**, independent of the sidebar (`theme`).
-     * Defaults to `theme`, so `theme="brand"` still tints both bands (no
-     * change for existing consumers). Set `theme="default" headerTheme="brand"`
-     * for a branded top bar over a neutral, legible sidebar — common in
-     * data-heavy admin apps.
+     * Header band theme, independent of the sidebar (`theme`). Defaults to
+     * `theme`. Set `theme="default" headerTheme="brand"` for a branded top
+     * bar over a neutral, legible sidebar — common in data-heavy admin apps.
      */
     headerTheme?: AppShellTheme;
     /**
      * Collapse to an icon rail (72px) instead of hiding the sidebar entirely.
-     * Default `false` → `collapsed` hides the sidebar (the original `top`
-     * behavior). `true` → `collapsed` keeps a 72px rail showing the nav icons
-     * (labels hidden, active-item bar kept) — like the `side` layout — and
-     * renders a built-in expand/collapse toggle at the bottom of the rail.
+     * Default `false` → `collapsed` hides the sidebar (slides off-screen).
+     * `true` → `collapsed` keeps a 72px rail showing the nav icons (labels
+     * hidden, active-item bar kept).
      */
     collapsedRail?: boolean;
-    /** Not valid in `top` — use `header.center` for the brand. */
-    brand?: never;
-    /** Not valid in `top` — the sidebar collapses entirely. */
-    brandCollapsed?: never;
-    /** Not valid in `top` — use the `header` slots. */
-    topbar?: never;
-    /** Not valid in `top` — use `header.right`. */
-    user?: never;
+    /** Slots for the full-width header. */
+    header?: AppShellHeader;
+    /** Render-prop for navigation links so the host app can use Next.js Link, etc. */
+    linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;
 }
-/**
- * Discriminated union keyed on `headerLayout`. TypeScript enforces that
- * `header` is only accepted with `headerLayout="top"` and that
- * `brand`/`brandCollapsed`/`topbar`/`user` are only accepted with the
- * (default) `side` layout — passing the wrong prop for the layout is a
- * compile error instead of being silently ignored at runtime.
- */
-type AppShellProps = AppShellSideProps | AppShellTopProps;
-declare function AppShell(props: AppShellProps): react_jsx_runtime.JSX.Element;
+declare function AppShell({ sections, footer, defaultCollapsed, collapsed: ctrlCollapsed, onCollapsedChange, persistKey, children, className, theme, headerTheme: ctrlHeaderTheme, collapsedRail, header, linkAs, }: AppShellProps): react_jsx_runtime.JSX.Element;
 interface PageHeaderProps {
     title: React.ReactNode;
     description?: React.ReactNode;
@@ -167,4 +134,4 @@ interface PageHeaderProps {
 }
 declare function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 
-export { AppShell, type AppShellBaseProps, type AppShellHeader, type AppShellHeaderApi, type AppShellHeaderLayout, type AppShellHeaderSlot, type AppShellProps, type AppShellSideProps, type AppShellTheme, type AppShellTopProps, type NavItem, type NavSection, PageHeader, type PageHeaderProps };
+export { AppShell, type AppShellHeader, type AppShellHeaderApi, type AppShellHeaderSlot, type AppShellProps, type AppShellTheme, type NavItem, type NavSection, PageHeader, type PageHeaderProps };

package/dist/components/AppShell.d.ts

@@ -17,19 +17,22 @@ interface NavSection {
     items: NavItem[];
 }
 type AppShellTheme = 'default' | 'brand';
-type AppShellHeaderLayout = 'side' | 'top';
 /**
  * Collapse API handed to header-slot render-props so a consumer-placed control
- * (e.g. a hamburger in `left`) can drive the sidebar — crucially in
- * **uncontrolled** mode, where the `top` layout otherwise has no toggle
- * affordance. This is what lets `persistKey` (uncontrolled) coexist with a
- * custom header trigger: the kit owns the state + persistence, the consumer
- * owns the trigger's look and placement.
+ * (e.g. a hamburger in `header.left`) can drive the sidebar — crucially in
+ * **uncontrolled** mode, where there is no built-in toggle affordance. This
+ * is what lets `persistKey` (uncontrolled) coexist with a custom header
+ * trigger: the kit owns the state + persistence, the consumer owns the
+ * trigger's look and placement.
+ *
+ * `toggle()` is DWIM by viewport: on desktop it flips `collapsed` (the
+ * rail/hide state); below 900px it flips an overlay drawer instead — same
+ * single click handler regardless of breakpoint.
  */
 interface AppShellHeaderApi {
     /** Current collapsed state. */
     collapsed: boolean;
-    /** Flip the collapsed state (persisted if `persistKey` is set). */
+    /** Flip the collapsed state on desktop, or the drawer in mobile. */
     toggle: () => void;
     /** Set the collapsed state explicitly. */
     setCollapsed: (collapsed: boolean) => void;
@@ -37,7 +40,7 @@ interface AppShellHeaderApi {
 /**
  * A header slot: a static node, or a render-prop receiving {@link AppShellHeaderApi}.
  * The function form is the only way to toggle an uncontrolled shell from the
- * header (no built-in toggle exists in `top`).
+ * header (no built-in toggle exists).
  */
 type AppShellHeaderSlot = React.ReactNode | ((api: AppShellHeaderApi) => React.ReactNode);
 interface AppShellHeader {
@@ -49,23 +52,35 @@ interface AppShellHeader {
     right?: AppShellHeaderSlot;
 }
 /**
- * Props shared by both layouts. The layout-specific props live in
- * `AppShellSideProps` / `AppShellTopProps`; `AppShellProps` is the
- * discriminated union of the two, keyed on `headerLayout`.
+ * AppShell props.
+ *
+ * @example
+ * <AppShell
+ *   sections={sections}
+ *   header={{
+ *     left: ({ toggle }) => <button onClick={toggle}>Menu</button>,
+ *     center: <Logo />,
+ *     right: <Avatar />,
+ *   }}
+ * >
+ *   {children}
+ * </AppShell>
  */
-interface AppShellBaseProps {
+interface AppShellProps {
     /**
      * Navigation sections that populate the sidebar. Omit (or pass an empty
-     * array) in `headerLayout="top"` to render a **top-bar-only** shell — no
-     * sidebar at all, body collapses to a single column. Use when the app is
-     * flat-route (no panel nav), e.g. a kiosk/cobros-mesón style layout.
-     * Required (effectively) in `headerLayout="side"`: that layout is the
-     * sidebar; omitting sections renders an empty rail.
+     * array) to render a **top-bar-only** shell — no sidebar at all, body
+     * collapses to a single column. Use when the app is flat-route (no panel
+     * nav), e.g. a kiosk/checkout flow.
      */
     sections?: NavSection[];
+    /** Slot at the bottom of the sidebar (version label, env tag, etc.). */
     footer?: React.ReactNode;
+    /** Initial collapsed state (uncontrolled). */
     defaultCollapsed?: boolean;
+    /** Controlled collapsed state — pair with `onCollapsedChange`. */
     collapsed?: boolean;
+    /** Called when `collapsed` flips (controlled mode handshake). */
     onCollapsedChange?: (c: boolean) => void;
     /**
      * Persist the collapsed state in `localStorage[persistKey]` so it survives
@@ -79,81 +94,33 @@ interface AppShellBaseProps {
     children: React.ReactNode;
     className?: string;
     /**
-     * Color theme (applies to both layouts):
+     * Sidebar color theme:
      * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.
      * - `brand`: superficie azul de marca con texto blanco. Mayor brand recall.
-     *   En `side` tiñe el sidebar; en `top` tiñe header + sidebar (un solo knob).
+     *
+     * The header band's theme is `headerTheme`, defaulting to this value so
+     * `theme="brand"` tints both bands by default.
      */
     theme?: AppShellTheme;
-    /** Render-prop for navigation links so the host app can use Next.js Link, etc. */
-    linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;
-}
-/**
- * Sidebar layout (default, `headerLayout="side"` or omitted). The brand
- * block + collapse rail live in the sidebar; the topbar sits over the
- * content with a mobile hamburger. `header` is **not** valid here — that
- * slot belongs to the `top` layout.
- */
-interface AppShellSideProps extends AppShellBaseProps {
-    headerLayout?: 'side';
-    /** Brand node in the sidebar header (expanded state). */
-    brand?: React.ReactNode;
-    /** Brand node shown when the rail is collapsed. Falls back to `brand`. */
-    brandCollapsed?: React.ReactNode;
-    /** Content of the topbar over the page (search, etc.). */
-    topbar?: React.ReactNode;
-    /** User slot at the right of the topbar (avatar/menu). */
-    user?: React.ReactNode;
-    /** Not valid in the `side` layout — the header slots belong to `top`. */
-    header?: never;
-}
-/**
- * Top-header layout (`headerLayout="top"`, v1.15.0). Full-width header
- * above the body with three slots (`header.{left,center,right}`); the
- * centre slot lands at the **true viewport centre** (1fr·auto·1fr grid).
- * The sidebar has no brand block and `collapsed` hides it entirely (no
- * 72px rail); the header is **invariant** to the collapse. `theme="brand"`
- * tints both bands. The `side`-only props are **not** valid here — put your
- * chrome in `header`.
- */
-interface AppShellTopProps extends AppShellBaseProps {
-    headerLayout: 'top';
-    /** Slots for the full-width header. Brand usually goes in `center`. */
-    header?: AppShellHeader;
     /**
-     * Theme of the **header band only**, independent of the sidebar (`theme`).
-     * Defaults to `theme`, so `theme="brand"` still tints both bands (no
-     * change for existing consumers). Set `theme="default" headerTheme="brand"`
-     * for a branded top bar over a neutral, legible sidebar — common in
-     * data-heavy admin apps.
+     * Header band theme, independent of the sidebar (`theme`). Defaults to
+     * `theme`. Set `theme="default" headerTheme="brand"` for a branded top
+     * bar over a neutral, legible sidebar — common in data-heavy admin apps.
      */
     headerTheme?: AppShellTheme;
     /**
      * Collapse to an icon rail (72px) instead of hiding the sidebar entirely.
-     * Default `false` → `collapsed` hides the sidebar (the original `top`
-     * behavior). `true` → `collapsed` keeps a 72px rail showing the nav icons
-     * (labels hidden, active-item bar kept) — like the `side` layout — and
-     * renders a built-in expand/collapse toggle at the bottom of the rail.
+     * Default `false` → `collapsed` hides the sidebar (slides off-screen).
+     * `true` → `collapsed` keeps a 72px rail showing the nav icons (labels
+     * hidden, active-item bar kept).
      */
     collapsedRail?: boolean;
-    /** Not valid in `top` — use `header.center` for the brand. */
-    brand?: never;
-    /** Not valid in `top` — the sidebar collapses entirely. */
-    brandCollapsed?: never;
-    /** Not valid in `top` — use the `header` slots. */
-    topbar?: never;
-    /** Not valid in `top` — use `header.right`. */
-    user?: never;
+    /** Slots for the full-width header. */
+    header?: AppShellHeader;
+    /** Render-prop for navigation links so the host app can use Next.js Link, etc. */
+    linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;
 }
-/**
- * Discriminated union keyed on `headerLayout`. TypeScript enforces that
- * `header` is only accepted with `headerLayout="top"` and that
- * `brand`/`brandCollapsed`/`topbar`/`user` are only accepted with the
- * (default) `side` layout — passing the wrong prop for the layout is a
- * compile error instead of being silently ignored at runtime.
- */
-type AppShellProps = AppShellSideProps | AppShellTopProps;
-declare function AppShell(props: AppShellProps): react_jsx_runtime.JSX.Element;
+declare function AppShell({ sections, footer, defaultCollapsed, collapsed: ctrlCollapsed, onCollapsedChange, persistKey, children, className, theme, headerTheme: ctrlHeaderTheme, collapsedRail, header, linkAs, }: AppShellProps): react_jsx_runtime.JSX.Element;
 interface PageHeaderProps {
     title: React.ReactNode;
     description?: React.ReactNode;
@@ -167,4 +134,4 @@ interface PageHeaderProps {
 }
 declare function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps): react_jsx_runtime.JSX.Element;
 
-export { AppShell, type AppShellBaseProps, type AppShellHeader, type AppShellHeaderApi, type AppShellHeaderLayout, type AppShellHeaderSlot, type AppShellProps, type AppShellSideProps, type AppShellTheme, type AppShellTopProps, type NavItem, type NavSection, PageHeader, type PageHeaderProps };
+export { AppShell, type AppShellHeader, type AppShellHeaderApi, type AppShellHeaderSlot, type AppShellProps, type AppShellTheme, type NavItem, type NavSection, PageHeader, type PageHeaderProps };

package/dist/components/AppShell.js

@@ -1,20 +1,26 @@
 'use client';
 'use strict';
 
-var chunkMSP4BOPZ_js = require('../chunk-MSP4BOPZ.js');
-require('../chunk-4VMQLSHV.js');
-require('../chunk-3HA3VO2I.js');
+var chunkWQAGBJTY_js = require('../chunk-WQAGBJTY.js');
+require('../chunk-2KZ4NI3X.js');
+require('../chunk-FL4ZCWUF.js');
+require('../chunk-NPXEZCTA.js');
+require('../chunk-55P5FA5Q.js');
+require('../chunk-D2H4VZVL.js');
+require('../chunk-U6ZXX4WF.js');
+require('../chunk-XMLBKK7X.js');
+require('../chunk-CRKYET66.js');
 require('../chunk-PASF6T4H.js');
 
 
 
 Object.defineProperty(exports, "AppShell", {
   enumerable: true,
-  get: function () { return chunkMSP4BOPZ_js.AppShell; }
+  get: function () { return chunkWQAGBJTY_js.AppShell; }
 });
 Object.defineProperty(exports, "PageHeader", {
   enumerable: true,
-  get: function () { return chunkMSP4BOPZ_js.PageHeader; }
+  get: function () { return chunkWQAGBJTY_js.PageHeader; }
 });
 //# sourceMappingURL=AppShell.js.map
 //# sourceMappingURL=AppShell.js.map

package/dist/components/AppShell.mjs

@@ -1,7 +1,13 @@
 'use client';
-export { AppShell, PageHeader } from '../chunk-ER2Z5JEO.mjs';
-import '../chunk-PQV7HHCJ.mjs';
-import '../chunk-VHYTJD6Z.mjs';
+export { AppShell, PageHeader } from '../chunk-NSVOLN37.mjs';
+import '../chunk-QQE3XOEM.mjs';
+import '../chunk-U3JH4T3A.mjs';
+import '../chunk-6W7ZGWNA.mjs';
+import '../chunk-XOV4D6J3.mjs';
+import '../chunk-R5DCDEB5.mjs';
+import '../chunk-PBWX4LU2.mjs';
+import '../chunk-6P2TKRTL.mjs';
+import '../chunk-5XT2LX3I.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=AppShell.mjs.map
 //# sourceMappingURL=AppShell.mjs.map

package/dist/components/Comments.js

@@ -1,13 +1,13 @@
 'use client';
 'use strict';
 
-var chunkVAAB5DXM_js = require('../chunk-VAAB5DXM.js');
-require('../chunk-3OT3FROI.js');
-require('../chunk-DFQLWCIC.js');
+var chunkJ45LTOIA_js = require('../chunk-J45LTOIA.js');
+require('../chunk-CWP6W6BU.js');
+require('../chunk-RJJH6UZU.js');
+require('../chunk-WAGWB35Q.js');
+require('../chunk-U6ZXX4WF.js');
 require('../chunk-XMLBKK7X.js');
 require('../chunk-CRKYET66.js');
-require('../chunk-WAGWB35Q.js');
-require('../chunk-4VMQLSHV.js');
 require('../chunk-3HA3VO2I.js');
 require('../chunk-PASF6T4H.js');
 
@@ -15,15 +15,15 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "AttachmentList", {
   enumerable: true,
-  get: function () { return chunkVAAB5DXM_js.AttachmentList; }
+  get: function () { return chunkJ45LTOIA_js.AttachmentList; }
 });
 Object.defineProperty(exports, "CommentThread", {
   enumerable: true,
-  get: function () { return chunkVAAB5DXM_js.CommentThread; }
+  get: function () { return chunkJ45LTOIA_js.CommentThread; }
 });
 Object.defineProperty(exports, "_internal", {
   enumerable: true,
-  get: function () { return chunkVAAB5DXM_js._internal; }
+  get: function () { return chunkJ45LTOIA_js._internal; }
 });
 //# sourceMappingURL=Comments.js.map
 //# sourceMappingURL=Comments.js.map

package/dist/components/Comments.mjs

@@ -1,11 +1,11 @@
 'use client';
-export { AttachmentList, CommentThread, _internal } from '../chunk-PVSP7Y2F.mjs';
-import '../chunk-B4BPE3LC.mjs';
-import '../chunk-Q4HKSXUE.mjs';
+export { AttachmentList, CommentThread, _internal } from '../chunk-6PTQE6P6.mjs';
+import '../chunk-E2W2OSGG.mjs';
+import '../chunk-KVOPVYZ5.mjs';
+import '../chunk-FKBQYQQD.mjs';
+import '../chunk-PBWX4LU2.mjs';
 import '../chunk-6P2TKRTL.mjs';
 import '../chunk-5XT2LX3I.mjs';
-import '../chunk-FKBQYQQD.mjs';
-import '../chunk-PQV7HHCJ.mjs';
 import '../chunk-VHYTJD6Z.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Comments.mjs.map