@techzyapp/ui-library 1.0.23 → 1.0.27

package/dist/RootLayout-CPxDqfGb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootLayout-CPxDqfGb.cjs","sources":["../src/components/RootLayout/SettingsDrawer.tsx","../src/components/RootLayout/ActionSet.tsx","../src/components/RootLayout/RootLayout.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { DEFAULT_FONT_FAMILY, useT, useTheme } from '../../theme'\nimport { Col } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Modal } from '../Modal'\nimport { ChoiceCardGroup } from '../ChoiceCard'\nimport { Select } from '../Select'\nimport { SwatchPicker } from '../SwatchPicker'\nimport { Typography } from '../Typography'\n\n// Accent choices offered alongside the provider's default (which leads each list) — 15 per mode, so\n// each theme shows 16 total. Tuned PER MODE (deeper tones for light, brighter for dark) and paired by\n// hue (red → violet + a neutral) so a color keeps its identity across themes.\nconst ALT_SWATCHES: Record<'light' | 'dark', string[]> = {\n  light: [\n    '#dc2626', // red\n    '#ea580c', // orange\n    '#d97706', // amber\n    '#ca8a04', // yellow\n    '#65a30d', // lime\n    '#16a34a', // green\n    '#059669', // emerald\n    '#0891b2', // cyan\n    '#0284c7', // sky\n    '#2563eb', // blue\n    '#4f46e5', // indigo\n    '#7c3aed', // violet\n    '#c026d3', // fuchsia\n    '#db2777', // pink\n    '#475569', // slate\n  ],\n  dark: [\n    '#f87171', // red\n    '#fb923c', // orange\n    '#fbbf24', // amber\n    '#facc15', // yellow\n    '#a3e635', // lime\n    '#4ade80', // green\n    '#34d399', // emerald\n    '#22d3ee', // cyan\n    '#38bdf8', // sky\n    '#60a5fa', // blue\n    '#818cf8', // indigo\n    '#a78bfa', // violet\n    '#e879f9', // fuchsia\n    '#f472b6', // pink\n    '#94a3b8', // slate\n  ],\n}\n\nexport interface SettingsDrawerProps {\n  /** Whether the drawer is open. */\n  open: boolean\n  /** Close handler. */\n  onClose: () => void\n  /** Show the light/dark **Theme** section (gated by the shell's `header.theme`, the same flag as the header toggle). */\n  showTheme?: boolean\n}\n\n/**\n * The header user-menu **Settings** drawer (a right-side `Modal`), top to bottom: a **Theme** section — an\n * exclusive `ChoiceCardGroup` (**Light** / **Dark** cards) driving `useTheme().setMode`, shown only when\n * **`showTheme`** (the shell's `header.theme`, so the header toggle + this section appear/disappear\n * together); **Accent Color** — **two `SwatchPicker`s** (Light + Dark) so both accents are chosen\n * independently, each with a per-mode set (deeper tones for light, brighter for dark), calling\n * `setAccentColor(color, mode)` and persisting it — each list leads with the provider's default for that\n * mode (`defaultAccentColors[mode]`), selected when there's no override (picking it clears the override).\n * When `showTheme` is off the panel is locked to one mode, so **only the active mode's accent picker**\n * shows (the other is pointless without a theme switch);\n * a **Font** section (a searchable `Select` — Inter preset + type any Google Font — driving\n * `setFontFamily`); and a **Header** section (an exclusive `ChoiceCardGroup` **Scrollable** / **Fixed**\n * driving `setHeaderSticky`); and a **Shape** section (an exclusive `ChoiceCardGroup` **Rounded** /\n * **Square** driving `setShape` — `square` flattens every corner in the panel to `border-radius: 0`).\n * Internal to the admin shell — not a public export.\n */\nexport function SettingsDrawer({ open, onClose, showTheme = true }: SettingsDrawerProps) {\n  const {\n    mode,\n    setMode,\n    accentColors,\n    defaultAccentColors,\n    setAccentColor,\n    headerSticky,\n    setHeaderSticky,\n    fontFamily,\n    setFontFamily,\n    shape,\n    setShape,\n  } = useTheme()\n  const t = useT()\n\n  // One searchable Select doubles as a \"type any Google Font\" field. Base = Inter (the only preset) +\n  // the active font (so a custom pick stays visible/selectable). While searching, the typed query is\n  // offered as its own option — picking it applies + loads that family. Base is always kept in the\n  // list (never filtered out) so `value` always resolves in the trigger, even mid-search.\n  const [fontQuery, setFontQuery] = useState('')\n  const q = fontQuery.trim()\n  const base =\n    fontFamily !== DEFAULT_FONT_FAMILY ? [DEFAULT_FONT_FAMILY, fontFamily] : [DEFAULT_FONT_FAMILY]\n  const showTyped = q.length > 0 && !base.some((f) => f.toLowerCase() === q.toLowerCase())\n  const fontOptions = (showTyped ? [q, ...base] : base).map((f) => ({\n    value: f,\n    label: f === DEFAULT_FONT_FAMILY ? t('settings.fontDefault', { font: f }) : f,\n  }))\n\n  const picker = (mode: 'light' | 'dark', label: string) => {\n    const def = defaultAccentColors[mode]\n    // the provider's default (per mode) leads the list; then the mode's alts (minus any collision)\n    const colors = [def, ...ALT_SWATCHES[mode].filter((c) => c.toLowerCase() !== def.toLowerCase())]\n    return (\n      <SwatchPicker\n        label={label}\n        colors={colors}\n        // with no override, this mode's default swatch reads as selected\n        value={accentColors[mode] ?? def}\n        // the default swatch clears this mode's override; the rest set it\n        onChange={(color) =>\n          setAccentColor(color.toLowerCase() === def.toLowerCase() ? null : color, mode)\n        }\n        labels={{ [def]: t('settings.accentDefault', { color: def }) }}\n        aria-label={String(label)}\n      />\n    )\n  }\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      placement=\"right\"\n      size=\"sm\"\n      title={t('settings.label')}\n      icon=\"Setting5\"\n    >\n      {showTheme && (\n        <>\n          <Typography variant=\"subtitle\" as=\"h3\">\n            {t('settings.themeTitle')}\n          </Typography>\n          <Typography\n            variant=\"bodySmall\"\n            color=\"muted\"\n            as=\"p\"\n            style={{ marginTop: 'var(--tz-space-xxs)' }}\n          >\n            {t('settings.themeDesc')}\n          </Typography>\n          <ChoiceCardGroup\n            exclusive\n            color=\"accent\"\n            minCardWidth={130}\n            value={mode}\n            onChange={(v) => {\n              if (typeof v === 'string') setMode(v as 'light' | 'dark')\n            }}\n            options={[\n              {\n                value: 'light',\n                label: t('settings.light'),\n                description: t('settings.lightDesc'),\n                icon: 'Sun',\n              },\n              {\n                value: 'dark',\n                label: t('settings.dark'),\n                description: t('settings.darkDesc'),\n                icon: 'Moon',\n              },\n            ]}\n            aria-label={t('settings.themeTitle')}\n            style={{ marginTop: 'var(--tz-space-sm)' }}\n          />\n\n          <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n        </>\n      )}\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.accentTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.accentDesc')}\n      </Typography>\n      <Col gap=\"md\" style={{ marginTop: 'var(--tz-space-sm)' }}>\n        {showTheme ? (\n          <>\n            {picker('light', t('settings.lightTheme'))}\n            {picker('dark', t('settings.darkTheme'))}\n          </>\n        ) : (\n          // theme switching is off → the panel stays in one mode, so only that mode's accent matters\n          picker(mode, mode === 'light' ? t('settings.lightTheme') : t('settings.darkTheme'))\n        )}\n      </Col>\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.fontTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.fontDesc')}\n      </Typography>\n      <Select\n        label={t('settings.fontFamily')}\n        searchable\n        searchPlaceholder={t('settings.fontSearch')}\n        value={fontFamily}\n        options={fontOptions}\n        onSearchChange={setFontQuery}\n        onChange={(v) => {\n          setFontFamily(v)\n          setFontQuery('')\n        }}\n        aria-label={t('settings.fontFamily')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.headerTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.headerDesc')}\n      </Typography>\n      <ChoiceCardGroup\n        exclusive\n        color=\"accent\"\n        minCardWidth={130}\n        value={headerSticky ? 'fixed' : 'static'}\n        // exclusive (radio) → always a string; set sticky from the picked card\n        onChange={(v) => {\n          if (typeof v === 'string') setHeaderSticky(v === 'fixed')\n        }}\n        options={[\n          {\n            value: 'static',\n            label: t('settings.scrollable'),\n            description: t('settings.scrollableDesc'),\n          },\n          { value: 'fixed', label: t('settings.fixed'), description: t('settings.fixedDesc') },\n        ]}\n        aria-label={t('settings.headerTitle')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.shapeTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.shapeDesc')}\n      </Typography>\n      <ChoiceCardGroup\n        exclusive\n        color=\"accent\"\n        minCardWidth={130}\n        value={shape}\n        // exclusive (radio) → always a string; the two values are exactly the ThemeShape union\n        onChange={(v) => {\n          if (v === 'rounded' || v === 'square') setShape(v)\n        }}\n        options={[\n          {\n            value: 'rounded',\n            label: t('settings.rounded'),\n            description: t('settings.roundedDesc'),\n          },\n          { value: 'square', label: t('settings.square'), description: t('settings.squareDesc') },\n        ]}\n        aria-label={t('settings.shapeTitle')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n    </Modal>\n  )\n}\n","import { type MouseEvent, type ReactNode } from 'react'\nimport { useMediaQuery } from '../../hooks/useMediaQuery'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Button, type ButtonVariant } from '../Button'\nimport { Icon } from '../Icon'\nimport { SpeedDial } from '../SpeedDial'\nimport styles from './RootLayout.module.css'\n\n/** A resolved page action — rendered as a `Button` (inline) or a `SpeedDial` action (collapsed). */\nexport interface PageAction {\n  /** Visible label (button text; the SpeedDial action's tooltip when collapsed). */\n  label: ReactNode\n  /** Leading icon — an `IconName` or any node. When omitted, the collapsed dial shows the label's first letter. */\n  icon?: IconName | ReactNode\n  /** Click handler. */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n  /** Button color / tint. */\n  color?: ThemeColor\n  /** Inline-button variant (ignored when collapsed). Defaults to `contained`. */\n  variant?: ButtonVariant\n  /** Renders the action disabled. */\n  disabled?: boolean\n}\n\nconst iconNode = (icon: IconName | ReactNode) =>\n  typeof icon === 'string' ? <Icon name={icon as IconName} /> : icon\n\n/** The collapsed SpeedDial action's icon: the action's `icon`, else the label's first letter (uppercased),\n * else a fallback `More` glyph when the label isn't a plain string. */\nconst speedDialIcon = (a: PageAction): IconName | ReactNode => {\n  if (a.icon != null) return a.icon\n  if (typeof a.label === 'string' && a.label.trim())\n    return <span className={styles.pageActionsLetter}>{a.label.trim()[0].toUpperCase()}</span>\n  return 'More'\n}\n\n/**\n * Renders a set of page actions in the shell's page-title row: inline `Button`s on wider screens,\n * **collapsed into a `SpeedDial`** (a fixed bottom-right FAB) on the `xs` breakpoint (≤767.98px) when\n * there are **2 or more**. Fed by a route's `staticData.actions` (resolved by `RootLayout`). Internal.\n */\nexport function ActionSet({ actions }: { actions: PageAction[] }) {\n  const t = useT()\n  // ≤ 767.98px — collapse 2+ actions into a SpeedDial so a row of buttons doesn't crowd a phone header\n  const isXs = useMediaQuery('xs')\n  if (!actions.length) return null\n\n  return isXs && actions.length >= 2 ? (\n    <SpeedDial\n      ariaLabel={t('pageActions.label')}\n      icon=\"Add\"\n      direction=\"up\"\n      // float it as a fixed bottom-right FAB (out of the title-row flow); inset tightens on xxs\n      className={styles.pageActionsFab}\n      actions={actions.map((a) => ({\n        icon: speedDialIcon(a),\n        label: a.label,\n        onClick: a.onClick,\n        disabled: a.disabled,\n      }))}\n    />\n  ) : (\n    <>\n      {actions.map((a, i) => (\n        <Button\n          key={i}\n          size=\"sm\"\n          color={a.color}\n          variant={a.variant}\n          disabled={a.disabled}\n          startIcon={a.icon != null ? iconNode(a.icon) : undefined}\n          onClick={a.onClick}\n        >\n          {a.label}\n        </Button>\n      ))}\n    </>\n  )\n}\n","import { useEffect, useState, type ReactNode } from 'react'\nimport { useNavigate, useRouterState, type LinkProps } from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { useMediaQuery } from '../../hooks/useMediaQuery'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport {\n  useHeaderConfig,\n  useLanguage,\n  useT,\n  useTheme,\n  type HeaderConfig,\n  type HeaderUser,\n} from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Col, Row } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem } from '../List'\nimport { FullscreenToggle } from '../FullscreenToggle'\nimport { ThemeToggle } from '../ThemeToggle'\nimport { Typography } from '../Typography'\nimport { Breadcrumbs } from '../Breadcrumbs'\nimport { Toaster, type ToasterProps } from '../Toast'\nimport { NavSearch, Sidebar, useLeafActions, usePageBack, usePageTitle } from '../Sidebar/Sidebar'\nimport { Flag } from '../Flag'\nimport { SettingsDrawer } from './SettingsDrawer'\nimport { ActionSet, type PageAction } from './ActionSet'\nimport styles from './RootLayout.module.css'\n\n/**\n * The shell header config + its user shape now live in the theme layer (so `config.header` can carry\n * them app-wide). These aliases keep the historical `RootLayout*` names importable.\n */\nexport type RootLayoutUser = HeaderUser\nexport type RootLayoutHeader = HeaderConfig\n\nexport interface RootLayoutProps {\n  /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. */\n  logo?: ReactNode\n  /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / \"Need help?\" card). */\n  sidebarFooter?: ReactNode\n  /**\n   * Header config for **this** shell — merged **over** the app-wide `config.header` (the prop wins).\n   * Fields: the built-in `theme` / `search` / `settings` / `languages` toggles (default `true`),\n   * `fullscreen` (default `false`), `breadcrumbs` (default `true`), `pageTitle` (default `true`), and the\n   * account (`onLogout` / `user`).\n   */\n  header?: RootLayoutHeader\n  /**\n   * The built-in toast viewport, mounted for you so `toast.*()` works app-wide with no extra setup.\n   * Defaults to `true` (a `<Toaster>` with its defaults). Pass `ToasterProps` to configure it\n   * (`{ position, duration }`), or `false` to opt out — e.g. when you mount your own `<Toaster>`.\n   */\n  toaster?: boolean | ToasterProps\n  /** Routed content — the consumer passes `<Outlet />`. */\n  children: ReactNode\n}\n\n/**\n * The admin-panel shell — a **floating** layout: the whole app sits on a soft `--tz-color-background`\n * canvas, with a rounded, elevated `--tz-color-surface` **sidebar card** (`logo` + auto-generated `Sidebar` + an optional\n * `sidebarFooter`) beside the header + content. Set it as the root route's component and pass\n * `<Outlet />` as `children`; the `Sidebar` builds itself from the routes' `staticData`. The header\n * holds an optional `ThemeToggle` (on by default), a **Settings** button (opens a right-side drawer to\n * pick + persist the `accent` color), plus an account `Avatar` whose menu has a **Sign out** item when\n * `header.onLogout` is given. The content area stacks\n * **`Breadcrumbs` → the page title (the active route's `staticData.name`) → `children`**; pages wrap\n * their own body in `PageLayout`. Set `header.pageTitle = false` to drop the auto `h2` when pages\n * carry their own heading inside their `PageLayout` header. On a 404 the auto title + breadcrumbs are\n * suppressed automatically (a partial route match would otherwise show a stale section), regardless of\n * the `header.pageTitle` / `header.breadcrumbs` props. A `<Toaster>` is **mounted by default** so\n * `toast.*()` works app-wide with no extra setup (configure via `toaster`, or `toaster={false}` to opt\n * out). Styling is token-based, so it follows the active `ConfigProvider` mode. Requires\n * `@tanstack/react-router` (peer).\n */\nexport function RootLayout({\n  logo,\n  sidebarFooter,\n  header,\n  toaster = true,\n  children,\n}: RootLayoutProps) {\n  const title = usePageTitle()\n  const onBack = usePageBack() // set by the current route's `staticData.back` (opt-in) — else undefined\n  // header sticky/static — the user's persisted choice (seeded from config.header.sticky)\n  const { headerSticky } = useTheme()\n  const { language, setLanguage, languages } = useLanguage()\n  const t = useT()\n  // app-wide header config (config.header) as the base; this shell's `header` prop wins over it\n  const configHeader = useHeaderConfig()\n  const h: HeaderConfig = { ...configHeader, ...header }\n  const showTheme = h.theme ?? true\n  const showFullscreen = h.fullscreen ?? false\n  const showSettings = h.settings ?? true\n  const showSearch = h.search ?? true\n  const showLanguages = h.languages ?? true\n  const showBreadcrumbs = h.breadcrumbs ?? true\n  const toasterProps = typeof toaster === 'object' ? toaster : undefined\n  const showPageTitle = h.pageTitle ?? true\n  const onLogout = h.onLogout\n  const user = h.user\n  const accountMenu = h.menu ?? [] // custom account-menu items (between the user block and Sign out)\n  // below 1280px the sidebar auto-collapses (and auto-expands again above it); a manual toggle holds\n  // until the next breakpoint cross. `useMediaQuery` is correct on the first client render, so no flash.\n  const isNarrow = useMediaQuery('md') // ≤ 1279.98px — the shared `md` breakpoint\n  const [collapsed, setCollapsed] = useState(isNarrow)\n  useEffect(() => {\n    setCollapsed(isNarrow)\n  }, [isNarrow])\n  // while the sidebar overlays the content (narrow + open), lock page scroll so scrolling inside the\n  // drawer doesn't scroll the content behind it\n  useLockBodyScroll(isNarrow && !collapsed)\n  // navigating from the overlay drawer (a nav link or a search suggestion — both change the route) auto-\n  // closes it, so you land on the page instead of the still-open sidebar; desktop navigation is untouched\n  const pathname = useRouterState({ select: (s) => s.location.pathname })\n  useEffect(() => {\n    if (isNarrow) setCollapsed(true)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pathname])\n  // on a 404 the URL often partially matches a named layout route (e.g. `/core/xxx` still resolves\n  // \"Core\" as the active section), so the auto page title + breadcrumbs would show a stale, wrong trail.\n  // suppress both when the router is in a notFound state — automatic, no opt-out needed. `statusCode ===\n  // 404` is the primary signal; a `notFound` match status is the fallback.\n  const isNotFound = useRouterState({\n    select: (s) => s.statusCode === 404 || s.matches.some((m) => m.status === 'notFound'),\n  })\n  const [settingsOpen, setSettingsOpen] = useState(false)\n  // declarative page-title-row actions from the current route's `staticData.actions` — `to` navigates\n  // via the router; `onClick` is a plain handler. Resolved to the `ActionSet` shape here.\n  const navigate = useNavigate()\n  const routeActions = useLeafActions()\n  const pageActions: PageAction[] = (routeActions ?? []).map((a) => ({\n    label: a.label,\n    icon: a.icon,\n    color: a.color,\n    variant: a.variant,\n    disabled: a.disabled,\n    onClick:\n      a.onClick ??\n      (a.to\n        ? () =>\n            navigate({ to: a.to as LinkProps['to'], params: a.params, search: a.search } as never)\n        : undefined),\n  }))\n\n  return (\n    <div className={clsx(styles.shell, collapsed && styles.shellCollapsed)}>\n      <aside className={styles.sidebar}>\n        {/* fixed-width inner: the outer <aside> animates its width to 0 (and clips via overflow),\n            while this keeps the sidebar's real width so the content never reflows mid-collapse */}\n        <div className={styles.sidebarInner}>\n          {logo ? (\n            <div className={styles.brand}>\n              {logo}\n              {/* in-drawer close — only shown when the sidebar overlays (narrow), where the header\n                  toggle is behind the backdrop; closes the drawer */}\n              <IconButton\n                variant=\"filled\"\n                size=\"sm\"\n                className={styles.sidebarClose}\n                aria-label={t('common.close')}\n                onClick={() => setCollapsed(true)}\n              >\n                <Icon name=\"Close\" />\n              </IconButton>\n            </div>\n          ) : null}\n          {/* the search lives in the header on desktop; below 576px (full-width drawer) it moves here,\n              between the logo and the menu (CSS toggles which instance shows) */}\n          {showSearch ? (\n            <div className={styles.sidebarSearch}>\n              <NavSearch />\n            </div>\n          ) : null}\n          <div className={styles.navScroll}>\n            <Sidebar />\n          </div>\n          {sidebarFooter ? <div className={styles.sidebarFooter}>{sidebarFooter}</div> : null}\n        </div>\n      </aside>\n      {/* dim backdrop behind the overlay sidebar — a sibling of the sidebar (same stacking context, so the\n          sidebar reliably sits above it, unlike a body-portaled Overlay). Only shown/interactive below\n          1280px while open (CSS); clicking it closes the drawer. On desktop the sidebar is a grid column. */}\n      <div className={styles.backdrop} onClick={() => setCollapsed(true)} aria-hidden=\"true\" />\n      <div className={styles.main}>\n        <header className={clsx(styles.topbar, headerSticky && styles.topbarSticky)}>\n          <div className={styles.headerStart}>\n            <IconButton\n              aria-label={collapsed ? 'Show sidebar' : 'Hide sidebar'}\n              aria-expanded={!collapsed}\n              variant=\"filled\"\n              size=\"sm\"\n              onClick={() => setCollapsed((c) => !c)}\n            >\n              <Icon name=\"Menu\" />\n            </IconButton>\n            {showSearch ? (\n              <div className={styles.headerSearch}>\n                <NavSearch />\n              </div>\n            ) : null}\n          </div>\n          <div className={styles.headerEnd}>\n            {showFullscreen ? <FullscreenToggle variant=\"filled\" size=\"sm\" /> : null}\n            {showTheme ? <ThemeToggle variant=\"filled\" size=\"sm\" /> : null}\n            {showLanguages && languages.length > 1 ? (\n              <Dropdown\n                placement=\"bottom-end\"\n                trigger={\n                  <IconButton variant=\"filled\" size=\"sm\" aria-label={t('language.label')}>\n                    <Icon name=\"Global\" />\n                  </IconButton>\n                }\n              >\n                {languages.map((l) => (\n                  <ListItem\n                    key={l.code}\n                    clickable\n                    selected={l.code === language}\n                    onClick={() => setLanguage(l.code)}\n                    icon={<Flag code={l.code} />}\n                  >\n                    {l.label ?? l.code}\n                  </ListItem>\n                ))}\n              </Dropdown>\n            ) : null}\n            {showSettings ? (\n              <IconButton\n                aria-label={t('settings.label')}\n                variant=\"text\"\n                size=\"sm\"\n                className={styles.settings}\n                onClick={() => setSettingsOpen(true)}\n              >\n                <Icon name=\"Setting5\" />\n              </IconButton>\n            ) : null}\n            {onLogout ? (\n              <Dropdown\n                placement=\"bottom-end\"\n                style={{ minWidth: 230 }}\n                trigger={\n                  <button type=\"button\" className={styles.account} aria-label={t('account.label')}>\n                    <Avatar size=\"md\" name={user?.name} src={user?.avatar} color=\"primary\" />\n                  </button>\n                }\n              >\n                {user ? (\n                  <>\n                    <Row gap={8} align=\"center\" padding=\"var(--tz-space-xxs) var(--tz-space-xs)\">\n                      <Avatar size=\"md\" name={user.name} src={user.avatar} color=\"primary\" />\n                      <Col gap={2}>\n                        {/* name, or a \"Welcome\" greeting fallback when no name is given */}\n                        <Typography variant=\"body\">{user.name ?? t('userCard.welcome')}</Typography>\n                        {user.email ? (\n                          <Typography variant=\"bodySmall\" color=\"muted\">\n                            {user.email}\n                          </Typography>\n                        ) : null}\n                      </Col>\n                    </Row>\n                    <Divider />\n                  </>\n                ) : null}\n                {/* app-supplied items (e.g. \"Account\"), between the user block and Sign out */}\n                {accountMenu.map((item, i) => (\n                  <ListItem\n                    key={i}\n                    icon={item.icon ? <Icon name={item.icon} color={item.color} /> : undefined}\n                    color={item.color}\n                    clickable\n                    disabled={item.disabled}\n                    onClick={item.onClick}\n                  >\n                    {item.label}\n                  </ListItem>\n                ))}\n                {/* keep the destructive Sign out visually separated from the custom items */}\n                {accountMenu.length > 0 ? <Divider /> : null}\n                <ListItem icon={<Icon name=\"Logout2\" color=\"error\" />} clickable onClick={onLogout}>\n                  {t('userCard.signOut')}\n                </ListItem>\n              </Dropdown>\n            ) : null}\n          </div>\n        </header>\n        <main className={styles.content}>\n          {showBreadcrumbs && !isNotFound ? <Breadcrumbs /> : null}\n          {showPageTitle && !isNotFound && (title || onBack) ? (\n            <div className={styles.pageTitleRow}>\n              {onBack ? (\n                <IconButton\n                  aria-label={t('pageTitle.back')}\n                  variant=\"filled\"\n                  color=\"accent\"\n                  className={styles.backButton}\n                  onClick={onBack}\n                  size=\"sm\"\n                >\n                  <Icon name=\"ArrowLeft\" />\n                </IconButton>\n              ) : null}\n              {title ? (\n                <Typography variant=\"h2\" className={styles.pageTitle}>\n                  {title}\n                </Typography>\n              ) : null}\n              {/* right-aligned page actions from the route's `staticData.actions` */}\n              {pageActions.length > 0 ? (\n                <div className={styles.pageActions}>\n                  <ActionSet actions={pageActions} />\n                </div>\n              ) : null}\n            </div>\n          ) : null}\n          {children}\n        </main>\n      </div>\n      {toaster !== false && <Toaster {...toasterProps} />}\n      {showSettings ? (\n        <SettingsDrawer\n          open={settingsOpen}\n          onClose={() => setSettingsOpen(false)}\n          showTheme={showTheme}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"names":["ALT_SWATCHES","SettingsDrawer","open","onClose","showTheme","mode","setMode","accentColors","defaultAccentColors","setAccentColor","headerSticky","setHeaderSticky","fontFamily","setFontFamily","shape","setShape","useTheme","t","useT","fontQuery","setFontQuery","useState","q","base","DEFAULT_FONT_FAMILY","fontOptions","f","picker","label","def","colors","c","jsx","SwatchPicker","color","jsxs","Modal","Fragment","Typography","ChoiceCardGroup","v","Divider","Col","Select","iconNode","icon","Icon","speedDialIcon","a","styles","ActionSet","actions","isXs","useMediaQuery","SpeedDial","i","Button","RootLayout","logo","sidebarFooter","header","toaster","children","title","usePageTitle","onBack","usePageBack","language","setLanguage","languages","useLanguage","h","useHeaderConfig","showFullscreen","showSettings","showSearch","showLanguages","showBreadcrumbs","toasterProps","showPageTitle","onLogout","user","accountMenu","isNarrow","collapsed","setCollapsed","useEffect","useLockBodyScroll","pathname","useRouterState","s","isNotFound","m","settingsOpen","setSettingsOpen","navigate","useNavigate","pageActions","useLeafActions","clsx","IconButton","NavSearch","Sidebar","FullscreenToggle","ThemeToggle","Dropdown","l","ListItem","Flag","Avatar","Row","item","Breadcrumbs","Toaster"],"mappings":"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"}

package/dist/RootLayout-D3K-pAMO.js

@@ -0,0 +1,515 @@
+import { jsxs as r, Fragment as w, jsx as e } from "react/jsx-runtime";
+import { useState as H, useEffect as U } from "react";
+import { useRouterState as X, useNavigate as ne } from "@tanstack/react-router";
+import { clsx as Y } from "clsx";
+import { a as Z } from "./useMediaQuery-DrDUrkmJ.js";
+import { u as le } from "./useLockBodyScroll-DwBILLPK.js";
+import { A as J } from "./Avatar-BGPGxry2.js";
+import { C as $, R as oe } from "./Col-B51RlwWP.js";
+import { D as S } from "./Divider-LtH3dLgw.js";
+import { D as K } from "./Dropdown-FfkmluRu.js";
+import { I as g } from "./Icon-DaTvzLBu.js";
+import { I as A } from "./IconButton-CBp8QuTO.js";
+import { L as R } from "./ListItem-Cn15lJBr.js";
+import { F as re } from "./FullscreenToggle-HZQOIa21.js";
+import { T as ie } from "./ThemeToggle-BGdvqXad.js";
+import { T as c } from "./Typography-Cta6Rg4L.js";
+import { B as ce } from "./Breadcrumbs-BJHKk0Sn.js";
+import { T as de } from "./Toaster-DuzcRbio.js";
+import { a as me, c as pe, d as he, N as V, S as ge } from "./Sidebar-CsPnv4mu.js";
+import { F as ue } from "./Flag-CzCEpB8E.js";
+import { M as be } from "./Modal-DJljaPqV.js";
+import { a as E } from "./ChoiceCardGroup-D3HL7dHj.js";
+import { S as fe } from "./Select-BB9oOoWZ.js";
+import { S as ve } from "./SwatchPicker-DXEE9xqY.js";
+import { m as ee, a as P, D as z, u as _e, g as Se } from "./ConfigProvider-DL9fylMo.js";
+import { B as Ce } from "./Button-obe6rono.js";
+import { S as ye } from "./SpeedDial-B8XMUATN.js";
+const Te = {
+  light: [
+    "#dc2626",
+    // red
+    "#ea580c",
+    // orange
+    "#d97706",
+    // amber
+    "#ca8a04",
+    // yellow
+    "#65a30d",
+    // lime
+    "#16a34a",
+    // green
+    "#059669",
+    // emerald
+    "#0891b2",
+    // cyan
+    "#0284c7",
+    // sky
+    "#2563eb",
+    // blue
+    "#4f46e5",
+    // indigo
+    "#7c3aed",
+    // violet
+    "#c026d3",
+    // fuchsia
+    "#db2777",
+    // pink
+    "#475569"
+    // slate
+  ],
+  dark: [
+    "#f87171",
+    // red
+    "#fb923c",
+    // orange
+    "#fbbf24",
+    // amber
+    "#facc15",
+    // yellow
+    "#a3e635",
+    // lime
+    "#4ade80",
+    // green
+    "#34d399",
+    // emerald
+    "#22d3ee",
+    // cyan
+    "#38bdf8",
+    // sky
+    "#60a5fa",
+    // blue
+    "#818cf8",
+    // indigo
+    "#a78bfa",
+    // violet
+    "#e879f9",
+    // fuchsia
+    "#f472b6",
+    // pink
+    "#94a3b8"
+    // slate
+  ]
+};
+function ke({ open: o, onClose: b, showTheme: f = !0 }) {
+  const {
+    mode: l,
+    setMode: C,
+    accentColors: y,
+    defaultAccentColors: T,
+    setAccentColor: L,
+    headerSticky: F,
+    setHeaderSticky: D,
+    fontFamily: v,
+    setFontFamily: m,
+    shape: O,
+    setShape: d
+  } = ee(), a = P(), [I, k] = H(""), _ = I.trim(), N = v !== z ? [z, v] : [z], B = (_.length > 0 && !N.some((s) => s.toLowerCase() === _.toLowerCase()) ? [_, ...N] : N).map((s) => ({
+    value: s,
+    label: s === z ? a("settings.fontDefault", { font: s }) : s
+  })), q = (s, i) => {
+    const p = T[s], u = [p, ...Te[s].filter((h) => h.toLowerCase() !== p.toLowerCase())];
+    return /* @__PURE__ */ e(
+      ve,
+      {
+        label: i,
+        colors: u,
+        value: y[s] ?? p,
+        onChange: (h) => L(h.toLowerCase() === p.toLowerCase() ? null : h, s),
+        labels: { [p]: a("settings.accentDefault", { color: p }) },
+        "aria-label": String(i)
+      }
+    );
+  };
+  return /* @__PURE__ */ r(
+    be,
+    {
+      open: o,
+      onClose: b,
+      placement: "right",
+      size: "sm",
+      title: a("settings.label"),
+      icon: "Setting5",
+      children: [
+        f && /* @__PURE__ */ r(w, { children: [
+          /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.themeTitle") }),
+          /* @__PURE__ */ e(
+            c,
+            {
+              variant: "bodySmall",
+              color: "muted",
+              as: "p",
+              style: { marginTop: "var(--tz-space-xxs)" },
+              children: a("settings.themeDesc")
+            }
+          ),
+          /* @__PURE__ */ e(
+            E,
+            {
+              exclusive: !0,
+              color: "accent",
+              minCardWidth: 130,
+              value: l,
+              onChange: (s) => {
+                typeof s == "string" && C(s);
+              },
+              options: [
+                {
+                  value: "light",
+                  label: a("settings.light"),
+                  description: a("settings.lightDesc"),
+                  icon: "Sun"
+                },
+                {
+                  value: "dark",
+                  label: a("settings.dark"),
+                  description: a("settings.darkDesc"),
+                  icon: "Moon"
+                }
+              ],
+              "aria-label": a("settings.themeTitle"),
+              style: { marginTop: "var(--tz-space-sm)" }
+            }
+          ),
+          /* @__PURE__ */ e(S, { style: { margin: "var(--tz-space-md) 0" } })
+        ] }),
+        /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.accentTitle") }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.accentDesc")
+          }
+        ),
+        /* @__PURE__ */ e($, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: f ? /* @__PURE__ */ r(w, { children: [
+          q("light", a("settings.lightTheme")),
+          q("dark", a("settings.darkTheme"))
+        ] }) : (
+          // theme switching is off → the panel stays in one mode, so only that mode's accent matters
+          q(l, a(l === "light" ? "settings.lightTheme" : "settings.darkTheme"))
+        ) }),
+        /* @__PURE__ */ e(S, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.fontTitle") }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.fontDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          fe,
+          {
+            label: a("settings.fontFamily"),
+            searchable: !0,
+            searchPlaceholder: a("settings.fontSearch"),
+            value: v,
+            options: B,
+            onSearchChange: k,
+            onChange: (s) => {
+              m(s), k("");
+            },
+            "aria-label": a("settings.fontFamily"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        ),
+        /* @__PURE__ */ e(S, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.headerTitle") }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.headerDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          E,
+          {
+            exclusive: !0,
+            color: "accent",
+            minCardWidth: 130,
+            value: F ? "fixed" : "static",
+            onChange: (s) => {
+              typeof s == "string" && D(s === "fixed");
+            },
+            options: [
+              {
+                value: "static",
+                label: a("settings.scrollable"),
+                description: a("settings.scrollableDesc")
+              },
+              { value: "fixed", label: a("settings.fixed"), description: a("settings.fixedDesc") }
+            ],
+            "aria-label": a("settings.headerTitle"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        ),
+        /* @__PURE__ */ e(S, { style: { margin: "var(--tz-space-md) 0" } }),
+        /* @__PURE__ */ e(c, { variant: "subtitle", as: "h3", children: a("settings.shapeTitle") }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            variant: "bodySmall",
+            color: "muted",
+            as: "p",
+            style: { marginTop: "var(--tz-space-xxs)" },
+            children: a("settings.shapeDesc")
+          }
+        ),
+        /* @__PURE__ */ e(
+          E,
+          {
+            exclusive: !0,
+            color: "accent",
+            minCardWidth: 130,
+            value: O,
+            onChange: (s) => {
+              (s === "rounded" || s === "square") && d(s);
+            },
+            options: [
+              {
+                value: "rounded",
+                label: a("settings.rounded"),
+                description: a("settings.roundedDesc")
+              },
+              { value: "square", label: a("settings.square"), description: a("settings.squareDesc") }
+            ],
+            "aria-label": a("settings.shapeTitle"),
+            style: { marginTop: "var(--tz-space-sm)" }
+          }
+        )
+      ]
+    }
+  );
+}
+const Ne = "_shell_17qsl_5", qe = "_shellCollapsed_17qsl_21", xe = "_sidebar_17qsl_21", Ae = "_sidebarInner_17qsl_49", ze = "_sidebarClose_17qsl_58", we = "_backdrop_17qsl_65", Le = "_brand_17qsl_70", Fe = "_sidebarSearch_17qsl_86", De = "_navScroll_17qsl_99", Ie = "_sidebarFooter_17qsl_108", Be = "_headerSearch_17qsl_115", Me = "_main_17qsl_119", Re = "_topbar_17qsl_126", Ee = "_topbarSticky_17qsl_139", He = "_headerStart_17qsl_150", Pe = "_headerEnd_17qsl_159", Oe = "_account_17qsl_166", We = "_content_17qsl_182", je = "_pageTitleRow_17qsl_189", Qe = "_pageTitle_17qsl_189", Ge = "_pageActions_17qsl_207", Ue = "_pageActionsFab_17qsl_221", Xe = "_pageActionsLetter_17qsl_236", Ye = "_settings_17qsl_248", n = {
+  shell: Ne,
+  shellCollapsed: qe,
+  sidebar: xe,
+  sidebarInner: Ae,
+  sidebarClose: ze,
+  backdrop: we,
+  brand: Le,
+  sidebarSearch: Fe,
+  navScroll: De,
+  sidebarFooter: Ie,
+  headerSearch: Be,
+  main: Me,
+  topbar: Re,
+  topbarSticky: Ee,
+  headerStart: He,
+  headerEnd: Pe,
+  account: Oe,
+  content: We,
+  pageTitleRow: je,
+  pageTitle: Qe,
+  pageActions: Ge,
+  pageActionsFab: Ue,
+  pageActionsLetter: Xe,
+  settings: Ye
+}, Je = (o) => typeof o == "string" ? /* @__PURE__ */ e(g, { name: o }) : o, Ke = (o) => o.icon != null ? o.icon : typeof o.label == "string" && o.label.trim() ? /* @__PURE__ */ e("span", { className: n.pageActionsLetter, children: o.label.trim()[0].toUpperCase() }) : "More";
+function Ve({ actions: o }) {
+  const b = P(), f = Z("xs");
+  return o.length ? f && o.length >= 2 ? /* @__PURE__ */ e(
+    ye,
+    {
+      ariaLabel: b("pageActions.label"),
+      icon: "Add",
+      direction: "up",
+      className: n.pageActionsFab,
+      actions: o.map((l) => ({
+        icon: Ke(l),
+        label: l.label,
+        onClick: l.onClick,
+        disabled: l.disabled
+      }))
+    }
+  ) : /* @__PURE__ */ e(w, { children: o.map((l, C) => /* @__PURE__ */ e(
+    Ce,
+    {
+      size: "sm",
+      color: l.color,
+      variant: l.variant,
+      disabled: l.disabled,
+      startIcon: l.icon != null ? Je(l.icon) : void 0,
+      onClick: l.onClick,
+      children: l.label
+    },
+    C
+  )) }) : null;
+}
+function qa({
+  logo: o,
+  sidebarFooter: b,
+  header: f,
+  toaster: l = !0,
+  children: C
+}) {
+  const y = me(), T = pe(), { headerSticky: L } = ee(), { language: F, setLanguage: D, languages: v } = _e(), m = P(), d = { ...Se(), ...f }, a = d.theme ?? !0, I = d.fullscreen ?? !1, k = d.settings ?? !0, _ = d.search ?? !0, N = d.languages ?? !0, W = d.breadcrumbs ?? !0, B = typeof l == "object" ? l : void 0, q = d.pageTitle ?? !0, s = d.onLogout, i = d.user, p = d.menu ?? [], u = Z("md"), [h, x] = H(u);
+  U(() => {
+    x(u);
+  }, [u]), le(u && !h);
+  const ae = X({ select: (t) => t.location.pathname });
+  U(() => {
+    u && x(!0);
+  }, [ae]);
+  const j = X({
+    select: (t) => t.statusCode === 404 || t.matches.some((M) => M.status === "notFound")
+  }), [te, Q] = H(!1), se = ne(), G = (he() ?? []).map((t) => ({
+    label: t.label,
+    icon: t.icon,
+    color: t.color,
+    variant: t.variant,
+    disabled: t.disabled,
+    onClick: t.onClick ?? (t.to ? () => se({ to: t.to, params: t.params, search: t.search }) : void 0)
+  }));
+  return /* @__PURE__ */ r("div", { className: Y(n.shell, h && n.shellCollapsed), children: [
+    /* @__PURE__ */ e("aside", { className: n.sidebar, children: /* @__PURE__ */ r("div", { className: n.sidebarInner, children: [
+      o ? /* @__PURE__ */ r("div", { className: n.brand, children: [
+        o,
+        /* @__PURE__ */ e(
+          A,
+          {
+            variant: "filled",
+            size: "sm",
+            className: n.sidebarClose,
+            "aria-label": m("common.close"),
+            onClick: () => x(!0),
+            children: /* @__PURE__ */ e(g, { name: "Close" })
+          }
+        )
+      ] }) : null,
+      _ ? /* @__PURE__ */ e("div", { className: n.sidebarSearch, children: /* @__PURE__ */ e(V, {}) }) : null,
+      /* @__PURE__ */ e("div", { className: n.navScroll, children: /* @__PURE__ */ e(ge, {}) }),
+      b ? /* @__PURE__ */ e("div", { className: n.sidebarFooter, children: b }) : null
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: n.backdrop, onClick: () => x(!0), "aria-hidden": "true" }),
+    /* @__PURE__ */ r("div", { className: n.main, children: [
+      /* @__PURE__ */ r("header", { className: Y(n.topbar, L && n.topbarSticky), children: [
+        /* @__PURE__ */ r("div", { className: n.headerStart, children: [
+          /* @__PURE__ */ e(
+            A,
+            {
+              "aria-label": h ? "Show sidebar" : "Hide sidebar",
+              "aria-expanded": !h,
+              variant: "filled",
+              size: "sm",
+              onClick: () => x((t) => !t),
+              children: /* @__PURE__ */ e(g, { name: "Menu" })
+            }
+          ),
+          _ ? /* @__PURE__ */ e("div", { className: n.headerSearch, children: /* @__PURE__ */ e(V, {}) }) : null
+        ] }),
+        /* @__PURE__ */ r("div", { className: n.headerEnd, children: [
+          I ? /* @__PURE__ */ e(re, { variant: "filled", size: "sm" }) : null,
+          a ? /* @__PURE__ */ e(ie, { variant: "filled", size: "sm" }) : null,
+          N && v.length > 1 ? /* @__PURE__ */ e(
+            K,
+            {
+              placement: "bottom-end",
+              trigger: /* @__PURE__ */ e(A, { variant: "filled", size: "sm", "aria-label": m("language.label"), children: /* @__PURE__ */ e(g, { name: "Global" }) }),
+              children: v.map((t) => /* @__PURE__ */ e(
+                R,
+                {
+                  clickable: !0,
+                  selected: t.code === F,
+                  onClick: () => D(t.code),
+                  icon: /* @__PURE__ */ e(ue, { code: t.code }),
+                  children: t.label ?? t.code
+                },
+                t.code
+              ))
+            }
+          ) : null,
+          k ? /* @__PURE__ */ e(
+            A,
+            {
+              "aria-label": m("settings.label"),
+              variant: "text",
+              size: "sm",
+              className: n.settings,
+              onClick: () => Q(!0),
+              children: /* @__PURE__ */ e(g, { name: "Setting5" })
+            }
+          ) : null,
+          s ? /* @__PURE__ */ r(
+            K,
+            {
+              placement: "bottom-end",
+              style: { minWidth: 230 },
+              trigger: /* @__PURE__ */ e("button", { type: "button", className: n.account, "aria-label": m("account.label"), children: /* @__PURE__ */ e(J, { size: "md", name: i == null ? void 0 : i.name, src: i == null ? void 0 : i.avatar, color: "primary" }) }),
+              children: [
+                i ? /* @__PURE__ */ r(w, { children: [
+                  /* @__PURE__ */ r(oe, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-xs)", children: [
+                    /* @__PURE__ */ e(J, { size: "md", name: i.name, src: i.avatar, color: "primary" }),
+                    /* @__PURE__ */ r($, { gap: 2, children: [
+                      /* @__PURE__ */ e(c, { variant: "body", children: i.name ?? m("userCard.welcome") }),
+                      i.email ? /* @__PURE__ */ e(c, { variant: "bodySmall", color: "muted", children: i.email }) : null
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(S, {})
+                ] }) : null,
+                p.map((t, M) => /* @__PURE__ */ e(
+                  R,
+                  {
+                    icon: t.icon ? /* @__PURE__ */ e(g, { name: t.icon, color: t.color }) : void 0,
+                    color: t.color,
+                    clickable: !0,
+                    disabled: t.disabled,
+                    onClick: t.onClick,
+                    children: t.label
+                  },
+                  M
+                )),
+                p.length > 0 ? /* @__PURE__ */ e(S, {}) : null,
+                /* @__PURE__ */ e(R, { icon: /* @__PURE__ */ e(g, { name: "Logout2", color: "error" }), clickable: !0, onClick: s, children: m("userCard.signOut") })
+              ]
+            }
+          ) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ r("main", { className: n.content, children: [
+        W && !j ? /* @__PURE__ */ e(ce, {}) : null,
+        q && !j && (y || T) ? /* @__PURE__ */ r("div", { className: n.pageTitleRow, children: [
+          T ? /* @__PURE__ */ e(
+            A,
+            {
+              "aria-label": m("pageTitle.back"),
+              variant: "filled",
+              color: "accent",
+              className: n.backButton,
+              onClick: T,
+              size: "sm",
+              children: /* @__PURE__ */ e(g, { name: "ArrowLeft" })
+            }
+          ) : null,
+          y ? /* @__PURE__ */ e(c, { variant: "h2", className: n.pageTitle, children: y }) : null,
+          G.length > 0 ? /* @__PURE__ */ e("div", { className: n.pageActions, children: /* @__PURE__ */ e(Ve, { actions: G }) }) : null
+        ] }) : null,
+        C
+      ] })
+    ] }),
+    l !== !1 && /* @__PURE__ */ e(de, { ...B }),
+    k ? /* @__PURE__ */ e(
+      ke,
+      {
+        open: te,
+        onClose: () => Q(!1),
+        showTheme: a
+      }
+    ) : null
+  ] });
+}
+export {
+  qa as R
+};
+//# sourceMappingURL=RootLayout-D3K-pAMO.js.map