@techzyapp/ui-library 1.0.16 → 1.0.18

package/dist/{UserCard-C8rC_gzD.cjs → UserCard-GHw2gTx9.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),h=require("react"),p=require("clsx"),q=require("./Avatar-_ufXh3AY.cjs"),f=require("./Button-Cj6pckNl.cjs"),C=require("./Icon-CXTl_QAP.cjs"),i=require("./Typography-BFatE1_A.cjs"),T=require("./ConfigProvider-BHNx-NHV.cjs"),U="_card_ntjc1_3",I="_identity_ntjc1_16",N="_text_ntjc1_20",S="_sm_ntjc1_33",b="_lg_ntjc1_37",n={card:U,identity:I,text:N,sm:S,lg:b},A=h.forwardRef(function({name:r,email:c,avatar:o,icon:l="User",color:a="primary",size:s="md",onLogout:e,logoutLabel:d,children:u,className:x,style:_,...j},y){const g=T.useT(),m=s==="lg"?"lg":s==="sm"?"sm":"md",v=s==="lg"?"md":"sm";return t.jsxs("div",{ref:y,className:p.clsx(n.card,n[s],x),style:_,...j,children:[t.jsxs("div",{className:n.identity,children:[t.jsx(q.Avatar,{size:m,name:r,src:o,icon:r?void 0:l,color:a}),(r!=null||c!=null)&&t.jsxs("div",{className:n.text,children:[r!=null&&t.jsx(i.Typography,{variant:"bodySmall",truncate:!0,children:r}),c!=null&&t.jsx(i.Typography,{variant:"caption",color:"muted",truncate:!0,children:c})]})]}),u,e?t.jsx(f.Button,{variant:"filled",color:"error",size:v,fullWidth:!0,startIcon:t.jsx(C.Icon,{name:"Logout2"}),onClick:e,children:d??g("userCard.signOut")}):null]})});exports.UserCard=A;
-//# sourceMappingURL=UserCard-C8rC_gzD.cjs.map
+"use strict";const t=require("react/jsx-runtime"),h=require("react"),p=require("clsx"),q=require("./Avatar-_ufXh3AY.cjs"),f=require("./Button-Cu0XdnW6.cjs"),C=require("./Icon-CXTl_QAP.cjs"),i=require("./Typography-BFatE1_A.cjs"),T=require("./ConfigProvider-h1WoGC3R.cjs"),U="_card_ntjc1_3",I="_identity_ntjc1_16",N="_text_ntjc1_20",S="_sm_ntjc1_33",b="_lg_ntjc1_37",n={card:U,identity:I,text:N,sm:S,lg:b},A=h.forwardRef(function({name:r,email:c,avatar:o,icon:l="User",color:a="primary",size:s="md",onLogout:e,logoutLabel:d,children:u,className:x,style:_,...j},y){const g=T.useT(),m=s==="lg"?"lg":s==="sm"?"sm":"md",v=s==="lg"?"md":"sm";return t.jsxs("div",{ref:y,className:p.clsx(n.card,n[s],x),style:_,...j,children:[t.jsxs("div",{className:n.identity,children:[t.jsx(q.Avatar,{size:m,name:r,src:o,icon:r?void 0:l,color:a}),(r!=null||c!=null)&&t.jsxs("div",{className:n.text,children:[r!=null&&t.jsx(i.Typography,{variant:"bodySmall",truncate:!0,children:r}),c!=null&&t.jsx(i.Typography,{variant:"caption",color:"muted",truncate:!0,children:c})]})]}),u,e?t.jsx(f.Button,{variant:"filled",color:"error",size:v,fullWidth:!0,startIcon:t.jsx(C.Icon,{name:"Logout2"}),onClick:e,children:d??g("userCard.signOut")}):null]})});exports.UserCard=A;
+//# sourceMappingURL=UserCard-GHw2gTx9.cjs.map

package/dist/{UserCard-C8rC_gzD.cjs.map → UserCard-GHw2gTx9.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"UserCard-C8rC_gzD.cjs","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Display name — the primary line, and the source of the avatar initials. */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n        />\n        {(name != null || email != null) && (\n          <div className={styles.text}>\n            {name != null && (\n              <Typography variant=\"bodySmall\" truncate>\n                {name}\n              </Typography>\n            )}\n            {email != null && (\n              <Typography variant=\"caption\" color=\"muted\" truncate>\n                {email}\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Button","Icon"],"mappings":"qZAyCaA,EAAWC,EAAAA,WAA0C,SAChE,CACE,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,OACP,MAAAC,EAAQ,UACR,KAAAC,EAAO,KACP,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EAEJC,EAAaV,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KAC3DW,EAAaX,IAAS,KAAO,KAAO,KAE1C,OACEY,EAAAA,KAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,KAAKC,EAAO,KAAMA,EAAOd,CAAI,EAAGI,CAAS,EACpD,MAAAC,EACC,GAAGC,EAEJ,SAAA,CAAAM,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,SAGrB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAMN,EACN,KAAAf,EACA,IAAKE,EACL,KAAMF,EAAO,OAAYG,EACzB,MAAAC,CAAA,CAAA,GAEAJ,GAAQ,MAAQC,GAAS,cACxB,MAAA,CAAI,UAAWkB,EAAO,KACpB,SAAA,CAAAnB,GAAQ,MACPoB,MAACE,EAAAA,WAAA,CAAW,QAAQ,YAAY,SAAQ,GACrC,SAAAtB,CAAA,CACH,EAEDC,GAAS,MACRmB,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,UAAU,MAAM,QAAQ,SAAQ,GACjD,SAAArB,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EAEJ,EAECO,EAEAF,EACCc,EAAAA,IAACG,EAAAA,OAAA,CACC,QAAQ,SACR,MAAM,QACN,KAAMP,EACN,UAAS,GACT,UAAWI,EAAAA,IAACI,EAAAA,KAAA,CAAK,KAAK,SAAA,CAAU,EAChC,QAASlB,EAER,SAAAC,GAAeM,EAAE,kBAAkB,CAAA,CAAA,EAEpC,IAAA,CAAA,CAAA,CAGV,CAAC"}
+{"version":3,"file":"UserCard-GHw2gTx9.cjs","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Display name — the primary line, and the source of the avatar initials. */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n        />\n        {(name != null || email != null) && (\n          <div className={styles.text}>\n            {name != null && (\n              <Typography variant=\"bodySmall\" truncate>\n                {name}\n              </Typography>\n            )}\n            {email != null && (\n              <Typography variant=\"caption\" color=\"muted\" truncate>\n                {email}\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Button","Icon"],"mappings":"qZAyCaA,EAAWC,EAAAA,WAA0C,SAChE,CACE,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,OACP,MAAAC,EAAQ,UACR,KAAAC,EAAO,KACP,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EAEJC,EAAaV,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KAC3DW,EAAaX,IAAS,KAAO,KAAO,KAE1C,OACEY,EAAAA,KAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,KAAKC,EAAO,KAAMA,EAAOd,CAAI,EAAGI,CAAS,EACpD,MAAAC,EACC,GAAGC,EAEJ,SAAA,CAAAM,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,SAGrB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAMN,EACN,KAAAf,EACA,IAAKE,EACL,KAAMF,EAAO,OAAYG,EACzB,MAAAC,CAAA,CAAA,GAEAJ,GAAQ,MAAQC,GAAS,cACxB,MAAA,CAAI,UAAWkB,EAAO,KACpB,SAAA,CAAAnB,GAAQ,MACPoB,MAACE,EAAAA,WAAA,CAAW,QAAQ,YAAY,SAAQ,GACrC,SAAAtB,CAAA,CACH,EAEDC,GAAS,MACRmB,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,UAAU,MAAM,QAAQ,SAAQ,GACjD,SAAArB,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EAEJ,EAECO,EAEAF,EACCc,EAAAA,IAACG,EAAAA,OAAA,CACC,QAAQ,SACR,MAAM,QACN,KAAMP,EACN,UAAS,GACT,UAAWI,EAAAA,IAACI,EAAAA,KAAA,CAAK,KAAK,SAAA,CAAU,EAChC,QAASlB,EAER,SAAAC,GAAeM,EAAE,kBAAkB,CAAA,CAAA,EAEpC,IAAA,CAAA,CAAA,CAGV,CAAC"}

package/dist/components/Alert/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Alert-D99G0StL.cjs");exports.Alert=e.Alert;exports.default=e.Alert;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Alert-DRZdNwDm.cjs");exports.Alert=e.Alert;exports.default=e.Alert;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Alert/index.js

@@ -1,4 +1,4 @@
-import { A as r, A as t } from "../../Alert-B3rDvpbO.js";
+import { A as r, A as t } from "../../Alert-yldGvhVM.js";
 export {
   r as Alert,
   t as default

package/dist/components/AuthLayout/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../AuthLayout-pvqB9w-B.cjs");exports.AuthLayout=t.AuthLayout;exports.default=t.AuthLayout;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../AuthLayout-B1tzhzHo.cjs");exports.AuthLayout=t.AuthLayout;exports.default=t.AuthLayout;
 //# sourceMappingURL=index.cjs.map

package/dist/components/AuthLayout/index.js

@@ -1,4 +1,4 @@
-import { A as o, A as u } from "../../AuthLayout-DGCe90w0.js";
+import { A as o, A as u } from "../../AuthLayout-j7EAPPXT.js";
 export {
   o as AuthLayout,
   u as default

package/dist/components/Breadcrumbs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Breadcrumbs-jVOE_Pg8.cjs");exports.Breadcrumbs=e.Breadcrumbs;exports.default=e.Breadcrumbs;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Breadcrumbs-f0GE4lCI.cjs");exports.Breadcrumbs=e.Breadcrumbs;exports.default=e.Breadcrumbs;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Breadcrumbs/index.js

@@ -1,4 +1,4 @@
-import { B as e, B as s } from "../../Breadcrumbs-DsKwFBH5.js";
+import { B as e, B as s } from "../../Breadcrumbs-FpIOHx_q.js";
 export {
   e as Breadcrumbs,
   s as default

package/dist/components/Button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../Button-Cj6pckNl.cjs");exports.Button=t.Button;exports.default=t.Button;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../Button-Cu0XdnW6.cjs");exports.Button=t.Button;exports.default=t.Button;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-import { B as o, B } from "../../Button-CUsXYM-m.js";
+import { B as o, B } from "../../Button-BkjZ7wEu.js";
 export {
   o as Button,
   B as default

package/dist/components/Card/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Card-DD9SWHzZ.cjs");exports.Card=e.Card;exports.default=e.Card;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Card-DGTGdaTZ.cjs");exports.Card=e.Card;exports.default=e.Card;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Card/index.js

@@ -1,4 +1,4 @@
-import { C, C as d } from "../../Card-DhpudGvF.js";
+import { C, C as d } from "../../Card-CumMi_XB.js";
 export {
   C as Card,
   d as default

package/dist/components/Chip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Chip-B2lY4TJ0.cjs");exports.Chip=e.Chip;exports.default=e.Chip;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Chip-CJuAvgst.cjs");exports.Chip=e.Chip;exports.default=e.Chip;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Chip/index.js

@@ -1,4 +1,4 @@
-import { C as e, C as f } from "../../Chip-DulHqhuf.js";
+import { C as e, C as f } from "../../Chip-D83svOCW.js";
 export {
   e as Chip,
   f as default

package/dist/components/CodeBlock/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../CodeBlock-EhB7v9-R.cjs");exports.CodeBlock=e.CodeBlock;exports.default=e.CodeBlock;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../CodeBlock-C_UDrrY6.cjs");exports.CodeBlock=e.CodeBlock;exports.default=e.CodeBlock;
 //# sourceMappingURL=index.cjs.map

package/dist/components/CodeBlock/index.js

@@ -1,4 +1,4 @@
-import { C as e, C } from "../../CodeBlock-DwBMghs2.js";
+import { C as e, C } from "../../CodeBlock-BK_KXhos.js";
 export {
   e as CodeBlock,
   C as default

package/dist/components/ColorPicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../ColorPicker-Dc1y9Zuu.cjs");exports.ColorPicker=e.ColorPicker;exports.default=e.ColorPicker;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../ColorPicker-BmxZnsNC.cjs");exports.ColorPicker=e.ColorPicker;exports.default=e.ColorPicker;
 //# sourceMappingURL=index.cjs.map

package/dist/components/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { C as a, C as e } from "../../ColorPicker-DJgTeHht.js";
+import { C as a, C as e } from "../../ColorPicker-DLnB_AvZ.js";
 export {
   a as ColorPicker,
   e as default

package/dist/components/CopyButton/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../CopyButton-D_DCLHhb.cjs");exports.CopyButton=t.CopyButton;exports.default=t.CopyButton;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../CopyButton-tRMAy59I.cjs");exports.CopyButton=t.CopyButton;exports.default=t.CopyButton;
 //# sourceMappingURL=index.cjs.map

package/dist/components/CopyButton/index.js

@@ -1,4 +1,4 @@
-import { C as a, C } from "../../CopyButton-B4-OYsYr.js";
+import { C as a, C } from "../../CopyButton-DdQ-8ExN.js";
 export {
   a as CopyButton,
   C as default

package/dist/components/DatePicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-CEczjGZy.cjs");exports.DatePicker=e.DatePicker;exports.default=e.DatePicker;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-eryY6Xmx.cjs");exports.DatePicker=e.DatePicker;exports.default=e.DatePicker;
 //# sourceMappingURL=index.cjs.map

package/dist/components/DatePicker/index.js

@@ -1,4 +1,4 @@
-import { D as r, D as t } from "../../DatePicker-DkvfSN1K.js";
+import { D as r, D as t } from "../../DatePicker-pz634ktl.js";
 export {
   r as DatePicker,
   t as default

package/dist/components/DateTimePicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DateTimePicker-CDyGxUBX.cjs");exports.DateTimePicker=e.DateTimePicker;exports.default=e.DateTimePicker;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DateTimePicker-CmH3ZuzN.cjs");exports.DateTimePicker=e.DateTimePicker;exports.default=e.DateTimePicker;
 //# sourceMappingURL=index.cjs.map

package/dist/components/DateTimePicker/index.js

@@ -1,4 +1,4 @@
-import { D as r, D as t } from "../../DateTimePicker-DPomyrnN.js";
+import { D as r, D as t } from "../../DateTimePicker-BJLq9Fud.js";
 export {
   r as DateTimePicker,
   t as default

package/dist/components/EmptyState/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../EmptyState-B77utgEn.cjs");exports.EmptyState=t.EmptyState;exports.default=t.EmptyState;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../EmptyState-Cxf4H8Cc.cjs");exports.EmptyState=t.EmptyState;exports.default=t.EmptyState;
 //# sourceMappingURL=index.cjs.map

package/dist/components/EmptyState/index.js

@@ -1,4 +1,4 @@
-import { E as e, E } from "../../EmptyState-CVyFXprK.js";
+import { E as e, E } from "../../EmptyState-B2QPNhWW.js";
 export {
   e as EmptyState,
   E as default

package/dist/components/FileCard/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FileCard-CsGW2sxE.cjs");exports.FileCard=e.FileCard;exports.default=e.FileCard;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FileCard-D0Sa7WJt.cjs");exports.FileCard=e.FileCard;exports.default=e.FileCard;
 //# sourceMappingURL=index.cjs.map

package/dist/components/FileCard/index.js

@@ -1,4 +1,4 @@
-import { F as r, F } from "../../FileCard-Cpc5frNm.js";
+import { F as r, F } from "../../FileCard-Do9D72NA.js";
 export {
   r as FileCard,
   F as default

package/dist/components/FileUploader/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FileUploader-DDi_uzIx.cjs");exports.FileUploader=e.FileUploader;exports.default=e.FileUploader;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FileUploader-B1Arfj1a.cjs");exports.FileUploader=e.FileUploader;exports.default=e.FileUploader;
 //# sourceMappingURL=index.cjs.map

package/dist/components/FileUploader/index.js

@@ -1,4 +1,4 @@
-import { F as l, F as o } from "../../FileUploader-B_nKMh_K.js";
+import { F as l, F as o } from "../../FileUploader-4900qKEE.js";
 export {
   l as FileUploader,
   o as default

package/dist/components/Flag/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Flag-BJLWKB9J.cjs");exports.Flag=e.Flag;exports.default=e.Flag;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Flag-D7Vlczlw.cjs");exports.Flag=e.Flag;exports.default=e.Flag;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Flag/index.js

@@ -1,4 +1,4 @@
-import { F as e, F as f } from "../../Flag-Ck1xK22A.js";
+import { F as e, F as f } from "../../Flag-DNhhLtCC.js";
 export {
   e as Flag,
   f as default

package/dist/components/FullscreenToggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FullscreenToggle-MCxGzAEe.cjs");exports.FullscreenToggle=e.FullscreenToggle;exports.default=e.FullscreenToggle;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../FullscreenToggle-dU2ai_OZ.cjs");exports.FullscreenToggle=e.FullscreenToggle;exports.default=e.FullscreenToggle;
 //# sourceMappingURL=index.cjs.map

package/dist/components/FullscreenToggle/index.js

@@ -1,4 +1,4 @@
-import { F as a, F as o } from "../../FullscreenToggle-DmC0jTay.js";
+import { F as a, F as o } from "../../FullscreenToggle-Bc4fB-Mi.js";
 export {
   a as FullscreenToggle,
   o as default

package/dist/components/IconButton/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../IconButton-BoY2y_pV.cjs");exports.IconButton=t.IconButton;exports.default=t.IconButton;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../IconButton-DyRC514t.cjs");exports.IconButton=t.IconButton;exports.default=t.IconButton;
 //# sourceMappingURL=index.cjs.map

package/dist/components/IconButton/index.js

@@ -1,4 +1,4 @@
-import { I as a, I } from "../../IconButton-B8FPGgDn.js";
+import { I as a, I } from "../../IconButton-DpTxmj3d.js";
 export {
   a as IconButton,
   I as default

package/dist/components/Loader/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Loader-Cwb1bOHj.cjs");exports.Loader=e.Loader;exports.default=e.Loader;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Loader-B45H2SMP.cjs");exports.Loader=e.Loader;exports.default=e.Loader;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Loader/index.js

@@ -1,4 +1,4 @@
-import { L as o, L as r } from "../../Loader-UzzqvFyo.js";
+import { L as o, L as r } from "../../Loader-B9VXX401.js";
 export {
   o as Loader,
   r as default

package/dist/components/Modal/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Modal-CO3c3sGY.cjs");exports.Modal=e.Modal;exports.default=e.Modal;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Modal-DsoSz0Sp.cjs");exports.Modal=e.Modal;exports.default=e.Modal;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js

@@ -1,4 +1,4 @@
-import { M, M as d } from "../../Modal-XMRDPHvQ.js";
+import { M, M as d } from "../../Modal-Us_E-lb2.js";
 export {
   M as Modal,
   d as default

package/dist/components/MultiSelect/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../MultiSelect-DVOVHuIm.cjs");exports.MultiSelect=e.MultiSelect;exports.default=e.MultiSelect;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../MultiSelect-CtLpWaBX.cjs");exports.MultiSelect=e.MultiSelect;exports.default=e.MultiSelect;
 //# sourceMappingURL=index.cjs.map

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as a, M as l } from "../../MultiSelect-BPLctumx.js";
+import { M as a, M as l } from "../../MultiSelect-sKk2KzOd.js";
 export {
   a as MultiSelect,
   l as default

package/dist/components/NumberField/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../NumberField-BH237Vt2.cjs");exports.NumberField=e.NumberField;exports.default=e.NumberField;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../NumberField-C6qj3nCa.cjs");exports.NumberField=e.NumberField;exports.default=e.NumberField;
 //# sourceMappingURL=index.cjs.map

package/dist/components/NumberField/index.js

@@ -1,4 +1,4 @@
-import { N as r, N } from "../../NumberField-X2HsSpu9.js";
+import { N as r, N } from "../../NumberField-Cz03nksO.js";
 export {
   r as NumberField,
   N as default

package/dist/components/OtpField/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../OtpField-CXP59zM2.cjs");exports.OtpField=e.OtpField;exports.default=e.OtpField;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../OtpField-B46P6aMy.cjs");exports.OtpField=e.OtpField;exports.default=e.OtpField;
 //# sourceMappingURL=index.cjs.map

package/dist/components/OtpField/index.js

@@ -1,4 +1,4 @@
-import { O as t, O } from "../../OtpField-CB05q0NX.js";
+import { O as t, O } from "../../OtpField-DLXQYMw1.js";
 export {
   t as OtpField,
   O as default

package/dist/components/PageLayout/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageLayout-CuVuZEbR.cjs");exports.PageLayout=e.PageLayout;exports.default=e.PageLayout;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageLayout-BfeRjBek.cjs");exports.PageLayout=e.PageLayout;exports.default=e.PageLayout;
 //# sourceMappingURL=index.cjs.map

package/dist/components/PageLayout/index.js

@@ -1,4 +1,4 @@
-import { P as o, P as t } from "../../PageLayout-WKWnj5cw.js";
+import { P as o, P as t } from "../../PageLayout-BWU-p_N9.js";
 export {
   o as PageLayout,
   t as default

package/dist/components/PageNotFound/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageNotFound-BxABP8Nj.cjs");exports.PageNotFound=e.PageNotFound;exports.default=e.PageNotFound;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../PageNotFound-nvZm-UCG.cjs");exports.PageNotFound=e.PageNotFound;exports.default=e.PageNotFound;
 //# sourceMappingURL=index.cjs.map

package/dist/components/PageNotFound/index.js

@@ -1,4 +1,4 @@
-import { P as e, P as t } from "../../PageNotFound-CvWgniQM.js";
+import { P as e, P as t } from "../../PageNotFound-B_nTMrCD.js";
 export {
   e as PageNotFound,
   t as default

package/dist/components/Pagination/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Pagination-Dcs_Znx3.cjs");exports.Pagination=e.Pagination;exports.default=e.Pagination;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Pagination-CsClNqIu.cjs");exports.Pagination=e.Pagination;exports.default=e.Pagination;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Pagination/index.js

@@ -1,4 +1,4 @@
-import { P as t, P } from "../../Pagination-BuP4N1bj.js";
+import { P as t, P } from "../../Pagination-BYXUhmSz.js";
 export {
   t as Pagination,
   P as default

package/dist/components/RemoveDialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../RemoveDialog-Cwtq9wAt.cjs");exports.RemoveDialog=e.RemoveDialog;exports.default=e.RemoveDialog;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../RemoveDialog-D5J9TYap.cjs");exports.RemoveDialog=e.RemoveDialog;exports.default=e.RemoveDialog;
 //# sourceMappingURL=index.cjs.map

package/dist/components/RemoveDialog/index.js

@@ -1,4 +1,4 @@
-import { R as o, R } from "../../RemoveDialog-DU6MqkO8.js";
+import { R as o, R } from "../../RemoveDialog-PHdZi9-d.js";
 export {
   o as RemoveDialog,
   R as default

package/dist/components/RichTextEditor/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../RichTextEditor-GxbnzLRe.cjs");exports.RichTextEditor=e.RichTextEditor;exports.default=e.RichTextEditor;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../RichTextEditor-jWv0t3vJ.cjs");exports.RichTextEditor=e.RichTextEditor;exports.default=e.RichTextEditor;
 //# sourceMappingURL=index.cjs.map

package/dist/components/RichTextEditor/index.js

@@ -1,4 +1,4 @@
-import { R as e, R as o } from "../../RichTextEditor-k-NlWb4Y.js";
+import { R as e, R as o } from "../../RichTextEditor-BcmsnYGJ.js";
 export {
   e as RichTextEditor,
   o as default

package/dist/components/RootLayout/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../RootLayout-C4suUXSJ.cjs");exports.RootLayout=o.RootLayout;exports.default=o.RootLayout;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../RootLayout-DtZcqk9N.cjs");exports.RootLayout=o.RootLayout;exports.default=o.RootLayout;
 //# sourceMappingURL=index.cjs.map

package/dist/components/RootLayout/index.js

@@ -1,4 +1,4 @@
-import { R as t, R } from "../../RootLayout-ILyExULV.js";
+import { R as t, R } from "../../RootLayout-q_oWf5et.js";
 export {
   t as RootLayout,
   R as default

package/dist/components/Select/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Select-DjMZec8c.cjs");exports.Select=e.Select;exports.default=e.Select;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Select-CWCeBQ8Q.cjs");exports.Select=e.Select;exports.default=e.Select;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Select/index.js

@@ -1,4 +1,4 @@
-import { S as t, S } from "../../Select-D7KJ-YMU.js";
+import { S as t, S } from "../../Select-UygxT1Ry.js";
 export {
   t as Select,
   S as default

package/dist/components/Sidebar/Sidebar.d.cts

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 import { type StaticDataRouteOption } from '@tanstack/react-router';
 import { type ThemeColor } from '../../theme';
 import type { IconName } from '../../icons/names';
@@ -9,10 +10,26 @@ declare module '@tanstack/react-router' {
         /**
          * Explicit page-title / breadcrumb label for **this** route, taking priority over the path-prefix
          * `name` resolution. Read from the current (leaf) matched route, so it works on **dynamic** routes
-         * (e.g. `/core/list/$id`) too. Does **not** affect the sidebar (which reads only `name`) — use it to
-         * title a detail page that has no menu entry.
+         * (e.g. `/core/list/$id`) too. Either a static string, or a **function of the route `params`** —
+         * called with the matched route's params so a detail page can title itself from the URL, e.g.
+         * `title: ({ id }) => \`Order #${id}\``. Does **not** affect the sidebar (which reads only `name`).
          */
-        title?: string;
+        title?: string | ((params: Record<string, string>) => ReactNode);
+        /**
+         * Explicit **breadcrumb** crumb for **this** route, independent of the page title. Same shape as
+         * `title` (string, or a function of the route `params`). For the current-page crumb the priority is
+         * `breadcrumb` → `title` → `name`, so a page can show one label in the header (`title`) and a
+         * different one in the breadcrumb trail. Does **not** affect the page title or the sidebar.
+         */
+        breadcrumb?: string | ((params: Record<string, string>) => ReactNode);
+        /**
+         * Show a **back** arrow left of the page title for **this** route (opt-in). `true` navigates via the
+         * **browser history** (`router.history.back()`); a **string** or a **function of the route `params`**
+         * navigates to an explicit path (deterministic — survives a deep link / refresh, e.g.
+         * `back: '/users'` or `back: ({ id }) => \`/users/${id}\``). `false` / omitted → no back button. Read
+         * from the leaf matched route; does **not** affect the sidebar.
+         */
+        back?: boolean | string | ((params: Record<string, string>) => string);
         /** Optional menu icon (the library's `IconName` union). */
         icon?: IconName;
         /** Sort order within the parent (ascending); falls back to alphabetical. */
@@ -82,6 +99,34 @@ export declare function resolvePathNames(pathname: string, nameMap: Map<string,
     name: string;
     to: string;
 }>;
+/** Resolve a `staticData.title` value: a function is called with the route `params`, a string is used
+ * as-is, and nullish yields `undefined`. Pure, so it's unit-testable. */
+export declare function resolveTitle(title: string | ((params: Record<string, string>) => ReactNode) | undefined, params: Record<string, string>): ReactNode | undefined;
+/**
+ * The **breadcrumb** crumb label for a route's `staticData`: `breadcrumb` wins over `title` (both
+ * resolved via `resolveTitle` — functions called with `params`), so a page can show a different label in
+ * the trail than in the header. Returns `undefined` when neither is set. Pure, so it's unit-testable.
+ */
+export declare function resolveBreadcrumbLabel(breadcrumb: string | ((params: Record<string, string>) => ReactNode) | undefined, title: string | ((params: Record<string, string>) => ReactNode) | undefined, params: Record<string, string>): ReactNode | undefined;
+/**
+ * Resolve a `staticData.back` value into a back **target**: `undefined` (nullish / `false` → no back),
+ * `{ kind: 'history' }` (`true` → browser history back), or `{ kind: 'navigate', to }` (a string or a
+ * `(params) => string`, called with the route params). Pure, so it's unit-testable.
+ */
+export declare function resolveBackTarget(back: boolean | string | ((params: Record<string, string>) => string) | undefined, params: Record<string, string>): {
+    kind: 'history';
+} | {
+    kind: 'navigate';
+    to: string;
+} | undefined;
+/**
+ * A **back**-navigation handler for the current page, from the leaf matched route's `staticData.back`
+ * (opt-in), or `undefined` when no route on the chain enables it. `back: true` → browser history back;
+ * a string / `(params) => string` → navigate to that explicit path. The first (deepest) match that
+ * declares `back` wins; an explicit `back: false` on it disables (even if an ancestor set `true`). Used
+ * by `RootLayout` to render the back arrow beside the page title.
+ */
+export declare function usePageBack(): (() => void) | undefined;
 /**
  * The current page's title. Priority: the leaf matched route's explicit **`staticData.title`** (works on
  * dynamic routes, read from the match chain), else the **last** recognized name along the current
@@ -89,10 +134,10 @@ export declare function resolvePathNames(pathname: string, nameMap: Map<string,
  * list's name instead of falling back to the nearest named ancestor. Used by `RootLayout` to label the
  * header automatically.
  */
-export declare function usePageTitle(): string | undefined;
+export declare function usePageTitle(): ReactNode | undefined;
 /** One breadcrumb. `to` is set only when the crumb points at a real, navigable menu page. */
 export interface Breadcrumb {
-    label: string;
+    label: ReactNode;
     to?: string;
 }
 /**
@@ -108,19 +153,20 @@ export declare function buildBreadcrumbItems(resolved: Array<{
     to: string;
 }>, opts: {
     leafPath: string;
-    leafTitle?: string;
+    leafTitle?: ReactNode;
     navigable: Set<string>;
 }): Breadcrumb[];
 /**
  * Breadcrumb trail for the current route, derived from the current pathname's **cumulative prefixes**
  * (via `resolvePathNames`) rather than the matched-route chain — so a dynamic/detail route (e.g.
  * `/core/list/$id`) still shows its named ancestors (Core › List) instead of collapsing to the nearest
- * named one. The leaf matched route's explicit **`staticData.title`** takes priority for the current-page
- * crumb: it overrides the leaf's own label when the leaf is a named prefix, else it's appended as the
- * trailing current-page crumb (so a titled dynamic detail reads Core › List › <title>). `homeTo` is the
- * first allowed menu page (same target as `FirstRouteRedirect`). A crumb links only when it maps to a
- * real navigable page **and isn't the current page** — so an ancestor crumb (the parent list while you're
- * on its detail child) stays a link, while the page you're already on is plain text.
+ * named one. The current-page crumb label follows the priority **`breadcrumb` → `title` → `name`** (via
+ * `useLeafBreadcrumb`), so a page can label its crumb independently of its header title: it overrides the
+ * leaf's own label when the leaf is a named prefix, else it's appended as the trailing current-page crumb
+ * (so a dynamic detail reads Core › List › <breadcrumb>). `homeTo` is the first allowed menu page (same
+ * target as `FirstRouteRedirect`). A crumb links only when it maps to a real navigable page **and isn't
+ * the current page** — so an ancestor crumb (the parent list while you're on its detail child) stays a
+ * link, while the page you're already on is plain text.
  */
 export declare function useBreadcrumbs(): {
     homeTo?: string;