@techzyapp/ui-library 1.0.43 → 1.0.45

package/dist/{AuthLayout-q8pbCGdt.js.map → AuthLayout-BI1wLuDl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout-q8pbCGdt.js","sources":["../src/components/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './AuthLayout.module.css'\n\nexport interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Heading — the page name (e.g. `\"Login\"`, `\"Forgot Password\"`, `\"Verify Code\"`). */\n  title?: ReactNode\n  /** Muted line under the title (e.g. `\"Enter your email to receive a reset link\"`). */\n  subtitle?: ReactNode\n  /**\n   * Brand slot centered on the canvas, above the card (a logo `<img>` / `<svg>` / any node). The slot\n   * is the constraint box (capped width + height) — an `<img>`/`<svg>` inside fills it 100% (aspect\n   * kept), so you can pass an unsized logo and it's sized/centered for you.\n   */\n  logo?: ReactNode\n  /** Optional glyph in a solid `color`-filled circle above the title — an `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Bottom slot under the form — e.g. a \"Back to login\" / \"Sign up\" link row. */\n  footer?: ReactNode\n  /** Theme token that tints the `icon` circle. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Max width of the centered card in px. Defaults to `400`. */\n  maxWidth?: number\n  /** The auth form (fields + submit) — usually a `<Form>`. */\n  children?: ReactNode\n}\n\n/**\n * A ready-made, centered page frame for **authentication pages** (login, forgot-password,\n * reset-password, OTP, …) — so each page just supplies its `title` + form instead of hand-building the\n * layout. Fills the viewport (`100dvh`) with the app `background` canvas and vertically centers a\n * `logo` (on the canvas, above the card) + an elevated `surface` card, as a group. The card stacks: an\n * optional `icon` (in a solid `color`-filled `Avatar` circle), the `title` + `subtitle` (centered), the\n * `children` (your form), and an optional `footer` (link row). Token-only styling; responsive.\n *\n * @example\n * <AuthLayout title=\"Login\" subtitle=\"Welcome back\" logo={<Logo />}>\n *   <Form form={form}>…</Form>\n * </AuthLayout>\n */\nexport const AuthLayout = forwardRef<HTMLDivElement, AuthLayoutProps>(function AuthLayout(\n  {\n    title,\n    subtitle,\n    logo,\n    icon,\n    footer,\n    color = 'accent',\n    maxWidth = 400,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <div ref={ref} className={clsx(styles.authLayout, className)} style={style} {...props}>\n      {logo != null && <div className={styles.logo}>{logo}</div>}\n      <div className={styles.card} style={{ maxWidth } as CSSProperties}>\n        {icon != null && (\n          <Avatar className={styles.icon} icon={icon} color={color} size=\"lg\" aria-hidden />\n        )}\n        {(title != null || subtitle != null) && (\n          <div className={styles.header}>\n            {title != null && (\n              <Typography variant=\"h2\" align=\"center\">\n                {title}\n              </Typography>\n            )}\n            {subtitle != null && (\n              <Typography color=\"muted\" align=\"center\">\n                {subtitle}\n              </Typography>\n            )}\n          </div>\n        )}\n        {children != null && <div className={styles.body}>{children}</div>}\n        {footer != null && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  )\n})\n"],"names":["AuthLayout","forwardRef","title","subtitle","logo","icon","footer","color","maxWidth","className","style","children","props","ref","jsxs","clsx","styles","jsx","Avatar","Typography"],"mappings":";;;;;;;;;;;;;GA4CaA,IAAaC,EAA4C,SACpE;AAAA,EACE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAKC,EAAO,YAAYP,CAAS,GAAG,OAAAC,GAAe,GAAGE,GAC7E,UAAA;AAAA,IAAAR,KAAQ,QAAQ,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAO,UAAAZ,GAAK;AAAA,IACpD,gBAAAU,EAAC,SAAI,WAAWE,EAAO,MAAM,OAAO,EAAE,UAAAR,KACnC,UAAA;AAAA,MAAAH,KAAQ,QACP,gBAAAY,EAACC,GAAA,EAAO,WAAWF,EAAO,MAAM,MAAAX,GAAY,OAAAE,GAAc,MAAK,MAAK,eAAW,GAAA,CAAC;AAAA,OAEhFL,KAAS,QAAQC,KAAY,2BAC5B,OAAA,EAAI,WAAWa,EAAO,QACpB,UAAA;AAAA,QAAAd,KAAS,QACR,gBAAAe,EAACE,GAAA,EAAW,SAAQ,MAAK,OAAM,UAC5B,UAAAjB,EAAA,CACH;AAAA,QAEDC,KAAY,QACX,gBAAAc,EAACE,GAAA,EAAW,OAAM,SAAQ,OAAM,UAC7B,UAAAhB,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MAEDQ,KAAY,QAAQ,gBAAAM,EAAC,SAAI,WAAWD,EAAO,MAAO,UAAAL,GAAS;AAAA,MAC3DL,KAAU,QAAQ,gBAAAW,EAAC,SAAI,WAAWD,EAAO,QAAS,UAAAV,EAAA,CAAO;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"AuthLayout-BI1wLuDl.js","sources":["../src/components/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './AuthLayout.module.css'\n\nexport interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Heading — the page name (e.g. `\"Login\"`, `\"Forgot Password\"`, `\"Verify Code\"`). */\n  title?: ReactNode\n  /** Muted line under the title (e.g. `\"Enter your email to receive a reset link\"`). */\n  subtitle?: ReactNode\n  /**\n   * Brand slot centered on the canvas, above the card (a logo `<img>` / `<svg>` / any node). The slot\n   * is the constraint box (capped width + height) — an `<img>`/`<svg>` inside fills it 100% (aspect\n   * kept), so you can pass an unsized logo and it's sized/centered for you.\n   */\n  logo?: ReactNode\n  /** Optional glyph in a solid `color`-filled circle above the title — an `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Bottom slot under the form — e.g. a \"Back to login\" / \"Sign up\" link row. */\n  footer?: ReactNode\n  /** Theme token that tints the `icon` circle. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Max width of the centered card in px. Defaults to `400`. */\n  maxWidth?: number\n  /** The auth form (fields + submit) — usually a `<Form>`. */\n  children?: ReactNode\n}\n\n/**\n * A ready-made, centered page frame for **authentication pages** (login, forgot-password,\n * reset-password, OTP, …) — so each page just supplies its `title` + form instead of hand-building the\n * layout. Fills the viewport (`100dvh`) with the app `background` canvas and vertically centers a\n * `logo` (on the canvas, above the card) + an elevated `surface` card, as a group. The card stacks: an\n * optional `icon` (in a solid `color`-filled `Avatar` circle), the `title` + `subtitle` (centered), the\n * `children` (your form), and an optional `footer` (link row). Token-only styling; responsive.\n *\n * @example\n * <AuthLayout title=\"Login\" subtitle=\"Welcome back\" logo={<Logo />}>\n *   <Form form={form}>…</Form>\n * </AuthLayout>\n */\nexport const AuthLayout = forwardRef<HTMLDivElement, AuthLayoutProps>(function AuthLayout(\n  {\n    title,\n    subtitle,\n    logo,\n    icon,\n    footer,\n    color = 'accent',\n    maxWidth = 400,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <div ref={ref} className={clsx(styles.authLayout, className)} style={style} {...props}>\n      {logo != null && <div className={styles.logo}>{logo}</div>}\n      <div className={styles.card} style={{ maxWidth } as CSSProperties}>\n        {icon != null && (\n          <Avatar className={styles.icon} icon={icon} color={color} size=\"lg\" aria-hidden />\n        )}\n        {(title != null || subtitle != null) && (\n          <div className={styles.header}>\n            {title != null && (\n              <Typography variant=\"h2\" align=\"center\">\n                {title}\n              </Typography>\n            )}\n            {subtitle != null && (\n              <Typography color=\"muted\" align=\"center\">\n                {subtitle}\n              </Typography>\n            )}\n          </div>\n        )}\n        {children != null && <div className={styles.body}>{children}</div>}\n        {footer != null && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  )\n})\n"],"names":["AuthLayout","forwardRef","title","subtitle","logo","icon","footer","color","maxWidth","className","style","children","props","ref","jsxs","clsx","styles","jsx","Avatar","Typography"],"mappings":";;;;;;;;;;;;;GA4CaA,IAAaC,EAA4C,SACpE;AAAA,EACE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAKC,EAAO,YAAYP,CAAS,GAAG,OAAAC,GAAe,GAAGE,GAC7E,UAAA;AAAA,IAAAR,KAAQ,QAAQ,gBAAAa,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAO,UAAAZ,GAAK;AAAA,IACpD,gBAAAU,EAAC,SAAI,WAAWE,EAAO,MAAM,OAAO,EAAE,UAAAR,KACnC,UAAA;AAAA,MAAAH,KAAQ,QACP,gBAAAY,EAACC,GAAA,EAAO,WAAWF,EAAO,MAAM,MAAAX,GAAY,OAAAE,GAAc,MAAK,MAAK,eAAW,GAAA,CAAC;AAAA,OAEhFL,KAAS,QAAQC,KAAY,2BAC5B,OAAA,EAAI,WAAWa,EAAO,QACpB,UAAA;AAAA,QAAAd,KAAS,QACR,gBAAAe,EAACE,GAAA,EAAW,SAAQ,MAAK,OAAM,UAC5B,UAAAjB,EAAA,CACH;AAAA,QAEDC,KAAY,QACX,gBAAAc,EAACE,GAAA,EAAW,OAAM,SAAQ,OAAM,UAC7B,UAAAhB,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MAEDQ,KAAY,QAAQ,gBAAAM,EAAC,SAAI,WAAWD,EAAO,MAAO,UAAAL,GAAS;AAAA,MAC3DL,KAAU,QAAQ,gBAAAW,EAAC,SAAI,WAAWD,EAAO,QAAS,UAAAV,EAAA,CAAO;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/{AuthLayout-exuNQicH.cjs → AuthLayout-Bzlsvicf.cjs}

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),g=require("react"),m=require("clsx"),v=require("./Avatar-l48Ice6t.cjs"),u=require("./Typography-d97DdbNd.cjs"),x="_authLayout_1vumg_3",j="_logo_1vumg_20",L="_card_1vumg_36",N="_icon_1vumg_50",f="_header_1vumg_55",p="_body_1vumg_62",q="_footer_1vumg_68",o={authLayout:x,logo:j,card:L,icon:N,header:f,body:p,footer:q},A=g.forwardRef(function({title:s,subtitle:e,logo:c,icon:r,footer:n,color:l="accent",maxWidth:d=400,className:i,style:h,children:t,..._},y){return a.jsxs("div",{ref:y,className:m.clsx(o.authLayout,i),style:h,..._,children:[c!=null&&a.jsx("div",{className:o.logo,children:c}),a.jsxs("div",{className:o.card,style:{maxWidth:d},children:[r!=null&&a.jsx(v.Avatar,{className:o.icon,icon:r,color:l,size:"lg","aria-hidden":!0}),(s!=null||e!=null)&&a.jsxs("div",{className:o.header,children:[s!=null&&a.jsx(u.Typography,{variant:"h2",align:"center",children:s}),e!=null&&a.jsx(u.Typography,{color:"muted",align:"center",children:e})]}),t!=null&&a.jsx("div",{className:o.body,children:t}),n!=null&&a.jsx("div",{className:o.footer,children:n})]})]})});exports.AuthLayout=A;
-//# sourceMappingURL=AuthLayout-exuNQicH.cjs.map
+"use strict";const a=require("react/jsx-runtime"),g=require("react"),m=require("clsx"),v=require("./Avatar-BBqX1732.cjs"),u=require("./Typography-d97DdbNd.cjs"),x="_authLayout_1vumg_3",j="_logo_1vumg_20",L="_card_1vumg_36",N="_icon_1vumg_50",f="_header_1vumg_55",p="_body_1vumg_62",q="_footer_1vumg_68",o={authLayout:x,logo:j,card:L,icon:N,header:f,body:p,footer:q},A=g.forwardRef(function({title:s,subtitle:e,logo:c,icon:r,footer:n,color:l="accent",maxWidth:d=400,className:i,style:h,children:t,..._},y){return a.jsxs("div",{ref:y,className:m.clsx(o.authLayout,i),style:h,..._,children:[c!=null&&a.jsx("div",{className:o.logo,children:c}),a.jsxs("div",{className:o.card,style:{maxWidth:d},children:[r!=null&&a.jsx(v.Avatar,{className:o.icon,icon:r,color:l,size:"lg","aria-hidden":!0}),(s!=null||e!=null)&&a.jsxs("div",{className:o.header,children:[s!=null&&a.jsx(u.Typography,{variant:"h2",align:"center",children:s}),e!=null&&a.jsx(u.Typography,{color:"muted",align:"center",children:e})]}),t!=null&&a.jsx("div",{className:o.body,children:t}),n!=null&&a.jsx("div",{className:o.footer,children:n})]})]})});exports.AuthLayout=A;
+//# sourceMappingURL=AuthLayout-Bzlsvicf.cjs.map

package/dist/{AuthLayout-exuNQicH.cjs.map → AuthLayout-Bzlsvicf.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout-exuNQicH.cjs","sources":["../src/components/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './AuthLayout.module.css'\n\nexport interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Heading — the page name (e.g. `\"Login\"`, `\"Forgot Password\"`, `\"Verify Code\"`). */\n  title?: ReactNode\n  /** Muted line under the title (e.g. `\"Enter your email to receive a reset link\"`). */\n  subtitle?: ReactNode\n  /**\n   * Brand slot centered on the canvas, above the card (a logo `<img>` / `<svg>` / any node). The slot\n   * is the constraint box (capped width + height) — an `<img>`/`<svg>` inside fills it 100% (aspect\n   * kept), so you can pass an unsized logo and it's sized/centered for you.\n   */\n  logo?: ReactNode\n  /** Optional glyph in a solid `color`-filled circle above the title — an `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Bottom slot under the form — e.g. a \"Back to login\" / \"Sign up\" link row. */\n  footer?: ReactNode\n  /** Theme token that tints the `icon` circle. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Max width of the centered card in px. Defaults to `400`. */\n  maxWidth?: number\n  /** The auth form (fields + submit) — usually a `<Form>`. */\n  children?: ReactNode\n}\n\n/**\n * A ready-made, centered page frame for **authentication pages** (login, forgot-password,\n * reset-password, OTP, …) — so each page just supplies its `title` + form instead of hand-building the\n * layout. Fills the viewport (`100dvh`) with the app `background` canvas and vertically centers a\n * `logo` (on the canvas, above the card) + an elevated `surface` card, as a group. The card stacks: an\n * optional `icon` (in a solid `color`-filled `Avatar` circle), the `title` + `subtitle` (centered), the\n * `children` (your form), and an optional `footer` (link row). Token-only styling; responsive.\n *\n * @example\n * <AuthLayout title=\"Login\" subtitle=\"Welcome back\" logo={<Logo />}>\n *   <Form form={form}>…</Form>\n * </AuthLayout>\n */\nexport const AuthLayout = forwardRef<HTMLDivElement, AuthLayoutProps>(function AuthLayout(\n  {\n    title,\n    subtitle,\n    logo,\n    icon,\n    footer,\n    color = 'accent',\n    maxWidth = 400,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <div ref={ref} className={clsx(styles.authLayout, className)} style={style} {...props}>\n      {logo != null && <div className={styles.logo}>{logo}</div>}\n      <div className={styles.card} style={{ maxWidth } as CSSProperties}>\n        {icon != null && (\n          <Avatar className={styles.icon} icon={icon} color={color} size=\"lg\" aria-hidden />\n        )}\n        {(title != null || subtitle != null) && (\n          <div className={styles.header}>\n            {title != null && (\n              <Typography variant=\"h2\" align=\"center\">\n                {title}\n              </Typography>\n            )}\n            {subtitle != null && (\n              <Typography color=\"muted\" align=\"center\">\n                {subtitle}\n              </Typography>\n            )}\n          </div>\n        )}\n        {children != null && <div className={styles.body}>{children}</div>}\n        {footer != null && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  )\n})\n"],"names":["AuthLayout","forwardRef","title","subtitle","logo","icon","footer","color","maxWidth","className","style","children","props","ref","jsxs","clsx","styles","jsx","Avatar","Typography"],"mappings":"8WA4CaA,EAAaC,EAAAA,WAA4C,SACpE,CACE,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,KAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,SACR,SAAAC,EAAW,IACX,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,OACEC,EAAAA,KAAC,MAAA,CAAI,IAAAD,EAAU,UAAWE,EAAAA,KAAKC,EAAO,WAAYP,CAAS,EAAG,MAAAC,EAAe,GAAGE,EAC7E,SAAA,CAAAR,GAAQ,MAAQa,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,KAAO,SAAAZ,EAAK,EACpDU,OAAC,OAAI,UAAWE,EAAO,KAAM,MAAO,CAAE,SAAAR,GACnC,SAAA,CAAAH,GAAQ,MACPY,EAAAA,IAACC,EAAAA,OAAA,CAAO,UAAWF,EAAO,KAAM,KAAAX,EAAY,MAAAE,EAAc,KAAK,KAAK,cAAW,EAAA,CAAC,GAEhFL,GAAS,MAAQC,GAAY,cAC5B,MAAA,CAAI,UAAWa,EAAO,OACpB,SAAA,CAAAd,GAAS,MACRe,MAACE,EAAAA,WAAA,CAAW,QAAQ,KAAK,MAAM,SAC5B,SAAAjB,CAAA,CACH,EAEDC,GAAY,MACXc,MAACE,EAAAA,WAAA,CAAW,MAAM,QAAQ,MAAM,SAC7B,SAAAhB,CAAA,CACH,CAAA,EAEJ,EAEDQ,GAAY,MAAQM,EAAAA,IAAC,OAAI,UAAWD,EAAO,KAAO,SAAAL,EAAS,EAC3DL,GAAU,MAAQW,EAAAA,IAAC,OAAI,UAAWD,EAAO,OAAS,SAAAV,CAAA,CAAO,CAAA,CAAA,CAC5D,CAAA,EACF,CAEJ,CAAC"}
+{"version":3,"file":"AuthLayout-Bzlsvicf.cjs","sources":["../src/components/AuthLayout/AuthLayout.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './AuthLayout.module.css'\n\nexport interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Heading — the page name (e.g. `\"Login\"`, `\"Forgot Password\"`, `\"Verify Code\"`). */\n  title?: ReactNode\n  /** Muted line under the title (e.g. `\"Enter your email to receive a reset link\"`). */\n  subtitle?: ReactNode\n  /**\n   * Brand slot centered on the canvas, above the card (a logo `<img>` / `<svg>` / any node). The slot\n   * is the constraint box (capped width + height) — an `<img>`/`<svg>` inside fills it 100% (aspect\n   * kept), so you can pass an unsized logo and it's sized/centered for you.\n   */\n  logo?: ReactNode\n  /** Optional glyph in a solid `color`-filled circle above the title — an `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Bottom slot under the form — e.g. a \"Back to login\" / \"Sign up\" link row. */\n  footer?: ReactNode\n  /** Theme token that tints the `icon` circle. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Max width of the centered card in px. Defaults to `400`. */\n  maxWidth?: number\n  /** The auth form (fields + submit) — usually a `<Form>`. */\n  children?: ReactNode\n}\n\n/**\n * A ready-made, centered page frame for **authentication pages** (login, forgot-password,\n * reset-password, OTP, …) — so each page just supplies its `title` + form instead of hand-building the\n * layout. Fills the viewport (`100dvh`) with the app `background` canvas and vertically centers a\n * `logo` (on the canvas, above the card) + an elevated `surface` card, as a group. The card stacks: an\n * optional `icon` (in a solid `color`-filled `Avatar` circle), the `title` + `subtitle` (centered), the\n * `children` (your form), and an optional `footer` (link row). Token-only styling; responsive.\n *\n * @example\n * <AuthLayout title=\"Login\" subtitle=\"Welcome back\" logo={<Logo />}>\n *   <Form form={form}>…</Form>\n * </AuthLayout>\n */\nexport const AuthLayout = forwardRef<HTMLDivElement, AuthLayoutProps>(function AuthLayout(\n  {\n    title,\n    subtitle,\n    logo,\n    icon,\n    footer,\n    color = 'accent',\n    maxWidth = 400,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <div ref={ref} className={clsx(styles.authLayout, className)} style={style} {...props}>\n      {logo != null && <div className={styles.logo}>{logo}</div>}\n      <div className={styles.card} style={{ maxWidth } as CSSProperties}>\n        {icon != null && (\n          <Avatar className={styles.icon} icon={icon} color={color} size=\"lg\" aria-hidden />\n        )}\n        {(title != null || subtitle != null) && (\n          <div className={styles.header}>\n            {title != null && (\n              <Typography variant=\"h2\" align=\"center\">\n                {title}\n              </Typography>\n            )}\n            {subtitle != null && (\n              <Typography color=\"muted\" align=\"center\">\n                {subtitle}\n              </Typography>\n            )}\n          </div>\n        )}\n        {children != null && <div className={styles.body}>{children}</div>}\n        {footer != null && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  )\n})\n"],"names":["AuthLayout","forwardRef","title","subtitle","logo","icon","footer","color","maxWidth","className","style","children","props","ref","jsxs","clsx","styles","jsx","Avatar","Typography"],"mappings":"8WA4CaA,EAAaC,EAAAA,WAA4C,SACpE,CACE,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,KAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,SACR,SAAAC,EAAW,IACX,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,OACEC,EAAAA,KAAC,MAAA,CAAI,IAAAD,EAAU,UAAWE,EAAAA,KAAKC,EAAO,WAAYP,CAAS,EAAG,MAAAC,EAAe,GAAGE,EAC7E,SAAA,CAAAR,GAAQ,MAAQa,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAO,KAAO,SAAAZ,EAAK,EACpDU,OAAC,OAAI,UAAWE,EAAO,KAAM,MAAO,CAAE,SAAAR,GACnC,SAAA,CAAAH,GAAQ,MACPY,EAAAA,IAACC,EAAAA,OAAA,CAAO,UAAWF,EAAO,KAAM,KAAAX,EAAY,MAAAE,EAAc,KAAK,KAAK,cAAW,EAAA,CAAC,GAEhFL,GAAS,MAAQC,GAAY,cAC5B,MAAA,CAAI,UAAWa,EAAO,OACpB,SAAA,CAAAd,GAAS,MACRe,MAACE,EAAAA,WAAA,CAAW,QAAQ,KAAK,MAAM,SAC5B,SAAAjB,CAAA,CACH,EAEDC,GAAY,MACXc,MAACE,EAAAA,WAAA,CAAW,MAAM,QAAQ,MAAM,SAC7B,SAAAhB,CAAA,CACH,CAAA,EAEJ,EAEDQ,GAAY,MAAQM,EAAAA,IAAC,OAAI,UAAWD,EAAO,KAAO,SAAAL,EAAS,EAC3DL,GAAU,MAAQW,EAAAA,IAAC,OAAI,UAAWD,EAAO,OAAS,SAAAV,CAAA,CAAO,CAAA,CAAA,CAC5D,CAAA,EACF,CAEJ,CAAC"}

package/dist/{Avatar-l48Ice6t.cjs → Avatar-BBqX1732.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),N=require("clsx"),f=require("./Icon-B6lz-V0A.cjs"),R=require("./Skeleton-DK0lAjS9.cjs"),w="_avatar_m3hkg_3",C="_circle_m3hkg_17",L="_square_m3hkg_21",P="_img_m3hkg_25",U="_pending_m3hkg_33",z="_imgPending_m3hkg_36",B="_skeleton_m3hkg_39",M="_fallback_m3hkg_49",O="_sm_m3hkg_55",$="_md_m3hkg_61",F="_lg_m3hkg_67",T="_group_m3hkg_75",W="_item_m3hkg_80",t={avatar:w,circle:C,square:L,img:P,pending:U,imgPending:z,skeleton:B,fallback:M,sm:O,md:$,lg:F,group:T,item:W},D=new Set(f.ICON_NAMES);function G(d){const e=d.trim().split(/\s+/).filter(Boolean);return e.length===0?"":e.length===1?e[0].slice(0,2).toUpperCase():(e[0][0]+e[e.length-1][0]).toUpperCase()}const H=r.forwardRef(function({src:e,alt:q,icon:a,name:m,size:g="md",shape:I="circle",color:k="accent",loading:s=!1,className:S,style:j,children:_,...E},y){const[A,h]=r.useState(!1),[p,u]=r.useState(!1),v=r.useRef(null),b=r.useRef(e);b.current!==e&&(b.current=e,h(!1),u(!1));const o=!s&&!!e&&!A;r.useLayoutEffect(()=>{const i=v.current;i!=null&&i.complete&&i.naturalWidth>0&&u(!0)},[e,o]);const x=s||o&&!p,l=q??m;let c;return a!==void 0?c=typeof a=="string"&&D.has(a)?n.jsx(f.Icon,{name:a,size:g}):a:_!=null&&_!==""?c=_:m?c=G(m):c=n.jsx(f.Icon,{name:"User",size:g}),n.jsxs("div",{ref:y,className:N.clsx(t.avatar,t[g],t[I],x&&t.pending,S),style:{"--tz-btn-rgb":`var(--tz-color-${k}-rgb)`,"--tz-btn-on":`var(--tz-color-${k}-contrast, #fff)`,...j},role:!s&&!o&&l?"img":void 0,"aria-label":!s&&!o&&l?l:void 0,"aria-busy":s||void 0,...E,children:[x&&n.jsx(R.Skeleton,{variant:"rect",width:"100%",height:"100%",className:t.skeleton}),s?null:o?n.jsx("img",{ref:v,src:e,alt:l??"",className:N.clsx(t.img,!p&&t.imgPending),onLoad:()=>u(!0),onError:()=>h(!0)}):n.jsx("span",{className:t.fallback,"aria-hidden":l?!0:void 0,children:c})]})});exports.Avatar=H;exports.styles=t;
-//# sourceMappingURL=Avatar-l48Ice6t.cjs.map
+"use strict";const n=require("react/jsx-runtime"),r=require("react"),N=require("clsx"),f=require("./Icon-CBg21lKA.cjs"),R=require("./Skeleton-DK0lAjS9.cjs"),w="_avatar_m3hkg_3",C="_circle_m3hkg_17",L="_square_m3hkg_21",P="_img_m3hkg_25",U="_pending_m3hkg_33",z="_imgPending_m3hkg_36",B="_skeleton_m3hkg_39",M="_fallback_m3hkg_49",O="_sm_m3hkg_55",$="_md_m3hkg_61",F="_lg_m3hkg_67",T="_group_m3hkg_75",W="_item_m3hkg_80",t={avatar:w,circle:C,square:L,img:P,pending:U,imgPending:z,skeleton:B,fallback:M,sm:O,md:$,lg:F,group:T,item:W},D=new Set(f.ICON_NAMES);function G(d){const e=d.trim().split(/\s+/).filter(Boolean);return e.length===0?"":e.length===1?e[0].slice(0,2).toUpperCase():(e[0][0]+e[e.length-1][0]).toUpperCase()}const H=r.forwardRef(function({src:e,alt:q,icon:a,name:m,size:g="md",shape:I="circle",color:k="accent",loading:s=!1,className:S,style:j,children:_,...E},y){const[A,h]=r.useState(!1),[p,u]=r.useState(!1),v=r.useRef(null),b=r.useRef(e);b.current!==e&&(b.current=e,h(!1),u(!1));const o=!s&&!!e&&!A;r.useLayoutEffect(()=>{const i=v.current;i!=null&&i.complete&&i.naturalWidth>0&&u(!0)},[e,o]);const x=s||o&&!p,l=q??m;let c;return a!==void 0?c=typeof a=="string"&&D.has(a)?n.jsx(f.Icon,{name:a,size:g}):a:_!=null&&_!==""?c=_:m?c=G(m):c=n.jsx(f.Icon,{name:"User",size:g}),n.jsxs("div",{ref:y,className:N.clsx(t.avatar,t[g],t[I],x&&t.pending,S),style:{"--tz-btn-rgb":`var(--tz-color-${k}-rgb)`,"--tz-btn-on":`var(--tz-color-${k}-contrast, #fff)`,...j},role:!s&&!o&&l?"img":void 0,"aria-label":!s&&!o&&l?l:void 0,"aria-busy":s||void 0,...E,children:[x&&n.jsx(R.Skeleton,{variant:"rect",width:"100%",height:"100%",className:t.skeleton}),s?null:o?n.jsx("img",{ref:v,src:e,alt:l??"",className:N.clsx(t.img,!p&&t.imgPending),onLoad:()=>u(!0),onError:()=>h(!0)}):n.jsx("span",{className:t.fallback,"aria-hidden":l?!0:void 0,children:c})]})});exports.Avatar=H;exports.styles=t;
+//# sourceMappingURL=Avatar-BBqX1732.cjs.map

package/dist/{Avatar-l48Ice6t.cjs.map → Avatar-BBqX1732.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Avatar-l48Ice6t.cjs","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './Avatar.module.css'\n\nexport type AvatarSize = 'sm' | 'md' | 'lg'\nexport type AvatarShape = 'circle' | 'square'\n\nexport interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Image URL. When set (and it loads), the avatar shows the photo; on error it falls back. */\n  src?: string\n  /** Alt text for the image / accessible name for an icon-or-initials avatar (falls back to `name`). */\n  alt?: string\n  /** An icon to show when there's no image — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Full name — used to derive initials (e.g. \"David Savaneli\" → \"DS\") and as the accessible name. */\n  name?: string\n  /** Preset size: `sm` 32 · `md` 40 · `lg` 48 px. Defaults to `md`. */\n  size?: AvatarSize\n  /** `circle` (default) or `square` (rounded rectangle). */\n  shape?: AvatarShape\n  /** Theme palette token for the icon/initials background. Defaults to `accent`. */\n  color?: ThemeColor\n  /**\n   * Render a skeleton disc (same size / shape) instead of any content — while the user is still being\n   * fetched. An image avatar also shows the skeleton on its own until the photo has loaded. Defaults to `false`.\n   */\n  loading?: boolean\n}\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** First letters of the first and last word, uppercased — e.g. \"David Savaneli\" → \"DS\". */\nfunction initialsFromName(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  if (parts.length === 0) return ''\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()\n}\n\n/**\n * A user avatar that shows — in priority order — an image (`src`), an `icon`, explicit `children`\n * (e.g. initials `\"D.S.\"`), initials derived from `name`, or a default user icon. If the image fails\n * to load it falls back automatically; until it has loaded (and whenever `loading` is set) a `Skeleton`\n * of the same size / shape stands in. The icon/initials background is tinted by `color` via the\n * shared `--tz-btn-rgb` / `--tz-btn-on` pattern. Token-only styling; pairs with `AvatarGroup`.\n */\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    src,\n    alt,\n    icon,\n    name,\n    size = 'md',\n    shape = 'circle',\n    color = 'accent',\n    loading = false,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const [imgError, setImgError] = useState(false)\n  const [imgLoaded, setImgLoaded] = useState(false)\n  const imgRef = useRef<HTMLImageElement>(null)\n  // reset the error when `src` changes, so a new/valid image isn't stuck on the fallback forever\n  // (React-blessed \"adjust state on prop change\" — restarts the render, no fallback flash)\n  const lastSrc = useRef(src)\n  if (lastSrc.current !== src) {\n    lastSrc.current = src\n    setImgError(false)\n    setImgLoaded(false)\n  }\n  const showImage = !loading && Boolean(src) && !imgError\n  // a cached image can finish before React wires `onLoad` — catch that case on mount / src change\n  useLayoutEffect(() => {\n    const img = imgRef.current\n    if (img?.complete && img.naturalWidth > 0) setImgLoaded(true)\n  }, [src, showImage])\n  // skeleton while fetching the user (`loading`) or while the photo is still on its way\n  const pending = loading || (showImage && !imgLoaded)\n  const label = alt ?? name\n\n  let fallback: ReactNode\n  if (icon !== undefined) {\n    fallback =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n        <Icon name={icon as IconName} size={size} />\n      ) : (\n        icon\n      )\n  } else if (children != null && children !== '') {\n    fallback = children\n  } else if (name) {\n    fallback = initialsFromName(name)\n  } else {\n    fallback = <Icon name=\"User\" size={size} />\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.avatar,\n        styles[size],\n        styles[shape],\n        pending && styles.pending,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      role={!loading && !showImage && label ? 'img' : undefined}\n      aria-label={!loading && !showImage && label ? label : undefined}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      {pending && (\n        <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" className={styles.skeleton} />\n      )}\n      {loading ? null : showImage ? (\n        <img\n          ref={imgRef}\n          src={src}\n          alt={label ?? ''}\n          className={clsx(styles.img, !imgLoaded && styles.imgPending)}\n          onLoad={() => setImgLoaded(true)}\n          onError={() => setImgError(true)}\n        />\n      ) : (\n        <span className={styles.fallback} aria-hidden={label ? true : undefined}>\n          {fallback}\n        </span>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","initialsFromName","name","parts","Avatar","forwardRef","src","alt","icon","size","shape","color","loading","className","style","children","props","ref","imgError","setImgError","useState","imgLoaded","setImgLoaded","imgRef","useRef","lastSrc","showImage","useLayoutEffect","img","pending","label","fallback","jsx","Icon","jsxs","clsx","styles","Skeleton"],"mappings":"ohBAyCMA,EAAgB,IAAI,IAAYC,YAAU,EAGhD,SAASC,EAAiBC,EAAsB,CAC9C,MAAMC,EAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO,EACrD,OAAIC,EAAM,SAAW,EAAU,GAC3BA,EAAM,SAAW,EAAUA,EAAM,CAAC,EAAE,MAAM,EAAG,CAAC,EAAE,YAAA,GAC5CA,EAAM,CAAC,EAAE,CAAC,EAAIA,EAAMA,EAAM,OAAS,CAAC,EAAE,CAAC,GAAG,YAAA,CACpD,CASO,MAAMC,EAASC,EAAAA,WAAwC,SAC5D,CACE,IAAAC,EACA,IAAAC,EACA,KAAAC,EACA,KAAAN,EACA,KAAAO,EAAO,KACP,MAAAC,EAAQ,SACR,MAAAC,EAAQ,SACR,QAAAC,EAAU,GACV,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxC,CAACC,EAAWC,CAAY,EAAIF,EAAAA,SAAS,EAAK,EAC1CG,EAASC,EAAAA,OAAyB,IAAI,EAGtCC,EAAUD,EAAAA,OAAOlB,CAAG,EACtBmB,EAAQ,UAAYnB,IACtBmB,EAAQ,QAAUnB,EAClBa,EAAY,EAAK,EACjBG,EAAa,EAAK,GAEpB,MAAMI,EAAY,CAACd,GAAW,EAAQN,GAAQ,CAACY,EAE/CS,EAAAA,gBAAgB,IAAM,CACpB,MAAMC,EAAML,EAAO,QACfK,GAAA,MAAAA,EAAK,UAAYA,EAAI,aAAe,KAAgB,EAAI,CAC9D,EAAG,CAACtB,EAAKoB,CAAS,CAAC,EAEnB,MAAMG,EAAUjB,GAAYc,GAAa,CAACL,EACpCS,EAAQvB,GAAOL,EAErB,IAAI6B,EACJ,OAAIvB,IAAS,OACXuB,EACE,OAAOvB,GAAS,UAAYT,EAAc,IAAIS,CAAI,EAChDwB,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMzB,EAAkB,KAAAC,CAAA,CAAY,EAE1CD,EAEKO,GAAY,MAAQA,IAAa,GAC1CgB,EAAWhB,EACFb,EACT6B,EAAW9B,EAAiBC,CAAI,EAEhC6B,EAAWC,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,OAAO,KAAAxB,EAAY,EAIzCyB,EAAAA,KAAC,MAAA,CACC,IAAAjB,EACA,UAAWkB,EAAAA,KACTC,EAAO,OACPA,EAAO3B,CAAI,EACX2B,EAAO1B,CAAK,EACZmB,GAAWO,EAAO,QAClBvB,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBF,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGG,CAAA,EAGP,KAAM,CAACF,GAAW,CAACc,GAAaI,EAAQ,MAAQ,OAChD,aAAY,CAAClB,GAAW,CAACc,GAAaI,EAAQA,EAAQ,OACtD,YAAWlB,GAAW,OACrB,GAAGI,EAEH,SAAA,CAAAa,GACCG,EAAAA,IAACK,EAAAA,SAAA,CAAS,QAAQ,OAAO,MAAM,OAAO,OAAO,OAAO,UAAWD,EAAO,QAAA,CAAU,EAEjFxB,EAAU,KAAOc,EAChBM,EAAAA,IAAC,MAAA,CACC,IAAKT,EACL,IAAAjB,EACA,IAAKwB,GAAS,GACd,UAAWK,EAAAA,KAAKC,EAAO,IAAK,CAACf,GAAae,EAAO,UAAU,EAC3D,OAAQ,IAAMd,EAAa,EAAI,EAC/B,QAAS,IAAMH,EAAY,EAAI,CAAA,CAAA,EAGjCa,MAAC,OAAA,CAAK,UAAWI,EAAO,SAAU,cAAaN,EAAQ,GAAO,OAC3D,SAAAC,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAAC"}
+{"version":3,"file":"Avatar-BBqX1732.cjs","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './Avatar.module.css'\n\nexport type AvatarSize = 'sm' | 'md' | 'lg'\nexport type AvatarShape = 'circle' | 'square'\n\nexport interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Image URL. When set (and it loads), the avatar shows the photo; on error it falls back. */\n  src?: string\n  /** Alt text for the image / accessible name for an icon-or-initials avatar (falls back to `name`). */\n  alt?: string\n  /** An icon to show when there's no image — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Full name — used to derive initials (e.g. \"David Savaneli\" → \"DS\") and as the accessible name. */\n  name?: string\n  /** Preset size: `sm` 32 · `md` 40 · `lg` 48 px. Defaults to `md`. */\n  size?: AvatarSize\n  /** `circle` (default) or `square` (rounded rectangle). */\n  shape?: AvatarShape\n  /** Theme palette token for the icon/initials background. Defaults to `accent`. */\n  color?: ThemeColor\n  /**\n   * Render a skeleton disc (same size / shape) instead of any content — while the user is still being\n   * fetched. An image avatar also shows the skeleton on its own until the photo has loaded. Defaults to `false`.\n   */\n  loading?: boolean\n}\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** First letters of the first and last word, uppercased — e.g. \"David Savaneli\" → \"DS\". */\nfunction initialsFromName(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  if (parts.length === 0) return ''\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()\n}\n\n/**\n * A user avatar that shows — in priority order — an image (`src`), an `icon`, explicit `children`\n * (e.g. initials `\"D.S.\"`), initials derived from `name`, or a default user icon. If the image fails\n * to load it falls back automatically; until it has loaded (and whenever `loading` is set) a `Skeleton`\n * of the same size / shape stands in. The icon/initials background is tinted by `color` via the\n * shared `--tz-btn-rgb` / `--tz-btn-on` pattern. Token-only styling; pairs with `AvatarGroup`.\n */\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    src,\n    alt,\n    icon,\n    name,\n    size = 'md',\n    shape = 'circle',\n    color = 'accent',\n    loading = false,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const [imgError, setImgError] = useState(false)\n  const [imgLoaded, setImgLoaded] = useState(false)\n  const imgRef = useRef<HTMLImageElement>(null)\n  // reset the error when `src` changes, so a new/valid image isn't stuck on the fallback forever\n  // (React-blessed \"adjust state on prop change\" — restarts the render, no fallback flash)\n  const lastSrc = useRef(src)\n  if (lastSrc.current !== src) {\n    lastSrc.current = src\n    setImgError(false)\n    setImgLoaded(false)\n  }\n  const showImage = !loading && Boolean(src) && !imgError\n  // a cached image can finish before React wires `onLoad` — catch that case on mount / src change\n  useLayoutEffect(() => {\n    const img = imgRef.current\n    if (img?.complete && img.naturalWidth > 0) setImgLoaded(true)\n  }, [src, showImage])\n  // skeleton while fetching the user (`loading`) or while the photo is still on its way\n  const pending = loading || (showImage && !imgLoaded)\n  const label = alt ?? name\n\n  let fallback: ReactNode\n  if (icon !== undefined) {\n    fallback =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n        <Icon name={icon as IconName} size={size} />\n      ) : (\n        icon\n      )\n  } else if (children != null && children !== '') {\n    fallback = children\n  } else if (name) {\n    fallback = initialsFromName(name)\n  } else {\n    fallback = <Icon name=\"User\" size={size} />\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.avatar,\n        styles[size],\n        styles[shape],\n        pending && styles.pending,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      role={!loading && !showImage && label ? 'img' : undefined}\n      aria-label={!loading && !showImage && label ? label : undefined}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      {pending && (\n        <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" className={styles.skeleton} />\n      )}\n      {loading ? null : showImage ? (\n        <img\n          ref={imgRef}\n          src={src}\n          alt={label ?? ''}\n          className={clsx(styles.img, !imgLoaded && styles.imgPending)}\n          onLoad={() => setImgLoaded(true)}\n          onError={() => setImgError(true)}\n        />\n      ) : (\n        <span className={styles.fallback} aria-hidden={label ? true : undefined}>\n          {fallback}\n        </span>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","initialsFromName","name","parts","Avatar","forwardRef","src","alt","icon","size","shape","color","loading","className","style","children","props","ref","imgError","setImgError","useState","imgLoaded","setImgLoaded","imgRef","useRef","lastSrc","showImage","useLayoutEffect","img","pending","label","fallback","jsx","Icon","jsxs","clsx","styles","Skeleton"],"mappings":"ohBAyCMA,EAAgB,IAAI,IAAYC,YAAU,EAGhD,SAASC,EAAiBC,EAAsB,CAC9C,MAAMC,EAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO,EACrD,OAAIC,EAAM,SAAW,EAAU,GAC3BA,EAAM,SAAW,EAAUA,EAAM,CAAC,EAAE,MAAM,EAAG,CAAC,EAAE,YAAA,GAC5CA,EAAM,CAAC,EAAE,CAAC,EAAIA,EAAMA,EAAM,OAAS,CAAC,EAAE,CAAC,GAAG,YAAA,CACpD,CASO,MAAMC,EAASC,EAAAA,WAAwC,SAC5D,CACE,IAAAC,EACA,IAAAC,EACA,KAAAC,EACA,KAAAN,EACA,KAAAO,EAAO,KACP,MAAAC,EAAQ,SACR,MAAAC,EAAQ,SACR,QAAAC,EAAU,GACV,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EACxC,CAACC,EAAWC,CAAY,EAAIF,EAAAA,SAAS,EAAK,EAC1CG,EAASC,EAAAA,OAAyB,IAAI,EAGtCC,EAAUD,EAAAA,OAAOlB,CAAG,EACtBmB,EAAQ,UAAYnB,IACtBmB,EAAQ,QAAUnB,EAClBa,EAAY,EAAK,EACjBG,EAAa,EAAK,GAEpB,MAAMI,EAAY,CAACd,GAAW,EAAQN,GAAQ,CAACY,EAE/CS,EAAAA,gBAAgB,IAAM,CACpB,MAAMC,EAAML,EAAO,QACfK,GAAA,MAAAA,EAAK,UAAYA,EAAI,aAAe,KAAgB,EAAI,CAC9D,EAAG,CAACtB,EAAKoB,CAAS,CAAC,EAEnB,MAAMG,EAAUjB,GAAYc,GAAa,CAACL,EACpCS,EAAQvB,GAAOL,EAErB,IAAI6B,EACJ,OAAIvB,IAAS,OACXuB,EACE,OAAOvB,GAAS,UAAYT,EAAc,IAAIS,CAAI,EAChDwB,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMzB,EAAkB,KAAAC,CAAA,CAAY,EAE1CD,EAEKO,GAAY,MAAQA,IAAa,GAC1CgB,EAAWhB,EACFb,EACT6B,EAAW9B,EAAiBC,CAAI,EAEhC6B,EAAWC,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,OAAO,KAAAxB,EAAY,EAIzCyB,EAAAA,KAAC,MAAA,CACC,IAAAjB,EACA,UAAWkB,EAAAA,KACTC,EAAO,OACPA,EAAO3B,CAAI,EACX2B,EAAO1B,CAAK,EACZmB,GAAWO,EAAO,QAClBvB,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBF,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGG,CAAA,EAGP,KAAM,CAACF,GAAW,CAACc,GAAaI,EAAQ,MAAQ,OAChD,aAAY,CAAClB,GAAW,CAACc,GAAaI,EAAQA,EAAQ,OACtD,YAAWlB,GAAW,OACrB,GAAGI,EAEH,SAAA,CAAAa,GACCG,EAAAA,IAACK,EAAAA,SAAA,CAAS,QAAQ,OAAO,MAAM,OAAO,OAAO,OAAO,UAAWD,EAAO,QAAA,CAAU,EAEjFxB,EAAU,KAAOc,EAChBM,EAAAA,IAAC,MAAA,CACC,IAAKT,EACL,IAAAjB,EACA,IAAKwB,GAAS,GACd,UAAWK,EAAAA,KAAKC,EAAO,IAAK,CAACf,GAAae,EAAO,UAAU,EAC3D,OAAQ,IAAMd,EAAa,EAAI,EAC/B,QAAS,IAAMH,EAAY,EAAI,CAAA,CAAA,EAGjCa,MAAC,OAAA,CAAK,UAAWI,EAAO,SAAU,cAAaN,EAAQ,GAAO,OAC3D,SAAAC,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAAC"}

package/dist/{Avatar-ClcmN0ba.js → Avatar-CaYyv5wk.js}

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as P } from "react/jsx-runtime";
 import { forwardRef as q, useState as b, useRef as N, useLayoutEffect as R } from "react";
 import { clsx as E } from "clsx";
-import { b as S, a as U } from "./Icon-D5TxgfCc.js";
+import { b as S, a as U } from "./Icon-B7DJn8Tw.js";
 import { S as j } from "./Skeleton-_-uGax2j.js";
 const z = "_avatar_m3hkg_3", B = "_circle_m3hkg_17", M = "_square_m3hkg_21", O = "_img_m3hkg_25", $ = "_pending_m3hkg_33", F = "_imgPending_m3hkg_36", T = "_skeleton_m3hkg_39", W = "_fallback_m3hkg_49", D = "_sm_m3hkg_55", G = "_md_m3hkg_61", H = "_lg_m3hkg_67", J = "_group_m3hkg_75", K = "_item_m3hkg_80", e = {
   avatar: z,
@@ -86,4 +86,4 @@ export {
   at as A,
   e as s
 };
-//# sourceMappingURL=Avatar-ClcmN0ba.js.map
+//# sourceMappingURL=Avatar-CaYyv5wk.js.map

package/dist/{Avatar-ClcmN0ba.js.map → Avatar-CaYyv5wk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Avatar-ClcmN0ba.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './Avatar.module.css'\n\nexport type AvatarSize = 'sm' | 'md' | 'lg'\nexport type AvatarShape = 'circle' | 'square'\n\nexport interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Image URL. When set (and it loads), the avatar shows the photo; on error it falls back. */\n  src?: string\n  /** Alt text for the image / accessible name for an icon-or-initials avatar (falls back to `name`). */\n  alt?: string\n  /** An icon to show when there's no image — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Full name — used to derive initials (e.g. \"David Savaneli\" → \"DS\") and as the accessible name. */\n  name?: string\n  /** Preset size: `sm` 32 · `md` 40 · `lg` 48 px. Defaults to `md`. */\n  size?: AvatarSize\n  /** `circle` (default) or `square` (rounded rectangle). */\n  shape?: AvatarShape\n  /** Theme palette token for the icon/initials background. Defaults to `accent`. */\n  color?: ThemeColor\n  /**\n   * Render a skeleton disc (same size / shape) instead of any content — while the user is still being\n   * fetched. An image avatar also shows the skeleton on its own until the photo has loaded. Defaults to `false`.\n   */\n  loading?: boolean\n}\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** First letters of the first and last word, uppercased — e.g. \"David Savaneli\" → \"DS\". */\nfunction initialsFromName(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  if (parts.length === 0) return ''\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()\n}\n\n/**\n * A user avatar that shows — in priority order — an image (`src`), an `icon`, explicit `children`\n * (e.g. initials `\"D.S.\"`), initials derived from `name`, or a default user icon. If the image fails\n * to load it falls back automatically; until it has loaded (and whenever `loading` is set) a `Skeleton`\n * of the same size / shape stands in. The icon/initials background is tinted by `color` via the\n * shared `--tz-btn-rgb` / `--tz-btn-on` pattern. Token-only styling; pairs with `AvatarGroup`.\n */\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    src,\n    alt,\n    icon,\n    name,\n    size = 'md',\n    shape = 'circle',\n    color = 'accent',\n    loading = false,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const [imgError, setImgError] = useState(false)\n  const [imgLoaded, setImgLoaded] = useState(false)\n  const imgRef = useRef<HTMLImageElement>(null)\n  // reset the error when `src` changes, so a new/valid image isn't stuck on the fallback forever\n  // (React-blessed \"adjust state on prop change\" — restarts the render, no fallback flash)\n  const lastSrc = useRef(src)\n  if (lastSrc.current !== src) {\n    lastSrc.current = src\n    setImgError(false)\n    setImgLoaded(false)\n  }\n  const showImage = !loading && Boolean(src) && !imgError\n  // a cached image can finish before React wires `onLoad` — catch that case on mount / src change\n  useLayoutEffect(() => {\n    const img = imgRef.current\n    if (img?.complete && img.naturalWidth > 0) setImgLoaded(true)\n  }, [src, showImage])\n  // skeleton while fetching the user (`loading`) or while the photo is still on its way\n  const pending = loading || (showImage && !imgLoaded)\n  const label = alt ?? name\n\n  let fallback: ReactNode\n  if (icon !== undefined) {\n    fallback =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n        <Icon name={icon as IconName} size={size} />\n      ) : (\n        icon\n      )\n  } else if (children != null && children !== '') {\n    fallback = children\n  } else if (name) {\n    fallback = initialsFromName(name)\n  } else {\n    fallback = <Icon name=\"User\" size={size} />\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.avatar,\n        styles[size],\n        styles[shape],\n        pending && styles.pending,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      role={!loading && !showImage && label ? 'img' : undefined}\n      aria-label={!loading && !showImage && label ? label : undefined}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      {pending && (\n        <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" className={styles.skeleton} />\n      )}\n      {loading ? null : showImage ? (\n        <img\n          ref={imgRef}\n          src={src}\n          alt={label ?? ''}\n          className={clsx(styles.img, !imgLoaded && styles.imgPending)}\n          onLoad={() => setImgLoaded(true)}\n          onError={() => setImgError(true)}\n        />\n      ) : (\n        <span className={styles.fallback} aria-hidden={label ? true : undefined}>\n          {fallback}\n        </span>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","initialsFromName","name","parts","Avatar","forwardRef","src","alt","icon","size","shape","color","loading","className","style","children","props","ref","imgError","setImgError","useState","imgLoaded","setImgLoaded","imgRef","useRef","lastSrc","showImage","useLayoutEffect","img","pending","label","fallback","jsx","Icon","jsxs","clsx","styles","Skeleton"],"mappings":";;;;;;;;;;;;;;;;;;;GAyCMA,IAAgB,IAAI,IAAYC,CAAU;AAGhD,SAASC,EAAiBC,GAAsB;AAC9C,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AACrD,SAAIC,EAAM,WAAW,IAAU,KAC3BA,EAAM,WAAW,IAAUA,EAAM,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,YAAA,KAC5CA,EAAM,CAAC,EAAE,CAAC,IAAIA,EAAMA,EAAM,SAAS,CAAC,EAAE,CAAC,GAAG,YAAA;AACpD;AASO,MAAMC,KAASC,EAAwC,SAC5D;AAAA,EACE,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAN;AAAA,EACA,MAAAO,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAASC,EAAyB,IAAI,GAGtCC,IAAUD,EAAOlB,CAAG;AAC1B,EAAImB,EAAQ,YAAYnB,MACtBmB,EAAQ,UAAUnB,GAClBa,EAAY,EAAK,GACjBG,EAAa,EAAK;AAEpB,QAAMI,IAAY,CAACd,KAAW,EAAQN,KAAQ,CAACY;AAE/C,EAAAS,EAAgB,MAAM;AACpB,UAAMC,IAAML,EAAO;AACnB,IAAIK,KAAA,QAAAA,EAAK,YAAYA,EAAI,eAAe,OAAgB,EAAI;AAAA,EAC9D,GAAG,CAACtB,GAAKoB,CAAS,CAAC;AAEnB,QAAMG,IAAUjB,KAAYc,KAAa,CAACL,GACpCS,IAAQvB,KAAOL;AAErB,MAAI6B;AACJ,SAAIvB,MAAS,SACXuB,IACE,OAAOvB,KAAS,YAAYT,EAAc,IAAIS,CAAI,IAChD,gBAAAwB,EAACC,GAAA,EAAK,MAAMzB,GAAkB,MAAAC,EAAA,CAAY,IAE1CD,IAEKO,KAAY,QAAQA,MAAa,KAC1CgB,IAAWhB,IACFb,IACT6B,IAAW9B,EAAiBC,CAAI,IAEhC6B,IAAW,gBAAAC,EAACC,GAAA,EAAK,MAAK,QAAO,MAAAxB,GAAY,GAIzC,gBAAAyB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,WAAWkB;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO3B,CAAI;AAAA,QACX2B,EAAO1B,CAAK;AAAA,QACZmB,KAAWO,EAAO;AAAA,QAClBvB;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,gBAAgB,kBAAkBF,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGG;AAAA,MAAA;AAAA,MAGP,MAAM,CAACF,KAAW,CAACc,KAAaI,IAAQ,QAAQ;AAAA,MAChD,cAAY,CAAClB,KAAW,CAACc,KAAaI,IAAQA,IAAQ;AAAA,MACtD,aAAWlB,KAAW;AAAA,MACrB,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAa,KACC,gBAAAG,EAACK,GAAA,EAAS,SAAQ,QAAO,OAAM,QAAO,QAAO,QAAO,WAAWD,EAAO,SAAA,CAAU;AAAA,QAEjFxB,IAAU,OAAOc,IAChB,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKT;AAAA,YACL,KAAAjB;AAAA,YACA,KAAKwB,KAAS;AAAA,YACd,WAAWK,EAAKC,EAAO,KAAK,CAACf,KAAae,EAAO,UAAU;AAAA,YAC3D,QAAQ,MAAMd,EAAa,EAAI;AAAA,YAC/B,SAAS,MAAMH,EAAY,EAAI;AAAA,UAAA;AAAA,QAAA,IAGjC,gBAAAa,EAAC,QAAA,EAAK,WAAWI,EAAO,UAAU,eAAaN,IAAQ,KAAO,QAC3D,UAAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"Avatar-CaYyv5wk.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './Avatar.module.css'\n\nexport type AvatarSize = 'sm' | 'md' | 'lg'\nexport type AvatarShape = 'circle' | 'square'\n\nexport interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Image URL. When set (and it loads), the avatar shows the photo; on error it falls back. */\n  src?: string\n  /** Alt text for the image / accessible name for an icon-or-initials avatar (falls back to `name`). */\n  alt?: string\n  /** An icon to show when there's no image — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Full name — used to derive initials (e.g. \"David Savaneli\" → \"DS\") and as the accessible name. */\n  name?: string\n  /** Preset size: `sm` 32 · `md` 40 · `lg` 48 px. Defaults to `md`. */\n  size?: AvatarSize\n  /** `circle` (default) or `square` (rounded rectangle). */\n  shape?: AvatarShape\n  /** Theme palette token for the icon/initials background. Defaults to `accent`. */\n  color?: ThemeColor\n  /**\n   * Render a skeleton disc (same size / shape) instead of any content — while the user is still being\n   * fetched. An image avatar also shows the skeleton on its own until the photo has loaded. Defaults to `false`.\n   */\n  loading?: boolean\n}\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** First letters of the first and last word, uppercased — e.g. \"David Savaneli\" → \"DS\". */\nfunction initialsFromName(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  if (parts.length === 0) return ''\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()\n}\n\n/**\n * A user avatar that shows — in priority order — an image (`src`), an `icon`, explicit `children`\n * (e.g. initials `\"D.S.\"`), initials derived from `name`, or a default user icon. If the image fails\n * to load it falls back automatically; until it has loaded (and whenever `loading` is set) a `Skeleton`\n * of the same size / shape stands in. The icon/initials background is tinted by `color` via the\n * shared `--tz-btn-rgb` / `--tz-btn-on` pattern. Token-only styling; pairs with `AvatarGroup`.\n */\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    src,\n    alt,\n    icon,\n    name,\n    size = 'md',\n    shape = 'circle',\n    color = 'accent',\n    loading = false,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const [imgError, setImgError] = useState(false)\n  const [imgLoaded, setImgLoaded] = useState(false)\n  const imgRef = useRef<HTMLImageElement>(null)\n  // reset the error when `src` changes, so a new/valid image isn't stuck on the fallback forever\n  // (React-blessed \"adjust state on prop change\" — restarts the render, no fallback flash)\n  const lastSrc = useRef(src)\n  if (lastSrc.current !== src) {\n    lastSrc.current = src\n    setImgError(false)\n    setImgLoaded(false)\n  }\n  const showImage = !loading && Boolean(src) && !imgError\n  // a cached image can finish before React wires `onLoad` — catch that case on mount / src change\n  useLayoutEffect(() => {\n    const img = imgRef.current\n    if (img?.complete && img.naturalWidth > 0) setImgLoaded(true)\n  }, [src, showImage])\n  // skeleton while fetching the user (`loading`) or while the photo is still on its way\n  const pending = loading || (showImage && !imgLoaded)\n  const label = alt ?? name\n\n  let fallback: ReactNode\n  if (icon !== undefined) {\n    fallback =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n        <Icon name={icon as IconName} size={size} />\n      ) : (\n        icon\n      )\n  } else if (children != null && children !== '') {\n    fallback = children\n  } else if (name) {\n    fallback = initialsFromName(name)\n  } else {\n    fallback = <Icon name=\"User\" size={size} />\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.avatar,\n        styles[size],\n        styles[shape],\n        pending && styles.pending,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      role={!loading && !showImage && label ? 'img' : undefined}\n      aria-label={!loading && !showImage && label ? label : undefined}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      {pending && (\n        <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" className={styles.skeleton} />\n      )}\n      {loading ? null : showImage ? (\n        <img\n          ref={imgRef}\n          src={src}\n          alt={label ?? ''}\n          className={clsx(styles.img, !imgLoaded && styles.imgPending)}\n          onLoad={() => setImgLoaded(true)}\n          onError={() => setImgError(true)}\n        />\n      ) : (\n        <span className={styles.fallback} aria-hidden={label ? true : undefined}>\n          {fallback}\n        </span>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","initialsFromName","name","parts","Avatar","forwardRef","src","alt","icon","size","shape","color","loading","className","style","children","props","ref","imgError","setImgError","useState","imgLoaded","setImgLoaded","imgRef","useRef","lastSrc","showImage","useLayoutEffect","img","pending","label","fallback","jsx","Icon","jsxs","clsx","styles","Skeleton"],"mappings":";;;;;;;;;;;;;;;;;;;GAyCMA,IAAgB,IAAI,IAAYC,CAAU;AAGhD,SAASC,EAAiBC,GAAsB;AAC9C,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AACrD,SAAIC,EAAM,WAAW,IAAU,KAC3BA,EAAM,WAAW,IAAUA,EAAM,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,YAAA,KAC5CA,EAAM,CAAC,EAAE,CAAC,IAAIA,EAAMA,EAAM,SAAS,CAAC,EAAE,CAAC,GAAG,YAAA;AACpD;AASO,MAAMC,KAASC,EAAwC,SAC5D;AAAA,EACE,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAN;AAAA,EACA,MAAAO,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAASC,EAAyB,IAAI,GAGtCC,IAAUD,EAAOlB,CAAG;AAC1B,EAAImB,EAAQ,YAAYnB,MACtBmB,EAAQ,UAAUnB,GAClBa,EAAY,EAAK,GACjBG,EAAa,EAAK;AAEpB,QAAMI,IAAY,CAACd,KAAW,EAAQN,KAAQ,CAACY;AAE/C,EAAAS,EAAgB,MAAM;AACpB,UAAMC,IAAML,EAAO;AACnB,IAAIK,KAAA,QAAAA,EAAK,YAAYA,EAAI,eAAe,OAAgB,EAAI;AAAA,EAC9D,GAAG,CAACtB,GAAKoB,CAAS,CAAC;AAEnB,QAAMG,IAAUjB,KAAYc,KAAa,CAACL,GACpCS,IAAQvB,KAAOL;AAErB,MAAI6B;AACJ,SAAIvB,MAAS,SACXuB,IACE,OAAOvB,KAAS,YAAYT,EAAc,IAAIS,CAAI,IAChD,gBAAAwB,EAACC,GAAA,EAAK,MAAMzB,GAAkB,MAAAC,EAAA,CAAY,IAE1CD,IAEKO,KAAY,QAAQA,MAAa,KAC1CgB,IAAWhB,IACFb,IACT6B,IAAW9B,EAAiBC,CAAI,IAEhC6B,IAAW,gBAAAC,EAACC,GAAA,EAAK,MAAK,QAAO,MAAAxB,GAAY,GAIzC,gBAAAyB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,WAAWkB;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO3B,CAAI;AAAA,QACX2B,EAAO1B,CAAK;AAAA,QACZmB,KAAWO,EAAO;AAAA,QAClBvB;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,gBAAgB,kBAAkBF,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGG;AAAA,MAAA;AAAA,MAGP,MAAM,CAACF,KAAW,CAACc,KAAaI,IAAQ,QAAQ;AAAA,MAChD,cAAY,CAAClB,KAAW,CAACc,KAAaI,IAAQA,IAAQ;AAAA,MACtD,aAAWlB,KAAW;AAAA,MACrB,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAa,KACC,gBAAAG,EAACK,GAAA,EAAS,SAAQ,QAAO,OAAM,QAAO,QAAO,QAAO,WAAWD,EAAO,SAAA,CAAU;AAAA,QAEjFxB,IAAU,OAAOc,IAChB,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKT;AAAA,YACL,KAAAjB;AAAA,YACA,KAAKwB,KAAS;AAAA,YACd,WAAWK,EAAKC,EAAO,KAAK,CAACf,KAAae,EAAO,UAAU;AAAA,YAC3D,QAAQ,MAAMd,EAAa,EAAI;AAAA,YAC/B,SAAS,MAAMH,EAAY,EAAI;AAAA,UAAA;AAAA,QAAA,IAGjC,gBAAAa,EAAC,QAAA,EAAK,WAAWI,EAAO,UAAU,eAAaN,IAAQ,KAAO,QAC3D,UAAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/{AvatarGroup-l-KV3wdl.js → AvatarGroup-6fhm-van.js}

@@ -1,7 +1,7 @@
 import { jsxs as m } from "react/jsx-runtime";
 import { forwardRef as x, Children as g, isValidElement as h, cloneElement as N } from "react";
 import { clsx as p } from "clsx";
-import { s as o, A as E } from "./Avatar-ClcmN0ba.js";
+import { s as o, A as E } from "./Avatar-CaYyv5wk.js";
 const w = { sm: "-6px", md: "-8px", lg: "-10px" }, C = x(function({ children: c, max: t, size: r = "md", color: i = "accent", className: d, style: f, ...u }, A) {
   const a = g.toArray(c).filter(h), s = a.length, v = t && t > 0 && s > t ? t - 1 : s, l = a.slice(0, v), n = s - l.length;
   return /* @__PURE__ */ m(
@@ -30,4 +30,4 @@ const w = { sm: "-6px", md: "-8px", lg: "-10px" }, C = x(function({ children: c,
 export {
   C as A
 };
-//# sourceMappingURL=AvatarGroup-l-KV3wdl.js.map
+//# sourceMappingURL=AvatarGroup-6fhm-van.js.map

package/dist/{AvatarGroup-l-KV3wdl.js.map → AvatarGroup-6fhm-van.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup-l-KV3wdl.js","sources":["../src/components/Avatar/AvatarGroup.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar, type AvatarProps, type AvatarSize } from './Avatar'\nimport styles from './Avatar.module.css'\n\nexport interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** `Avatar` elements to overlap. */\n  children: ReactNode\n  /** Show at most this many slots; the rest collapse into a trailing `+N` avatar. */\n  max?: number\n  /** Size applied to every avatar in the group (incl. the `+N`). Defaults to `md`. */\n  size?: AvatarSize\n  /** Theme palette token for the `+N` surplus avatar. Defaults to `accent`. */\n  color?: ThemeColor\n}\n\nconst OVERLAP: Record<AvatarSize, string> = { sm: '-6px', md: '-8px', lg: '-10px' }\n\n/**\n * Overlaps a row of `Avatar`s with a ring between them, and collapses the overflow past `max` into a\n * trailing `+N` avatar (like a stacked team list). All avatars are normalized to the group's `size`.\n * Token-only styling.\n */\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup(\n  { children, max, size = 'md', color = 'accent', className, style, ...props },\n  ref,\n) {\n  const items = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[]\n  const total = items.length\n  const limit = max && max > 0 && total > max ? max - 1 : total\n  const shown = items.slice(0, limit)\n  const surplus = total - shown.length\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.group, className)}\n      style={{ '--avatar-overlap': OVERLAP[size], ...style } as CSSProperties}\n      {...props}\n    >\n      {shown.map((child, index) =>\n        cloneElement(child, {\n          size,\n          className: clsx(styles.item, child.props.className),\n          style: { zIndex: total - index, ...child.props.style } as CSSProperties,\n        }),\n      )}\n      {surplus > 0 && (\n        <Avatar size={size} color={color} className={styles.item} style={{ zIndex: 0 }}>\n          +{surplus}\n        </Avatar>\n      )}\n    </div>\n  )\n})\n"],"names":["OVERLAP","AvatarGroup","forwardRef","children","max","size","color","className","style","props","ref","items","Children","isValidElement","total","limit","shown","surplus","jsxs","clsx","styles","child","index","cloneElement","Avatar"],"mappings":";;;;AA0BA,MAAMA,IAAsC,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,QAAA,GAO7DC,IAAcC,EAA6C,SACtE,EAAE,UAAAC,GAAU,KAAAC,GAAK,MAAAC,IAAO,MAAM,OAAAC,IAAQ,UAAU,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GACrEC,GACA;AACA,QAAMC,IAAQC,EAAS,QAAQT,CAAQ,EAAE,OAAOU,CAAc,GACxDC,IAAQH,EAAM,QACdI,IAAQX,KAAOA,IAAM,KAAKU,IAAQV,IAAMA,IAAM,IAAIU,GAClDE,IAAQL,EAAM,MAAM,GAAGI,CAAK,GAC5BE,IAAUH,IAAQE,EAAM;AAE9B,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,WAAWS,EAAKC,EAAO,OAAOb,CAAS;AAAA,MACvC,OAAO,EAAE,oBAAoBP,EAAQK,CAAI,GAAG,GAAGG,EAAA;AAAA,MAC9C,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAO,EAAM;AAAA,UAAI,CAACK,GAAOC,MACjBC,EAAaF,GAAO;AAAA,YAClB,MAAAhB;AAAA,YACA,WAAWc,EAAKC,EAAO,MAAMC,EAAM,MAAM,SAAS;AAAA,YAClD,OAAO,EAAE,QAAQP,IAAQQ,GAAO,GAAGD,EAAM,MAAM,MAAA;AAAA,UAAM,CACtD;AAAA,QAAA;AAAA,QAEFJ,IAAU,KACT,gBAAAC,EAACM,GAAA,EAAO,MAAAnB,GAAY,OAAAC,GAAc,WAAWc,EAAO,MAAM,OAAO,EAAE,QAAQ,KAAK,UAAA;AAAA,UAAA;AAAA,UAC5EH;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"AvatarGroup-6fhm-van.js","sources":["../src/components/Avatar/AvatarGroup.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar, type AvatarProps, type AvatarSize } from './Avatar'\nimport styles from './Avatar.module.css'\n\nexport interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** `Avatar` elements to overlap. */\n  children: ReactNode\n  /** Show at most this many slots; the rest collapse into a trailing `+N` avatar. */\n  max?: number\n  /** Size applied to every avatar in the group (incl. the `+N`). Defaults to `md`. */\n  size?: AvatarSize\n  /** Theme palette token for the `+N` surplus avatar. Defaults to `accent`. */\n  color?: ThemeColor\n}\n\nconst OVERLAP: Record<AvatarSize, string> = { sm: '-6px', md: '-8px', lg: '-10px' }\n\n/**\n * Overlaps a row of `Avatar`s with a ring between them, and collapses the overflow past `max` into a\n * trailing `+N` avatar (like a stacked team list). All avatars are normalized to the group's `size`.\n * Token-only styling.\n */\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup(\n  { children, max, size = 'md', color = 'accent', className, style, ...props },\n  ref,\n) {\n  const items = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[]\n  const total = items.length\n  const limit = max && max > 0 && total > max ? max - 1 : total\n  const shown = items.slice(0, limit)\n  const surplus = total - shown.length\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.group, className)}\n      style={{ '--avatar-overlap': OVERLAP[size], ...style } as CSSProperties}\n      {...props}\n    >\n      {shown.map((child, index) =>\n        cloneElement(child, {\n          size,\n          className: clsx(styles.item, child.props.className),\n          style: { zIndex: total - index, ...child.props.style } as CSSProperties,\n        }),\n      )}\n      {surplus > 0 && (\n        <Avatar size={size} color={color} className={styles.item} style={{ zIndex: 0 }}>\n          +{surplus}\n        </Avatar>\n      )}\n    </div>\n  )\n})\n"],"names":["OVERLAP","AvatarGroup","forwardRef","children","max","size","color","className","style","props","ref","items","Children","isValidElement","total","limit","shown","surplus","jsxs","clsx","styles","child","index","cloneElement","Avatar"],"mappings":";;;;AA0BA,MAAMA,IAAsC,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,QAAA,GAO7DC,IAAcC,EAA6C,SACtE,EAAE,UAAAC,GAAU,KAAAC,GAAK,MAAAC,IAAO,MAAM,OAAAC,IAAQ,UAAU,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GACrEC,GACA;AACA,QAAMC,IAAQC,EAAS,QAAQT,CAAQ,EAAE,OAAOU,CAAc,GACxDC,IAAQH,EAAM,QACdI,IAAQX,KAAOA,IAAM,KAAKU,IAAQV,IAAMA,IAAM,IAAIU,GAClDE,IAAQL,EAAM,MAAM,GAAGI,CAAK,GAC5BE,IAAUH,IAAQE,EAAM;AAE9B,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,WAAWS,EAAKC,EAAO,OAAOb,CAAS;AAAA,MACvC,OAAO,EAAE,oBAAoBP,EAAQK,CAAI,GAAG,GAAGG,EAAA;AAAA,MAC9C,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAO,EAAM;AAAA,UAAI,CAACK,GAAOC,MACjBC,EAAaF,GAAO;AAAA,YAClB,MAAAhB;AAAA,YACA,WAAWc,EAAKC,EAAO,MAAMC,EAAM,MAAM,SAAS;AAAA,YAClD,OAAO,EAAE,QAAQP,IAAQQ,GAAO,GAAGD,EAAM,MAAM,MAAA;AAAA,UAAM,CACtD;AAAA,QAAA;AAAA,QAEFJ,IAAU,KACT,gBAAAC,EAACM,GAAA,EAAO,MAAAnB,GAAY,OAAAC,GAAc,WAAWc,EAAO,MAAM,OAAO,EAAE,QAAQ,KAAK,UAAA;AAAA,UAAA;AAAA,UAC5EH;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/{AvatarGroup-CuvFX4di.cjs → AvatarGroup-DrkzAt1-.cjs}

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),e=require("react"),p=require("clsx"),r=require("./Avatar-l48Ice6t.cjs"),g={sm:"-6px",md:"-8px",lg:"-10px"},h=e.forwardRef(function({children:u,max:s,size:l="md",color:m="accent",className:d,style:v,...x},y){const a=e.Children.toArray(u).filter(e.isValidElement),t=a.length,A=s&&s>0&&t>s?s-1:t,c=a.slice(0,A),o=t-c.length;return i.jsxs("div",{ref:y,className:p.clsx(r.styles.group,d),style:{"--avatar-overlap":g[l],...v},...x,children:[c.map((n,f)=>e.cloneElement(n,{size:l,className:p.clsx(r.styles.item,n.props.className),style:{zIndex:t-f,...n.props.style}})),o>0&&i.jsxs(r.Avatar,{size:l,color:m,className:r.styles.item,style:{zIndex:0},children:["+",o]})]})});exports.AvatarGroup=h;
-//# sourceMappingURL=AvatarGroup-CuvFX4di.cjs.map
+"use strict";const i=require("react/jsx-runtime"),e=require("react"),p=require("clsx"),r=require("./Avatar-BBqX1732.cjs"),g={sm:"-6px",md:"-8px",lg:"-10px"},h=e.forwardRef(function({children:u,max:s,size:l="md",color:m="accent",className:d,style:v,...x},y){const a=e.Children.toArray(u).filter(e.isValidElement),t=a.length,A=s&&s>0&&t>s?s-1:t,c=a.slice(0,A),o=t-c.length;return i.jsxs("div",{ref:y,className:p.clsx(r.styles.group,d),style:{"--avatar-overlap":g[l],...v},...x,children:[c.map((n,f)=>e.cloneElement(n,{size:l,className:p.clsx(r.styles.item,n.props.className),style:{zIndex:t-f,...n.props.style}})),o>0&&i.jsxs(r.Avatar,{size:l,color:m,className:r.styles.item,style:{zIndex:0},children:["+",o]})]})});exports.AvatarGroup=h;
+//# sourceMappingURL=AvatarGroup-DrkzAt1-.cjs.map

package/dist/{AvatarGroup-CuvFX4di.cjs.map → AvatarGroup-DrkzAt1-.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup-CuvFX4di.cjs","sources":["../src/components/Avatar/AvatarGroup.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar, type AvatarProps, type AvatarSize } from './Avatar'\nimport styles from './Avatar.module.css'\n\nexport interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** `Avatar` elements to overlap. */\n  children: ReactNode\n  /** Show at most this many slots; the rest collapse into a trailing `+N` avatar. */\n  max?: number\n  /** Size applied to every avatar in the group (incl. the `+N`). Defaults to `md`. */\n  size?: AvatarSize\n  /** Theme palette token for the `+N` surplus avatar. Defaults to `accent`. */\n  color?: ThemeColor\n}\n\nconst OVERLAP: Record<AvatarSize, string> = { sm: '-6px', md: '-8px', lg: '-10px' }\n\n/**\n * Overlaps a row of `Avatar`s with a ring between them, and collapses the overflow past `max` into a\n * trailing `+N` avatar (like a stacked team list). All avatars are normalized to the group's `size`.\n * Token-only styling.\n */\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup(\n  { children, max, size = 'md', color = 'accent', className, style, ...props },\n  ref,\n) {\n  const items = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[]\n  const total = items.length\n  const limit = max && max > 0 && total > max ? max - 1 : total\n  const shown = items.slice(0, limit)\n  const surplus = total - shown.length\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.group, className)}\n      style={{ '--avatar-overlap': OVERLAP[size], ...style } as CSSProperties}\n      {...props}\n    >\n      {shown.map((child, index) =>\n        cloneElement(child, {\n          size,\n          className: clsx(styles.item, child.props.className),\n          style: { zIndex: total - index, ...child.props.style } as CSSProperties,\n        }),\n      )}\n      {surplus > 0 && (\n        <Avatar size={size} color={color} className={styles.item} style={{ zIndex: 0 }}>\n          +{surplus}\n        </Avatar>\n      )}\n    </div>\n  )\n})\n"],"names":["OVERLAP","AvatarGroup","forwardRef","children","max","size","color","className","style","props","ref","items","Children","isValidElement","total","limit","shown","surplus","jsxs","clsx","styles","child","index","cloneElement","Avatar"],"mappings":"0HA0BMA,EAAsC,CAAE,GAAI,OAAQ,GAAI,OAAQ,GAAI,OAAA,EAO7DC,EAAcC,EAAAA,WAA6C,SACtE,CAAE,SAAAC,EAAU,IAAAC,EAAK,KAAAC,EAAO,KAAM,MAAAC,EAAQ,SAAU,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EACrEC,EACA,CACA,MAAMC,EAAQC,EAAAA,SAAS,QAAQT,CAAQ,EAAE,OAAOU,gBAAc,EACxDC,EAAQH,EAAM,OACdI,EAAQX,GAAOA,EAAM,GAAKU,EAAQV,EAAMA,EAAM,EAAIU,EAClDE,EAAQL,EAAM,MAAM,EAAGI,CAAK,EAC5BE,EAAUH,EAAQE,EAAM,OAE9B,OACEE,EAAAA,KAAC,MAAA,CACC,IAAAR,EACA,UAAWS,EAAAA,KAAKC,SAAO,MAAOb,CAAS,EACvC,MAAO,CAAE,mBAAoBP,EAAQK,CAAI,EAAG,GAAGG,CAAA,EAC9C,GAAGC,EAEH,SAAA,CAAAO,EAAM,IAAI,CAACK,EAAOC,IACjBC,EAAAA,aAAaF,EAAO,CAClB,KAAAhB,EACA,UAAWc,EAAAA,KAAKC,EAAAA,OAAO,KAAMC,EAAM,MAAM,SAAS,EAClD,MAAO,CAAE,OAAQP,EAAQQ,EAAO,GAAGD,EAAM,MAAM,KAAA,CAAM,CACtD,CAAA,EAEFJ,EAAU,GACTC,EAAAA,KAACM,EAAAA,OAAA,CAAO,KAAAnB,EAAY,MAAAC,EAAc,UAAWc,EAAAA,OAAO,KAAM,MAAO,CAAE,OAAQ,GAAK,SAAA,CAAA,IAC5EH,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAIR,CAAC"}
+{"version":3,"file":"AvatarGroup-DrkzAt1-.cjs","sources":["../src/components/Avatar/AvatarGroup.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar, type AvatarProps, type AvatarSize } from './Avatar'\nimport styles from './Avatar.module.css'\n\nexport interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** `Avatar` elements to overlap. */\n  children: ReactNode\n  /** Show at most this many slots; the rest collapse into a trailing `+N` avatar. */\n  max?: number\n  /** Size applied to every avatar in the group (incl. the `+N`). Defaults to `md`. */\n  size?: AvatarSize\n  /** Theme palette token for the `+N` surplus avatar. Defaults to `accent`. */\n  color?: ThemeColor\n}\n\nconst OVERLAP: Record<AvatarSize, string> = { sm: '-6px', md: '-8px', lg: '-10px' }\n\n/**\n * Overlaps a row of `Avatar`s with a ring between them, and collapses the overflow past `max` into a\n * trailing `+N` avatar (like a stacked team list). All avatars are normalized to the group's `size`.\n * Token-only styling.\n */\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup(\n  { children, max, size = 'md', color = 'accent', className, style, ...props },\n  ref,\n) {\n  const items = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[]\n  const total = items.length\n  const limit = max && max > 0 && total > max ? max - 1 : total\n  const shown = items.slice(0, limit)\n  const surplus = total - shown.length\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.group, className)}\n      style={{ '--avatar-overlap': OVERLAP[size], ...style } as CSSProperties}\n      {...props}\n    >\n      {shown.map((child, index) =>\n        cloneElement(child, {\n          size,\n          className: clsx(styles.item, child.props.className),\n          style: { zIndex: total - index, ...child.props.style } as CSSProperties,\n        }),\n      )}\n      {surplus > 0 && (\n        <Avatar size={size} color={color} className={styles.item} style={{ zIndex: 0 }}>\n          +{surplus}\n        </Avatar>\n      )}\n    </div>\n  )\n})\n"],"names":["OVERLAP","AvatarGroup","forwardRef","children","max","size","color","className","style","props","ref","items","Children","isValidElement","total","limit","shown","surplus","jsxs","clsx","styles","child","index","cloneElement","Avatar"],"mappings":"0HA0BMA,EAAsC,CAAE,GAAI,OAAQ,GAAI,OAAQ,GAAI,OAAA,EAO7DC,EAAcC,EAAAA,WAA6C,SACtE,CAAE,SAAAC,EAAU,IAAAC,EAAK,KAAAC,EAAO,KAAM,MAAAC,EAAQ,SAAU,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EACrEC,EACA,CACA,MAAMC,EAAQC,EAAAA,SAAS,QAAQT,CAAQ,EAAE,OAAOU,gBAAc,EACxDC,EAAQH,EAAM,OACdI,EAAQX,GAAOA,EAAM,GAAKU,EAAQV,EAAMA,EAAM,EAAIU,EAClDE,EAAQL,EAAM,MAAM,EAAGI,CAAK,EAC5BE,EAAUH,EAAQE,EAAM,OAE9B,OACEE,EAAAA,KAAC,MAAA,CACC,IAAAR,EACA,UAAWS,EAAAA,KAAKC,SAAO,MAAOb,CAAS,EACvC,MAAO,CAAE,mBAAoBP,EAAQK,CAAI,EAAG,GAAGG,CAAA,EAC9C,GAAGC,EAEH,SAAA,CAAAO,EAAM,IAAI,CAACK,EAAOC,IACjBC,EAAAA,aAAaF,EAAO,CAClB,KAAAhB,EACA,UAAWc,EAAAA,KAAKC,EAAAA,OAAO,KAAMC,EAAM,MAAM,SAAS,EAClD,MAAO,CAAE,OAAQP,EAAQQ,EAAO,GAAGD,EAAM,MAAM,KAAA,CAAM,CACtD,CAAA,EAEFJ,EAAU,GACTC,EAAAA,KAACM,EAAAA,OAAA,CAAO,KAAAnB,EAAY,MAAAC,EAAc,UAAWc,EAAAA,OAAO,KAAM,MAAO,CAAE,OAAQ,GAAK,SAAA,CAAA,IAC5EH,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAIR,CAAC"}

package/dist/Breadcrumbs-BMz_YVPa.js

@@ -0,0 +1,34 @@
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { Link as u } from "@tanstack/react-router";
+import { b as l, a as _ } from "./Icon-B7DJn8Tw.js";
+import { u as h } from "./Sidebar-B1O2RsbR.js";
+import { a as d } from "./ConfigProvider-DVDGtCUc.js";
+const p = "_breadcrumbs_9gbua_4", N = "_list_9gbua_8", g = "_item_9gbua_18", f = "_home_9gbua_27", k = "_separator_9gbua_41", S = "_link_9gbua_52", T = "_current_9gbua_65", e = {
+  breadcrumbs: p,
+  list: N,
+  item: g,
+  home: f,
+  separator: k,
+  link: S,
+  current: T
+}, b = (s) => s, z = new Set(_);
+function A({ separator: s }) {
+  return typeof s == "string" && z.has(s) ? /* @__PURE__ */ a(l, { name: s, size: "sm", className: e.separator }) : /* @__PURE__ */ a("span", { className: e.separator, "aria-hidden": "true", children: s });
+}
+function w({ separator: s = "ArrowRight4" } = {}) {
+  const { homeTo: o, items: n } = h(), t = d();
+  return n.length === 0 ? null : /* @__PURE__ */ a("nav", { "aria-label": t("breadcrumbs.label"), className: e.breadcrumbs, children: /* @__PURE__ */ i("ol", { className: e.list, children: [
+    /* @__PURE__ */ a("li", { className: e.item, children: o ? /* @__PURE__ */ a(u, { to: b(o), className: e.home, "aria-label": t("breadcrumbs.home"), children: /* @__PURE__ */ a(l, { name: "Home2", size: "sm" }) }) : /* @__PURE__ */ a("span", { className: e.home, "aria-label": t("breadcrumbs.home"), children: /* @__PURE__ */ a(l, { name: "Home2", size: "sm" }) }) }),
+    n.map((r, c) => {
+      const m = c === n.length - 1;
+      return /* @__PURE__ */ i("li", { className: e.item, children: [
+        /* @__PURE__ */ a(A, { separator: s }),
+        r.to && !m ? /* @__PURE__ */ a(u, { to: b(r.to), className: e.link, children: r.label }) : /* @__PURE__ */ a("span", { className: e.current, "aria-current": m ? "page" : void 0, children: r.label })
+      ] }, `${r.label}-${c}`);
+    })
+  ] }) });
+}
+export {
+  w as B
+};
+//# sourceMappingURL=Breadcrumbs-BMz_YVPa.js.map

package/dist/{Breadcrumbs-M31xyok8.js.map → Breadcrumbs-BMz_YVPa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs-M31xyok8.js","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Link, type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useBreadcrumbs } from '../Sidebar/Sidebar'\nimport styles from './Breadcrumbs.module.css'\n\nconst linkTo = (to: string) => to as LinkProps['to']\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface BreadcrumbsProps {\n  /**\n   * Separator between crumbs. A known `IconName` (the default `\"ArrowRight4\"`) renders as an icon; any\n   * other string renders as plain text; or pass a node.\n   */\n  separator?: IconName | ReactNode\n}\n\nfunction Separator({ separator }: { separator: IconName | ReactNode }) {\n  if (typeof separator === 'string' && ICON_NAME_SET.has(separator)) {\n    return <Icon name={separator as IconName} size=\"sm\" className={styles.separator} />\n  }\n  return (\n    <span className={styles.separator} aria-hidden=\"true\">\n      {separator}\n    </span>\n  )\n}\n\n/**\n * Auto-generated breadcrumb trail for the current route, rendered at the top of `RootLayout`'s\n * content. It always starts with a home icon that links to the first allowed menu page (the same\n * target as `FirstRouteRedirect`), followed by one crumb per matched route that declares a\n * `staticData.name`. Intermediate crumbs link to their page when navigable; the current page is\n * plain text. Renders nothing when no path prefix has a name and the leaf route has no\n * `staticData.breadcrumb`. Token-only styling.\n */\nexport function Breadcrumbs({ separator = 'ArrowRight4' }: BreadcrumbsProps = {}) {\n  const { homeTo, items } = useBreadcrumbs()\n  const t = useT()\n  if (items.length === 0) return null\n\n  return (\n    <nav aria-label={t('breadcrumbs.label')} className={styles.breadcrumbs}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {homeTo ? (\n            <Link to={linkTo(homeTo)} className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </Link>\n          ) : (\n            <span className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </span>\n          )}\n        </li>\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1\n          return (\n            <li className={styles.item} key={`${item.label}-${index}`}>\n              <Separator separator={separator} />\n              {item.to && !isLast ? (\n                <Link to={linkTo(item.to)} className={styles.link}>\n                  {item.label}\n                </Link>\n              ) : (\n                <span className={styles.current} aria-current={isLast ? 'page' : undefined}>\n                  {item.label}\n                </span>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n"],"names":["linkTo","to","ICON_NAME_SET","ICON_NAMES","Separator","separator","jsx","Icon","styles","Breadcrumbs","homeTo","items","useBreadcrumbs","t","useT","jsxs","Link","item","index","isLast"],"mappings":";;;;;;;;;;;;;GAQMA,IAAS,CAACC,MAAeA,GACzBC,IAAgB,IAAI,IAAYC,CAAU;AAUhD,SAASC,EAAU,EAAE,WAAAC,KAAkD;AACrE,SAAI,OAAOA,KAAc,YAAYH,EAAc,IAAIG,CAAS,IACvD,gBAAAC,EAACC,KAAK,MAAMF,GAAuB,MAAK,MAAK,WAAWG,EAAO,WAAW,sBAGhF,QAAA,EAAK,WAAWA,EAAO,WAAW,eAAY,QAC5C,UAAAH,GACH;AAEJ;AAUO,SAASI,EAAY,EAAE,WAAAJ,IAAY,cAAA,IAAoC,CAAA,GAAI;AAChF,QAAM,EAAE,QAAAK,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GACpBC,IAAIC,EAAA;AACV,SAAIH,EAAM,WAAW,IAAU,OAG7B,gBAAAL,EAAC,OAAA,EAAI,cAAYO,EAAE,mBAAmB,GAAG,WAAWL,EAAO,aACzD,UAAA,gBAAAO,EAAC,MAAA,EAAG,WAAWP,EAAO,MACpB,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAG,WAAWE,EAAO,MACnB,UAAAE,IACC,gBAAAJ,EAACU,KAAK,IAAIhB,EAAOU,CAAM,GAAG,WAAWF,EAAO,MAAM,cAAYK,EAAE,kBAAkB,GAChF,4BAACN,GAAA,EAAK,MAAK,SAAQ,MAAK,MAAK,EAAA,CAC/B,sBAEC,QAAA,EAAK,WAAWC,EAAO,MAAM,cAAYK,EAAE,kBAAkB,GAC5D,4BAACN,GAAA,EAAK,MAAK,SAAQ,MAAK,MAAK,GAC/B,EAAA,CAEJ;AAAA,IACCI,EAAM,IAAI,CAACM,GAAMC,MAAU;AAC1B,YAAMC,IAASD,MAAUP,EAAM,SAAS;AACxC,aACE,gBAAAI,EAAC,MAAA,EAAG,WAAWP,EAAO,MACpB,UAAA;AAAA,QAAA,gBAAAF,EAACF,KAAU,WAAAC,GAAsB;AAAA,QAChCY,EAAK,MAAM,CAACE,IACX,gBAAAb,EAACU,GAAA,EAAK,IAAIhB,EAAOiB,EAAK,EAAE,GAAG,WAAWT,EAAO,MAC1C,UAAAS,EAAK,MAAA,CACR,IAEA,gBAAAX,EAAC,QAAA,EAAK,WAAWE,EAAO,SAAS,gBAAcW,IAAS,SAAS,QAC9D,UAAAF,EAAK,MAAA,CACR;AAAA,MAAA,EAAA,GAT6B,GAAGA,EAAK,KAAK,IAAIC,CAAK,EAWvD;AAAA,IAEJ,CAAC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"Breadcrumbs-BMz_YVPa.js","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Link, type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useBreadcrumbs } from '../Sidebar/Sidebar'\nimport styles from './Breadcrumbs.module.css'\n\nconst linkTo = (to: string) => to as LinkProps['to']\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface BreadcrumbsProps {\n  /**\n   * Separator between crumbs. A known `IconName` (the default `\"ArrowRight4\"`) renders as an icon; any\n   * other string renders as plain text; or pass a node.\n   */\n  separator?: IconName | ReactNode\n}\n\nfunction Separator({ separator }: { separator: IconName | ReactNode }) {\n  if (typeof separator === 'string' && ICON_NAME_SET.has(separator)) {\n    return <Icon name={separator as IconName} size=\"sm\" className={styles.separator} />\n  }\n  return (\n    <span className={styles.separator} aria-hidden=\"true\">\n      {separator}\n    </span>\n  )\n}\n\n/**\n * Auto-generated breadcrumb trail for the current route, rendered at the top of `RootLayout`'s\n * content. It always starts with a home icon that links to the first allowed menu page (the same\n * target as `FirstRouteRedirect`), followed by one crumb per matched route that declares a\n * `staticData.name`. Intermediate crumbs link to their page when navigable; the current page is\n * plain text. Renders nothing when no path prefix has a name and the leaf route has no\n * `staticData.breadcrumb`. Token-only styling.\n */\nexport function Breadcrumbs({ separator = 'ArrowRight4' }: BreadcrumbsProps = {}) {\n  const { homeTo, items } = useBreadcrumbs()\n  const t = useT()\n  if (items.length === 0) return null\n\n  return (\n    <nav aria-label={t('breadcrumbs.label')} className={styles.breadcrumbs}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {homeTo ? (\n            <Link to={linkTo(homeTo)} className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </Link>\n          ) : (\n            <span className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </span>\n          )}\n        </li>\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1\n          return (\n            <li className={styles.item} key={`${item.label}-${index}`}>\n              <Separator separator={separator} />\n              {item.to && !isLast ? (\n                <Link to={linkTo(item.to)} className={styles.link}>\n                  {item.label}\n                </Link>\n              ) : (\n                <span className={styles.current} aria-current={isLast ? 'page' : undefined}>\n                  {item.label}\n                </span>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n"],"names":["linkTo","to","ICON_NAME_SET","ICON_NAMES","Separator","separator","jsx","Icon","styles","Breadcrumbs","homeTo","items","useBreadcrumbs","useT","jsxs","Link","item","index","isLast"],"mappings":";;;;;;;;;;;;;GAQMA,IAAS,CAACC,MAAeA,GACzBC,IAAgB,IAAI,IAAYC,CAAU;AAUhD,SAASC,EAAU,EAAE,WAAAC,KAAkD;AACrE,SAAI,OAAOA,KAAc,YAAYH,EAAc,IAAIG,CAAS,IACvD,gBAAAC,EAACC,KAAK,MAAMF,GAAuB,MAAK,MAAK,WAAWG,EAAO,WAAW,sBAGhF,QAAA,EAAK,WAAWA,EAAO,WAAW,eAAY,QAC5C,UAAAH,GACH;AAEJ;AAUO,SAASI,EAAY,EAAE,WAAAJ,IAAY,cAAA,IAAoC,CAAA,GAAI;AAChF,QAAM,EAAE,QAAAK,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GACpB,IAAIC,EAAA;AACV,SAAIF,EAAM,WAAW,IAAU,OAG7B,gBAAAL,EAAC,OAAA,EAAI,cAAY,EAAE,mBAAmB,GAAG,WAAWE,EAAO,aACzD,UAAA,gBAAAM,EAAC,MAAA,EAAG,WAAWN,EAAO,MACpB,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAG,WAAWE,EAAO,MACnB,UAAAE,IACC,gBAAAJ,EAACS,KAAK,IAAIf,EAAOU,CAAM,GAAG,WAAWF,EAAO,MAAM,cAAY,EAAE,kBAAkB,GAChF,4BAACD,GAAA,EAAK,MAAK,SAAQ,MAAK,MAAK,EAAA,CAC/B,sBAEC,QAAA,EAAK,WAAWC,EAAO,MAAM,cAAY,EAAE,kBAAkB,GAC5D,4BAACD,GAAA,EAAK,MAAK,SAAQ,MAAK,MAAK,GAC/B,EAAA,CAEJ;AAAA,IACCI,EAAM,IAAI,CAACK,GAAMC,MAAU;AAC1B,YAAMC,IAASD,MAAUN,EAAM,SAAS;AACxC,aACE,gBAAAG,EAAC,MAAA,EAAG,WAAWN,EAAO,MACpB,UAAA;AAAA,QAAA,gBAAAF,EAACF,KAAU,WAAAC,GAAsB;AAAA,QAChCW,EAAK,MAAM,CAACE,IACX,gBAAAZ,EAACS,GAAA,EAAK,IAAIf,EAAOgB,EAAK,EAAE,GAAG,WAAWR,EAAO,MAC1C,UAAAQ,EAAK,MAAA,CACR,IAEA,gBAAAV,EAAC,QAAA,EAAK,WAAWE,EAAO,SAAS,gBAAcU,IAAS,SAAS,QAC9D,UAAAF,EAAK,MAAA,CACR;AAAA,MAAA,EAAA,GAT6B,GAAGA,EAAK,KAAK,IAAIC,CAAK,EAWvD;AAAA,IAEJ,CAAC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

package/dist/Breadcrumbs-BbC0o4JE.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),u=require("@tanstack/react-router"),n=require("./Icon-CBg21lKA.cjs"),b=require("./Sidebar-Bcm0fgVm.cjs"),_=require("./ConfigProvider-DBU6rOIA.cjs"),d="_breadcrumbs_9gbua_4",h="_list_9gbua_8",j="_item_9gbua_18",N="_home_9gbua_27",g="_separator_9gbua_41",x="_link_9gbua_52",p="_current_9gbua_65",s={breadcrumbs:d,list:h,item:j,home:N,separator:g,link:x,current:p},m=r=>r,k=new Set(n.ICON_NAMES);function f({separator:r}){return typeof r=="string"&&k.has(r)?e.jsx(n.Icon,{name:r,size:"sm",className:s.separator}):e.jsx("span",{className:s.separator,"aria-hidden":"true",children:r})}function I({separator:r="ArrowRight4"}={}){const{homeTo:i,items:c}=b.useBreadcrumbs(),t=_.useT();return c.length===0?null:e.jsx("nav",{"aria-label":t("breadcrumbs.label"),className:s.breadcrumbs,children:e.jsxs("ol",{className:s.list,children:[e.jsx("li",{className:s.item,children:i?e.jsx(u.Link,{to:m(i),className:s.home,"aria-label":t("breadcrumbs.home"),children:e.jsx(n.Icon,{name:"Home2",size:"sm"})}):e.jsx("span",{className:s.home,"aria-label":t("breadcrumbs.home"),children:e.jsx(n.Icon,{name:"Home2",size:"sm"})})}),c.map((a,l)=>{const o=l===c.length-1;return e.jsxs("li",{className:s.item,children:[e.jsx(f,{separator:r}),a.to&&!o?e.jsx(u.Link,{to:m(a.to),className:s.link,children:a.label}):e.jsx("span",{className:s.current,"aria-current":o?"page":void 0,children:a.label})]},`${a.label}-${l}`)})]})})}exports.Breadcrumbs=I;
+//# sourceMappingURL=Breadcrumbs-BbC0o4JE.cjs.map

package/dist/{Breadcrumbs-DSUxcp6u.cjs.map → Breadcrumbs-BbC0o4JE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs-DSUxcp6u.cjs","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Link, type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useBreadcrumbs } from '../Sidebar/Sidebar'\nimport styles from './Breadcrumbs.module.css'\n\nconst linkTo = (to: string) => to as LinkProps['to']\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface BreadcrumbsProps {\n  /**\n   * Separator between crumbs. A known `IconName` (the default `\"ArrowRight4\"`) renders as an icon; any\n   * other string renders as plain text; or pass a node.\n   */\n  separator?: IconName | ReactNode\n}\n\nfunction Separator({ separator }: { separator: IconName | ReactNode }) {\n  if (typeof separator === 'string' && ICON_NAME_SET.has(separator)) {\n    return <Icon name={separator as IconName} size=\"sm\" className={styles.separator} />\n  }\n  return (\n    <span className={styles.separator} aria-hidden=\"true\">\n      {separator}\n    </span>\n  )\n}\n\n/**\n * Auto-generated breadcrumb trail for the current route, rendered at the top of `RootLayout`'s\n * content. It always starts with a home icon that links to the first allowed menu page (the same\n * target as `FirstRouteRedirect`), followed by one crumb per matched route that declares a\n * `staticData.name`. Intermediate crumbs link to their page when navigable; the current page is\n * plain text. Renders nothing when no path prefix has a name and the leaf route has no\n * `staticData.breadcrumb`. Token-only styling.\n */\nexport function Breadcrumbs({ separator = 'ArrowRight4' }: BreadcrumbsProps = {}) {\n  const { homeTo, items } = useBreadcrumbs()\n  const t = useT()\n  if (items.length === 0) return null\n\n  return (\n    <nav aria-label={t('breadcrumbs.label')} className={styles.breadcrumbs}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {homeTo ? (\n            <Link to={linkTo(homeTo)} className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </Link>\n          ) : (\n            <span className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </span>\n          )}\n        </li>\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1\n          return (\n            <li className={styles.item} key={`${item.label}-${index}`}>\n              <Separator separator={separator} />\n              {item.to && !isLast ? (\n                <Link to={linkTo(item.to)} className={styles.link}>\n                  {item.label}\n                </Link>\n              ) : (\n                <span className={styles.current} aria-current={isLast ? 'page' : undefined}>\n                  {item.label}\n                </span>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n"],"names":["linkTo","to","ICON_NAME_SET","ICON_NAMES","Separator","separator","jsx","Icon","styles","Breadcrumbs","homeTo","items","useBreadcrumbs","useT","jsxs","Link","item","index","isLast"],"mappings":"4ZAQMA,EAAUC,GAAeA,EACzBC,EAAgB,IAAI,IAAYC,YAAU,EAUhD,SAASC,EAAU,CAAE,UAAAC,GAAkD,CACrE,OAAI,OAAOA,GAAc,UAAYH,EAAc,IAAIG,CAAS,EACvDC,MAACC,EAAAA,MAAK,KAAMF,EAAuB,KAAK,KAAK,UAAWG,EAAO,UAAW,QAGhF,OAAA,CAAK,UAAWA,EAAO,UAAW,cAAY,OAC5C,SAAAH,EACH,CAEJ,CAUO,SAASI,EAAY,CAAE,UAAAJ,EAAY,aAAA,EAAoC,CAAA,EAAI,CAChF,KAAM,CAAE,OAAAK,EAAQ,MAAAC,CAAA,EAAUC,iBAAA,EACpB,EAAIC,EAAAA,KAAA,EACV,OAAIF,EAAM,SAAW,EAAU,KAG7BL,EAAAA,IAAC,MAAA,CAAI,aAAY,EAAE,mBAAmB,EAAG,UAAWE,EAAO,YACzD,SAAAM,EAAAA,KAAC,KAAA,CAAG,UAAWN,EAAO,KACpB,SAAA,CAAAF,EAAAA,IAAC,MAAG,UAAWE,EAAO,KACnB,SAAAE,EACCJ,EAAAA,IAACS,EAAAA,MAAK,GAAIf,EAAOU,CAAM,EAAG,UAAWF,EAAO,KAAM,aAAY,EAAE,kBAAkB,EAChF,eAACD,EAAAA,KAAA,CAAK,KAAK,QAAQ,KAAK,KAAK,CAAA,CAC/B,QAEC,OAAA,CAAK,UAAWC,EAAO,KAAM,aAAY,EAAE,kBAAkB,EAC5D,eAACD,EAAAA,KAAA,CAAK,KAAK,QAAQ,KAAK,KAAK,EAC/B,CAAA,CAEJ,EACCI,EAAM,IAAI,CAACK,EAAMC,IAAU,CAC1B,MAAMC,EAASD,IAAUN,EAAM,OAAS,EACxC,OACEG,EAAAA,KAAC,KAAA,CAAG,UAAWN,EAAO,KACpB,SAAA,CAAAF,MAACF,GAAU,UAAAC,EAAsB,EAChCW,EAAK,IAAM,CAACE,EACXZ,EAAAA,IAACS,EAAAA,KAAA,CAAK,GAAIf,EAAOgB,EAAK,EAAE,EAAG,UAAWR,EAAO,KAC1C,SAAAQ,EAAK,KAAA,CACR,EAEAV,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAO,QAAS,eAAcU,EAAS,OAAS,OAC9D,SAAAF,EAAK,KAAA,CACR,CAAA,CAAA,EAT6B,GAAGA,EAAK,KAAK,IAAIC,CAAK,EAWvD,CAEJ,CAAC,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}
+{"version":3,"file":"Breadcrumbs-BbC0o4JE.cjs","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Link, type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useBreadcrumbs } from '../Sidebar/Sidebar'\nimport styles from './Breadcrumbs.module.css'\n\nconst linkTo = (to: string) => to as LinkProps['to']\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface BreadcrumbsProps {\n  /**\n   * Separator between crumbs. A known `IconName` (the default `\"ArrowRight4\"`) renders as an icon; any\n   * other string renders as plain text; or pass a node.\n   */\n  separator?: IconName | ReactNode\n}\n\nfunction Separator({ separator }: { separator: IconName | ReactNode }) {\n  if (typeof separator === 'string' && ICON_NAME_SET.has(separator)) {\n    return <Icon name={separator as IconName} size=\"sm\" className={styles.separator} />\n  }\n  return (\n    <span className={styles.separator} aria-hidden=\"true\">\n      {separator}\n    </span>\n  )\n}\n\n/**\n * Auto-generated breadcrumb trail for the current route, rendered at the top of `RootLayout`'s\n * content. It always starts with a home icon that links to the first allowed menu page (the same\n * target as `FirstRouteRedirect`), followed by one crumb per matched route that declares a\n * `staticData.name`. Intermediate crumbs link to their page when navigable; the current page is\n * plain text. Renders nothing when no path prefix has a name and the leaf route has no\n * `staticData.breadcrumb`. Token-only styling.\n */\nexport function Breadcrumbs({ separator = 'ArrowRight4' }: BreadcrumbsProps = {}) {\n  const { homeTo, items } = useBreadcrumbs()\n  const t = useT()\n  if (items.length === 0) return null\n\n  return (\n    <nav aria-label={t('breadcrumbs.label')} className={styles.breadcrumbs}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {homeTo ? (\n            <Link to={linkTo(homeTo)} className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </Link>\n          ) : (\n            <span className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </span>\n          )}\n        </li>\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1\n          return (\n            <li className={styles.item} key={`${item.label}-${index}`}>\n              <Separator separator={separator} />\n              {item.to && !isLast ? (\n                <Link to={linkTo(item.to)} className={styles.link}>\n                  {item.label}\n                </Link>\n              ) : (\n                <span className={styles.current} aria-current={isLast ? 'page' : undefined}>\n                  {item.label}\n                </span>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n"],"names":["linkTo","to","ICON_NAME_SET","ICON_NAMES","Separator","separator","jsx","Icon","styles","Breadcrumbs","homeTo","items","useBreadcrumbs","useT","jsxs","Link","item","index","isLast"],"mappings":"4ZAQMA,EAAUC,GAAeA,EACzBC,EAAgB,IAAI,IAAYC,YAAU,EAUhD,SAASC,EAAU,CAAE,UAAAC,GAAkD,CACrE,OAAI,OAAOA,GAAc,UAAYH,EAAc,IAAIG,CAAS,EACvDC,MAACC,EAAAA,MAAK,KAAMF,EAAuB,KAAK,KAAK,UAAWG,EAAO,UAAW,QAGhF,OAAA,CAAK,UAAWA,EAAO,UAAW,cAAY,OAC5C,SAAAH,EACH,CAEJ,CAUO,SAASI,EAAY,CAAE,UAAAJ,EAAY,aAAA,EAAoC,CAAA,EAAI,CAChF,KAAM,CAAE,OAAAK,EAAQ,MAAAC,CAAA,EAAUC,iBAAA,EACpB,EAAIC,EAAAA,KAAA,EACV,OAAIF,EAAM,SAAW,EAAU,KAG7BL,EAAAA,IAAC,MAAA,CAAI,aAAY,EAAE,mBAAmB,EAAG,UAAWE,EAAO,YACzD,SAAAM,EAAAA,KAAC,KAAA,CAAG,UAAWN,EAAO,KACpB,SAAA,CAAAF,EAAAA,IAAC,MAAG,UAAWE,EAAO,KACnB,SAAAE,EACCJ,EAAAA,IAACS,EAAAA,MAAK,GAAIf,EAAOU,CAAM,EAAG,UAAWF,EAAO,KAAM,aAAY,EAAE,kBAAkB,EAChF,eAACD,EAAAA,KAAA,CAAK,KAAK,QAAQ,KAAK,KAAK,CAAA,CAC/B,QAEC,OAAA,CAAK,UAAWC,EAAO,KAAM,aAAY,EAAE,kBAAkB,EAC5D,eAACD,EAAAA,KAAA,CAAK,KAAK,QAAQ,KAAK,KAAK,EAC/B,CAAA,CAEJ,EACCI,EAAM,IAAI,CAACK,EAAMC,IAAU,CAC1B,MAAMC,EAASD,IAAUN,EAAM,OAAS,EACxC,OACEG,EAAAA,KAAC,KAAA,CAAG,UAAWN,EAAO,KACpB,SAAA,CAAAF,MAACF,GAAU,UAAAC,EAAsB,EAChCW,EAAK,IAAM,CAACE,EACXZ,EAAAA,IAACS,EAAAA,KAAA,CAAK,GAAIf,EAAOgB,EAAK,EAAE,EAAG,UAAWR,EAAO,KAC1C,SAAAQ,EAAK,KAAA,CACR,EAEAV,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAO,QAAS,eAAcU,EAAS,OAAS,OAC9D,SAAAF,EAAK,KAAA,CACR,CAAA,CAAA,EAT6B,GAAGA,EAAK,KAAK,IAAIC,CAAK,EAWvD,CAEJ,CAAC,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}

package/dist/Button-C415LPw_.js

@@ -0,0 +1,72 @@
+import { jsxs as z, jsx as e } from "react/jsx-runtime";
+import { forwardRef as W, isValidElement as v, cloneElement as y } from "react";
+import { clsx as B } from "clsx";
+import { L as i } from "./Loader-7v1QBvHY.js";
+const E = "_button_1jlfc_1", L = "_sm_1jlfc_23", N = "_md_1jlfc_29", $ = "_lg_1jlfc_35", w = "_contained_1jlfc_42", A = "_filled_1jlfc_54", R = "_outlined_1jlfc_65", V = "_text_1jlfc_78", k = "_fullWidth_1jlfc_90", q = "_rounded_1jlfc_94", C = "_disabled_1jlfc_102", D = "_loading_1jlfc_106", F = "_label_1jlfc_111", t = {
+  button: E,
+  sm: L,
+  md: N,
+  lg: $,
+  contained: w,
+  filled: A,
+  outlined: R,
+  text: V,
+  fullWidth: k,
+  rounded: q,
+  disabled: C,
+  loading: D,
+  label: F
+}, M = W(function({
+  variant: r = "contained",
+  color: c = "accent",
+  size: o = "md",
+  loading: l = !1,
+  fullWidth: u = !1,
+  rounded: b = !1,
+  disabled: d = !1,
+  startIcon: _,
+  endIcon: m,
+  className: j,
+  style: p,
+  type: x = "button",
+  children: s,
+  ...h
+}, g) {
+  const a = l && !_, f = (n) => v(n) ? y(n, {
+    size: n.props.size ?? o
+  }) : n;
+  return /* @__PURE__ */ z(
+    "button",
+    {
+      ref: g,
+      type: x,
+      disabled: d || l,
+      "aria-busy": l || void 0,
+      className: B(
+        t.button,
+        t[r],
+        t[o],
+        u && t.fullWidth,
+        b && t.rounded,
+        l && t.loading,
+        d && t.disabled,
+        j
+      ),
+      style: {
+        "--tz-btn-rgb": `var(--tz-color-${c}-rgb)`,
+        "--tz-btn-on": `var(--tz-color-${c}-contrast, #fff)`,
+        ...p
+      },
+      ...h,
+      children: [
+        l && !a ? /* @__PURE__ */ e(i, { size: o, "aria-hidden": "true" }) : f(_),
+        s != null && s !== !1 && /* @__PURE__ */ e("span", { className: t.label, children: s }),
+        a ? /* @__PURE__ */ e(i, { size: o, "aria-hidden": "true" }) : !l && f(m)
+      ]
+    }
+  );
+});
+export {
+  M as B
+};
+//# sourceMappingURL=Button-C415LPw_.js.map

package/dist/{Button-CtADzomU.js.map → Button-C415LPw_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-CtADzomU.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: ButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — drives height (`--tz-control-height-*`), padding and font size. */\n  size?: ButtonSize\n  /** Shows the loader and blocks interaction (also sets the native `disabled`). The loader replaces the `startIcon` when present, otherwise it trails the label at the end (right) — so a plain button shows the spinner on the right. The text stays visible. */\n  loading?: boolean\n  /** Stretches the button to fill its container. */\n  fullWidth?: boolean\n  /** Pill shape (fully rounded corners). */\n  rounded?: boolean\n  /** Icon before the label. Replaced by the loader while `loading`. */\n  startIcon?: ReactNode\n  /** Icon after the label. Replaced by the loader while `loading` when no `startIcon` is set. */\n  endIcon?: ReactNode\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    fullWidth = false,\n    rounded = false,\n    disabled = false,\n    startIcon,\n    endIcon,\n    className,\n    style,\n    type = 'button',\n    children,\n    ...props\n  },\n  ref,\n) {\n  // The loader replaces the start icon when there is one; otherwise it sits at the end (right) —\n  // including a plain button with no icons, so the spinner trails the label.\n  const loaderAtEnd = loading && !startIcon\n\n  // size an icon slot to match the button (an explicit icon `size` still wins)\n  const sizeIcon = (node: ReactNode): ReactNode =>\n    isValidElement(node)\n      ? cloneElement(node as ReactElement<{ size?: ButtonSize }>, {\n          size: (node.props as { size?: ButtonSize }).size ?? size,\n        })\n      : node\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={clsx(\n        styles.button,\n        styles[variant],\n        styles[size],\n        fullWidth && styles.fullWidth,\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {/* leading slot — the loader takes the start icon's place while loading */}\n      {loading && !loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : sizeIcon(startIcon)}\n      {children != null && children !== false && <span className={styles.label}>{children}</span>}\n      {/* trailing slot — the loader takes the end icon's place when there's no start icon */}\n      {loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : !loading && sizeIcon(endIcon)}\n    </button>\n  )\n})\n"],"names":["Button","forwardRef","variant","color","size","loading","fullWidth","rounded","disabled","startIcon","endIcon","className","style","type","children","props","ref","loaderAtEnd","sizeIcon","node","isValidElement","cloneElement","jsxs","clsx","styles","jsx","Loader"],"mappings":";;;;;;;;;;;;;;;;;;GAoCaA,IAASC,EAA2C,SAC/D;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAGA,QAAMC,IAAcZ,KAAW,CAACI,GAG1BS,IAAW,CAACC,MAChBC,EAAeD,CAAI,IACfE,EAAaF,GAA6C;AAAA,IACxD,MAAOA,EAAK,MAAgC,QAAQf;AAAA,EAAA,CACrD,IACDe;AAEN,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAH;AAAA,MACA,UAAUL,KAAYH;AAAA,MACtB,aAAWA,KAAW;AAAA,MACtB,WAAWkB;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOtB,CAAO;AAAA,QACdsB,EAAOpB,CAAI;AAAA,QACXE,KAAakB,EAAO;AAAA,QACpBjB,KAAWiB,EAAO;AAAA,QAClBnB,KAAWmB,EAAO;AAAA,QAClBhB,KAAYgB,EAAO;AAAA,QACnBb;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,gBAAgB,kBAAkBR,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGS;AAAA,MAAA;AAAA,MAGN,GAAGG;AAAA,MAGH,UAAA;AAAA,QAAAV,KAAW,CAACY,IAAc,gBAAAQ,EAACC,GAAA,EAAO,MAAAtB,GAAY,eAAY,OAAA,CAAO,IAAKc,EAAST,CAAS;AAAA,QACxFK,KAAY,QAAQA,MAAa,wBAAU,QAAA,EAAK,WAAWU,EAAO,OAAQ,UAAAV,EAAA,CAAS;AAAA,QAEnFG,IAAc,gBAAAQ,EAACC,GAAA,EAAO,MAAAtB,GAAY,eAAY,QAAO,IAAK,CAACC,KAAWa,EAASR,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7F,CAAC;"}
+{"version":3,"file":"Button-C415LPw_.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: ButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — drives height (`--tz-control-height-*`), padding and font size. */\n  size?: ButtonSize\n  /** Shows the loader and blocks interaction (also sets the native `disabled`). The loader replaces the `startIcon` when present, otherwise it trails the label at the end (right) — so a plain button shows the spinner on the right. The text stays visible. */\n  loading?: boolean\n  /** Stretches the button to fill its container. */\n  fullWidth?: boolean\n  /** Pill shape (fully rounded corners). */\n  rounded?: boolean\n  /** Icon before the label. Replaced by the loader while `loading`. */\n  startIcon?: ReactNode\n  /** Icon after the label. Replaced by the loader while `loading` when no `startIcon` is set. */\n  endIcon?: ReactNode\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    fullWidth = false,\n    rounded = false,\n    disabled = false,\n    startIcon,\n    endIcon,\n    className,\n    style,\n    type = 'button',\n    children,\n    ...props\n  },\n  ref,\n) {\n  // The loader replaces the start icon when there is one; otherwise it sits at the end (right) —\n  // including a plain button with no icons, so the spinner trails the label.\n  const loaderAtEnd = loading && !startIcon\n\n  // size an icon slot to match the button (an explicit icon `size` still wins)\n  const sizeIcon = (node: ReactNode): ReactNode =>\n    isValidElement(node)\n      ? cloneElement(node as ReactElement<{ size?: ButtonSize }>, {\n          size: (node.props as { size?: ButtonSize }).size ?? size,\n        })\n      : node\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={clsx(\n        styles.button,\n        styles[variant],\n        styles[size],\n        fullWidth && styles.fullWidth,\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {/* leading slot — the loader takes the start icon's place while loading */}\n      {loading && !loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : sizeIcon(startIcon)}\n      {children != null && children !== false && <span className={styles.label}>{children}</span>}\n      {/* trailing slot — the loader takes the end icon's place when there's no start icon */}\n      {loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : !loading && sizeIcon(endIcon)}\n    </button>\n  )\n})\n"],"names":["Button","forwardRef","variant","color","size","loading","fullWidth","rounded","disabled","startIcon","endIcon","className","style","type","children","props","ref","loaderAtEnd","sizeIcon","node","isValidElement","cloneElement","jsxs","clsx","styles","jsx","Loader"],"mappings":";;;;;;;;;;;;;;;;;;GAoCaA,IAASC,EAA2C,SAC/D;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAGA,QAAMC,IAAcZ,KAAW,CAACI,GAG1BS,IAAW,CAACC,MAChBC,EAAeD,CAAI,IACfE,EAAaF,GAA6C;AAAA,IACxD,MAAOA,EAAK,MAAgC,QAAQf;AAAA,EAAA,CACrD,IACDe;AAEN,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAH;AAAA,MACA,UAAUL,KAAYH;AAAA,MACtB,aAAWA,KAAW;AAAA,MACtB,WAAWkB;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOtB,CAAO;AAAA,QACdsB,EAAOpB,CAAI;AAAA,QACXE,KAAakB,EAAO;AAAA,QACpBjB,KAAWiB,EAAO;AAAA,QAClBnB,KAAWmB,EAAO;AAAA,QAClBhB,KAAYgB,EAAO;AAAA,QACnBb;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,gBAAgB,kBAAkBR,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGS;AAAA,MAAA;AAAA,MAGN,GAAGG;AAAA,MAGH,UAAA;AAAA,QAAAV,KAAW,CAACY,IAAc,gBAAAQ,EAACC,GAAA,EAAO,MAAAtB,GAAY,eAAY,OAAA,CAAO,IAAKc,EAAST,CAAS;AAAA,QACxFK,KAAY,QAAQA,MAAa,wBAAU,QAAA,EAAK,WAAWU,EAAO,OAAQ,UAAAV,EAAA,CAAS;AAAA,QAEnFG,IAAc,gBAAAQ,EAACC,GAAA,EAAO,MAAAtB,GAAY,eAAY,QAAO,IAAK,CAACC,KAAWa,EAASR,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7F,CAAC;"}

package/dist/Button-mBZOvgyZ.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),c=require("react"),W=require("clsx"),f=require("./Loader-BE3SQr7W.cjs"),p="_button_1jlfc_1",v="_sm_1jlfc_23",y="_md_1jlfc_29",B="_lg_1jlfc_35",E="_contained_1jlfc_42",L="_filled_1jlfc_54",N="_outlined_1jlfc_65",R="_text_1jlfc_78",$="_fullWidth_1jlfc_90",w="_rounded_1jlfc_94",A="_disabled_1jlfc_102",V="_loading_1jlfc_106",k="_label_1jlfc_111",t={button:p,sm:v,md:y,lg:B,contained:E,filled:L,outlined:N,text:R,fullWidth:$,rounded:w,disabled:A,loading:V,label:k},C=c.forwardRef(function({variant:i="contained",color:d="accent",size:e="md",loading:l=!1,fullWidth:b=!1,rounded:j=!1,disabled:_=!1,startIcon:a,endIcon:m,className:x,style:h,type:g="button",children:o,...q},z){const r=l&&!a,u=n=>c.isValidElement(n)?c.cloneElement(n,{size:n.props.size??e}):n;return s.jsxs("button",{ref:z,type:g,disabled:_||l,"aria-busy":l||void 0,className:W.clsx(t.button,t[i],t[e],b&&t.fullWidth,j&&t.rounded,l&&t.loading,_&&t.disabled,x),style:{"--tz-btn-rgb":`var(--tz-color-${d}-rgb)`,"--tz-btn-on":`var(--tz-color-${d}-contrast, #fff)`,...h},...q,children:[l&&!r?s.jsx(f.Loader,{size:e,"aria-hidden":"true"}):u(a),o!=null&&o!==!1&&s.jsx("span",{className:t.label,children:o}),r?s.jsx(f.Loader,{size:e,"aria-hidden":"true"}):!l&&u(m)]})});exports.Button=C;
+//# sourceMappingURL=Button-mBZOvgyZ.cjs.map

package/dist/{Button-Q_5uA-zc.cjs.map → Button-mBZOvgyZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-Q_5uA-zc.cjs","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: ButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — drives height (`--tz-control-height-*`), padding and font size. */\n  size?: ButtonSize\n  /** Shows the loader and blocks interaction (also sets the native `disabled`). The loader replaces the `startIcon` when present, otherwise it trails the label at the end (right) — so a plain button shows the spinner on the right. The text stays visible. */\n  loading?: boolean\n  /** Stretches the button to fill its container. */\n  fullWidth?: boolean\n  /** Pill shape (fully rounded corners). */\n  rounded?: boolean\n  /** Icon before the label. Replaced by the loader while `loading`. */\n  startIcon?: ReactNode\n  /** Icon after the label. Replaced by the loader while `loading` when no `startIcon` is set. */\n  endIcon?: ReactNode\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    fullWidth = false,\n    rounded = false,\n    disabled = false,\n    startIcon,\n    endIcon,\n    className,\n    style,\n    type = 'button',\n    children,\n    ...props\n  },\n  ref,\n) {\n  // The loader replaces the start icon when there is one; otherwise it sits at the end (right) —\n  // including a plain button with no icons, so the spinner trails the label.\n  const loaderAtEnd = loading && !startIcon\n\n  // size an icon slot to match the button (an explicit icon `size` still wins)\n  const sizeIcon = (node: ReactNode): ReactNode =>\n    isValidElement(node)\n      ? cloneElement(node as ReactElement<{ size?: ButtonSize }>, {\n          size: (node.props as { size?: ButtonSize }).size ?? size,\n        })\n      : node\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={clsx(\n        styles.button,\n        styles[variant],\n        styles[size],\n        fullWidth && styles.fullWidth,\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {/* leading slot — the loader takes the start icon's place while loading */}\n      {loading && !loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : sizeIcon(startIcon)}\n      {children != null && children !== false && <span className={styles.label}>{children}</span>}\n      {/* trailing slot — the loader takes the end icon's place when there's no start icon */}\n      {loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : !loading && sizeIcon(endIcon)}\n    </button>\n  )\n})\n"],"names":["Button","forwardRef","variant","color","size","loading","fullWidth","rounded","disabled","startIcon","endIcon","className","style","type","children","props","ref","loaderAtEnd","sizeIcon","node","isValidElement","cloneElement","jsxs","clsx","styles","jsx","Loader"],"mappings":"8fAoCaA,EAASC,EAAAA,WAA2C,SAC/D,CACE,QAAAC,EAAU,YACV,MAAAC,EAAQ,SACR,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAGA,MAAMC,EAAcZ,GAAW,CAACI,EAG1BS,EAAYC,GAChBC,EAAAA,eAAeD,CAAI,EACfE,EAAAA,aAAaF,EAA6C,CACxD,KAAOA,EAAK,MAAgC,MAAQf,CAAA,CACrD,EACDe,EAEN,OACEG,EAAAA,KAAC,SAAA,CACC,IAAAN,EACA,KAAAH,EACA,SAAUL,GAAYH,EACtB,YAAWA,GAAW,OACtB,UAAWkB,EAAAA,KACTC,EAAO,OACPA,EAAOtB,CAAO,EACdsB,EAAOpB,CAAI,EACXE,GAAakB,EAAO,UACpBjB,GAAWiB,EAAO,QAClBnB,GAAWmB,EAAO,QAClBhB,GAAYgB,EAAO,SACnBb,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBR,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGS,CAAA,EAGN,GAAGG,EAGH,SAAA,CAAAV,GAAW,CAACY,EAAcQ,EAAAA,IAACC,SAAA,CAAO,KAAAtB,EAAY,cAAY,MAAA,CAAO,EAAKc,EAAST,CAAS,EACxFK,GAAY,MAAQA,IAAa,UAAU,OAAA,CAAK,UAAWU,EAAO,MAAQ,SAAAV,CAAA,CAAS,EAEnFG,EAAcQ,EAAAA,IAACC,SAAA,CAAO,KAAAtB,EAAY,cAAY,OAAO,EAAK,CAACC,GAAWa,EAASR,CAAO,CAAA,CAAA,CAAA,CAG7F,CAAC"}
+{"version":3,"file":"Button-mBZOvgyZ.cjs","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: ButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — drives height (`--tz-control-height-*`), padding and font size. */\n  size?: ButtonSize\n  /** Shows the loader and blocks interaction (also sets the native `disabled`). The loader replaces the `startIcon` when present, otherwise it trails the label at the end (right) — so a plain button shows the spinner on the right. The text stays visible. */\n  loading?: boolean\n  /** Stretches the button to fill its container. */\n  fullWidth?: boolean\n  /** Pill shape (fully rounded corners). */\n  rounded?: boolean\n  /** Icon before the label. Replaced by the loader while `loading`. */\n  startIcon?: ReactNode\n  /** Icon after the label. Replaced by the loader while `loading` when no `startIcon` is set. */\n  endIcon?: ReactNode\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    fullWidth = false,\n    rounded = false,\n    disabled = false,\n    startIcon,\n    endIcon,\n    className,\n    style,\n    type = 'button',\n    children,\n    ...props\n  },\n  ref,\n) {\n  // The loader replaces the start icon when there is one; otherwise it sits at the end (right) —\n  // including a plain button with no icons, so the spinner trails the label.\n  const loaderAtEnd = loading && !startIcon\n\n  // size an icon slot to match the button (an explicit icon `size` still wins)\n  const sizeIcon = (node: ReactNode): ReactNode =>\n    isValidElement(node)\n      ? cloneElement(node as ReactElement<{ size?: ButtonSize }>, {\n          size: (node.props as { size?: ButtonSize }).size ?? size,\n        })\n      : node\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={clsx(\n        styles.button,\n        styles[variant],\n        styles[size],\n        fullWidth && styles.fullWidth,\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {/* leading slot — the loader takes the start icon's place while loading */}\n      {loading && !loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : sizeIcon(startIcon)}\n      {children != null && children !== false && <span className={styles.label}>{children}</span>}\n      {/* trailing slot — the loader takes the end icon's place when there's no start icon */}\n      {loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : !loading && sizeIcon(endIcon)}\n    </button>\n  )\n})\n"],"names":["Button","forwardRef","variant","color","size","loading","fullWidth","rounded","disabled","startIcon","endIcon","className","style","type","children","props","ref","loaderAtEnd","sizeIcon","node","isValidElement","cloneElement","jsxs","clsx","styles","jsx","Loader"],"mappings":"ggBAoCaA,EAASC,EAAAA,WAA2C,SAC/D,CACE,QAAAC,EAAU,YACV,MAAAC,EAAQ,SACR,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAGA,MAAMC,EAAcZ,GAAW,CAACI,EAG1BS,EAAYC,GAChBC,EAAAA,eAAeD,CAAI,EACfE,EAAAA,aAAaF,EAA6C,CACxD,KAAOA,EAAK,MAAgC,MAAQf,CAAA,CACrD,EACDe,EAEN,OACEG,EAAAA,KAAC,SAAA,CACC,IAAAN,EACA,KAAAH,EACA,SAAUL,GAAYH,EACtB,YAAWA,GAAW,OACtB,UAAWkB,EAAAA,KACTC,EAAO,OACPA,EAAOtB,CAAO,EACdsB,EAAOpB,CAAI,EACXE,GAAakB,EAAO,UACpBjB,GAAWiB,EAAO,QAClBnB,GAAWmB,EAAO,QAClBhB,GAAYgB,EAAO,SACnBb,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBR,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGS,CAAA,EAGN,GAAGG,EAGH,SAAA,CAAAV,GAAW,CAACY,EAAcQ,EAAAA,IAACC,SAAA,CAAO,KAAAtB,EAAY,cAAY,MAAA,CAAO,EAAKc,EAAST,CAAS,EACxFK,GAAY,MAAQA,IAAa,UAAU,OAAA,CAAK,UAAWU,EAAO,MAAQ,SAAAV,CAAA,CAAS,EAEnFG,EAAcQ,EAAAA,IAACC,SAAA,CAAO,KAAAtB,EAAY,cAAY,OAAO,EAAK,CAACC,GAAWa,EAASR,CAAO,CAAA,CAAA,CAAA,CAG7F,CAAC"}

package/dist/{Calendar-CHLCv2s9.js → Calendar-B0f6h9-A.js}

@@ -1,10 +1,10 @@
 import { jsxs as A, jsx as o } from "react/jsx-runtime";
 import { useState as G, useRef as B, useEffect as U } from "react";
 import { clsx as N } from "clsx";
-import { b as _ } from "./Icon-D5TxgfCc.js";
-import { I as $ } from "./IconButton-BoURJOUD.js";
-import { t as M, e as J, y as Q, s as r, i as v, d as X } from "./DatePicker.module-CMMQyEhG.js";
-import { a as Z } from "./ConfigProvider-Dqfu7UBU.js";
+import { b as _ } from "./Icon-B7DJn8Tw.js";
+import { I as $ } from "./IconButton-re6xITGO.js";
+import { t as M, e as J, y as Q, s as r, i as v, d as X } from "./DatePicker.module-DoywSvLu.js";
+import { a as Z } from "./ConfigProvider-DVDGtCUc.js";
 function K(n, t) {
   if (n && n.isSame(t, "month")) return n;
   const l = M();
@@ -264,4 +264,4 @@ function ne({
 export {
   ne as C
 };
-//# sourceMappingURL=Calendar-CHLCv2s9.js.map
+//# sourceMappingURL=Calendar-B0f6h9-A.js.map