@misael703/ui 1.64.0 → 1.65.0

package/dist/{chunk-UQJU332W.mjs.map → chunk-SAJMSBGQ.mjs.map}

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

package/dist/components/AppShell.js

@@ -1,12 +1,12 @@
 'use client';
 'use strict';
 
-var chunkO4TKMQEY_js = require('../chunk-O4TKMQEY.js');
+var chunkFRUNZAYE_js = require('../chunk-FRUNZAYE.js');
 require('../chunk-HT43MPKW.js');
-require('../chunk-55P5FA5Q.js');
 require('../chunk-D2H4VZVL.js');
 require('../chunk-FL4ZCWUF.js');
 require('../chunk-NPXEZCTA.js');
+require('../chunk-55P5FA5Q.js');
 require('../chunk-6D5UP23V.js');
 require('../chunk-DKOAATV2.js');
 require('../chunk-XMLBKK7X.js');
@@ -18,11 +18,11 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "AppShell", {
   enumerable: true,
-  get: function () { return chunkO4TKMQEY_js.AppShell; }
+  get: function () { return chunkFRUNZAYE_js.AppShell; }
 });
 Object.defineProperty(exports, "PageHeader", {
   enumerable: true,
-  get: function () { return chunkO4TKMQEY_js.PageHeader; }
+  get: function () { return chunkFRUNZAYE_js.PageHeader; }
 });
 //# sourceMappingURL=AppShell.js.map
 //# sourceMappingURL=AppShell.js.map

package/dist/components/AppShell.mjs

@@ -1,10 +1,10 @@
 'use client';
-export { AppShell, PageHeader } from '../chunk-UQJU332W.mjs';
+export { AppShell, PageHeader } from '../chunk-SAJMSBGQ.mjs';
 import '../chunk-JT6OOSI2.mjs';
-import '../chunk-XOV4D6J3.mjs';
 import '../chunk-R5DCDEB5.mjs';
 import '../chunk-U3JH4T3A.mjs';
 import '../chunk-6W7ZGWNA.mjs';
+import '../chunk-XOV4D6J3.mjs';
 import '../chunk-YTKPENNW.mjs';
 import '../chunk-OOIRRKJ7.mjs';
 import '../chunk-6P2TKRTL.mjs';

package/dist/components/Commerce.js

@@ -1,15 +1,15 @@
 'use client';
 'use strict';
 
-var chunkJNISZPSL_js = require('../chunk-JNISZPSL.js');
-require('../chunk-X4EESFGG.js');
+var chunkNUTHJQYH_js = require('../chunk-NUTHJQYH.js');
+require('../chunk-324O7B3R.js');
 require('../chunk-AB52PRTH.js');
 require('../chunk-3PXYCXDW.js');
 require('../chunk-HT43MPKW.js');
-require('../chunk-55P5FA5Q.js');
 require('../chunk-D2H4VZVL.js');
 require('../chunk-FL4ZCWUF.js');
 require('../chunk-NPXEZCTA.js');
+require('../chunk-55P5FA5Q.js');
 require('../chunk-6D5UP23V.js');
 require('../chunk-DKOAATV2.js');
 require('../chunk-XMLBKK7X.js');
@@ -21,47 +21,47 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "AddressForm", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.AddressForm; }
+  get: function () { return chunkNUTHJQYH_js.AddressForm; }
 });
 Object.defineProperty(exports, "CartDrawer", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.CartDrawer; }
+  get: function () { return chunkNUTHJQYH_js.CartDrawer; }
 });
 Object.defineProperty(exports, "CompareTable", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.CompareTable; }
+  get: function () { return chunkNUTHJQYH_js.CompareTable; }
 });
 Object.defineProperty(exports, "FreeShippingProgress", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.FreeShippingProgress; }
+  get: function () { return chunkNUTHJQYH_js.FreeShippingProgress; }
 });
 Object.defineProperty(exports, "OrderSummary", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.OrderSummary; }
+  get: function () { return chunkNUTHJQYH_js.OrderSummary; }
 });
 Object.defineProperty(exports, "PriceDisplay", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.PriceDisplay; }
+  get: function () { return chunkNUTHJQYH_js.PriceDisplay; }
 });
 Object.defineProperty(exports, "PromoCodeInput", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.PromoCodeInput; }
+  get: function () { return chunkNUTHJQYH_js.PromoCodeInput; }
 });
 Object.defineProperty(exports, "QuantitySelector", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.QuantitySelector; }
+  get: function () { return chunkNUTHJQYH_js.QuantitySelector; }
 });
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.Rating; }
+  get: function () { return chunkNUTHJQYH_js.Rating; }
 });
 Object.defineProperty(exports, "VariantSelector", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.VariantSelector; }
+  get: function () { return chunkNUTHJQYH_js.VariantSelector; }
 });
 Object.defineProperty(exports, "WishlistButton", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.WishlistButton; }
+  get: function () { return chunkNUTHJQYH_js.WishlistButton; }
 });
 //# sourceMappingURL=Commerce.js.map
 //# sourceMappingURL=Commerce.js.map

package/dist/components/Commerce.mjs

@@ -1,13 +1,13 @@
 'use client';
-export { AddressForm, CartDrawer, CompareTable, FreeShippingProgress, OrderSummary, PriceDisplay, PromoCodeInput, QuantitySelector, Rating, VariantSelector, WishlistButton } from '../chunk-GL5C55DU.mjs';
-import '../chunk-NHSPQDB2.mjs';
+export { AddressForm, CartDrawer, CompareTable, FreeShippingProgress, OrderSummary, PriceDisplay, PromoCodeInput, QuantitySelector, Rating, VariantSelector, WishlistButton } from '../chunk-5G3DVB5B.mjs';
+import '../chunk-DLPTIVZB.mjs';
 import '../chunk-IGNKSI2E.mjs';
 import '../chunk-5GEWIK4T.mjs';
 import '../chunk-JT6OOSI2.mjs';
-import '../chunk-XOV4D6J3.mjs';
 import '../chunk-R5DCDEB5.mjs';
 import '../chunk-U3JH4T3A.mjs';
 import '../chunk-6W7ZGWNA.mjs';
+import '../chunk-XOV4D6J3.mjs';
 import '../chunk-YTKPENNW.mjs';
 import '../chunk-OOIRRKJ7.mjs';
 import '../chunk-6P2TKRTL.mjs';

package/dist/components/Editing.js

@@ -1,14 +1,14 @@
 'use client';
 'use strict';
 
-var chunkV7MNWM6L_js = require('../chunk-V7MNWM6L.js');
-require('../chunk-X4EESFGG.js');
+var chunkE6BTT4I7_js = require('../chunk-E6BTT4I7.js');
+require('../chunk-324O7B3R.js');
 require('../chunk-6SSTTJV4.js');
 require('../chunk-HT43MPKW.js');
-require('../chunk-55P5FA5Q.js');
 require('../chunk-D2H4VZVL.js');
 require('../chunk-FL4ZCWUF.js');
 require('../chunk-NPXEZCTA.js');
+require('../chunk-55P5FA5Q.js');
 require('../chunk-6D5UP23V.js');
 require('../chunk-DKOAATV2.js');
 require('../chunk-XMLBKK7X.js');
@@ -20,27 +20,27 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "ConfirmDialog", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.ConfirmDialog; }
+  get: function () { return chunkE6BTT4I7_js.ConfirmDialog; }
 });
 Object.defineProperty(exports, "DescriptionList", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.DescriptionList; }
+  get: function () { return chunkE6BTT4I7_js.DescriptionList; }
 });
 Object.defineProperty(exports, "DescriptionListItem", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.DescriptionListItem; }
+  get: function () { return chunkE6BTT4I7_js.DescriptionListItem; }
 });
 Object.defineProperty(exports, "DiffViewer", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.DiffViewer; }
+  get: function () { return chunkE6BTT4I7_js.DiffViewer; }
 });
 Object.defineProperty(exports, "EditableCell", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.EditableCell; }
+  get: function () { return chunkE6BTT4I7_js.EditableCell; }
 });
 Object.defineProperty(exports, "TransferList", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.TransferList; }
+  get: function () { return chunkE6BTT4I7_js.TransferList; }
 });
 //# sourceMappingURL=Editing.js.map
 //# sourceMappingURL=Editing.js.map

package/dist/components/Editing.mjs

@@ -1,12 +1,12 @@
 'use client';
-export { ConfirmDialog, DescriptionList, DescriptionListItem, DiffViewer, EditableCell, TransferList } from '../chunk-YKFZCOOB.mjs';
-import '../chunk-NHSPQDB2.mjs';
+export { ConfirmDialog, DescriptionList, DescriptionListItem, DiffViewer, EditableCell, TransferList } from '../chunk-GNI5MH36.mjs';
+import '../chunk-DLPTIVZB.mjs';
 import '../chunk-SUQLII3F.mjs';
 import '../chunk-JT6OOSI2.mjs';
-import '../chunk-XOV4D6J3.mjs';
 import '../chunk-R5DCDEB5.mjs';
 import '../chunk-U3JH4T3A.mjs';
 import '../chunk-6W7ZGWNA.mjs';
+import '../chunk-XOV4D6J3.mjs';
 import '../chunk-YTKPENNW.mjs';
 import '../chunk-OOIRRKJ7.mjs';
 import '../chunk-6P2TKRTL.mjs';

package/dist/components/Overlay.js

@@ -1,12 +1,12 @@
 'use client';
 'use strict';
 
-var chunkX4EESFGG_js = require('../chunk-X4EESFGG.js');
+var chunk324O7B3R_js = require('../chunk-324O7B3R.js');
 require('../chunk-HT43MPKW.js');
-require('../chunk-55P5FA5Q.js');
 require('../chunk-D2H4VZVL.js');
 require('../chunk-FL4ZCWUF.js');
 require('../chunk-NPXEZCTA.js');
+require('../chunk-55P5FA5Q.js');
 require('../chunk-6D5UP23V.js');
 require('../chunk-DKOAATV2.js');
 require('../chunk-XMLBKK7X.js');
@@ -18,11 +18,11 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkX4EESFGG_js.Drawer; }
+  get: function () { return chunk324O7B3R_js.Drawer; }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkX4EESFGG_js.Modal; }
+  get: function () { return chunk324O7B3R_js.Modal; }
 });
 //# sourceMappingURL=Overlay.js.map
 //# sourceMappingURL=Overlay.js.map

package/dist/components/Overlay.mjs

@@ -1,10 +1,10 @@
 'use client';
-export { Drawer, Modal } from '../chunk-NHSPQDB2.mjs';
+export { Drawer, Modal } from '../chunk-DLPTIVZB.mjs';
 import '../chunk-JT6OOSI2.mjs';
-import '../chunk-XOV4D6J3.mjs';
 import '../chunk-R5DCDEB5.mjs';
 import '../chunk-U3JH4T3A.mjs';
 import '../chunk-6W7ZGWNA.mjs';
+import '../chunk-XOV4D6J3.mjs';
 import '../chunk-YTKPENNW.mjs';
 import '../chunk-OOIRRKJ7.mjs';
 import '../chunk-6P2TKRTL.mjs';

package/dist/hooks/index.js

@@ -2,20 +2,16 @@
 'use strict';
 
 require('../chunk-HT43MPKW.js');
-var chunk55P5FA5Q_js = require('../chunk-55P5FA5Q.js');
 var chunkD2H4VZVL_js = require('../chunk-D2H4VZVL.js');
 var chunkFL4ZCWUF_js = require('../chunk-FL4ZCWUF.js');
 var chunkNPXEZCTA_js = require('../chunk-NPXEZCTA.js');
+var chunk55P5FA5Q_js = require('../chunk-55P5FA5Q.js');
 var chunk6D5UP23V_js = require('../chunk-6D5UP23V.js');
 var chunkXMLBKK7X_js = require('../chunk-XMLBKK7X.js');
 var chunkCRKYET66_js = require('../chunk-CRKYET66.js');
 
 
 
-Object.defineProperty(exports, "useFocusTrap", {
-  enumerable: true,
-  get: function () { return chunk55P5FA5Q_js.useFocusTrap; }
-});
 Object.defineProperty(exports, "useScrollLock", {
   enumerable: true,
   get: function () { return chunkD2H4VZVL_js.useScrollLock; }
@@ -28,6 +24,10 @@ Object.defineProperty(exports, "useEscape", {
   enumerable: true,
   get: function () { return chunkNPXEZCTA_js.useEscape; }
 });
+Object.defineProperty(exports, "useFocusTrap", {
+  enumerable: true,
+  get: function () { return chunk55P5FA5Q_js.useFocusTrap; }
+});
 Object.defineProperty(exports, "useVirtualRows", {
   enumerable: true,
   get: function () { return chunk6D5UP23V_js.useVirtualRows; }

package/dist/hooks/index.mjs

@@ -1,9 +1,9 @@
 'use client';
 import '../chunk-JT6OOSI2.mjs';
-export { useFocusTrap } from '../chunk-XOV4D6J3.mjs';
 export { useScrollLock } from '../chunk-R5DCDEB5.mjs';
 export { useDelayedUnmount } from '../chunk-U3JH4T3A.mjs';
 export { useEscape } from '../chunk-6W7ZGWNA.mjs';
+export { useFocusTrap } from '../chunk-XOV4D6J3.mjs';
 export { useVirtualRows } from '../chunk-YTKPENNW.mjs';
 export { useDismiss } from '../chunk-6P2TKRTL.mjs';
 export { usePopoverPosition } from '../chunk-5XT2LX3I.mjs';

package/dist/index.js

@@ -2,11 +2,11 @@
 'use strict';
 
 require('./chunk-2LTV7VB5.js');
+require('./chunk-4REALDR3.js');
 var chunk7AJAQJOX_js = require('./chunk-7AJAQJOX.js');
 var chunkUW5DUEXJ_js = require('./chunk-UW5DUEXJ.js');
 var chunk7CA4IMXM_js = require('./chunk-7CA4IMXM.js');
 var chunkNBWCHPRN_js = require('./chunk-NBWCHPRN.js');
-require('./chunk-4REALDR3.js');
 var chunkRPNLDCRV_js = require('./chunk-RPNLDCRV.js');
 var chunkEHTHHF2P_js = require('./chunk-EHTHHF2P.js');
 var chunkVFZ7VMU2_js = require('./chunk-VFZ7VMU2.js');
@@ -20,7 +20,7 @@ var chunkBULIPFOG_js = require('./chunk-BULIPFOG.js');
 var chunkCTOPKHEE_js = require('./chunk-CTOPKHEE.js');
 var chunkTX4BUYX4_js = require('./chunk-TX4BUYX4.js');
 var chunkHYB7EXRB_js = require('./chunk-HYB7EXRB.js');
-var chunkV7MNWM6L_js = require('./chunk-V7MNWM6L.js');
+var chunkE6BTT4I7_js = require('./chunk-E6BTT4I7.js');
 var chunk53MN366Q_js = require('./chunk-53MN366Q.js');
 var chunkDF4CKUI6_js = require('./chunk-DF4CKUI6.js');
 var chunk3JRP3DGM_js = require('./chunk-3JRP3DGM.js');
@@ -28,8 +28,8 @@ var chunk6II4NJQM_js = require('./chunk-6II4NJQM.js');
 var chunkJKBJ2AKX_js = require('./chunk-JKBJ2AKX.js');
 var chunkZKDKPBUN_js = require('./chunk-ZKDKPBUN.js');
 var chunkUROEA7L4_js = require('./chunk-UROEA7L4.js');
-var chunkJNISZPSL_js = require('./chunk-JNISZPSL.js');
-var chunkX4EESFGG_js = require('./chunk-X4EESFGG.js');
+var chunkNUTHJQYH_js = require('./chunk-NUTHJQYH.js');
+var chunk324O7B3R_js = require('./chunk-324O7B3R.js');
 var chunk2PNXLTEM_js = require('./chunk-2PNXLTEM.js');
 var chunk3N24QPRP_js = require('./chunk-3N24QPRP.js');
 var chunkMW7HQCFC_js = require('./chunk-MW7HQCFC.js');
@@ -42,12 +42,12 @@ var chunkMUXOT5KS_js = require('./chunk-MUXOT5KS.js');
 var chunkAB52PRTH_js = require('./chunk-AB52PRTH.js');
 var chunkWAGWB35Q_js = require('./chunk-WAGWB35Q.js');
 var chunk3PXYCXDW_js = require('./chunk-3PXYCXDW.js');
-var chunkO4TKMQEY_js = require('./chunk-O4TKMQEY.js');
+var chunkFRUNZAYE_js = require('./chunk-FRUNZAYE.js');
 require('./chunk-HT43MPKW.js');
-require('./chunk-55P5FA5Q.js');
 require('./chunk-D2H4VZVL.js');
 require('./chunk-FL4ZCWUF.js');
 require('./chunk-NPXEZCTA.js');
+require('./chunk-55P5FA5Q.js');
 var chunk6D5UP23V_js = require('./chunk-6D5UP23V.js');
 var chunkDKOAATV2_js = require('./chunk-DKOAATV2.js');
 var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
@@ -351,27 +351,27 @@ Object.defineProperty(exports, "UserCell", {
 });
 Object.defineProperty(exports, "ConfirmDialog", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.ConfirmDialog; }
+  get: function () { return chunkE6BTT4I7_js.ConfirmDialog; }
 });
 Object.defineProperty(exports, "DescriptionList", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.DescriptionList; }
+  get: function () { return chunkE6BTT4I7_js.DescriptionList; }
 });
 Object.defineProperty(exports, "DescriptionListItem", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.DescriptionListItem; }
+  get: function () { return chunkE6BTT4I7_js.DescriptionListItem; }
 });
 Object.defineProperty(exports, "DiffViewer", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.DiffViewer; }
+  get: function () { return chunkE6BTT4I7_js.DiffViewer; }
 });
 Object.defineProperty(exports, "EditableCell", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.EditableCell; }
+  get: function () { return chunkE6BTT4I7_js.EditableCell; }
 });
 Object.defineProperty(exports, "TransferList", {
   enumerable: true,
-  get: function () { return chunkV7MNWM6L_js.TransferList; }
+  get: function () { return chunkE6BTT4I7_js.TransferList; }
 });
 Object.defineProperty(exports, "BulkActionBar", {
   enumerable: true,
@@ -447,55 +447,55 @@ Object.defineProperty(exports, "_internal", {
 });
 Object.defineProperty(exports, "AddressForm", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.AddressForm; }
+  get: function () { return chunkNUTHJQYH_js.AddressForm; }
 });
 Object.defineProperty(exports, "CartDrawer", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.CartDrawer; }
+  get: function () { return chunkNUTHJQYH_js.CartDrawer; }
 });
 Object.defineProperty(exports, "CompareTable", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.CompareTable; }
+  get: function () { return chunkNUTHJQYH_js.CompareTable; }
 });
 Object.defineProperty(exports, "FreeShippingProgress", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.FreeShippingProgress; }
+  get: function () { return chunkNUTHJQYH_js.FreeShippingProgress; }
 });
 Object.defineProperty(exports, "OrderSummary", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.OrderSummary; }
+  get: function () { return chunkNUTHJQYH_js.OrderSummary; }
 });
 Object.defineProperty(exports, "PriceDisplay", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.PriceDisplay; }
+  get: function () { return chunkNUTHJQYH_js.PriceDisplay; }
 });
 Object.defineProperty(exports, "PromoCodeInput", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.PromoCodeInput; }
+  get: function () { return chunkNUTHJQYH_js.PromoCodeInput; }
 });
 Object.defineProperty(exports, "QuantitySelector", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.QuantitySelector; }
+  get: function () { return chunkNUTHJQYH_js.QuantitySelector; }
 });
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.Rating; }
+  get: function () { return chunkNUTHJQYH_js.Rating; }
 });
 Object.defineProperty(exports, "VariantSelector", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.VariantSelector; }
+  get: function () { return chunkNUTHJQYH_js.VariantSelector; }
 });
 Object.defineProperty(exports, "WishlistButton", {
   enumerable: true,
-  get: function () { return chunkJNISZPSL_js.WishlistButton; }
+  get: function () { return chunkNUTHJQYH_js.WishlistButton; }
 });
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkX4EESFGG_js.Drawer; }
+  get: function () { return chunk324O7B3R_js.Drawer; }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkX4EESFGG_js.Modal; }
+  get: function () { return chunk324O7B3R_js.Modal; }
 });
 Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
@@ -751,11 +751,11 @@ Object.defineProperty(exports, "resetBrand", {
 });
 Object.defineProperty(exports, "AppShell", {
   enumerable: true,
-  get: function () { return chunkO4TKMQEY_js.AppShell; }
+  get: function () { return chunkFRUNZAYE_js.AppShell; }
 });
 Object.defineProperty(exports, "PageHeader", {
   enumerable: true,
-  get: function () { return chunkO4TKMQEY_js.PageHeader; }
+  get: function () { return chunkFRUNZAYE_js.PageHeader; }
 });
 Object.defineProperty(exports, "useVirtualRows", {
   enumerable: true,