@techzyapp/ui-library 1.0.11 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/AdminRoot-BuB92RpF.cjs +2 -0
  2. package/dist/AdminRoot-BuB92RpF.cjs.map +1 -0
  3. package/dist/AdminRoot-TCS_blQB.js +50 -0
  4. package/dist/AdminRoot-TCS_blQB.js.map +1 -0
  5. package/dist/AuthGuard-CVklwDbj.js +7 -0
  6. package/dist/AuthGuard-CVklwDbj.js.map +1 -0
  7. package/dist/AuthGuard-kfOZviar.cjs +2 -0
  8. package/dist/AuthGuard-kfOZviar.cjs.map +1 -0
  9. package/dist/{RootLayout-BPSWgWlI.js → RootLayout-CqQZ6h5c.js} +99 -97
  10. package/dist/RootLayout-CqQZ6h5c.js.map +1 -0
  11. package/dist/RootLayout-CxMadTU1.cjs +2 -0
  12. package/dist/RootLayout-CxMadTU1.cjs.map +1 -0
  13. package/dist/app/AdminRoot.d.cts +41 -0
  14. package/dist/app/AdminRoot.d.ts +41 -0
  15. package/dist/authLayoutRoute-B10sXioW.js +11 -0
  16. package/dist/authLayoutRoute-B10sXioW.js.map +1 -0
  17. package/dist/authLayoutRoute-BVQ4LhuU.cjs +2 -0
  18. package/dist/authLayoutRoute-BVQ4LhuU.cjs.map +1 -0
  19. package/dist/components/RootLayout/RootLayout.d.cts +3 -1
  20. package/dist/components/RootLayout/RootLayout.d.ts +3 -1
  21. package/dist/components/RootLayout/index.cjs +1 -1
  22. package/dist/components/RootLayout/index.js +1 -1
  23. package/dist/entries/app.cjs +2 -0
  24. package/dist/entries/app.cjs.map +1 -0
  25. package/dist/entries/app.d.cts +2 -0
  26. package/dist/entries/app.d.ts +2 -0
  27. package/dist/entries/app.js +5 -0
  28. package/dist/entries/app.js.map +1 -0
  29. package/dist/entries/auth.cjs +1 -1
  30. package/dist/entries/auth.js +4 -3
  31. package/dist/entries/auth.js.map +1 -1
  32. package/dist/entries/components.cjs +1 -1
  33. package/dist/entries/components.js +1 -1
  34. package/dist/index.cjs +1 -1
  35. package/dist/index.d.cts +1 -0
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.js +165 -162
  38. package/dist/index.js.map +1 -1
  39. package/package.json +11 -1
  40. package/dist/RootLayout-4GV6dfdB.cjs +0 -2
  41. package/dist/RootLayout-4GV6dfdB.cjs.map +0 -1
  42. package/dist/RootLayout-BPSWgWlI.js.map +0 -1
  43. package/dist/authLayoutRoute-CkR9IANN.cjs +0 -2
  44. package/dist/authLayoutRoute-CkR9IANN.cjs.map +0 -1
  45. package/dist/authLayoutRoute-DEYvuYxM.js +0 -13
  46. package/dist/authLayoutRoute-DEYvuYxM.js.map +0 -1
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),o=require("@tanstack/react-router"),x=require("./AuthGuard-kfOZviar.cjs"),R=require("./RootLayout-CxMadTU1.cjs"),g=require("./UserCard-C8rC_gzD.cjs"),q=require("./Toaster-qdS8Urgy.cjs"),A=({logo:s,getUser:u,onLogout:n,authRouteId:i="/_auth",loginPath:r="/login",showUserCard:c=!0,header:d})=>{const l=o.useNavigate(),m=o.useRouterState({select:j=>j.matches.some(v=>v.routeId.startsWith(i))}),t=u(),a=()=>{n(),l({to:r})},h=m?e.jsx(o.Outlet,{}):e.jsx(x.AuthGuard,{isAuthenticated:t!=null,redirectTo:r,children:e.jsx(R.RootLayout,{logo:s,toaster:!1,header:{user:t?{name:t.name,email:t.email,avatar:t.avatar}:void 0,onLogout:a,...d},sidebarFooter:c&&t?e.jsx(g.UserCard,{name:t.name,email:t.email,avatar:t.avatar,onLogout:a}):void 0,children:e.jsx(o.Outlet,{})})});return e.jsxs(e.Fragment,{children:[h,e.jsx(q.Toaster,{})]})};exports.AdminRoot=A;
2
+ //# sourceMappingURL=AdminRoot-BuB92RpF.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AdminRoot-BuB92RpF.cjs","sources":["../src/app/AdminRoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Outlet, useNavigate, useRouterState, type LinkProps } from '@tanstack/react-router'\nimport { RootLayout, UserCard, Toaster, type RootLayoutHeader } from '../components'\nimport { AuthGuard } from '../auth/AuthGuard'\n\n/** The minimal user shape `AdminRoot` reads — apps pass their own richer type via the generic. */\nexport interface AdminUser {\n name?: string\n email?: string\n avatar?: string\n}\n\nexport interface AdminRootProps<U extends AdminUser = AdminUser> {\n /** Brand mark for the sidebar top. */\n logo?: ReactNode\n /** Current user, or `null` when signed out. */\n getUser: () => U | null\n /** Clears the session; `AdminRoot` navigates to `loginPath` afterwards. */\n onLogout: () => void\n /** Route-id prefix for standalone public pages (rendered outside the shell). Default `'/_auth'`. */\n authRouteId?: string\n /** Guard target for signed-out visitors + post-logout redirect. Default `'/login'`. */\n loginPath?: string\n /** Show a `UserCard` in the sidebar footer. Default `true`. */\n showUserCard?: boolean\n /** Extra `RootLayout` header config, merged **over** the defaults (the app's fields win). */\n header?: RootLayoutHeader\n}\n\n/**\n * Root-route component for admin apps — it wires up the whole shell orchestration so an app only has to\n * supply `logo` + `getUser` + `onLogout`. Public pages (route id under `authRouteId`) render standalone;\n * everything else renders inside the guarded admin shell (`RootLayout` + a sidebar `UserCard`), gated by\n * `AuthGuard` (signed-out visitors bounce to `loginPath`). Logout clears the session and navigates to\n * `loginPath`. Mounts exactly one app-wide `<Toaster/>` (the inner `RootLayout` gets `toaster={false}`).\n *\n * `loginPath` is a plain string, cast loosely to the router's `to` type (the library can't know the\n * app's typed route tree). The generic `<U>` preserves the app's own user type through `getUser`.\n *\n * @example\n * // routes/__root.tsx\n * export const Route = createRootRoute({\n * component: () => <AdminRoot<AuthUser> logo={<Logo />} getUser={getUser} onLogout={logout} />,\n * })\n */\nexport const AdminRoot = <U extends AdminUser = AdminUser>({\n logo,\n getUser,\n onLogout,\n authRouteId = '/_auth',\n loginPath = '/login',\n showUserCard = true,\n header,\n}: AdminRootProps<U>) => {\n const navigate = useNavigate()\n const isAuthRoute = useRouterState({\n select: (s) => s.matches.some((m) => m.routeId.startsWith(authRouteId)),\n })\n const user = getUser()\n const handleLogout = () => {\n onLogout()\n navigate({ to: loginPath as LinkProps['to'] })\n }\n const content = isAuthRoute ? (\n <Outlet />\n ) : (\n <AuthGuard isAuthenticated={user != null} redirectTo={loginPath}>\n <RootLayout\n logo={logo}\n toaster={false}\n header={{\n user: user ? { name: user.name, email: user.email, avatar: user.avatar } : undefined,\n onLogout: handleLogout,\n ...header,\n }}\n sidebarFooter={\n showUserCard && user ? (\n <UserCard\n name={user.name}\n email={user.email}\n avatar={user.avatar}\n onLogout={handleLogout}\n />\n ) : undefined\n }\n >\n <Outlet />\n </RootLayout>\n </AuthGuard>\n )\n return (\n <>\n {content}\n <Toaster />\n </>\n )\n}\n"],"names":["AdminRoot","logo","getUser","onLogout","authRouteId","loginPath","showUserCard","header","navigate","useNavigate","isAuthRoute","useRouterState","s","m","user","handleLogout","content","jsx","Outlet","AuthGuard","RootLayout","UserCard","jsxs","Fragment","Toaster"],"mappings":"4OA6CaA,EAAY,CAAkC,CACzD,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,SACd,UAAAC,EAAY,SACZ,aAAAC,EAAe,GACf,OAAAC,CACF,IAAyB,CACvB,MAAMC,EAAWC,EAAAA,YAAA,EACXC,EAAcC,EAAAA,eAAe,CACjC,OAASC,GAAMA,EAAE,QAAQ,KAAMC,GAAMA,EAAE,QAAQ,WAAWT,CAAW,CAAC,CAAA,CACvE,EACKU,EAAOZ,EAAA,EACPa,EAAe,IAAM,CACzBZ,EAAA,EACAK,EAAS,CAAE,GAAIH,EAA8B,CAC/C,EACMW,EAAUN,EACdO,EAAAA,IAACC,EAAAA,OAAA,CAAA,CAAO,EAERD,EAAAA,IAACE,EAAAA,UAAA,CAAU,gBAAiBL,GAAQ,KAAM,WAAYT,EACpD,SAAAY,EAAAA,IAACG,EAAAA,WAAA,CACC,KAAAnB,EACA,QAAS,GACT,OAAQ,CACN,KAAMa,EAAO,CAAE,KAAMA,EAAK,KAAM,MAAOA,EAAK,MAAO,OAAQA,EAAK,MAAA,EAAW,OAC3E,SAAUC,EACV,GAAGR,CAAA,EAEL,cACED,GAAgBQ,EACdG,EAAAA,IAACI,EAAAA,SAAA,CACC,KAAMP,EAAK,KACX,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,SAAUC,CAAA,CAAA,EAEV,OAGN,eAACG,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,EAEZ,EAEF,OACEI,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAP,QACAQ,EAAAA,QAAA,CAAA,CAAQ,CAAA,EACX,CAEJ"}
@@ -0,0 +1,50 @@
1
+ import { jsx as o, jsxs as p, Fragment as g } from "react/jsx-runtime";
2
+ import { useNavigate as A, useRouterState as R, Outlet as r } from "@tanstack/react-router";
3
+ import { A as L } from "./AuthGuard-CVklwDbj.js";
4
+ import { R as x } from "./RootLayout-CqQZ6h5c.js";
5
+ import { U as T } from "./UserCard-0ZF29bkK.js";
6
+ import { T as j } from "./Toaster-Da8F_SFV.js";
7
+ const I = ({
8
+ logo: s,
9
+ getUser: i,
10
+ onLogout: m,
11
+ authRouteId: n = "/_auth",
12
+ loginPath: e = "/login",
13
+ showUserCard: u = !0,
14
+ header: c
15
+ }) => {
16
+ const d = A(), l = R({
17
+ select: (v) => v.matches.some((f) => f.routeId.startsWith(n))
18
+ }), t = i(), a = () => {
19
+ m(), d({ to: e });
20
+ }, h = l ? /* @__PURE__ */ o(r, {}) : /* @__PURE__ */ o(L, { isAuthenticated: t != null, redirectTo: e, children: /* @__PURE__ */ o(
21
+ x,
22
+ {
23
+ logo: s,
24
+ toaster: !1,
25
+ header: {
26
+ user: t ? { name: t.name, email: t.email, avatar: t.avatar } : void 0,
27
+ onLogout: a,
28
+ ...c
29
+ },
30
+ sidebarFooter: u && t ? /* @__PURE__ */ o(
31
+ T,
32
+ {
33
+ name: t.name,
34
+ email: t.email,
35
+ avatar: t.avatar,
36
+ onLogout: a
37
+ }
38
+ ) : void 0,
39
+ children: /* @__PURE__ */ o(r, {})
40
+ }
41
+ ) });
42
+ return /* @__PURE__ */ p(g, { children: [
43
+ h,
44
+ /* @__PURE__ */ o(j, {})
45
+ ] });
46
+ };
47
+ export {
48
+ I as A
49
+ };
50
+ //# sourceMappingURL=AdminRoot-TCS_blQB.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AdminRoot-TCS_blQB.js","sources":["../src/app/AdminRoot.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Outlet, useNavigate, useRouterState, type LinkProps } from '@tanstack/react-router'\nimport { RootLayout, UserCard, Toaster, type RootLayoutHeader } from '../components'\nimport { AuthGuard } from '../auth/AuthGuard'\n\n/** The minimal user shape `AdminRoot` reads — apps pass their own richer type via the generic. */\nexport interface AdminUser {\n name?: string\n email?: string\n avatar?: string\n}\n\nexport interface AdminRootProps<U extends AdminUser = AdminUser> {\n /** Brand mark for the sidebar top. */\n logo?: ReactNode\n /** Current user, or `null` when signed out. */\n getUser: () => U | null\n /** Clears the session; `AdminRoot` navigates to `loginPath` afterwards. */\n onLogout: () => void\n /** Route-id prefix for standalone public pages (rendered outside the shell). Default `'/_auth'`. */\n authRouteId?: string\n /** Guard target for signed-out visitors + post-logout redirect. Default `'/login'`. */\n loginPath?: string\n /** Show a `UserCard` in the sidebar footer. Default `true`. */\n showUserCard?: boolean\n /** Extra `RootLayout` header config, merged **over** the defaults (the app's fields win). */\n header?: RootLayoutHeader\n}\n\n/**\n * Root-route component for admin apps — it wires up the whole shell orchestration so an app only has to\n * supply `logo` + `getUser` + `onLogout`. Public pages (route id under `authRouteId`) render standalone;\n * everything else renders inside the guarded admin shell (`RootLayout` + a sidebar `UserCard`), gated by\n * `AuthGuard` (signed-out visitors bounce to `loginPath`). Logout clears the session and navigates to\n * `loginPath`. Mounts exactly one app-wide `<Toaster/>` (the inner `RootLayout` gets `toaster={false}`).\n *\n * `loginPath` is a plain string, cast loosely to the router's `to` type (the library can't know the\n * app's typed route tree). The generic `<U>` preserves the app's own user type through `getUser`.\n *\n * @example\n * // routes/__root.tsx\n * export const Route = createRootRoute({\n * component: () => <AdminRoot<AuthUser> logo={<Logo />} getUser={getUser} onLogout={logout} />,\n * })\n */\nexport const AdminRoot = <U extends AdminUser = AdminUser>({\n logo,\n getUser,\n onLogout,\n authRouteId = '/_auth',\n loginPath = '/login',\n showUserCard = true,\n header,\n}: AdminRootProps<U>) => {\n const navigate = useNavigate()\n const isAuthRoute = useRouterState({\n select: (s) => s.matches.some((m) => m.routeId.startsWith(authRouteId)),\n })\n const user = getUser()\n const handleLogout = () => {\n onLogout()\n navigate({ to: loginPath as LinkProps['to'] })\n }\n const content = isAuthRoute ? (\n <Outlet />\n ) : (\n <AuthGuard isAuthenticated={user != null} redirectTo={loginPath}>\n <RootLayout\n logo={logo}\n toaster={false}\n header={{\n user: user ? { name: user.name, email: user.email, avatar: user.avatar } : undefined,\n onLogout: handleLogout,\n ...header,\n }}\n sidebarFooter={\n showUserCard && user ? (\n <UserCard\n name={user.name}\n email={user.email}\n avatar={user.avatar}\n onLogout={handleLogout}\n />\n ) : undefined\n }\n >\n <Outlet />\n </RootLayout>\n </AuthGuard>\n )\n return (\n <>\n {content}\n <Toaster />\n </>\n )\n}\n"],"names":["AdminRoot","logo","getUser","onLogout","authRouteId","loginPath","showUserCard","header","navigate","useNavigate","isAuthRoute","useRouterState","s","m","user","handleLogout","content","jsx","Outlet","AuthGuard","RootLayout","UserCard","jsxs","Fragment","Toaster"],"mappings":";;;;;;AA6CO,MAAMA,IAAY,CAAkC;AAAA,EACzD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,cAAAC,IAAe;AAAA,EACf,QAAAC;AACF,MAAyB;AACvB,QAAMC,IAAWC,EAAA,GACXC,IAAcC,EAAe;AAAA,IACjC,QAAQ,CAACC,MAAMA,EAAE,QAAQ,KAAK,CAACC,MAAMA,EAAE,QAAQ,WAAWT,CAAW,CAAC;AAAA,EAAA,CACvE,GACKU,IAAOZ,EAAA,GACPa,IAAe,MAAM;AACzB,IAAAZ,EAAA,GACAK,EAAS,EAAE,IAAIH,GAA8B;AAAA,EAC/C,GACMW,IAAUN,IACd,gBAAAO,EAACC,GAAA,CAAA,CAAO,IAER,gBAAAD,EAACE,GAAA,EAAU,iBAAiBL,KAAQ,MAAM,YAAYT,GACpD,UAAA,gBAAAY;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,MAAMa,IAAO,EAAE,MAAMA,EAAK,MAAM,OAAOA,EAAK,OAAO,QAAQA,EAAK,OAAA,IAAW;AAAA,QAC3E,UAAUC;AAAA,QACV,GAAGR;AAAA,MAAA;AAAA,MAEL,eACED,KAAgBQ,IACd,gBAAAG;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAMP,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,QAAQA,EAAK;AAAA,UACb,UAAUC;AAAA,QAAA;AAAA,MAAA,IAEV;AAAA,MAGN,4BAACG,GAAA,CAAA,CAAO;AAAA,IAAA;AAAA,EAAA,GAEZ;AAEF,SACE,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAP;AAAA,sBACAQ,GAAA,CAAA,CAAQ;AAAA,EAAA,GACX;AAEJ;"}
@@ -0,0 +1,7 @@
1
+ import { jsx as r, Fragment as n } from "react/jsx-runtime";
2
+ import { Navigate as f } from "@tanstack/react-router";
3
+ const k = ({ isAuthenticated: o, redirectTo: t = "/login", children: m }) => (typeof o == "function" ? o() : o) ? /* @__PURE__ */ r(n, { children: m }) : /* @__PURE__ */ r(f, { to: t });
4
+ export {
5
+ k as A
6
+ };
7
+ //# sourceMappingURL=AuthGuard-CVklwDbj.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AuthGuard-CVklwDbj.js","sources":["../src/auth/AuthGuard.tsx"],"sourcesContent":["import { Navigate, type LinkProps } from '@tanstack/react-router'\nimport type { ReactNode } from 'react'\n\nexport interface AuthGuardProps {\n /** Session check — a boolean, or a function that returns one (evaluated on render). */\n isAuthenticated: boolean | (() => boolean)\n /** Where to send an unauthenticated visitor. Defaults to `'/login'`. */\n redirectTo?: string\n /** The protected content, rendered only when authenticated. */\n children: ReactNode\n}\n\n/**\n * Component-level auth guard: renders `children` only when authenticated, otherwise redirects to\n * `redirectTo` via `<Navigate>`. Wrap the authenticated area (a page or a subtree) with it.\n *\n * Requires a `@tanstack/react-router` context (it renders `<Navigate>`), so use it inside a routed\n * tree. `redirectTo` is a plain string — the library can't know the app's typed route tree, so it's\n * cast loosely to the router's `to` type.\n *\n * @example\n * <AuthGuard isAuthenticated={session.isAuthenticated} redirectTo=\"/login\">\n * <Dashboard />\n * </AuthGuard>\n */\nexport const AuthGuard = ({ isAuthenticated, redirectTo = '/login', children }: AuthGuardProps) => {\n const ok = typeof isAuthenticated === 'function' ? isAuthenticated() : isAuthenticated\n return ok ? <>{children}</> : <Navigate to={redirectTo as LinkProps['to']} />\n}\n"],"names":["AuthGuard","isAuthenticated","redirectTo","children","jsx","Fragment","Navigate"],"mappings":";;AAyBO,MAAMA,IAAY,CAAC,EAAE,iBAAAC,GAAiB,YAAAC,IAAa,UAAU,UAAAC,SACvD,OAAOF,KAAoB,aAAaA,MAAoBA,KAC3D,gBAAAG,EAAAC,GAAA,EAAG,UAAAF,EAAA,CAAS,IAAM,gBAAAC,EAACE,GAAA,EAAS,IAAIJ,EAAA,CAA+B;"}
@@ -0,0 +1,2 @@
1
+ "use strict";const o=require("react/jsx-runtime"),e=require("@tanstack/react-router"),n=({isAuthenticated:r,redirectTo:t="/login",children:u})=>(typeof r=="function"?r():r)?o.jsx(o.Fragment,{children:u}):o.jsx(e.Navigate,{to:t});exports.AuthGuard=n;
2
+ //# sourceMappingURL=AuthGuard-kfOZviar.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AuthGuard-kfOZviar.cjs","sources":["../src/auth/AuthGuard.tsx"],"sourcesContent":["import { Navigate, type LinkProps } from '@tanstack/react-router'\nimport type { ReactNode } from 'react'\n\nexport interface AuthGuardProps {\n /** Session check — a boolean, or a function that returns one (evaluated on render). */\n isAuthenticated: boolean | (() => boolean)\n /** Where to send an unauthenticated visitor. Defaults to `'/login'`. */\n redirectTo?: string\n /** The protected content, rendered only when authenticated. */\n children: ReactNode\n}\n\n/**\n * Component-level auth guard: renders `children` only when authenticated, otherwise redirects to\n * `redirectTo` via `<Navigate>`. Wrap the authenticated area (a page or a subtree) with it.\n *\n * Requires a `@tanstack/react-router` context (it renders `<Navigate>`), so use it inside a routed\n * tree. `redirectTo` is a plain string — the library can't know the app's typed route tree, so it's\n * cast loosely to the router's `to` type.\n *\n * @example\n * <AuthGuard isAuthenticated={session.isAuthenticated} redirectTo=\"/login\">\n * <Dashboard />\n * </AuthGuard>\n */\nexport const AuthGuard = ({ isAuthenticated, redirectTo = '/login', children }: AuthGuardProps) => {\n const ok = typeof isAuthenticated === 'function' ? isAuthenticated() : isAuthenticated\n return ok ? <>{children}</> : <Navigate to={redirectTo as LinkProps['to']} />\n}\n"],"names":["AuthGuard","isAuthenticated","redirectTo","children","jsx","Fragment","Navigate"],"mappings":"sFAyBaA,EAAY,CAAC,CAAE,gBAAAC,EAAiB,WAAAC,EAAa,SAAU,SAAAC,MACvD,OAAOF,GAAoB,WAAaA,IAAoBA,GAC3DG,EAAAA,IAAAC,EAAAA,SAAA,CAAG,SAAAF,CAAA,CAAS,EAAMC,EAAAA,IAACE,EAAAA,SAAA,CAAS,GAAIJ,CAAA,CAA+B"}
@@ -1,29 +1,29 @@
1
1
  import { jsxs as n, Fragment as A, jsx as e } from "react/jsx-runtime";
2
- import { useState as E, useEffect as O } from "react";
3
- import { useRouterState as V } from "@tanstack/react-router";
4
- import { clsx as P } from "clsx";
5
- import { a as X } from "./useMediaQuery-DrDUrkmJ.js";
6
- import { u as Z } from "./useLockBodyScroll-DwBILLPK.js";
7
- import { A as R } from "./Avatar-BJVCdo-K.js";
8
- import { C as q, R as $ } from "./Col-B51RlwWP.js";
9
- import { D as N } from "./Divider-LtH3dLgw.js";
10
- import { D as j } from "./Dropdown-FfkmluRu.js";
2
+ import { useState as E, useEffect as P } from "react";
3
+ import { useRouterState as R } from "@tanstack/react-router";
4
+ import { clsx as j } from "clsx";
5
+ import { a as $ } from "./useMediaQuery-DrDUrkmJ.js";
6
+ import { u as ee } from "./useLockBodyScroll-DwBILLPK.js";
7
+ import { A as Q } from "./Avatar-BJVCdo-K.js";
8
+ import { C as Y, R as ae } from "./Col-B51RlwWP.js";
9
+ import { D as z } from "./Divider-LtH3dLgw.js";
10
+ import { D as W } from "./Dropdown-FfkmluRu.js";
11
11
  import { I as v } from "./Icon-CophpkHo.js";
12
12
  import { I as k } from "./IconButton-B8FPGgDn.js";
13
- import { L as Q } from "./ListItem-B4Upc0Hy.js";
14
- import { F as ee } from "./FullscreenToggle-DmC0jTay.js";
15
- import { T as ae } from "./ThemeToggle-DEfXczDs.js";
13
+ import { L as G } from "./ListItem-B4Upc0Hy.js";
14
+ import { F as te } from "./FullscreenToggle-DmC0jTay.js";
15
+ import { T as se } from "./ThemeToggle-DEfXczDs.js";
16
16
  import { T as l } from "./Typography-Cta6Rg4L.js";
17
- import { B as te } from "./Breadcrumbs-DvgctFLS.js";
18
- import { T as se } from "./Toaster-Da8F_SFV.js";
19
- import { a as re, N as W, S as ne } from "./Sidebar-Csd3iKbS.js";
20
- import { F as le } from "./Flag-Ck1xK22A.js";
21
- import { M as oe } from "./Modal-XMRDPHvQ.js";
22
- import { a as G } from "./ChoiceCardGroup-CvFzZlgI.js";
23
- import { S as ie } from "./Select-D7KJ-YMU.js";
24
- import { S as ce } from "./SwatchPicker-D30aSrbY.js";
25
- import { m as U, a as Y, D as z, u as de, g as me } from "./ConfigProvider-BYruQYHC.js";
26
- const he = {
17
+ import { B as re } from "./Breadcrumbs-DvgctFLS.js";
18
+ import { T as ne } from "./Toaster-Da8F_SFV.js";
19
+ import { a as oe, N as q, S as le } from "./Sidebar-Csd3iKbS.js";
20
+ import { F as ie } from "./Flag-Ck1xK22A.js";
21
+ import { M as ce } from "./Modal-XMRDPHvQ.js";
22
+ import { a as U } from "./ChoiceCardGroup-CvFzZlgI.js";
23
+ import { S as de } from "./Select-D7KJ-YMU.js";
24
+ import { S as me } from "./SwatchPicker-D30aSrbY.js";
25
+ import { m as J, a as K, D as N, u as he, g as ge } from "./ConfigProvider-BYruQYHC.js";
26
+ const pe = {
27
27
  light: [
28
28
  "#dc2626",
29
29
  // red
@@ -89,36 +89,36 @@ const he = {
89
89
  // slate
90
90
  ]
91
91
  };
92
- function ge({ open: f, onClose: _, showTheme: S = !0 }) {
92
+ function ue({ open: f, onClose: _, showTheme: S = !0 }) {
93
93
  const {
94
94
  mode: d,
95
95
  setMode: w,
96
96
  accentColors: x,
97
- defaultAccentColors: L,
98
- setAccentColor: F,
97
+ defaultAccentColors: F,
98
+ setAccentColor: L,
99
99
  headerSticky: D,
100
100
  setHeaderSticky: y,
101
101
  fontFamily: i,
102
102
  setFontFamily: M
103
- } = U(), a = Y(), [T, C] = E(""), h = T.trim(), g = i !== z ? [z, i] : [z], I = (h.length > 0 && !g.some((t) => t.toLowerCase() === h.toLowerCase()) ? [h, ...g] : g).map((t) => ({
103
+ } = J(), a = K(), [C, T] = E(""), h = C.trim(), g = i !== N ? [N, i] : [N], I = (h.length > 0 && !g.some((t) => t.toLowerCase() === h.toLowerCase()) ? [h, ...g] : g).map((t) => ({
104
104
  value: t,
105
- label: t === z ? a("settings.fontDefault", { font: t }) : t
105
+ label: t === N ? a("settings.fontDefault", { font: t }) : t
106
106
  })), p = (t, u) => {
107
- const s = L[t], m = [s, ...he[t].filter((c) => c.toLowerCase() !== s.toLowerCase())];
107
+ const s = F[t], m = [s, ...pe[t].filter((c) => c.toLowerCase() !== s.toLowerCase())];
108
108
  return /* @__PURE__ */ e(
109
- ce,
109
+ me,
110
110
  {
111
111
  label: u,
112
112
  colors: m,
113
113
  value: x[t] ?? s,
114
- onChange: (c) => F(c.toLowerCase() === s.toLowerCase() ? null : c, t),
114
+ onChange: (c) => L(c.toLowerCase() === s.toLowerCase() ? null : c, t),
115
115
  labels: { [s]: a("settings.accentDefault", { color: s }) },
116
116
  "aria-label": String(u)
117
117
  }
118
118
  );
119
119
  };
120
120
  return /* @__PURE__ */ n(
121
- oe,
121
+ ce,
122
122
  {
123
123
  open: f,
124
124
  onClose: _,
@@ -140,7 +140,7 @@ function ge({ open: f, onClose: _, showTheme: S = !0 }) {
140
140
  }
141
141
  ),
142
142
  /* @__PURE__ */ e(
143
- G,
143
+ U,
144
144
  {
145
145
  exclusive: !0,
146
146
  color: "accent",
@@ -167,7 +167,7 @@ function ge({ open: f, onClose: _, showTheme: S = !0 }) {
167
167
  style: { marginTop: "var(--tz-space-sm)" }
168
168
  }
169
169
  ),
170
- /* @__PURE__ */ e(N, { style: { margin: "var(--tz-space-md) 0" } })
170
+ /* @__PURE__ */ e(z, { style: { margin: "var(--tz-space-md) 0" } })
171
171
  ] }),
172
172
  /* @__PURE__ */ e(l, { variant: "subtitle", as: "h3", children: a("settings.accentTitle") }),
173
173
  /* @__PURE__ */ e(
@@ -180,14 +180,14 @@ function ge({ open: f, onClose: _, showTheme: S = !0 }) {
180
180
  children: a("settings.accentDesc")
181
181
  }
182
182
  ),
183
- /* @__PURE__ */ e(q, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: S ? /* @__PURE__ */ n(A, { children: [
183
+ /* @__PURE__ */ e(Y, { gap: "md", style: { marginTop: "var(--tz-space-sm)" }, children: S ? /* @__PURE__ */ n(A, { children: [
184
184
  p("light", a("settings.lightTheme")),
185
185
  p("dark", a("settings.darkTheme"))
186
186
  ] }) : (
187
187
  // theme switching is off → the panel stays in one mode, so only that mode's accent matters
188
188
  p(d, a(d === "light" ? "settings.lightTheme" : "settings.darkTheme"))
189
189
  ) }),
190
- /* @__PURE__ */ e(N, { style: { margin: "var(--tz-space-md) 0" } }),
190
+ /* @__PURE__ */ e(z, { style: { margin: "var(--tz-space-md) 0" } }),
191
191
  /* @__PURE__ */ e(l, { variant: "subtitle", as: "h3", children: a("settings.fontTitle") }),
192
192
  /* @__PURE__ */ e(
193
193
  l,
@@ -200,22 +200,22 @@ function ge({ open: f, onClose: _, showTheme: S = !0 }) {
200
200
  }
201
201
  ),
202
202
  /* @__PURE__ */ e(
203
- ie,
203
+ de,
204
204
  {
205
205
  label: a("settings.fontFamily"),
206
206
  searchable: !0,
207
207
  searchPlaceholder: a("settings.fontSearch"),
208
208
  value: i,
209
209
  options: I,
210
- onSearchChange: C,
210
+ onSearchChange: T,
211
211
  onChange: (t) => {
212
- M(t), C("");
212
+ M(t), T("");
213
213
  },
214
214
  "aria-label": a("settings.fontFamily"),
215
215
  style: { marginTop: "var(--tz-space-sm)" }
216
216
  }
217
217
  ),
218
- /* @__PURE__ */ e(N, { style: { margin: "var(--tz-space-md) 0" } }),
218
+ /* @__PURE__ */ e(z, { style: { margin: "var(--tz-space-md) 0" } }),
219
219
  /* @__PURE__ */ e(l, { variant: "subtitle", as: "h3", children: a("settings.headerTitle") }),
220
220
  /* @__PURE__ */ e(
221
221
  l,
@@ -228,7 +228,7 @@ function ge({ open: f, onClose: _, showTheme: S = !0 }) {
228
228
  }
229
229
  ),
230
230
  /* @__PURE__ */ e(
231
- G,
231
+ U,
232
232
  {
233
233
  exclusive: !0,
234
234
  color: "accent",
@@ -253,45 +253,47 @@ function ge({ open: f, onClose: _, showTheme: S = !0 }) {
253
253
  }
254
254
  );
255
255
  }
256
- const pe = "_shell_1xv33_5", ue = "_shellCollapsed_1xv33_21", be = "_sidebar_1xv33_21", ve = "_sidebarInner_1xv33_49", fe = "_sidebarClose_1xv33_58", _e = "_backdrop_1xv33_65", Se = "_brand_1xv33_70", xe = "_sidebarSearch_1xv33_86", ye = "_navScroll_1xv33_99", Te = "_sidebarFooter_1xv33_108", Ce = "_headerSearch_1xv33_115", ke = "_main_1xv33_119", ze = "_topbar_1xv33_126", Ne = "_topbarSticky_1xv33_139", we = "_headerStart_1xv33_150", Le = "_headerEnd_1xv33_159", Fe = "_account_1xv33_166", De = "_content_1xv33_182", Ie = "_pageTitle_1xv33_188", Ae = "_settings_1xv33_198", r = {
257
- shell: pe,
258
- shellCollapsed: ue,
259
- sidebar: be,
260
- sidebarInner: ve,
261
- sidebarClose: fe,
262
- backdrop: _e,
263
- brand: Se,
264
- sidebarSearch: xe,
265
- navScroll: ye,
266
- sidebarFooter: Te,
267
- headerSearch: Ce,
268
- main: ke,
269
- topbar: ze,
270
- topbarSticky: Ne,
271
- headerStart: we,
272
- headerEnd: Le,
273
- account: Fe,
274
- content: De,
275
- pageTitle: Ie,
276
- settings: Ae
256
+ const be = "_shell_1xv33_5", ve = "_shellCollapsed_1xv33_21", fe = "_sidebar_1xv33_21", _e = "_sidebarInner_1xv33_49", Se = "_sidebarClose_1xv33_58", xe = "_backdrop_1xv33_65", ye = "_brand_1xv33_70", Ce = "_sidebarSearch_1xv33_86", Te = "_navScroll_1xv33_99", ke = "_sidebarFooter_1xv33_108", Ne = "_headerSearch_1xv33_115", ze = "_main_1xv33_119", we = "_topbar_1xv33_126", Fe = "_topbarSticky_1xv33_139", Le = "_headerStart_1xv33_150", De = "_headerEnd_1xv33_159", Ie = "_account_1xv33_166", Ae = "_content_1xv33_182", Ee = "_pageTitle_1xv33_188", Me = "_settings_1xv33_198", r = {
257
+ shell: be,
258
+ shellCollapsed: ve,
259
+ sidebar: fe,
260
+ sidebarInner: _e,
261
+ sidebarClose: Se,
262
+ backdrop: xe,
263
+ brand: ye,
264
+ sidebarSearch: Ce,
265
+ navScroll: Te,
266
+ sidebarFooter: ke,
267
+ headerSearch: Ne,
268
+ main: ze,
269
+ topbar: we,
270
+ topbarSticky: Fe,
271
+ headerStart: Le,
272
+ headerEnd: De,
273
+ account: Ie,
274
+ content: Ae,
275
+ pageTitle: Ee,
276
+ settings: Me
277
277
  };
278
- function na({
278
+ function la({
279
279
  logo: f,
280
280
  sidebarFooter: _,
281
281
  header: S,
282
282
  toaster: d = !0,
283
283
  children: w
284
284
  }) {
285
- const x = re(), { headerSticky: L } = U(), { language: F, setLanguage: D, languages: y } = de(), i = Y(), a = { ...me(), ...S }, T = a.theme ?? !0, C = a.fullscreen ?? !1, h = a.settings ?? !0, g = a.search ?? !0, H = a.languages ?? !0, I = a.breadcrumbs ?? !0, p = typeof d == "object" ? d : void 0, t = a.pageTitle ?? !0, u = a.onLogout, s = a.user, m = X("md"), [c, b] = E(m);
286
- O(() => {
285
+ const x = oe(), { headerSticky: F } = J(), { language: L, setLanguage: D, languages: y } = he(), i = K(), a = { ...ge(), ...S }, C = a.theme ?? !0, T = a.fullscreen ?? !1, h = a.settings ?? !0, g = a.search ?? !0, H = a.languages ?? !0, I = a.breadcrumbs ?? !0, p = typeof d == "object" ? d : void 0, t = a.pageTitle ?? !0, u = a.onLogout, s = a.user, m = $("md"), [c, b] = E(m);
286
+ P(() => {
287
287
  b(m);
288
- }, [m]), Z(m && !c);
289
- const J = V({ select: (o) => o.location.pathname });
290
- O(() => {
288
+ }, [m]), ee(m && !c);
289
+ const V = R({ select: (o) => o.location.pathname });
290
+ P(() => {
291
291
  m && b(!0);
292
- }, [J]);
293
- const [K, B] = E(!1);
294
- return /* @__PURE__ */ n("div", { className: P(r.shell, c && r.shellCollapsed), children: [
292
+ }, [V]);
293
+ const B = R({
294
+ select: (o) => o.statusCode === 404 || o.matches.some((Z) => Z.status === "notFound")
295
+ }), [X, O] = E(!1);
296
+ return /* @__PURE__ */ n("div", { className: j(r.shell, c && r.shellCollapsed), children: [
295
297
  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ n("div", { className: r.sidebarInner, children: [
296
298
  f ? /* @__PURE__ */ n("div", { className: r.brand, children: [
297
299
  f,
@@ -307,13 +309,13 @@ function na({
307
309
  }
308
310
  )
309
311
  ] }) : null,
310
- g ? /* @__PURE__ */ e("div", { className: r.sidebarSearch, children: /* @__PURE__ */ e(W, {}) }) : null,
311
- /* @__PURE__ */ e("div", { className: r.navScroll, children: /* @__PURE__ */ e(ne, {}) }),
312
+ g ? /* @__PURE__ */ e("div", { className: r.sidebarSearch, children: /* @__PURE__ */ e(q, {}) }) : null,
313
+ /* @__PURE__ */ e("div", { className: r.navScroll, children: /* @__PURE__ */ e(le, {}) }),
312
314
  _ ? /* @__PURE__ */ e("div", { className: r.sidebarFooter, children: _ }) : null
313
315
  ] }) }),
314
316
  /* @__PURE__ */ e("div", { className: r.backdrop, onClick: () => b(!0), "aria-hidden": "true" }),
315
317
  /* @__PURE__ */ n("div", { className: r.main, children: [
316
- /* @__PURE__ */ n("header", { className: P(r.topbar, L && r.topbarSticky), children: [
318
+ /* @__PURE__ */ n("header", { className: j(r.topbar, F && r.topbarSticky), children: [
317
319
  /* @__PURE__ */ n("div", { className: r.headerStart, children: [
318
320
  /* @__PURE__ */ e(
319
321
  k,
@@ -326,23 +328,23 @@ function na({
326
328
  children: /* @__PURE__ */ e(v, { name: "Menu" })
327
329
  }
328
330
  ),
329
- g ? /* @__PURE__ */ e("div", { className: r.headerSearch, children: /* @__PURE__ */ e(W, {}) }) : null
331
+ g ? /* @__PURE__ */ e("div", { className: r.headerSearch, children: /* @__PURE__ */ e(q, {}) }) : null
330
332
  ] }),
331
333
  /* @__PURE__ */ n("div", { className: r.headerEnd, children: [
332
- C ? /* @__PURE__ */ e(ee, { variant: "filled", size: "sm" }) : null,
333
- T ? /* @__PURE__ */ e(ae, { variant: "filled", size: "sm" }) : null,
334
+ T ? /* @__PURE__ */ e(te, { variant: "filled", size: "sm" }) : null,
335
+ C ? /* @__PURE__ */ e(se, { variant: "filled", size: "sm" }) : null,
334
336
  H && y.length > 1 ? /* @__PURE__ */ e(
335
- j,
337
+ W,
336
338
  {
337
339
  placement: "bottom-end",
338
340
  trigger: /* @__PURE__ */ e(k, { variant: "filled", size: "sm", "aria-label": i("language.label"), children: /* @__PURE__ */ e(v, { name: "Global" }) }),
339
341
  children: y.map((o) => /* @__PURE__ */ e(
340
- Q,
342
+ G,
341
343
  {
342
344
  clickable: !0,
343
- selected: o.code === F,
345
+ selected: o.code === L,
344
346
  onClick: () => D(o.code),
345
- icon: /* @__PURE__ */ e(le, { code: o.code }),
347
+ icon: /* @__PURE__ */ e(ie, { code: o.code }),
346
348
  children: o.label ?? o.code
347
349
  },
348
350
  o.code
@@ -356,50 +358,50 @@ function na({
356
358
  variant: "text",
357
359
  size: "sm",
358
360
  className: r.settings,
359
- onClick: () => B(!0),
361
+ onClick: () => O(!0),
360
362
  children: /* @__PURE__ */ e(v, { name: "Setting5" })
361
363
  }
362
364
  ) : null,
363
365
  u ? /* @__PURE__ */ n(
364
- j,
366
+ W,
365
367
  {
366
368
  placement: "bottom-end",
367
- trigger: /* @__PURE__ */ e("button", { type: "button", className: r.account, "aria-label": i("account.label"), children: /* @__PURE__ */ e(R, { size: "md", name: s == null ? void 0 : s.name, src: s == null ? void 0 : s.avatar, color: "primary" }) }),
369
+ trigger: /* @__PURE__ */ e("button", { type: "button", className: r.account, "aria-label": i("account.label"), children: /* @__PURE__ */ e(Q, { size: "md", name: s == null ? void 0 : s.name, src: s == null ? void 0 : s.avatar, color: "primary" }) }),
368
370
  children: [
369
371
  s ? /* @__PURE__ */ n(A, { children: [
370
- /* @__PURE__ */ n($, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-sm)", children: [
371
- /* @__PURE__ */ e(R, { size: "sm", name: s.name, src: s.avatar, color: "primary" }),
372
- /* @__PURE__ */ n(q, { gap: 2, children: [
372
+ /* @__PURE__ */ n(ae, { gap: 8, align: "center", padding: "var(--tz-space-xxs) var(--tz-space-sm)", children: [
373
+ /* @__PURE__ */ e(Q, { size: "sm", name: s.name, src: s.avatar, color: "primary" }),
374
+ /* @__PURE__ */ n(Y, { gap: 2, children: [
373
375
  s.name ? /* @__PURE__ */ e(l, { variant: "bodySmall", children: s.name }) : null,
374
376
  s.email ? /* @__PURE__ */ e(l, { variant: "caption", color: "muted", children: s.email }) : null
375
377
  ] })
376
378
  ] }),
377
- /* @__PURE__ */ e(N, {})
379
+ /* @__PURE__ */ e(z, {})
378
380
  ] }) : null,
379
- /* @__PURE__ */ e(Q, { icon: /* @__PURE__ */ e(v, { name: "Logout2", color: "error" }), clickable: !0, onClick: u, children: i("userCard.signOut") })
381
+ /* @__PURE__ */ e(G, { icon: /* @__PURE__ */ e(v, { name: "Logout2", color: "error" }), clickable: !0, onClick: u, children: i("userCard.signOut") })
380
382
  ]
381
383
  }
382
384
  ) : null
383
385
  ] })
384
386
  ] }),
385
387
  /* @__PURE__ */ n("main", { className: r.content, children: [
386
- I ? /* @__PURE__ */ e(te, {}) : null,
387
- t && x ? /* @__PURE__ */ e(l, { variant: "h2", className: r.pageTitle, children: x }) : null,
388
+ I && !B ? /* @__PURE__ */ e(re, {}) : null,
389
+ t && !B && x ? /* @__PURE__ */ e(l, { variant: "h2", className: r.pageTitle, children: x }) : null,
388
390
  w
389
391
  ] })
390
392
  ] }),
391
- d !== !1 && /* @__PURE__ */ e(se, { ...p }),
393
+ d !== !1 && /* @__PURE__ */ e(ne, { ...p }),
392
394
  h ? /* @__PURE__ */ e(
393
- ge,
395
+ ue,
394
396
  {
395
- open: K,
396
- onClose: () => B(!1),
397
- showTheme: T
397
+ open: X,
398
+ onClose: () => O(!1),
399
+ showTheme: C
398
400
  }
399
401
  ) : null
400
402
  ] });
401
403
  }
402
404
  export {
403
- na as R
405
+ la as R
404
406
  };
405
- //# sourceMappingURL=RootLayout-BPSWgWlI.js.map
407
+ //# sourceMappingURL=RootLayout-CqQZ6h5c.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RootLayout-CqQZ6h5c.js","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, 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 // 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 {user.name ? (\n <Typography variant=\"bodySmall\">{user.name}</Typography>\n ) : null}\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 ? (\n <Typography variant=\"h2\" className={styles.pageTitle}>\n {title}\n </Typography>\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","jsx","SwatchPicker","color","jsxs","Modal","Fragment","Typography","ChoiceCardGroup","v","Divider","Col","Select","RootLayout","logo","sidebarFooter","header","toaster","children","title","usePageTitle","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","c","FullscreenToggle","ThemeToggle","Dropdown","l","ListItem","Flag","Avatar","Row","Breadcrumbs","Toaster"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ "use strict";const e=require("react/jsx-runtime"),v=require("react"),O=require("@tanstack/react-router"),P=require("clsx"),J=require("./useMediaQuery-CHMrI6Dy.cjs"),K=require("./useLockBodyScroll-CIXHZo-Q.cjs"),R=require("./Avatar-_ufXh3AY.cjs"),I=require("./Col-BdQeyKEX.cjs"),L=require("./Divider-CzbhdCiD.cjs"),H=require("./Dropdown-Ui7h2TGd.cjs"),b=require("./Icon-CXTl_QAP.cjs"),k=require("./IconButton-BoY2y_pV.cjs"),G=require("./ListItem-DWQorRxG.cjs"),V=require("./FullscreenToggle-MCxGzAEe.cjs"),X=require("./ThemeToggle-Cz5I2-DL.cjs"),o=require("./Typography-BFatE1_A.cjs"),Z=require("./Breadcrumbs-BnxhmyK5.cjs"),$=require("./Toaster-qdS8Urgy.cjs"),F=require("./Sidebar-CT_NUo_7.cjs"),ee=require("./Flag-BJLWKB9J.cjs"),se=require("./Modal-CO3c3sGY.cjs"),Q=require("./ChoiceCardGroup-6eFM1eL0.cjs"),te=require("./Select-DjMZec8c.cjs"),ae=require("./SwatchPicker-DbAU9-ux.cjs"),c=require("./ConfigProvider-BHNx-NHV.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 ne({open:_,onClose:y,showTheme:j=!0}){const{mode:d,setMode:q,accentColors:T,defaultAccentColors:N,setAccentColor:w,headerSticky:D,setHeaderSticky:S,fontFamily:i,setFontFamily:A}=c.useTheme(),s=c.useT(),[f,C]=v.useState(""),h=f.trim(),g=i!==c.DEFAULT_FONT_FAMILY?[c.DEFAULT_FONT_FAMILY,i]:[c.DEFAULT_FONT_FAMILY],z=(h.length>0&&!g.some(t=>t.toLowerCase()===h.toLowerCase())?[h,...g]:g).map(t=>({value:t,label:t===c.DEFAULT_FONT_FAMILY?s("settings.fontDefault",{font:t}):t})),m=(t,p)=>{const a=N[t],u=[a,...re[t].filter(l=>l.toLowerCase()!==a.toLowerCase())];return e.jsx(ae.SwatchPicker,{label:p,colors:u,value:T[t]??a,onChange:l=>w(l.toLowerCase()===a.toLowerCase()?null:l,t),labels:{[a]:s("settings.accentDefault",{color:a})},"aria-label":String(p)})};return e.jsxs(se.Modal,{open:_,onClose:y,placement:"right",size:"sm",title:s("settings.label"),icon:"Setting5",children:[j&&e.jsxs(e.Fragment,{children:[e.jsx(o.Typography,{variant:"subtitle",as:"h3",children:s("settings.themeTitle")}),e.jsx(o.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.themeDesc")}),e.jsx(Q.ChoiceCardGroup,{exclusive:!0,color:"accent",minCardWidth:130,value:d,onChange:t=>{typeof t=="string"&&q(t)},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(L.Divider,{style:{margin:"var(--tz-space-md) 0"}})]}),e.jsx(o.Typography,{variant:"subtitle",as:"h3",children:s("settings.accentTitle")}),e.jsx(o.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.accentDesc")}),e.jsx(I.Col,{gap:"md",style:{marginTop:"var(--tz-space-sm)"},children:j?e.jsxs(e.Fragment,{children:[m("light",s("settings.lightTheme")),m("dark",s("settings.darkTheme"))]}):m(d,s(d==="light"?"settings.lightTheme":"settings.darkTheme"))}),e.jsx(L.Divider,{style:{margin:"var(--tz-space-md) 0"}}),e.jsx(o.Typography,{variant:"subtitle",as:"h3",children:s("settings.fontTitle")}),e.jsx(o.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.fontDesc")}),e.jsx(te.Select,{label:s("settings.fontFamily"),searchable:!0,searchPlaceholder:s("settings.fontSearch"),value:i,options:z,onSearchChange:C,onChange:t=>{A(t),C("")},"aria-label":s("settings.fontFamily"),style:{marginTop:"var(--tz-space-sm)"}}),e.jsx(L.Divider,{style:{margin:"var(--tz-space-md) 0"}}),e.jsx(o.Typography,{variant:"subtitle",as:"h3",children:s("settings.headerTitle")}),e.jsx(o.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.headerDesc")}),e.jsx(Q.ChoiceCardGroup,{exclusive:!0,color:"accent",minCardWidth:130,value:D?"fixed":"static",onChange:t=>{typeof t=="string"&&S(t==="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 oe="_shell_1xv33_5",ce="_shellCollapsed_1xv33_21",ie="_sidebar_1xv33_21",le="_sidebarInner_1xv33_49",de="_sidebarClose_1xv33_58",ue="_backdrop_1xv33_65",he="_brand_1xv33_70",ge="_sidebarSearch_1xv33_86",me="_navScroll_1xv33_99",pe="_sidebarFooter_1xv33_108",xe="_headerSearch_1xv33_115",be="_main_1xv33_119",ve="_topbar_1xv33_126",_e="_topbarSticky_1xv33_139",ye="_headerStart_1xv33_150",je="_headerEnd_1xv33_159",Te="_account_1xv33_166",Se="_content_1xv33_182",fe="_pageTitle_1xv33_188",Ce="_settings_1xv33_198",r={shell:oe,shellCollapsed:ce,sidebar:ie,sidebarInner:le,sidebarClose:de,backdrop:ue,brand:he,sidebarSearch:ge,navScroll:me,sidebarFooter:pe,headerSearch:xe,main:be,topbar:ve,topbarSticky:_e,headerStart:ye,headerEnd:je,account:Te,content:Se,pageTitle:fe,settings:Ce};function ke({logo:_,sidebarFooter:y,header:j,toaster:d=!0,children:q}){const T=F.usePageTitle(),{headerSticky:N}=c.useTheme(),{language:w,setLanguage:D,languages:S}=c.useLanguage(),i=c.useT(),s={...c.useHeaderConfig(),...j},f=s.theme??!0,C=s.fullscreen??!1,h=s.settings??!0,g=s.search??!0,E=s.languages??!0,z=s.breadcrumbs??!0,m=typeof d=="object"?d:void 0,t=s.pageTitle??!0,p=s.onLogout,a=s.user,u=J.useMediaQuery("md"),[l,x]=v.useState(u);v.useEffect(()=>{x(u)},[u]),K.useLockBodyScroll(u&&!l);const U=O.useRouterState({select:n=>n.location.pathname});v.useEffect(()=>{u&&x(!0)},[U]);const M=O.useRouterState({select:n=>n.statusCode===404||n.matches.some(W=>W.status==="notFound")}),[Y,B]=v.useState(!1);return e.jsxs("div",{className:P.clsx(r.shell,l&&r.shellCollapsed),children:[e.jsx("aside",{className:r.sidebar,children:e.jsxs("div",{className:r.sidebarInner,children:[_?e.jsxs("div",{className:r.brand,children:[_,e.jsx(k.IconButton,{variant:"filled",size:"sm",className:r.sidebarClose,"aria-label":i("common.close"),onClick:()=>x(!0),children:e.jsx(b.Icon,{name:"Close"})})]}):null,g?e.jsx("div",{className:r.sidebarSearch,children:e.jsx(F.NavSearch,{})}):null,e.jsx("div",{className:r.navScroll,children:e.jsx(F.Sidebar,{})}),y?e.jsx("div",{className:r.sidebarFooter,children:y}):null]})}),e.jsx("div",{className:r.backdrop,onClick:()=>x(!0),"aria-hidden":"true"}),e.jsxs("div",{className:r.main,children:[e.jsxs("header",{className:P.clsx(r.topbar,N&&r.topbarSticky),children:[e.jsxs("div",{className:r.headerStart,children:[e.jsx(k.IconButton,{"aria-label":l?"Show sidebar":"Hide sidebar","aria-expanded":!l,variant:"filled",size:"sm",onClick:()=>x(n=>!n),children:e.jsx(b.Icon,{name:"Menu"})}),g?e.jsx("div",{className:r.headerSearch,children:e.jsx(F.NavSearch,{})}):null]}),e.jsxs("div",{className:r.headerEnd,children:[C?e.jsx(V.FullscreenToggle,{variant:"filled",size:"sm"}):null,f?e.jsx(X.ThemeToggle,{variant:"filled",size:"sm"}):null,E&&S.length>1?e.jsx(H.Dropdown,{placement:"bottom-end",trigger:e.jsx(k.IconButton,{variant:"filled",size:"sm","aria-label":i("language.label"),children:e.jsx(b.Icon,{name:"Global"})}),children:S.map(n=>e.jsx(G.ListItem,{clickable:!0,selected:n.code===w,onClick:()=>D(n.code),icon:e.jsx(ee.Flag,{code:n.code}),children:n.label??n.code},n.code))}):null,h?e.jsx(k.IconButton,{"aria-label":i("settings.label"),variant:"text",size:"sm",className:r.settings,onClick:()=>B(!0),children:e.jsx(b.Icon,{name:"Setting5"})}):null,p?e.jsxs(H.Dropdown,{placement:"bottom-end",trigger:e.jsx("button",{type:"button",className:r.account,"aria-label":i("account.label"),children:e.jsx(R.Avatar,{size:"md",name:a==null?void 0:a.name,src:a==null?void 0:a.avatar,color:"primary"})}),children:[a?e.jsxs(e.Fragment,{children:[e.jsxs(I.Row,{gap:8,align:"center",padding:"var(--tz-space-xxs) var(--tz-space-sm)",children:[e.jsx(R.Avatar,{size:"sm",name:a.name,src:a.avatar,color:"primary"}),e.jsxs(I.Col,{gap:2,children:[a.name?e.jsx(o.Typography,{variant:"bodySmall",children:a.name}):null,a.email?e.jsx(o.Typography,{variant:"caption",color:"muted",children:a.email}):null]})]}),e.jsx(L.Divider,{})]}):null,e.jsx(G.ListItem,{icon:e.jsx(b.Icon,{name:"Logout2",color:"error"}),clickable:!0,onClick:p,children:i("userCard.signOut")})]}):null]})]}),e.jsxs("main",{className:r.content,children:[z&&!M?e.jsx(Z.Breadcrumbs,{}):null,t&&!M&&T?e.jsx(o.Typography,{variant:"h2",className:r.pageTitle,children:T}):null,q]})]}),d!==!1&&e.jsx($.Toaster,{...m}),h?e.jsx(ne,{open:Y,onClose:()=>B(!1),showTheme:f}):null]})}exports.RootLayout=ke;
2
+ //# sourceMappingURL=RootLayout-CxMadTU1.cjs.map