@techzyapp/ui-library 1.0.33 → 1.0.35

package/dist/Typography-ChSuxgkc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-ChSuxgkc.js","sources":["../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Typography.module.css'\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'subtitle'\n  | 'body'\n  | 'bodySmall'\n  | 'caption'\n  | 'overline'\n  /** @deprecated Use `overline` (same look) — or the `uppercase` prop to capitalize any variant. */\n  | 'uppercase'\n\nexport type TypographyAlign = 'left' | 'center' | 'right' | 'justify'\n\n/**\n * Text color: a theme palette token, the semantic `text` role, or `muted` (a soft primary shade for\n * secondary text). Omit to inherit the surrounding color.\n */\nexport type TypographyColor = ThemeColor | 'text' | 'muted'\n\n/** Default HTML element rendered for each variant. Override with the `as` prop. */\nconst variantElement: Record<TypographyVariant, ElementType> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  subtitle: 'h6',\n  body: 'p',\n  bodySmall: 'p',\n  caption: 'span',\n  overline: 'span',\n  uppercase: 'span',\n}\n\nfunction resolveColor(color?: TypographyColor): string | undefined {\n  if (!color) return undefined\n  if (color === 'text') return 'var(--tz-color-text)'\n  if (color === 'muted') return 'var(--tz-color-primary-shade600)'\n  return `var(--tz-color-${color})`\n}\n\nexport interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {\n  /**\n   * Type scale + default element. `h1`–`h4` headings · `subtitle` · `body` (default) · `bodySmall` · `caption` ·\n   * `overline` (a small, spaced-out, all-caps eyebrow label). `uppercase` is a deprecated alias of `overline`.\n   */\n  variant?: TypographyVariant\n  /** Render a different HTML element (or component) than the variant's default — keeps the styling, changes the tag. */\n  as?: ElementType\n  /** Text color. Omit to inherit the surrounding color. */\n  color?: TypographyColor\n  /** Horizontal text alignment. */\n  align?: TypographyAlign\n  /** Clamp to a single line, hiding overflow with an ellipsis. */\n  truncate?: boolean\n  /**\n   * Show at most this many lines, ending the last one with an ellipsis (CSS `line-clamp`). The full text stays in\n   * the DOM (screen readers read all of it; pass `title` for a hover hint). Values below 1 are ignored. For one\n   * line inside a flex row, `truncate` is the sturdier choice.\n   */\n  lineClamp?: number\n  /** Render the text in capitals (`text-transform: uppercase`) — any variant, size and spacing untouched. */\n  uppercase?: boolean\n  children?: ReactNode\n}\n\n/**\n * Text primitive for the design system. Each `variant` maps to a sensible HTML\n * element and a font size from the `--tz-font-size-*` scale; override the tag\n * with `as` when the semantics differ from the look. Default browser margins are\n * removed. Without a `color` it inherits the surrounding text color, mirroring\n * `Icon` and `Loader`. `uppercase` capitalizes any variant; `truncate` clamps to one line, `lineClamp` to N lines.\n */\nexport const Typography = forwardRef<HTMLElement, TypographyProps>(function Typography(\n  {\n    variant = 'body',\n    as,\n    color,\n    align,\n    truncate = false,\n    lineClamp,\n    uppercase = false,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  // `uppercase` the VARIANT is the old name of `overline` (kept as an alias); `uppercase` the PROP is the\n  // plain capitals modifier — so the variant resolves to the `.overline` class, freeing `.uppercase`\n  const resolvedVariant = variant === 'uppercase' ? 'overline' : variant\n  const Component = (as ?? variantElement[resolvedVariant]) as ElementType\n  const resolvedColor = resolveColor(color)\n  const clamp = lineClamp != null && lineClamp >= 1 ? Math.floor(lineClamp) : undefined\n\n  return (\n    <Component\n      ref={ref}\n      className={clsx(\n        styles.typography,\n        styles[resolvedVariant],\n        truncate && styles.truncate,\n        clamp != null && styles.lineClamp,\n        uppercase && styles.uppercase,\n        className,\n      )}\n      style={\n        {\n          ...(resolvedColor && { color: resolvedColor }),\n          ...(align && { textAlign: align }),\n          ...(clamp != null && { '--tz-line-clamp': clamp }),\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n})\n"],"names":["variantElement","resolveColor","color","Typography","forwardRef","variant","as","align","truncate","lineClamp","uppercase","className","style","children","props","ref","resolvedVariant","Component","resolvedColor","clamp","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;GAiCMA,IAAyD;AAAA,EAC7D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AACb;AAEA,SAASC,EAAaC,GAA6C;AACjE,MAAKA;AACL,WAAIA,MAAU,SAAe,yBACzBA,MAAU,UAAgB,qCACvB,kBAAkBA,CAAK;AAChC;AAkCO,MAAMC,IAAaC,EAAyC,SACjE;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,IAAAC;AAAA,EACA,OAAAJ;AAAA,EACA,OAAAK;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAGA,QAAMC,IAAkBX,MAAY,cAAc,aAAaA,GACzDY,IAAaX,KAAMN,EAAegB,CAAe,GACjDE,IAAgBjB,EAAaC,CAAK,GAClCiB,IAAQV,KAAa,QAAQA,KAAa,IAAI,KAAK,MAAMA,CAAS,IAAI;AAE5E,SACE,gBAAAW;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWM;AAAA,QACTC,EAAO;AAAA,QACPA,EAAON,CAAe;AAAA,QACtBR,KAAYc,EAAO;AAAA,QACnBH,KAAS,QAAQG,EAAO;AAAA,QACxBZ,KAAaY,EAAO;AAAA,QACpBX;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,GAAIO,KAAiB,EAAE,OAAOA,EAAA;AAAA,QAC9B,GAAIX,KAAS,EAAE,WAAWA,EAAA;AAAA,QAC1B,GAAIY,KAAS,QAAQ,EAAE,mBAAmBA,EAAA;AAAA,QAC1C,GAAGP;AAAA,MAAA;AAAA,MAGN,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/Typography-d97DdbNd.cjs

@@ -0,0 +1,2 @@
+"use strict";const m=require("react/jsx-runtime"),w=require("react"),v=require("clsx"),f="_typography_klkwb_2",g="_h1_klkwb_10",x="_h2_klkwb_15",C="_h3_klkwb_20",z="_h4_klkwb_25",S="_subtitle_klkwb_30",q="_body_klkwb_34",T="_bodySmall_klkwb_38",j="_caption_klkwb_42",R="_overline_klkwb_47",A="_uppercase_klkwb_55",E="_truncate_klkwb_58",M="_lineClamp_klkwb_66",e={typography:f,h1:g,h2:x,h3:C,h4:z,subtitle:S,body:q,bodySmall:T,caption:j,overline:R,uppercase:A,truncate:E,lineClamp:M},N={h1:"h1",h2:"h2",h3:"h3",h4:"h4",subtitle:"h6",body:"p",bodySmall:"p",caption:"span",overline:"span",uppercase:"span"};function V(t){if(t)return t==="text"?"var(--tz-color-text)":t==="muted"?"var(--tz-color-primary-shade600)":`var(--tz-color-${t})`}const $=w.forwardRef(function({variant:l="body",as:a,color:p,align:r,truncate:_=!1,lineClamp:o,uppercase:h=!1,className:i,style:u,children:b,...k},y){const s=l==="uppercase"?"overline":l,d=a??N[s],c=V(p),n=o!=null&&o>=1?Math.floor(o):void 0;return m.jsx(d,{ref:y,className:v.clsx(e.typography,e[s],_&&e.truncate,n!=null&&e.lineClamp,h&&e.uppercase,i),style:{...c&&{color:c},...r&&{textAlign:r},...n!=null&&{"--tz-line-clamp":n},...u},...k,children:b})});exports.Typography=$;
+//# sourceMappingURL=Typography-d97DdbNd.cjs.map

package/dist/Typography-d97DdbNd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-d97DdbNd.cjs","sources":["../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Typography.module.css'\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'subtitle'\n  | 'body'\n  | 'bodySmall'\n  | 'caption'\n  | 'overline'\n  /** @deprecated Use `overline` (same look) — or the `uppercase` prop to capitalize any variant. */\n  | 'uppercase'\n\nexport type TypographyAlign = 'left' | 'center' | 'right' | 'justify'\n\n/**\n * Text color: a theme palette token, the semantic `text` role, or `muted` (a soft primary shade for\n * secondary text). Omit to inherit the surrounding color.\n */\nexport type TypographyColor = ThemeColor | 'text' | 'muted'\n\n/** Default HTML element rendered for each variant. Override with the `as` prop. */\nconst variantElement: Record<TypographyVariant, ElementType> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  subtitle: 'h6',\n  body: 'p',\n  bodySmall: 'p',\n  caption: 'span',\n  overline: 'span',\n  uppercase: 'span',\n}\n\nfunction resolveColor(color?: TypographyColor): string | undefined {\n  if (!color) return undefined\n  if (color === 'text') return 'var(--tz-color-text)'\n  if (color === 'muted') return 'var(--tz-color-primary-shade600)'\n  return `var(--tz-color-${color})`\n}\n\nexport interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {\n  /**\n   * Type scale + default element. `h1`–`h4` headings · `subtitle` · `body` (default) · `bodySmall` · `caption` ·\n   * `overline` (a small, spaced-out, all-caps eyebrow label). `uppercase` is a deprecated alias of `overline`.\n   */\n  variant?: TypographyVariant\n  /** Render a different HTML element (or component) than the variant's default — keeps the styling, changes the tag. */\n  as?: ElementType\n  /** Text color. Omit to inherit the surrounding color. */\n  color?: TypographyColor\n  /** Horizontal text alignment. */\n  align?: TypographyAlign\n  /** Clamp to a single line, hiding overflow with an ellipsis. */\n  truncate?: boolean\n  /**\n   * Show at most this many lines, ending the last one with an ellipsis (CSS `line-clamp`). The full text stays in\n   * the DOM (screen readers read all of it; pass `title` for a hover hint). Values below 1 are ignored. For one\n   * line inside a flex row, `truncate` is the sturdier choice.\n   */\n  lineClamp?: number\n  /** Render the text in capitals (`text-transform: uppercase`) — any variant, size and spacing untouched. */\n  uppercase?: boolean\n  children?: ReactNode\n}\n\n/**\n * Text primitive for the design system. Each `variant` maps to a sensible HTML\n * element and a font size from the `--tz-font-size-*` scale; override the tag\n * with `as` when the semantics differ from the look. Default browser margins are\n * removed. Without a `color` it inherits the surrounding text color, mirroring\n * `Icon` and `Loader`. `uppercase` capitalizes any variant; `truncate` clamps to one line, `lineClamp` to N lines.\n */\nexport const Typography = forwardRef<HTMLElement, TypographyProps>(function Typography(\n  {\n    variant = 'body',\n    as,\n    color,\n    align,\n    truncate = false,\n    lineClamp,\n    uppercase = false,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  // `uppercase` the VARIANT is the old name of `overline` (kept as an alias); `uppercase` the PROP is the\n  // plain capitals modifier — so the variant resolves to the `.overline` class, freeing `.uppercase`\n  const resolvedVariant = variant === 'uppercase' ? 'overline' : variant\n  const Component = (as ?? variantElement[resolvedVariant]) as ElementType\n  const resolvedColor = resolveColor(color)\n  const clamp = lineClamp != null && lineClamp >= 1 ? Math.floor(lineClamp) : undefined\n\n  return (\n    <Component\n      ref={ref}\n      className={clsx(\n        styles.typography,\n        styles[resolvedVariant],\n        truncate && styles.truncate,\n        clamp != null && styles.lineClamp,\n        uppercase && styles.uppercase,\n        className,\n      )}\n      style={\n        {\n          ...(resolvedColor && { color: resolvedColor }),\n          ...(align && { textAlign: align }),\n          ...(clamp != null && { '--tz-line-clamp': clamp }),\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n})\n"],"names":["variantElement","resolveColor","color","Typography","forwardRef","variant","as","align","truncate","lineClamp","uppercase","className","style","children","props","ref","resolvedVariant","Component","resolvedColor","clamp","jsx","clsx","styles"],"mappings":"oeAiCMA,EAAyD,CAC7D,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,SAAU,KACV,KAAM,IACN,UAAW,IACX,QAAS,OACT,SAAU,OACV,UAAW,MACb,EAEA,SAASC,EAAaC,EAA6C,CACjE,GAAKA,EACL,OAAIA,IAAU,OAAe,uBACzBA,IAAU,QAAgB,mCACvB,kBAAkBA,CAAK,GAChC,CAkCO,MAAMC,EAAaC,EAAAA,WAAyC,SACjE,CACE,QAAAC,EAAU,OACV,GAAAC,EACA,MAAAJ,EACA,MAAAK,EACA,SAAAC,EAAW,GACX,UAAAC,EACA,UAAAC,EAAY,GACZ,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAGA,MAAMC,EAAkBX,IAAY,YAAc,WAAaA,EACzDY,EAAaX,GAAMN,EAAegB,CAAe,EACjDE,EAAgBjB,EAAaC,CAAK,EAClCiB,EAAQV,GAAa,MAAQA,GAAa,EAAI,KAAK,MAAMA,CAAS,EAAI,OAE5E,OACEW,EAAAA,IAACH,EAAA,CACC,IAAAF,EACA,UAAWM,EAAAA,KACTC,EAAO,WACPA,EAAON,CAAe,EACtBR,GAAYc,EAAO,SACnBH,GAAS,MAAQG,EAAO,UACxBZ,GAAaY,EAAO,UACpBX,CAAA,EAEF,MACE,CACE,GAAIO,GAAiB,CAAE,MAAOA,CAAA,EAC9B,GAAIX,GAAS,CAAE,UAAWA,CAAA,EAC1B,GAAIY,GAAS,MAAQ,CAAE,kBAAmBA,CAAA,EAC1C,GAAGP,CAAA,EAGN,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGP,CAAC"}

package/dist/{UserCard-pEJZqiDF.js → UserCard-CsZ4Ogac.js}

@@ -2,11 +2,11 @@ import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { forwardRef as S } from "react";
 import { clsx as g } from "clsx";
 import { A as w } from "./Avatar-MwWIcj8z.js";
-import { B as U } from "./Button-PBZnkRNn.js";
+import { B as U } from "./Button-BQ7jsm5P.js";
 import { I as b } from "./Icon-CGQ5yGSZ.js";
 import { S as m } from "./Skeleton-_-uGax2j.js";
-import { T as d } from "./Typography-CJv5AnRP.js";
-import { a as I } from "./ConfigProvider-tvLbKiqu.js";
+import { T as d } from "./Typography-ChSuxgkc.js";
+import { a as I } from "./ConfigProvider-DZMtq2Fz.js";
 const N = "_card_1fykc_3", T = "_identity_1fykc_16", j = "_text_1fykc_20", A = "_sm_1fykc_33", B = "_lg_1fykc_37", o = {
   card: N,
   identity: T,
@@ -75,4 +75,4 @@ const N = "_card_1fykc_3", T = "_identity_1fykc_16", j = "_text_1fykc_20", A = "
 export {
   J as U
 };
-//# sourceMappingURL=UserCard-pEJZqiDF.js.map
+//# sourceMappingURL=UserCard-CsZ4Ogac.js.map

package/dist/{UserCard-pEJZqiDF.js.map → UserCard-CsZ4Ogac.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserCard-pEJZqiDF.js","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /**\n   * Display name — the primary line, and the source of the avatar initials. When omitted, the primary\n   * line falls back to a localized **\"Welcome\"** greeting (and the avatar shows the `icon`).\n   */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign Out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n  /** Show skeletons for the avatar, name and email while the user is being fetched (sign-out stays usable). Defaults to `false`. */\n  loading?: boolean\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. `loading` swaps the avatar + name + email for skeletons. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    loading = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n          loading={loading}\n        />\n        <div className={styles.text}>\n          {/* primary line: the name, or a \"Welcome\" greeting fallback when no name is given */}\n          <Typography variant=\"bodySmall\" truncate>\n            {loading ? <Skeleton width=\"60%\" /> : (name ?? t('userCard.welcome'))}\n          </Typography>\n          {(loading || email != null) && (\n            <Typography variant=\"caption\" color=\"muted\" truncate>\n              {loading ? <Skeleton width=\"85%\" /> : email}\n            </Typography>\n          )}\n        </div>\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","loading","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Skeleton","Button","Icon"],"mappings":";;;;;;;;;;;;;;;GA+CaA,IAAWC,EAA0C,SAChE;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GAEJC,IAAaX,MAAS,OAAO,OAAOA,MAAS,OAAO,OAAO,MAC3DY,IAAaZ,MAAS,OAAO,OAAO;AAE1C,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWM,EAAKC,EAAO,MAAMA,EAAOf,CAAI,GAAGK,CAAS;AAAA,MACpD,OAAAC;AAAA,MACA,aAAWF,KAAW;AAAA,MACrB,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,UAGrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMN;AAAA,cACN,MAAAhB;AAAA,cACA,KAAKE;AAAA,cACL,MAAMF,IAAO,SAAYG;AAAA,cACzB,OAAAC;AAAA,cACA,SAAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAS,EAAC,OAAA,EAAI,WAAWE,EAAO,MAErB,UAAA;AAAA,YAAA,gBAAAC,EAACE,GAAA,EAAW,SAAQ,aAAY,UAAQ,IACrC,UAAAd,IAAU,gBAAAY,EAACG,GAAA,EAAS,OAAM,MAAA,CAAM,IAAMxB,KAAQc,EAAE,kBAAkB,GACrE;AAAA,aACEL,KAAWR,KAAS,SACpB,gBAAAoB,EAACE,GAAA,EAAW,SAAQ,WAAU,OAAM,SAAQ,UAAQ,IACjD,UAAAd,IAAU,gBAAAY,EAACG,KAAS,OAAM,OAAM,IAAKvB,EAAA,CACxC;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAECO;AAAA,QAEAF,IACC,gBAAAe;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAMR;AAAA,YACN,WAAS;AAAA,YACT,WAAW,gBAAAI,EAACK,GAAA,EAAK,MAAK,UAAA,CAAU;AAAA,YAChC,SAASpB;AAAA,YAER,UAAAC,KAAeO,EAAE,kBAAkB;AAAA,UAAA;AAAA,QAAA,IAEpC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"UserCard-CsZ4Ogac.js","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /**\n   * Display name — the primary line, and the source of the avatar initials. When omitted, the primary\n   * line falls back to a localized **\"Welcome\"** greeting (and the avatar shows the `icon`).\n   */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign Out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n  /** Show skeletons for the avatar, name and email while the user is being fetched (sign-out stays usable). Defaults to `false`. */\n  loading?: boolean\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. `loading` swaps the avatar + name + email for skeletons. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    loading = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n          loading={loading}\n        />\n        <div className={styles.text}>\n          {/* primary line: the name, or a \"Welcome\" greeting fallback when no name is given */}\n          <Typography variant=\"bodySmall\" truncate>\n            {loading ? <Skeleton width=\"60%\" /> : (name ?? t('userCard.welcome'))}\n          </Typography>\n          {(loading || email != null) && (\n            <Typography variant=\"caption\" color=\"muted\" truncate>\n              {loading ? <Skeleton width=\"85%\" /> : email}\n            </Typography>\n          )}\n        </div>\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","loading","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Skeleton","Button","Icon"],"mappings":";;;;;;;;;;;;;;;GA+CaA,IAAWC,EAA0C,SAChE;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GAEJC,IAAaX,MAAS,OAAO,OAAOA,MAAS,OAAO,OAAO,MAC3DY,IAAaZ,MAAS,OAAO,OAAO;AAE1C,SACE,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWM,EAAKC,EAAO,MAAMA,EAAOf,CAAI,GAAGK,CAAS;AAAA,MACpD,OAAAC;AAAA,MACA,aAAWF,KAAW;AAAA,MACrB,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,UAGrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMN;AAAA,cACN,MAAAhB;AAAA,cACA,KAAKE;AAAA,cACL,MAAMF,IAAO,SAAYG;AAAA,cACzB,OAAAC;AAAA,cACA,SAAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAS,EAAC,OAAA,EAAI,WAAWE,EAAO,MAErB,UAAA;AAAA,YAAA,gBAAAC,EAACE,GAAA,EAAW,SAAQ,aAAY,UAAQ,IACrC,UAAAd,IAAU,gBAAAY,EAACG,GAAA,EAAS,OAAM,MAAA,CAAM,IAAMxB,KAAQc,EAAE,kBAAkB,GACrE;AAAA,aACEL,KAAWR,KAAS,SACpB,gBAAAoB,EAACE,GAAA,EAAW,SAAQ,WAAU,OAAM,SAAQ,UAAQ,IACjD,UAAAd,IAAU,gBAAAY,EAACG,KAAS,OAAM,OAAM,IAAKvB,EAAA,CACxC;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QAECO;AAAA,QAEAF,IACC,gBAAAe;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAMR;AAAA,YACN,WAAS;AAAA,YACT,WAAW,gBAAAI,EAACK,GAAA,EAAK,MAAK,UAAA,CAAU;AAAA,YAChC,SAASpB;AAAA,YAER,UAAAC,KAAeO,EAAE,kBAAkB;AAAA,UAAA;AAAA,QAAA,IAEpC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/{UserCard-ah6K1y0H.cjs → UserCard-Die7JV4z.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),q=require("react"),p=require("clsx"),g=require("./Avatar-CQ--wGWS.cjs"),C=require("./Button-BD5wpg-t.cjs"),S=require("./Icon-BUP5_kRs.cjs"),a=require("./Skeleton-DK0lAjS9.cjs"),d=require("./Typography-B6ASPrzT.cjs"),w=require("./ConfigProvider-CVLHPXQm.cjs"),T="_card_1fykc_3",U="_identity_1fykc_16",b="_text_1fykc_20",I="_sm_1fykc_33",N="_lg_1fykc_37",s={card:T,identity:U,text:b,sm:I,lg:N},A=q.forwardRef(function({name:c,email:n,avatar:l,icon:u="User",color:y="primary",size:e="md",onLogout:i,logoutLabel:x,children:m,loading:r=!1,className:_,style:f,...h},v){const o=w.useT(),j=e==="lg"?"lg":e==="sm"?"sm":"md",k=e==="lg"?"md":"sm";return t.jsxs("div",{ref:v,className:p.clsx(s.card,s[e],_),style:f,"aria-busy":r||void 0,...h,children:[t.jsxs("div",{className:s.identity,children:[t.jsx(g.Avatar,{size:j,name:c,src:l,icon:c?void 0:u,color:y,loading:r}),t.jsxs("div",{className:s.text,children:[t.jsx(d.Typography,{variant:"bodySmall",truncate:!0,children:r?t.jsx(a.Skeleton,{width:"60%"}):c??o("userCard.welcome")}),(r||n!=null)&&t.jsx(d.Typography,{variant:"caption",color:"muted",truncate:!0,children:r?t.jsx(a.Skeleton,{width:"85%"}):n})]})]}),m,i?t.jsx(C.Button,{variant:"filled",color:"error",size:k,fullWidth:!0,startIcon:t.jsx(S.Icon,{name:"Logout2"}),onClick:i,children:x??o("userCard.signOut")}):null]})});exports.UserCard=A;
-//# sourceMappingURL=UserCard-ah6K1y0H.cjs.map
+"use strict";const t=require("react/jsx-runtime"),q=require("react"),p=require("clsx"),g=require("./Avatar-CQ--wGWS.cjs"),C=require("./Button-Cm64ROip.cjs"),S=require("./Icon-BUP5_kRs.cjs"),a=require("./Skeleton-DK0lAjS9.cjs"),d=require("./Typography-d97DdbNd.cjs"),w=require("./ConfigProvider-th4GYhcU.cjs"),T="_card_1fykc_3",U="_identity_1fykc_16",b="_text_1fykc_20",I="_sm_1fykc_33",N="_lg_1fykc_37",s={card:T,identity:U,text:b,sm:I,lg:N},A=q.forwardRef(function({name:c,email:n,avatar:l,icon:u="User",color:y="primary",size:e="md",onLogout:i,logoutLabel:x,children:m,loading:r=!1,className:_,style:f,...h},v){const o=w.useT(),j=e==="lg"?"lg":e==="sm"?"sm":"md",k=e==="lg"?"md":"sm";return t.jsxs("div",{ref:v,className:p.clsx(s.card,s[e],_),style:f,"aria-busy":r||void 0,...h,children:[t.jsxs("div",{className:s.identity,children:[t.jsx(g.Avatar,{size:j,name:c,src:l,icon:c?void 0:u,color:y,loading:r}),t.jsxs("div",{className:s.text,children:[t.jsx(d.Typography,{variant:"bodySmall",truncate:!0,children:r?t.jsx(a.Skeleton,{width:"60%"}):c??o("userCard.welcome")}),(r||n!=null)&&t.jsx(d.Typography,{variant:"caption",color:"muted",truncate:!0,children:r?t.jsx(a.Skeleton,{width:"85%"}):n})]})]}),m,i?t.jsx(C.Button,{variant:"filled",color:"error",size:k,fullWidth:!0,startIcon:t.jsx(S.Icon,{name:"Logout2"}),onClick:i,children:x??o("userCard.signOut")}):null]})});exports.UserCard=A;
+//# sourceMappingURL=UserCard-Die7JV4z.cjs.map

package/dist/{UserCard-ah6K1y0H.cjs.map → UserCard-Die7JV4z.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"UserCard-ah6K1y0H.cjs","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /**\n   * Display name — the primary line, and the source of the avatar initials. When omitted, the primary\n   * line falls back to a localized **\"Welcome\"** greeting (and the avatar shows the `icon`).\n   */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign Out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n  /** Show skeletons for the avatar, name and email while the user is being fetched (sign-out stays usable). Defaults to `false`. */\n  loading?: boolean\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. `loading` swaps the avatar + name + email for skeletons. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    loading = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n          loading={loading}\n        />\n        <div className={styles.text}>\n          {/* primary line: the name, or a \"Welcome\" greeting fallback when no name is given */}\n          <Typography variant=\"bodySmall\" truncate>\n            {loading ? <Skeleton width=\"60%\" /> : (name ?? t('userCard.welcome'))}\n          </Typography>\n          {(loading || email != null) && (\n            <Typography variant=\"caption\" color=\"muted\" truncate>\n              {loading ? <Skeleton width=\"85%\" /> : email}\n            </Typography>\n          )}\n        </div>\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","loading","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Skeleton","Button","Icon"],"mappings":"0bA+CaA,EAAWC,EAAAA,WAA0C,SAChE,CACE,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,OACP,MAAAC,EAAQ,UACR,KAAAC,EAAO,KACP,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,GACV,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EAEJC,EAAaX,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KAC3DY,EAAaZ,IAAS,KAAO,KAAO,KAE1C,OACEa,EAAAA,KAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,KAAKC,EAAO,KAAMA,EAAOf,CAAI,EAAGK,CAAS,EACpD,MAAAC,EACA,YAAWF,GAAW,OACrB,GAAGG,EAEJ,SAAA,CAAAM,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,SAGrB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAMN,EACN,KAAAhB,EACA,IAAKE,EACL,KAAMF,EAAO,OAAYG,EACzB,MAAAC,EACA,QAAAK,CAAA,CAAA,EAEFS,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,KAErB,SAAA,CAAAC,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,YAAY,SAAQ,GACrC,SAAAd,EAAUY,EAAAA,IAACG,WAAA,CAAS,MAAM,KAAA,CAAM,EAAMxB,GAAQc,EAAE,kBAAkB,EACrE,GACEL,GAAWR,GAAS,OACpBoB,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,UAAU,MAAM,QAAQ,SAAQ,GACjD,SAAAd,EAAUY,MAACG,EAAAA,UAAS,MAAM,MAAM,EAAKvB,CAAA,CACxC,CAAA,CAAA,CAEJ,CAAA,EACF,EAECO,EAEAF,EACCe,EAAAA,IAACI,EAAAA,OAAA,CACC,QAAQ,SACR,MAAM,QACN,KAAMR,EACN,UAAS,GACT,UAAWI,EAAAA,IAACK,EAAAA,KAAA,CAAK,KAAK,SAAA,CAAU,EAChC,QAASpB,EAER,SAAAC,GAAeO,EAAE,kBAAkB,CAAA,CAAA,EAEpC,IAAA,CAAA,CAAA,CAGV,CAAC"}
+{"version":3,"file":"UserCard-Die7JV4z.cjs","sources":["../src/components/UserCard/UserCard.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { Avatar } from '../Avatar'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './UserCard.module.css'\n\nexport type UserCardSize = 'sm' | 'md' | 'lg'\n\nexport interface UserCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /**\n   * Display name — the primary line, and the source of the avatar initials. When omitted, the primary\n   * line falls back to a localized **\"Welcome\"** greeting (and the avatar shows the `icon`).\n   */\n  name?: string\n  /** Secondary line under the name (usually the email). */\n  email?: ReactNode\n  /** Avatar image URL (falls back to the initials from `name`, else the `icon`). */\n  avatar?: string\n  /** Fallback avatar icon when there's no image or name. Defaults to `'User'`. */\n  icon?: IconName\n  /** Theme palette token tinting the avatar. Defaults to `'primary'`. */\n  color?: ThemeColor\n  /** Preset size (avatar + fonts + button). Defaults to `'md'`. */\n  size?: UserCardSize\n  /** When provided, a **Sign out** button is shown that calls this. */\n  onLogout?: () => void\n  /** Sign-out button label. Defaults to `'Sign Out'`. */\n  logoutLabel?: ReactNode\n  /** Extra content between the identity row and the sign-out button (e.g. a link or menu). */\n  children?: ReactNode\n  /** Show skeletons for the avatar, name and email while the user is being fetched (sign-out stays usable). Defaults to `false`. */\n  loading?: boolean\n}\n\n/**\n * A compact account card — an `Avatar` + name/email and an optional **Sign out** button. Drop it into\n * the `RootLayout` `sidebarFooter` (or anywhere) for a consistent signed-in-user block across apps,\n * instead of hand-rolling the markup each time. Shows the image (`avatar`) → initials (from `name`) →\n * `icon` (default `User`) in priority order; renders the sign-out `Button` (filled `error`) only when\n * `onLogout` is given. `size` (`sm`/`md`/`lg`) scales the avatar + type; `color` (default `primary`)\n * tints the avatar. `loading` swaps the avatar + name + email for skeletons. Own CSS module (token-only).\n */\nexport const UserCard = forwardRef<HTMLDivElement, UserCardProps>(function UserCard(\n  {\n    name,\n    email,\n    avatar,\n    icon = 'User',\n    color = 'primary',\n    size = 'md',\n    onLogout,\n    logoutLabel,\n    children,\n    loading = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  // the identity row + the sign-out button share the same visual size step\n  const avatarSize = size === 'lg' ? 'lg' : size === 'sm' ? 'sm' : 'md'\n  const buttonSize = size === 'lg' ? 'md' : 'sm'\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, styles[size], className)}\n      style={style as CSSProperties}\n      aria-busy={loading || undefined}\n      {...props}\n    >\n      <div className={styles.identity}>\n        {/* Avatar priority is image → icon → initials, so pass `icon` only as the last resort (no\n            name), otherwise a name would still show the icon instead of its initials */}\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatar}\n          icon={name ? undefined : icon}\n          color={color}\n          loading={loading}\n        />\n        <div className={styles.text}>\n          {/* primary line: the name, or a \"Welcome\" greeting fallback when no name is given */}\n          <Typography variant=\"bodySmall\" truncate>\n            {loading ? <Skeleton width=\"60%\" /> : (name ?? t('userCard.welcome'))}\n          </Typography>\n          {(loading || email != null) && (\n            <Typography variant=\"caption\" color=\"muted\" truncate>\n              {loading ? <Skeleton width=\"85%\" /> : email}\n            </Typography>\n          )}\n        </div>\n      </div>\n\n      {children}\n\n      {onLogout ? (\n        <Button\n          variant=\"filled\"\n          color=\"error\"\n          size={buttonSize}\n          fullWidth\n          startIcon={<Icon name=\"Logout2\" />}\n          onClick={onLogout}\n        >\n          {logoutLabel ?? t('userCard.signOut')}\n        </Button>\n      ) : null}\n    </div>\n  )\n})\n"],"names":["UserCard","forwardRef","name","email","avatar","icon","color","size","onLogout","logoutLabel","children","loading","className","style","props","ref","t","useT","avatarSize","buttonSize","jsxs","clsx","styles","jsx","Avatar","Typography","Skeleton","Button","Icon"],"mappings":"0bA+CaA,EAAWC,EAAAA,WAA0C,SAChE,CACE,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,OACP,MAAAC,EAAQ,UACR,KAAAC,EAAO,KACP,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,GACV,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EAEJC,EAAaX,IAAS,KAAO,KAAOA,IAAS,KAAO,KAAO,KAC3DY,EAAaZ,IAAS,KAAO,KAAO,KAE1C,OACEa,EAAAA,KAAC,MAAA,CACC,IAAAL,EACA,UAAWM,EAAAA,KAAKC,EAAO,KAAMA,EAAOf,CAAI,EAAGK,CAAS,EACpD,MAAAC,EACA,YAAWF,GAAW,OACrB,GAAGG,EAEJ,SAAA,CAAAM,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,SAGrB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACC,KAAMN,EACN,KAAAhB,EACA,IAAKE,EACL,KAAMF,EAAO,OAAYG,EACzB,MAAAC,EACA,QAAAK,CAAA,CAAA,EAEFS,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,KAErB,SAAA,CAAAC,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,YAAY,SAAQ,GACrC,SAAAd,EAAUY,EAAAA,IAACG,WAAA,CAAS,MAAM,KAAA,CAAM,EAAMxB,GAAQc,EAAE,kBAAkB,EACrE,GACEL,GAAWR,GAAS,OACpBoB,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,UAAU,MAAM,QAAQ,SAAQ,GACjD,SAAAd,EAAUY,MAACG,EAAAA,UAAS,MAAM,MAAM,EAAKvB,CAAA,CACxC,CAAA,CAAA,CAEJ,CAAA,EACF,EAECO,EAEAF,EACCe,EAAAA,IAACI,EAAAA,OAAA,CACC,QAAQ,SACR,MAAM,QACN,KAAMR,EACN,UAAS,GACT,UAAWI,EAAAA,IAACK,EAAAA,KAAA,CAAK,KAAK,SAAA,CAAU,EAChC,QAASpB,EAER,SAAAC,GAAeO,EAAE,kBAAkB,CAAA,CAAA,EAEpC,IAAA,CAAA,CAAA,CAGV,CAAC"}

package/dist/components/Alert/index.cjs

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

package/dist/components/Alert/index.js

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

package/dist/components/AuthLayout/index.cjs

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

package/dist/components/AuthLayout/index.js

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

package/dist/components/Breadcrumbs/index.cjs

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

package/dist/components/Breadcrumbs/index.js

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

package/dist/components/Button/index.cjs

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

package/dist/components/Button/index.js

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

package/dist/components/Card/index.cjs

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

package/dist/components/Card/index.js

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

package/dist/components/Chip/index.cjs

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

package/dist/components/Chip/index.js

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

package/dist/components/ChoiceCard/index.cjs

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

package/dist/components/ChoiceCard/index.js

@@ -1,4 +1,4 @@
-import { C as o, a as r, C as e } from "../../ChoiceCardGroup-BTbKjJdp.js";
+import { C as o, a as r, C as e } from "../../ChoiceCardGroup-BBD8ai4s.js";
 export {
   o as ChoiceCard,
   r as ChoiceCardGroup,

package/dist/components/CodeBlock/index.cjs

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

package/dist/components/CodeBlock/index.js

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

package/dist/components/ColorPicker/index.cjs

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

package/dist/components/ColorPicker/index.js

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

package/dist/components/ColorRamp/index.cjs

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

package/dist/components/ColorRamp/index.js

@@ -1,4 +1,4 @@
-import { C as r, C } from "../../ColorRamp-CSqzzHZx.js";
+import { C as r, C } from "../../ColorRamp-BnuXrSxa.js";
 export {
   r as ColorRamp,
   C as default

package/dist/components/CopyButton/index.cjs

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

package/dist/components/CopyButton/index.js

@@ -1,4 +1,4 @@
-import { C as a, C } from "../../CopyButton-B_mYxcXV.js";
+import { C as a, C } from "../../CopyButton-hZqLdXJq.js";
 export {
   a as CopyButton,
   C as default

package/dist/components/DatePicker/index.cjs

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

package/dist/components/DatePicker/index.js

@@ -1,4 +1,4 @@
-import { D as r, D as t } from "../../DatePicker-Bt-M87zX.js";
+import { D as r, D as t } from "../../DatePicker-B6ZL_T-E.js";
 export {
   r as DatePicker,
   t as default

package/dist/components/DateTimePicker/index.cjs

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

package/dist/components/DateTimePicker/index.js

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

package/dist/components/DescriptionList/index.cjs

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

package/dist/components/DescriptionList/index.js

@@ -1,4 +1,4 @@
-import { D as a, D as e } from "../../DescriptionList-BLx9NfAW.js";
+import { D as a, D as e } from "../../DescriptionList-C6Gfk6I_.js";
 export {
   a as DescriptionList,
   e as default

package/dist/components/EmptyState/index.cjs

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

package/dist/components/EmptyState/index.js

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

package/dist/components/ErrorState/ErrorDetailsModal.d.cts

@@ -0,0 +1,12 @@
+export interface ErrorDetailsModalProps {
+    open: boolean;
+    onClose: () => void;
+    /** The whole report — shown as-is and copied by the Copy button. */
+    report: string;
+}
+/**
+ * Internal to `ErrorState`: the "Details" dialog — the error report (trace id, status, message, then the stack /
+ * raw dump when allowed) in one monospace block, with **Copy** (the whole report, flips to "Copied!") and
+ * **Close** in the footer, so a user can paste it into a support ticket in one go.
+ */
+export declare function ErrorDetailsModal({ open, onClose, report }: ErrorDetailsModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ErrorState/ErrorDetailsModal.d.ts

@@ -0,0 +1,12 @@
+export interface ErrorDetailsModalProps {
+    open: boolean;
+    onClose: () => void;
+    /** The whole report — shown as-is and copied by the Copy button. */
+    report: string;
+}
+/**
+ * Internal to `ErrorState`: the "Details" dialog — the error report (trace id, status, message, then the stack /
+ * raw dump when allowed) in one monospace block, with **Copy** (the whole report, flips to "Copied!") and
+ * **Close** in the footer, so a user can paste it into a support ticket in one go.
+ */
+export declare function ErrorDetailsModal({ open, onClose, report }: ErrorDetailsModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ErrorState/ErrorState.d.cts

@@ -4,11 +4,10 @@ import type { IconName } from '../../icons/names';
 export type ErrorStateVariant = 'block' | 'alert';
 export interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title' | 'color'> {
     /**
-     * The shape. `'block'` (default) — the `EmptyState`-style block (puck, title, centred message), for a read
-     * that failed where its data would be. `'alert'` — a one-line red `Alert` banner for a **failed save**
-     * above a form or in a modal, where the form stays on screen: the message (no default title), a muted
-     * trace id line, and the copy / retry / `action` buttons in the alert's action slot. `showDetails`,
-     * `compact` and `pattern` don't apply to `'alert'`.
+     * The shape. `'alert'` (default) — a red `Alert` banner: the message (no default title), then Try Again /
+     * Details / `action` in the alert's action slot; it fits anywhere — above a form, in a modal, in a card.
+     * `'block'` — the `EmptyState`-style block (puck, title, centred message, the buttons below), for an area
+     * whose data failed to load, or a whole page (`PageError`). `compact` and `pattern` apply to `'block'` only.
      */
     variant?: ErrorStateVariant;
     /**
@@ -18,14 +17,14 @@ export interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title'
      */
     error?: unknown;
     /**
-     * Heading. Block: defaults to the localized "Something Went Wrong". Alert: none unless given — the message
-     * is the point.
+     * Heading. Alert: none unless given — the message is the point. Block: defaults to the localized "Something
+     * Went Wrong".
      */
     title?: ReactNode;
     /**
-     * Leading icon — a known `IconName`, any node, or `false`. Block: defaults to `Danger` (or `CloudCross` when
-     * the request never got a response — an explicit `status: 0` / network error code), tinted `error`. Alert:
-     * the alert's own error icon unless overridden.
+     * Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in both variants (the alert
+     * replaces the Alert's own × icon), or `CloudCross` when the request never got a response (an explicit
+     * `status: 0` / network error code), tinted `error`.
      */
     icon?: IconName | ReactNode | false;
     /** Adds a "Try Again" button that calls this (e.g. a query's `refetch`). */
@@ -38,15 +37,17 @@ export interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title'
     /** Retry button label. Defaults to the localized "Try Again". */
     retryLabel?: ReactNode;
     /**
-     * Show a collapsible technical details panel (stack / raw error). `'dev'` (default) shows it only in
-     * development builds; `true` always; `false` never.
+     * Include the technical dump (the stack, or the raw error as JSON) in the **Details** dialog. `'dev'`
+     * (default) only in development builds; `true` always; `false` never. The Details button itself shows
+     * whenever there's a trace id or this dump — never inline on the page.
      */
     showDetails?: boolean | 'dev';
     /** The inline variant — small, no hero pattern — for inside a table, card or panel. Defaults to `false`. */
     compact?: boolean;
     /**
-     * The server's trace id, shown under the message with a copy button (it matches a report to the server
-     * log). Defaults to the one on `error` (`error.traceId` / `error.response.data.traceId`); `false` hides it.
+     * The server's trace id — it matches a report to the server log. It isn't shown on the page: it leads the
+     * **Details** dialog (with a copy button), and its presence alone shows the Details button, production
+     * included. Defaults to the one on `error` (`error.traceId` / `error.response.data.traceId`); `false` hides it.
      */
     traceId?: string | false;
     /**
@@ -62,15 +63,13 @@ export interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title'
     fieldLabels?: Record<string, ReactNode>;
 }
 /**
- * The "loading failed" counterpart of `EmptyState` — a semantic preset over it: an `error`-tinted
- * `Danger` puck, a localized "Something Went Wrong" title, the failure's own message as the description
- * (extracted from an `Error`, a string, an axios-style `response.data.message`, a `{ message }`, or a raw
- * `{ status }` response → "Request failed (404)"), an optional **Try Again** button (`onRetry`), and a
- * developer-only details panel with the stack (`showDetails`, default `'dev'`). `compact` is the inline
- * variant for a table / card. The server's `traceId` (copyable) and a 400's per-field `fieldErrors` are shown
- * when the error carries them. `variant="alert"` renders the same data as a one-line `Alert` banner — for a
- * failed save above a form or in a modal. `retrying` puts the retry button in its loading state. Announced to
- * assistive tech once (`role="alert"`).
- * `forwardRef` to the root; any other `EmptyState` prop (`size`, `pattern`, `action`, …) passes through.
+ * The "it broke" counterpart of `EmptyState`. By default (`variant="alert"`) a red `Alert` banner with a `Danger`
+ * icon: the failure's own message (extracted from an `Error`, a string, an axios-style `response.data.message`, a
+ * `{ message }`, or a raw `{ status }` → "Request failed (404)"), or a 400's per-field `fieldErrors` list; then
+ * **Try Again** (`onRetry`, spinning while `retrying`) and **Details** in its action slot. `variant="block"` is the
+ * `EmptyState`-style block (an `error`-tinted puck, a "Something Went Wrong" title, the same buttons below);
+ * `compact` is its inline size. **Details** opens a dialog with the full report — the server's `traceId`, the
+ * status, the message, and the stack in development (`showDetails`) — in one block with a copy button. Announced
+ * once (`role="alert"`). `forwardRef` to the root; any other `EmptyState` prop passes through to the block.
  */
 export declare const ErrorState: import("react").ForwardRefExoticComponent<ErrorStateProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ErrorState/ErrorState.d.ts

@@ -4,11 +4,10 @@ import type { IconName } from '../../icons/names';
 export type ErrorStateVariant = 'block' | 'alert';
 export interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title' | 'color'> {
     /**
-     * The shape. `'block'` (default) — the `EmptyState`-style block (puck, title, centred message), for a read
-     * that failed where its data would be. `'alert'` — a one-line red `Alert` banner for a **failed save**
-     * above a form or in a modal, where the form stays on screen: the message (no default title), a muted
-     * trace id line, and the copy / retry / `action` buttons in the alert's action slot. `showDetails`,
-     * `compact` and `pattern` don't apply to `'alert'`.
+     * The shape. `'alert'` (default) — a red `Alert` banner: the message (no default title), then Try Again /
+     * Details / `action` in the alert's action slot; it fits anywhere — above a form, in a modal, in a card.
+     * `'block'` — the `EmptyState`-style block (puck, title, centred message, the buttons below), for an area
+     * whose data failed to load, or a whole page (`PageError`). `compact` and `pattern` apply to `'block'` only.
      */
     variant?: ErrorStateVariant;
     /**
@@ -18,14 +17,14 @@ export interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title'
      */
     error?: unknown;
     /**
-     * Heading. Block: defaults to the localized "Something Went Wrong". Alert: none unless given — the message
-     * is the point.
+     * Heading. Alert: none unless given — the message is the point. Block: defaults to the localized "Something
+     * Went Wrong".
      */
     title?: ReactNode;
     /**
-     * Leading icon — a known `IconName`, any node, or `false`. Block: defaults to `Danger` (or `CloudCross` when
-     * the request never got a response — an explicit `status: 0` / network error code), tinted `error`. Alert:
-     * the alert's own error icon unless overridden.
+     * Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in both variants (the alert
+     * replaces the Alert's own × icon), or `CloudCross` when the request never got a response (an explicit
+     * `status: 0` / network error code), tinted `error`.
      */
     icon?: IconName | ReactNode | false;
     /** Adds a "Try Again" button that calls this (e.g. a query's `refetch`). */
@@ -38,15 +37,17 @@ export interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title'
     /** Retry button label. Defaults to the localized "Try Again". */
     retryLabel?: ReactNode;
     /**
-     * Show a collapsible technical details panel (stack / raw error). `'dev'` (default) shows it only in
-     * development builds; `true` always; `false` never.
+     * Include the technical dump (the stack, or the raw error as JSON) in the **Details** dialog. `'dev'`
+     * (default) only in development builds; `true` always; `false` never. The Details button itself shows
+     * whenever there's a trace id or this dump — never inline on the page.
      */
     showDetails?: boolean | 'dev';
     /** The inline variant — small, no hero pattern — for inside a table, card or panel. Defaults to `false`. */
     compact?: boolean;
     /**
-     * The server's trace id, shown under the message with a copy button (it matches a report to the server
-     * log). Defaults to the one on `error` (`error.traceId` / `error.response.data.traceId`); `false` hides it.
+     * The server's trace id — it matches a report to the server log. It isn't shown on the page: it leads the
+     * **Details** dialog (with a copy button), and its presence alone shows the Details button, production
+     * included. Defaults to the one on `error` (`error.traceId` / `error.response.data.traceId`); `false` hides it.
      */
     traceId?: string | false;
     /**
@@ -62,15 +63,13 @@ export interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title'
     fieldLabels?: Record<string, ReactNode>;
 }
 /**
- * The "loading failed" counterpart of `EmptyState` — a semantic preset over it: an `error`-tinted
- * `Danger` puck, a localized "Something Went Wrong" title, the failure's own message as the description
- * (extracted from an `Error`, a string, an axios-style `response.data.message`, a `{ message }`, or a raw
- * `{ status }` response → "Request failed (404)"), an optional **Try Again** button (`onRetry`), and a
- * developer-only details panel with the stack (`showDetails`, default `'dev'`). `compact` is the inline
- * variant for a table / card. The server's `traceId` (copyable) and a 400's per-field `fieldErrors` are shown
- * when the error carries them. `variant="alert"` renders the same data as a one-line `Alert` banner — for a
- * failed save above a form or in a modal. `retrying` puts the retry button in its loading state. Announced to
- * assistive tech once (`role="alert"`).
- * `forwardRef` to the root; any other `EmptyState` prop (`size`, `pattern`, `action`, …) passes through.
+ * The "it broke" counterpart of `EmptyState`. By default (`variant="alert"`) a red `Alert` banner with a `Danger`
+ * icon: the failure's own message (extracted from an `Error`, a string, an axios-style `response.data.message`, a
+ * `{ message }`, or a raw `{ status }` → "Request failed (404)"), or a 400's per-field `fieldErrors` list; then
+ * **Try Again** (`onRetry`, spinning while `retrying`) and **Details** in its action slot. `variant="block"` is the
+ * `EmptyState`-style block (an `error`-tinted puck, a "Something Went Wrong" title, the same buttons below);
+ * `compact` is its inline size. **Details** opens a dialog with the full report — the server's `traceId`, the
+ * status, the message, and the stack in development (`showDetails`) — in one block with a copy button. Announced
+ * once (`role="alert"`). `forwardRef` to the root; any other `EmptyState` prop passes through to the block.
  */
 export declare const ErrorState: import("react").ForwardRefExoticComponent<ErrorStateProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ErrorState/QueryError.d.cts

@@ -5,14 +5,14 @@ export interface QueryErrorProps extends ErrorStateProps {
     error: unknown;
     /**
      * The user-facing sentence ("Could not load players."). Shown instead of the raw message, which then
-     * only appears in the (dev) details panel. Same as `description`, which wins when both are set.
+     * only appears in the Details dialog's dev dump. Same as `description`, which wins when both are set.
      */
     fallback?: ReactNode;
 }
 /**
  * The react-query-style one-liner: `<QueryError error={users.error} onRetry={users.refetch}
  * fallback="Could not load players." />`. Renders nothing while `error` is empty, otherwise an
- * `ErrorState` — **compact by default** (it usually sits where the data would, inside a card or table
- * area; pass `compact={false}` for the hero). Everything else passes through to `ErrorState`.
+ * `ErrorState` — an alert banner by default; with `variant="block"` it's **compact by default** (pass
+ * `compact={false}` for the hero). Everything else passes through to `ErrorState`.
  */
 export declare const QueryError: import("react").ForwardRefExoticComponent<QueryErrorProps & import("react").RefAttributes<HTMLDivElement>>;