@techzyapp/ui-library 1.0.21 → 1.0.23

package/dist/RootLayout-CB-3FgOp.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),S=require("react"),O=require("@tanstack/react-router"),P=require("clsx"),K=require("./useMediaQuery-CHMrI6Dy.cjs"),V=require("./useLockBodyScroll-CIXHZo-Q.cjs"),H=require("./Avatar-Dgf04PBC.cjs"),E=require("./Col-BdQeyKEX.cjs"),N=require("./Divider-CzbhdCiD.cjs"),G=require("./Dropdown-Ui7h2TGd.cjs"),p=require("./Icon-BVULqOJD.cjs"),T=require("./IconButton-Lv0sDDR9.cjs"),Q=require("./ListItem-yXXjtepZ.cjs"),X=require("./FullscreenToggle-BncatGKj.cjs"),Z=require("./ThemeToggle-isboxfZk.cjs"),c=require("./Typography-BFatE1_A.cjs"),$=require("./Breadcrumbs-CknDBLMw.cjs"),ee=require("./Toaster-Qnsq3guQ.cjs"),f=require("./Sidebar-Cv95DJxZ.cjs"),se=require("./Flag-Bxnx26DM.cjs"),te=require("./Modal-V6eyGSzW.cjs"),U=require("./ChoiceCardGroup-d0VVTUi5.cjs"),ae=require("./Select-Cx1Yl8nq.cjs"),ne=require("./SwatchPicker-CCJltwHI.cjs"),i=require("./ConfigProvider-C7DUWHrb.cjs"),re={light:["#dc2626","#ea580c","#d97706","#ca8a04","#65a30d","#16a34a","#059669","#0891b2","#0284c7","#2563eb","#4f46e5","#7c3aed","#c026d3","#db2777","#475569"],dark:["#f87171","#fb923c","#fbbf24","#facc15","#a3e635","#4ade80","#34d399","#22d3ee","#38bdf8","#60a5fa","#818cf8","#a78bfa","#e879f9","#f472b6","#94a3b8"]};function oe({open:C,onClose:k,showTheme:F=!0}){const{mode:h,setMode:q,accentColors:b,defaultAccentColors:j,setAccentColor:I,headerSticky:z,setHeaderSticky:D,fontFamily:g,setFontFamily:d}=i.useTheme(),s=i.useT(),[o,x]=S.useState(""),_=o.trim(),m=g!==i.DEFAULT_FONT_FAMILY?[i.DEFAULT_FONT_FAMILY,g]:[i.DEFAULT_FONT_FAMILY],B=(_.length>0&&!m.some(a=>a.toLowerCase()===_.toLowerCase())?[_,...m]:m).map(a=>({value:a,label:a===i.DEFAULT_FONT_FAMILY?s("settings.fontDefault",{font:a}):a})),v=(a,w)=>{const u=j[a],n=[u,...re[a].filter(l=>l.toLowerCase()!==u.toLowerCase())];return e.jsx(ne.SwatchPicker,{label:w,colors:n,value:b[a]??u,onChange:l=>I(l.toLowerCase()===u.toLowerCase()?null:l,a),labels:{[u]:s("settings.accentDefault",{color:u})},"aria-label":String(w)})};return e.jsxs(te.Modal,{open:C,onClose:k,placement:"right",size:"sm",title:s("settings.label"),icon:"Setting5",children:[F&&e.jsxs(e.Fragment,{children:[e.jsx(c.Typography,{variant:"subtitle",as:"h3",children:s("settings.themeTitle")}),e.jsx(c.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.themeDesc")}),e.jsx(U.ChoiceCardGroup,{exclusive:!0,color:"accent",minCardWidth:130,value:h,onChange:a=>{typeof a=="string"&&q(a)},options:[{value:"light",label:s("settings.light"),description:s("settings.lightDesc"),icon:"Sun"},{value:"dark",label:s("settings.dark"),description:s("settings.darkDesc"),icon:"Moon"}],"aria-label":s("settings.themeTitle"),style:{marginTop:"var(--tz-space-sm)"}}),e.jsx(N.Divider,{style:{margin:"var(--tz-space-md) 0"}})]}),e.jsx(c.Typography,{variant:"subtitle",as:"h3",children:s("settings.accentTitle")}),e.jsx(c.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.accentDesc")}),e.jsx(E.Col,{gap:"md",style:{marginTop:"var(--tz-space-sm)"},children:F?e.jsxs(e.Fragment,{children:[v("light",s("settings.lightTheme")),v("dark",s("settings.darkTheme"))]}):v(h,s(h==="light"?"settings.lightTheme":"settings.darkTheme"))}),e.jsx(N.Divider,{style:{margin:"var(--tz-space-md) 0"}}),e.jsx(c.Typography,{variant:"subtitle",as:"h3",children:s("settings.fontTitle")}),e.jsx(c.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.fontDesc")}),e.jsx(ae.Select,{label:s("settings.fontFamily"),searchable:!0,searchPlaceholder:s("settings.fontSearch"),value:g,options:B,onSearchChange:x,onChange:a=>{d(a),x("")},"aria-label":s("settings.fontFamily"),style:{marginTop:"var(--tz-space-sm)"}}),e.jsx(N.Divider,{style:{margin:"var(--tz-space-md) 0"}}),e.jsx(c.Typography,{variant:"subtitle",as:"h3",children:s("settings.headerTitle")}),e.jsx(c.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.headerDesc")}),e.jsx(U.ChoiceCardGroup,{exclusive:!0,color:"accent",minCardWidth:130,value:z?"fixed":"static",onChange:a=>{typeof a=="string"&&D(a==="fixed")},options:[{value:"static",label:s("settings.scrollable"),description:s("settings.scrollableDesc")},{value:"fixed",label:s("settings.fixed"),description:s("settings.fixedDesc")}],"aria-label":s("settings.headerTitle"),style:{marginTop:"var(--tz-space-sm)"}})]})}const ce="_shell_1529j_5",le="_shellCollapsed_1529j_21",ie="_sidebar_1529j_21",de="_sidebarInner_1529j_49",ue="_sidebarClose_1529j_58",he="_backdrop_1529j_65",ge="_brand_1529j_70",me="_sidebarSearch_1529j_86",pe="_navScroll_1529j_99",be="_sidebarFooter_1529j_108",je="_headerSearch_1529j_115",xe="_main_1529j_119",_e="_topbar_1529j_126",ve="_topbarSticky_1529j_139",ye="_headerStart_1529j_150",Te="_headerEnd_1529j_159",fe="_account_1529j_166",Se="_content_1529j_182",Ce="_pageTitleRow_1529j_189",ke="_pageTitle_1529j_189",Fe="_settings_1529j_211",t={shell:ce,shellCollapsed:le,sidebar:ie,sidebarInner:de,sidebarClose:ue,backdrop:he,brand:ge,sidebarSearch:me,navScroll:pe,sidebarFooter:be,headerSearch:je,main:xe,topbar:_e,topbarSticky:ve,headerStart:ye,headerEnd:Te,account:fe,content:Se,pageTitleRow:Ce,pageTitle:ke,settings:Fe};function we({logo:C,sidebarFooter:k,header:F,toaster:h=!0,children:q}){const b=f.usePageTitle(),j=f.usePageBack(),{headerSticky:I}=i.useTheme(),{language:z,setLanguage:D,languages:g}=i.useLanguage(),d=i.useT(),o={...i.useHeaderConfig(),...F},x=o.theme??!0,_=o.fullscreen??!1,m=o.settings??!0,A=o.search??!0,B=o.languages??!0,v=o.breadcrumbs??!0,a=typeof h=="object"?h:void 0,w=o.pageTitle??!0,u=o.onLogout,n=o.user,l=K.useMediaQuery("md"),[L,y]=S.useState(l);S.useEffect(()=>{y(l)},[l]),V.useLockBodyScroll(l&&!L);const Y=O.useRouterState({select:r=>r.location.pathname});S.useEffect(()=>{l&&y(!0)},[Y]);const M=O.useRouterState({select:r=>r.statusCode===404||r.matches.some(J=>J.status==="notFound")}),[W,R]=S.useState(!1);return e.jsxs("div",{className:P.clsx(t.shell,L&&t.shellCollapsed),children:[e.jsx("aside",{className:t.sidebar,children:e.jsxs("div",{className:t.sidebarInner,children:[C?e.jsxs("div",{className:t.brand,children:[C,e.jsx(T.IconButton,{variant:"filled",size:"sm",className:t.sidebarClose,"aria-label":d("common.close"),onClick:()=>y(!0),children:e.jsx(p.Icon,{name:"Close"})})]}):null,A?e.jsx("div",{className:t.sidebarSearch,children:e.jsx(f.NavSearch,{})}):null,e.jsx("div",{className:t.navScroll,children:e.jsx(f.Sidebar,{})}),k?e.jsx("div",{className:t.sidebarFooter,children:k}):null]})}),e.jsx("div",{className:t.backdrop,onClick:()=>y(!0),"aria-hidden":"true"}),e.jsxs("div",{className:t.main,children:[e.jsxs("header",{className:P.clsx(t.topbar,I&&t.topbarSticky),children:[e.jsxs("div",{className:t.headerStart,children:[e.jsx(T.IconButton,{"aria-label":L?"Show sidebar":"Hide sidebar","aria-expanded":!L,variant:"filled",size:"sm",onClick:()=>y(r=>!r),children:e.jsx(p.Icon,{name:"Menu"})}),A?e.jsx("div",{className:t.headerSearch,children:e.jsx(f.NavSearch,{})}):null]}),e.jsxs("div",{className:t.headerEnd,children:[_?e.jsx(X.FullscreenToggle,{variant:"filled",size:"sm"}):null,x?e.jsx(Z.ThemeToggle,{variant:"filled",size:"sm"}):null,B&&g.length>1?e.jsx(G.Dropdown,{placement:"bottom-end",trigger:e.jsx(T.IconButton,{variant:"filled",size:"sm","aria-label":d("language.label"),children:e.jsx(p.Icon,{name:"Global"})}),children:g.map(r=>e.jsx(Q.ListItem,{clickable:!0,selected:r.code===z,onClick:()=>D(r.code),icon:e.jsx(se.Flag,{code:r.code}),children:r.label??r.code},r.code))}):null,m?e.jsx(T.IconButton,{"aria-label":d("settings.label"),variant:"text",size:"sm",className:t.settings,onClick:()=>R(!0),children:e.jsx(p.Icon,{name:"Setting5"})}):null,u?e.jsxs(G.Dropdown,{placement:"bottom-end",trigger:e.jsx("button",{type:"button",className:t.account,"aria-label":d("account.label"),children:e.jsx(H.Avatar,{size:"md",name:n==null?void 0:n.name,src:n==null?void 0:n.avatar,color:"primary"})}),children:[n?e.jsxs(e.Fragment,{children:[e.jsxs(E.Row,{gap:8,align:"center",padding:"var(--tz-space-xxs) var(--tz-space-sm)",children:[e.jsx(H.Avatar,{size:"sm",name:n.name,src:n.avatar,color:"primary"}),e.jsxs(E.Col,{gap:2,children:[e.jsx(c.Typography,{variant:"bodySmall",children:n.name??d("userCard.welcome")}),n.email?e.jsx(c.Typography,{variant:"caption",color:"muted",children:n.email}):null]})]}),e.jsx(N.Divider,{})]}):null,e.jsx(Q.ListItem,{icon:e.jsx(p.Icon,{name:"Logout2",color:"error"}),clickable:!0,onClick:u,children:d("userCard.signOut")})]}):null]})]}),e.jsxs("main",{className:t.content,children:[v&&!M?e.jsx($.Breadcrumbs,{}):null,w&&!M&&(b||j)?e.jsxs("div",{className:t.pageTitleRow,children:[j?e.jsx(T.IconButton,{"aria-label":d("pageTitle.back"),variant:"filled",color:"accent",className:t.backButton,onClick:j,size:"sm",children:e.jsx(p.Icon,{name:"ArrowLeft"})}):null,b?e.jsx(c.Typography,{variant:"h2",className:t.pageTitle,children:b}):null]}):null,q]})]}),h!==!1&&e.jsx(ee.Toaster,{...a}),m?e.jsx(oe,{open:W,onClose:()=>R(!1),showTheme:x}):null]})}exports.RootLayout=we;
-//# sourceMappingURL=RootLayout-CB-3FgOp.cjs.map

package/dist/RootLayout-CB-3FgOp.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RootLayout-CB-3FgOp.cjs","sources":["../src/components/RootLayout/SettingsDrawer.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`). 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  } = 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    </Modal>\n  )\n}\n","import { useEffect, useState, type ReactNode } from 'react'\nimport { useRouterState } 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, usePageBack, usePageTitle } from '../Sidebar/Sidebar'\nimport { Flag } from '../Flag'\nimport { SettingsDrawer } from './SettingsDrawer'\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  // 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\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                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-sm)\">\n                      <Avatar size=\"sm\" 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=\"bodySmall\">\n                          {user.name ?? t('userCard.welcome')}\n                        </Typography>\n                        {user.email ? (\n                          <Typography variant=\"caption\" color=\"muted\">\n                            {user.email}\n                          </Typography>\n                        ) : null}\n                      </Col>\n                    </Row>\n                    <Divider />\n                  </>\n                ) : 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            </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","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","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","isNarrow","useMediaQuery","collapsed","setCollapsed","useEffect","useLockBodyScroll","pathname","useRouterState","s","isNotFound","m","settingsOpen","setSettingsOpen","clsx","styles","IconButton","Icon","NavSearch","Sidebar","FullscreenToggle","ThemeToggle","Dropdown","l","ListItem","Flag","Avatar","Row","Breadcrumbs","Toaster"],"mappings":"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"}

package/dist/Sidebar-CJ7DtOqb.js

@@ -1,513 +0,0 @@
-import { jsx as u, jsxs as P, Fragment as A } from "react/jsx-runtime";
-import { useMemo as L, useState as T, useRef as Y, useEffect as k } from "react";
-import { Navigate as U, useRouterState as N, Link as y, useRouter as M, useNavigate as F } from "@tanstack/react-router";
-import { clsx as W } from "clsx";
-import { I as O } from "./Icon-DaTvzLBu.js";
-import { L as w } from "./List-LqbfF6gU.js";
-import { L as E } from "./ListItem-Cn15lJBr.js";
-import { T as q } from "./TextField-DcdwUA9d.js";
-import { u as H, h as G } from "./access-Db4knwyR.js";
-import { a as Q } from "./ConfigProvider-DT0yrgmd.js";
-const X = "_nav_a1zzi_4", J = "_module_a1zzi_17", Z = "_search_a1zzi_25", ee = "_searchPanel_a1zzi_31", te = "_moduleLabel_a1zzi_46", oe = "_leaves_a1zzi_61", ne = "_navBadge_a1zzi_66", ae = "_navDot_a1zzi_78", se = "_leafDot_a1zzi_86", le = "_collapsible_a1zzi_95", re = "_collapsibleClosed_a1zzi_100", ce = "_collapsibleInner_a1zzi_103", ie = "_chevron_a1zzi_109", ue = "_chevronButton_a1zzi_119", b = {
-  nav: X,
-  module: J,
-  search: Z,
-  searchPanel: ee,
-  moduleLabel: te,
-  leaves: oe,
-  navBadge: ne,
-  navDot: ae,
-  leafDot: se,
-  collapsible: le,
-  collapsibleClosed: re,
-  collapsibleInner: ce,
-  chevron: ie,
-  chevronButton: ue
-}, C = E, de = (e) => e.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" "), R = (e) => e.replace(/^\/+|\/+$/g, ""), B = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, D = (e, o) => e.order - o.order || e.label.localeCompare(o.label);
-function fe(e) {
-  const o = [];
-  for (const a of e) {
-    const r = a.staticData, s = R(a.fullPath);
-    !(r != null && r.name) || !s || o.push({ path: s, name: r.name, sd: r });
-  }
-  const t = new Map(o.map((a) => [a.path, a])), n = o.map((a) => a.path), l = (a) => n.some((r) => {
-    var s;
-    return r !== a && r.startsWith(`${a}/`) && !((s = t.get(r)) != null && s.sd.hidden);
-  }), i = new Set(e.map((a) => a.fullPath)), h = (a) => i.has(`/${a}/`), m = (a, r) => {
-    const s = t.get(a);
-    return {
-      label: (s == null ? void 0 : s.name) ?? de(r),
-      icon: s == null ? void 0 : s.sd.icon,
-      badge: s == null ? void 0 : s.sd.badge,
-      dot: s == null ? void 0 : s.sd.dot,
-      order: (s == null ? void 0 : s.sd.order) ?? Number.POSITIVE_INFINITY
-    };
-  }, p = /* @__PURE__ */ new Map(), f = (a) => {
-    let r = p.get(a);
-    if (!r) {
-      const s = m(a, a);
-      r = { label: s.label, icon: s.icon, order: s.order, groups: /* @__PURE__ */ new Map() }, p.set(a, r);
-    }
-    return r;
-  }, g = [];
-  for (const { path: a, name: r, sd: s } of o) {
-    const _ = a.split("/");
-    if (_.length <= 2 && l(a) || s.hidden) continue;
-    if (_.length === 1) {
-      g.push({
-        label: r,
-        to: `/${a}`,
-        icon: s.icon,
-        badge: s.badge,
-        dot: s.dot,
-        order: s.order ?? Number.POSITIVE_INFINITY
-      });
-      continue;
-    }
-    const c = f(_[0]);
-    if (_.length === 2)
-      c.groups.set(a, {
-        label: r,
-        icon: s.icon,
-        to: `/${a}`,
-        badge: s.badge,
-        dot: s.dot,
-        order: s.order ?? Number.POSITIVE_INFINITY,
-        leaves: [],
-        isContainer: !1
-      });
-    else {
-      const d = _.slice(0, 2).join("/");
-      let v = c.groups.get(d);
-      if (!v) {
-        const z = m(d, _[1]);
-        v = {
-          label: z.label,
-          icon: z.icon,
-          badge: z.badge,
-          dot: z.dot,
-          order: z.order,
-          to: h(d) ? `/${d}` : void 0,
-          leaves: [],
-          isContainer: !0
-        }, c.groups.set(d, v);
-      }
-      v.leaves.push({
-        label: r,
-        to: `/${a}`,
-        icon: s.icon,
-        badge: s.badge,
-        dot: s.dot,
-        order: s.order ?? Number.POSITIVE_INFINITY
-      });
-    }
-  }
-  return {
-    links: g.sort(D).map((a) => ({ label: a.label, to: a.to, icon: a.icon, badge: a.badge, dot: a.dot })),
-    modules: [...p.values()].sort(D).map(
-      (a) => ({
-        module: a.label,
-        icon: a.icon,
-        groups: [...a.groups.values()].sort(D).map(
-          (r) => ({
-            label: r.label,
-            icon: r.icon,
-            to: r.to,
-            badge: r.badge,
-            dot: r.dot,
-            children: r.isContainer ? r.leaves.sort(D).map((s) => ({
-              label: s.label,
-              to: s.to,
-              icon: s.icon,
-              badge: s.badge,
-              dot: s.dot
-            })) : void 0
-          })
-        )
-      })
-    )
-  };
-}
-function S() {
-  const e = M(), o = H();
-  return L(
-    () => fe(
-      Object.values(e.looseRoutesById).map((t) => {
-        var n;
-        return {
-          fullPath: t.fullPath,
-          staticData: (n = t.options) == null ? void 0 : n.staticData
-        };
-      }).filter((t) => {
-        var n;
-        return G((n = t.staticData) == null ? void 0 : n.roles);
-      })
-    ),
-    [e, o]
-  );
-}
-function j(e) {
-  var o;
-  if (e.links[0]) return e.links[0].to;
-  for (const t of e.modules)
-    for (const n of t.groups) {
-      if (n.to) return n.to;
-      const l = (o = n.children) == null ? void 0 : o[0];
-      if (l) return l.to;
-    }
-}
-function he() {
-  return j(S());
-}
-function me(e) {
-  var t;
-  const o = /* @__PURE__ */ new Map();
-  for (const n of e) {
-    const l = (t = n.staticData) == null ? void 0 : t.name;
-    if (!l) continue;
-    const i = B(n.fullPath);
-    o.has(i) || o.set(i, l);
-  }
-  return o;
-}
-function K(e, o) {
-  const t = [];
-  let n = "";
-  for (const l of R(e).split("/").filter(Boolean)) {
-    n += `/${l}`;
-    const i = o.get(n);
-    i && t.push({ name: i, to: n });
-  }
-  return t;
-}
-function V() {
-  const e = M();
-  return L(
-    () => me(
-      Object.values(e.looseRoutesById).map((o) => {
-        var t;
-        return {
-          fullPath: o.fullPath,
-          staticData: (t = o.options) == null ? void 0 : t.staticData
-        };
-      })
-    ),
-    [e]
-  );
-}
-function $(e, o) {
-  if (e != null)
-    return typeof e == "function" ? e(o) : e;
-}
-function be(e, o, t) {
-  return $(e, t) ?? $(o, t);
-}
-function pe() {
-  var o;
-  const e = N({ select: (t) => t.matches });
-  for (let t = e.length - 1; t >= 0; t--) {
-    const n = $(
-      (o = e[t].staticData) == null ? void 0 : o.title,
-      e[t].params ?? {}
-    );
-    if (n) return n;
-  }
-}
-function ve(e, o) {
-  if (!(e == null || e === !1))
-    return e === !0 ? { kind: "history" } : { kind: "navigate", to: typeof e == "function" ? e(o) : e };
-}
-function Ae() {
-  var n;
-  const e = M(), o = F(), t = N({ select: (l) => l.matches });
-  for (let l = t.length - 1; l >= 0; l--) {
-    const i = (n = t[l].staticData) == null ? void 0 : n.back;
-    if (i == null) continue;
-    const h = ve(i, t[l].params ?? {});
-    return h ? h.kind === "history" ? () => e.history.back() : () => o({ to: h.to }) : void 0;
-  }
-}
-function ge() {
-  const e = N({ select: (o) => o.matches });
-  for (let o = e.length - 1; o >= 0; o--) {
-    const t = e[o].staticData, n = be(
-      t == null ? void 0 : t.breadcrumb,
-      t == null ? void 0 : t.title,
-      e[o].params ?? {}
-    );
-    if (n) return n;
-  }
-}
-function Fe() {
-  const e = pe(), o = V(), t = N({ select: (l) => l.location.pathname });
-  if (e != null) return e;
-  const n = K(t, o);
-  return n.length > 0 ? n[n.length - 1].name : void 0;
-}
-function _e(e) {
-  const o = /* @__PURE__ */ new Set();
-  for (const t of e.links) o.add(t.to);
-  for (const t of e.modules)
-    for (const n of t.groups) {
-      n.to && o.add(n.to);
-      for (const l of n.children ?? []) o.add(l.to);
-    }
-  return o;
-}
-function Ne(e, o) {
-  const { leafPath: t, leafTitle: n, navigable: l } = o, i = e.map(({ name: h, to: m }) => ({
-    label: h,
-    to: m !== t && l.has(m) ? m : void 0
-  }));
-  return n && (e.length > 0 && e[e.length - 1].to === t ? i[i.length - 1] = { label: n } : i.push({ label: n })), i;
-}
-function Oe() {
-  const e = S(), o = V(), t = N({ select: (h) => h.location.pathname }), n = ge(), l = j(e), i = Ne(K(t, o), {
-    leafPath: B(t),
-    leafTitle: n,
-    navigable: _e(e)
-  });
-  return { homeTo: l, items: i };
-}
-function Re() {
-  const e = he();
-  return e ? /* @__PURE__ */ u(U, { to: e }) : null;
-}
-function je() {
-  const { links: e, modules: o } = S(), t = N({ select: (n) => n.location.pathname });
-  return /* @__PURE__ */ P("nav", { className: b.nav, children: [
-    e.length > 0 ? /* @__PURE__ */ u(w, { children: e.map((n) => /* @__PURE__ */ u(
-      C,
-      {
-        as: y,
-        to: n.to,
-        icon: n.icon,
-        selected: x(t, n.to),
-        clickable: !0,
-        trailing: I(n.badge, n.dot),
-        children: n.label
-      },
-      n.to
-    )) }) : null,
-    o.map((n) => /* @__PURE__ */ P("div", { className: b.module, children: [
-      /* @__PURE__ */ u("div", { className: b.moduleLabel, children: n.module }),
-      /* @__PURE__ */ u(w, { children: n.groups.map((l) => /* @__PURE__ */ u(ke, { group: l, pathname: t }, l.label)) })
-    ] }, n.module))
-  ] });
-}
-function ze(e) {
-  const o = [];
-  for (const t of e.links) o.push({ label: t.label, to: t.to });
-  for (const t of e.modules)
-    for (const n of t.groups) {
-      n.to && o.push({ label: n.label, to: n.to, context: t.module });
-      for (const l of n.children ?? [])
-        o.push({
-          label: l.label,
-          to: l.to,
-          context: `${t.module} · ${n.label}`
-        });
-    }
-  return o;
-}
-const Ie = 8;
-function Ke() {
-  const e = Q(), o = S(), t = F(), n = L(() => ze(o), [o]), [l, i] = T(""), [h, m] = T(!1), [p, f] = T(0), g = Y(null), a = L(() => {
-    const c = l.trim().toLowerCase();
-    return c ? n.filter(
-      (d) => {
-        var v;
-        return d.label.toLowerCase().includes(c) || (((v = d.context) == null ? void 0 : v.toLowerCase().includes(c)) ?? !1);
-      }
-    ).slice(0, Ie) : [];
-  }, [n, l]), r = h && a.length > 0;
-  k(() => f(0), [l]), k(() => {
-    f((c) => c > a.length - 1 ? Math.max(0, a.length - 1) : c);
-  }, [a.length]), k(() => {
-    if (!h) return;
-    const c = (d) => {
-      g.current && !g.current.contains(d.target) && m(!1);
-    };
-    return document.addEventListener("pointerdown", c), () => document.removeEventListener("pointerdown", c);
-  }, [h]);
-  const s = (c) => {
-    t({ to: c }), i(""), m(!1);
-  }, _ = (c) => {
-    if (r)
-      if (c.key === "ArrowDown")
-        c.preventDefault(), f((d) => (d + 1) % a.length);
-      else if (c.key === "ArrowUp")
-        c.preventDefault(), f((d) => (d - 1 + a.length) % a.length);
-      else if (c.key === "Enter") {
-        c.preventDefault();
-        const d = a[p];
-        d && s(d.to);
-      } else c.key === "Escape" && m(!1);
-  };
-  return /* @__PURE__ */ P(
-    "div",
-    {
-      ref: g,
-      className: b.search,
-      role: "combobox",
-      "aria-expanded": r,
-      "aria-haspopup": "listbox",
-      children: [
-        /* @__PURE__ */ u(
-          q,
-          {
-            value: l,
-            onChange: (c) => {
-              i(c.target.value), m(!0);
-            },
-            onFocus: () => m(!0),
-            onKeyDown: _,
-            adornment: /* @__PURE__ */ u(O, { name: "SearchNormal" }),
-            placeholder: e("sidebar.searchPages"),
-            "aria-label": e("sidebar.searchPages"),
-            autoComplete: "off"
-          }
-        ),
-        r ? /* @__PURE__ */ u("div", { className: b.searchPanel, children: /* @__PURE__ */ u(w, { role: "listbox", children: a.map((c, d) => /* @__PURE__ */ u(
-          E,
-          {
-            description: c.context,
-            clickable: !0,
-            selected: d === p,
-            onMouseDown: (v) => v.preventDefault(),
-            onMouseEnter: () => f(d),
-            onClick: () => s(c.to),
-            children: c.label
-          },
-          c.to
-        )) }) }) : null
-      ]
-    }
-  );
-}
-function x(e, o) {
-  const t = B(e), n = B(o);
-  return n === "/" ? t === "/" : t === n || t.startsWith(n + "/");
-}
-function Pe(e, o) {
-  var t;
-  return e.to && x(o, e.to) ? !0 : ((t = e.children) == null ? void 0 : t.some((n) => x(o, n.to))) ?? !1;
-}
-function De(e) {
-  return e ? /* @__PURE__ */ u("span", { className: b.navBadge, children: e }) : null;
-}
-function Te(e) {
-  return e ? /* @__PURE__ */ u("span", { className: b.navDot, style: { background: `var(--tz-color-${e})` } }) : null;
-}
-function I(e, o, t) {
-  if (!(e == null && o == null && t == null))
-    return /* @__PURE__ */ P(A, { children: [
-      De(e),
-      Te(o),
-      t
-    ] });
-}
-function ke({ group: e, pathname: o }) {
-  var m, p;
-  const t = Pe(e, o), n = !!((m = e.children) != null && m.length), [l, i] = T(t);
-  if (k(() => {
-    t && i(!0);
-  }, [t]), !n && e.to)
-    return /* @__PURE__ */ u(
-      C,
-      {
-        as: y,
-        to: e.to,
-        icon: e.icon,
-        selected: t,
-        clickable: !0,
-        trailing: I(e.badge, e.dot),
-        children: e.label
-      }
-    );
-  const h = /* @__PURE__ */ u(
-    O,
-    {
-      name: "ArrowDown4",
-      size: "sm",
-      className: b.chevron,
-      "data-open": l ? "true" : "false"
-    }
-  );
-  return /* @__PURE__ */ P(A, { children: [
-    n && e.to ? (
-      // "Case B": the row navigates (and expands); a separate chevron only toggles.
-      /* @__PURE__ */ u(
-        C,
-        {
-          as: y,
-          to: e.to,
-          icon: e.icon,
-          selected: t,
-          clickable: !0,
-          onClick: () => i(!0),
-          trailing: I(
-            e.badge,
-            e.dot,
-            /* @__PURE__ */ u(
-              "button",
-              {
-                type: "button",
-                className: b.chevronButton,
-                "aria-label": `${l ? "Collapse" : "Expand"} ${e.label}`,
-                "aria-expanded": l,
-                onClick: (f) => {
-                  f.preventDefault(), f.stopPropagation(), i((g) => !g);
-                },
-                children: h
-              }
-            )
-          ),
-          children: e.label
-        }
-      )
-    ) : (
-      // a pure container — the whole row toggles its children
-      /* @__PURE__ */ u(
-        E,
-        {
-          icon: e.icon,
-          selected: t,
-          clickable: !0,
-          "aria-expanded": l,
-          onClick: () => i((f) => !f),
-          trailing: I(e.badge, e.dot, h),
-          children: e.label
-        }
-      )
-    ),
-    n ? (
-      // smooth collapse, same grid-template-rows technique as Card
-      /* @__PURE__ */ u("div", { className: W(b.collapsible, !l && b.collapsibleClosed), children: /* @__PURE__ */ u("div", { className: b.collapsibleInner, children: /* @__PURE__ */ u(w, { className: b.leaves, children: (p = e.children) == null ? void 0 : p.map((f) => /* @__PURE__ */ u(
-        C,
-        {
-          as: y,
-          to: f.to,
-          icon: /* @__PURE__ */ u("span", { className: b.leafDot }),
-          selected: x(o, f.to),
-          size: "md",
-          clickable: !0,
-          trailing: I(f.badge, f.dot),
-          children: f.label
-        },
-        f.to
-      )) }) }) })
-    ) : null
-  ] });
-}
-export {
-  Re as F,
-  Ke as N,
-  je as S,
-  Fe as a,
-  fe as b,
-  Ae as c,
-  j as f,
-  Oe as u
-};
-//# sourceMappingURL=Sidebar-CJ7DtOqb.js.map