@techzyapp/ui-library 1.0.28 → 1.0.29

package/dist/{DescriptionList-BCvOX8fg.cjs → DescriptionList-U5z2Faf4.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),R=require("react"),S=require("clsx"),G=require("./breakpoints-Dpnh6BbG.cjs"),J=require("./useMediaQuery-CHMrI6Dy.cjs"),K=require("./names-BJnFU_5m.cjs"),V=require("./Icon-BVULqOJD.cjs"),X=require("./CopyButton-B5aicGl3.cjs"),Y=require("./IconButton-A2B0bqC-.cjs"),k=require("./Skeleton-DK0lAjS9.cjs"),q=require("./Typography-B6ASPrzT.cjs"),Z=require("./ConfigProvider-BElY0HuV.cjs"),W="_root_1hhb1_4",ee="_sm_1hhb1_14",se="_md_1hhb1_22",te="_lg_1hhb1_30",ae="_header_1hhb1_40",le="_headerMain_1hhb1_49",ne="_headerIcon_1hhb1_56",oe="_headerText_1hhb1_59",re="_title_1hhb1_65",ce="_actions_1hhb1_68",de="_grid_1hhb1_80",he="_item_1hhb1_87",ie="_dividers_1hhb1_95",_e="_lastRow_1hhb1_99",ue="_label_1hhb1_103",pe="_labelIcon_1hhb1_111",be="_value_1hhb1_116",me="_valueMedium_1hhb1_125",ve="_valueBold_1hhb1_128",xe="_valueText_1hhb1_131",ye="_placeholder_1hhb1_135",je="_copy_1hhb1_148",Ne="_copyButton_1hhb1_156",fe="_horizontal_1hhb1_172",ge="_stacked_1hhb1_170",Ie="_bordered_1hhb1_184",we="_lastRowStart_1hhb1_213",e={root:W,sm:ee,md:se,lg:te,header:ae,headerMain:le,headerIcon:ne,headerText:oe,title:re,actions:ce,grid:de,item:he,dividers:ie,lastRow:_e,label:ue,labelIcon:pe,value:be,valueMedium:me,valueBold:ve,valueText:xe,placeholder:ye,copy:je,copyButton:Ne,horizontal:fe,stacked:ge,bordered:Ie,lastRowStart:we},Te=new Set(K.ICON_NAMES),Me={xs:1,sm:2,lg:3},Re=t=>t==null||t===""||t===!1,Se=t=>{if(typeof t.copyable=="string")return t.copyable;if(typeof t.value=="string"||typeof t.value=="number")return String(t.value)},ke=(t,n)=>{let r=0,l=0;return t.map(h=>{const o=Math.min(h.span??1,n);l+o>n&&(r+=1,l=0);const u={item:h,span:o,row:r,col:l};return l+=o,l>=n&&(r+=1,l=0),u})},B=(t,n="sm")=>typeof t=="string"&&Te.has(t)?s.jsx(V.Icon,{name:t,size:n}):t,qe=R.forwardRef(function({items:n,columns:r=Me,layout:l="vertical",size:h="md",valueWeight:o="regular",bordered:u=!1,dividers:C=!0,labelWidth:p=160,stackBelow:x="xxs",loading:c=!1,emptyText:L="—",title:d,icon:b,color:z="accent",subtitle:i,actions:m,className:E,style:A,...D},O){const y=Z.useT(),j=`${R.useId()}-title`,N=J.useBreakpointMatches(),f=G.resolveResponsive(r,N)??1,$=l==="horizontal"&&x!==!1&&N[x],g=n.filter(a=>!a.hidden),_=ke(g,f),I=_.length?_[_.length-1].row:0,U=typeof c=="number"?c:g.length||6,F=d!=null||i!=null||m!=null||b!=null,H={"--dl-cols":f,"--dl-label-w":typeof p=="number"?`${p}px`:p};return s.jsxs("div",{ref:O,className:S.clsx(e.root,e[h],e[l],o!=="regular"&&e[`value${o==="bold"?"Bold":"Medium"}`],u&&e.bordered,C&&e.dividers,$&&e.stacked,E),style:{...H,...A},...D,children:[F&&s.jsxs("div",{className:e.header,children:[s.jsxs("div",{className:e.headerMain,children:[b!=null&&s.jsx(Y.IconButton,{variant:"filled",size:"sm",color:z,nonClickable:!0,"aria-hidden":!0,className:e.headerIcon,children:B(b,"md")}),(d!=null||i!=null)&&s.jsxs("div",{className:e.headerText,children:[d!=null&&s.jsx(q.Typography,{as:"h3",id:j,variant:"subtitle",className:e.title,children:d}),i!=null&&s.jsx(q.Typography,{as:"p",variant:"bodySmall",color:"muted",children:i})]})]}),m!=null&&s.jsx("div",{className:e.actions,children:m})]}),s.jsx("dl",{className:e.grid,"aria-labelledby":d!=null?j:void 0,"aria-busy":c?!0:void 0,"aria-label":c?y("descriptionList.loading"):void 0,children:c?Array.from({length:U},(a,v)=>s.jsxs("div",{className:e.item,"aria-hidden":"true",children:[s.jsx("dt",{className:e.label,children:s.jsx(k.Skeleton,{width:"40%",height:"0.9em"})}),s.jsx("dd",{className:e.value,children:s.jsx(k.Skeleton,{width:"70%",height:"1.1em"})})]},v)):_.map(({item:a,span:v,row:w,col:P},Q)=>{const T=Re(a.value),M=!T&&a.copyable?Se(a):void 0;return s.jsxs("div",{className:S.clsx(e.item,w===I&&e.lastRow,w===I&&P===0&&e.lastRowStart),style:{"--dl-span":v},children:[s.jsxs("dt",{className:e.label,children:[a.icon!=null&&s.jsx("span",{className:e.labelIcon,"aria-hidden":"true",children:B(a.icon)}),a.label]}),s.jsxs("dd",{className:e.value,children:[s.jsx("span",{className:e.valueText,children:T?s.jsx("span",{className:e.placeholder,"aria-label":y("descriptionList.empty"),children:L}):a.value}),M!=null&&s.jsx("span",{className:e.copy,children:s.jsx(X.CopyButton,{value:M,size:"sm",variant:"text",className:e.copyButton})})]})]},a.key??Q)})})]})});exports.DescriptionList=qe;
-//# sourceMappingURL=DescriptionList-BCvOX8fg.cjs.map
+"use strict";const s=require("react/jsx-runtime"),R=require("react"),S=require("clsx"),G=require("./breakpoints-Dpnh6BbG.cjs"),J=require("./useMediaQuery-CHMrI6Dy.cjs"),K=require("./names-BJnFU_5m.cjs"),V=require("./Icon-BVULqOJD.cjs"),X=require("./CopyButton-SFwjKod9.cjs"),Y=require("./IconButton-BNa0yLcv.cjs"),k=require("./Skeleton-DK0lAjS9.cjs"),q=require("./Typography-B6ASPrzT.cjs"),Z=require("./ConfigProvider-ByLHqXpv.cjs"),W="_root_1hhb1_4",ee="_sm_1hhb1_14",se="_md_1hhb1_22",te="_lg_1hhb1_30",ae="_header_1hhb1_40",le="_headerMain_1hhb1_49",ne="_headerIcon_1hhb1_56",oe="_headerText_1hhb1_59",re="_title_1hhb1_65",ce="_actions_1hhb1_68",de="_grid_1hhb1_80",he="_item_1hhb1_87",ie="_dividers_1hhb1_95",_e="_lastRow_1hhb1_99",ue="_label_1hhb1_103",pe="_labelIcon_1hhb1_111",be="_value_1hhb1_116",me="_valueMedium_1hhb1_125",ve="_valueBold_1hhb1_128",xe="_valueText_1hhb1_131",ye="_placeholder_1hhb1_135",je="_copy_1hhb1_148",Ne="_copyButton_1hhb1_156",fe="_horizontal_1hhb1_172",ge="_stacked_1hhb1_170",Ie="_bordered_1hhb1_184",we="_lastRowStart_1hhb1_213",e={root:W,sm:ee,md:se,lg:te,header:ae,headerMain:le,headerIcon:ne,headerText:oe,title:re,actions:ce,grid:de,item:he,dividers:ie,lastRow:_e,label:ue,labelIcon:pe,value:be,valueMedium:me,valueBold:ve,valueText:xe,placeholder:ye,copy:je,copyButton:Ne,horizontal:fe,stacked:ge,bordered:Ie,lastRowStart:we},Te=new Set(K.ICON_NAMES),Me={xs:1,sm:2,lg:3},Re=t=>t==null||t===""||t===!1,Se=t=>{if(typeof t.copyable=="string")return t.copyable;if(typeof t.value=="string"||typeof t.value=="number")return String(t.value)},ke=(t,n)=>{let r=0,l=0;return t.map(h=>{const o=Math.min(h.span??1,n);l+o>n&&(r+=1,l=0);const u={item:h,span:o,row:r,col:l};return l+=o,l>=n&&(r+=1,l=0),u})},B=(t,n="sm")=>typeof t=="string"&&Te.has(t)?s.jsx(V.Icon,{name:t,size:n}):t,qe=R.forwardRef(function({items:n,columns:r=Me,layout:l="vertical",size:h="md",valueWeight:o="regular",bordered:u=!1,dividers:C=!0,labelWidth:p=160,stackBelow:x="xxs",loading:c=!1,emptyText:L="—",title:d,icon:b,color:z="accent",subtitle:i,actions:m,className:E,style:A,...D},O){const y=Z.useT(),j=`${R.useId()}-title`,N=J.useBreakpointMatches(),f=G.resolveResponsive(r,N)??1,$=l==="horizontal"&&x!==!1&&N[x],g=n.filter(a=>!a.hidden),_=ke(g,f),I=_.length?_[_.length-1].row:0,U=typeof c=="number"?c:g.length||6,F=d!=null||i!=null||m!=null||b!=null,H={"--dl-cols":f,"--dl-label-w":typeof p=="number"?`${p}px`:p};return s.jsxs("div",{ref:O,className:S.clsx(e.root,e[h],e[l],o!=="regular"&&e[`value${o==="bold"?"Bold":"Medium"}`],u&&e.bordered,C&&e.dividers,$&&e.stacked,E),style:{...H,...A},...D,children:[F&&s.jsxs("div",{className:e.header,children:[s.jsxs("div",{className:e.headerMain,children:[b!=null&&s.jsx(Y.IconButton,{variant:"filled",size:"sm",color:z,nonClickable:!0,"aria-hidden":!0,className:e.headerIcon,children:B(b,"md")}),(d!=null||i!=null)&&s.jsxs("div",{className:e.headerText,children:[d!=null&&s.jsx(q.Typography,{as:"h3",id:j,variant:"subtitle",className:e.title,children:d}),i!=null&&s.jsx(q.Typography,{as:"p",variant:"bodySmall",color:"muted",children:i})]})]}),m!=null&&s.jsx("div",{className:e.actions,children:m})]}),s.jsx("dl",{className:e.grid,"aria-labelledby":d!=null?j:void 0,"aria-busy":c?!0:void 0,"aria-label":c?y("descriptionList.loading"):void 0,children:c?Array.from({length:U},(a,v)=>s.jsxs("div",{className:e.item,"aria-hidden":"true",children:[s.jsx("dt",{className:e.label,children:s.jsx(k.Skeleton,{width:"40%",height:"0.9em"})}),s.jsx("dd",{className:e.value,children:s.jsx(k.Skeleton,{width:"70%",height:"1.1em"})})]},v)):_.map(({item:a,span:v,row:w,col:P},Q)=>{const T=Re(a.value),M=!T&&a.copyable?Se(a):void 0;return s.jsxs("div",{className:S.clsx(e.item,w===I&&e.lastRow,w===I&&P===0&&e.lastRowStart),style:{"--dl-span":v},children:[s.jsxs("dt",{className:e.label,children:[a.icon!=null&&s.jsx("span",{className:e.labelIcon,"aria-hidden":"true",children:B(a.icon)}),a.label]}),s.jsxs("dd",{className:e.value,children:[s.jsx("span",{className:e.valueText,children:T?s.jsx("span",{className:e.placeholder,"aria-label":y("descriptionList.empty"),children:L}):a.value}),M!=null&&s.jsx("span",{className:e.copy,children:s.jsx(X.CopyButton,{value:M,size:"sm",variant:"text",className:e.copyButton})})]})]},a.key??Q)})})]})});exports.DescriptionList=qe;
+//# sourceMappingURL=DescriptionList-U5z2Faf4.cjs.map

package/dist/{DescriptionList-BCvOX8fg.cjs.map → DescriptionList-U5z2Faf4.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList-BCvOX8fg.cjs","sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { resolveResponsive, type Breakpoint, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { CopyButton } from '../CopyButton'\nimport { IconButton } from '../IconButton'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './DescriptionList.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type DescriptionListSize = 'sm' | 'md' | 'lg'\nexport type DescriptionListLayout = 'vertical' | 'horizontal'\nexport type DescriptionListColumns = 1 | 2 | 3 | 4\nexport type DescriptionListValueWeight = 'regular' | 'medium' | 'bold'\n\nexport interface DescriptionItem {\n  /** Stable key (defaults to the index). */\n  key?: string\n  /** The term — \"Entry fee\". */\n  label: ReactNode\n  /** The value. `null` / `undefined` / `''` / `false` render the `emptyText` placeholder (\"—\"). */\n  value?: ReactNode\n  /** Columns this pair spans (clamped to the resolved column count) — for long text, addresses, lists. */\n  span?: DescriptionListColumns\n  /** Show a copy button: `true` copies a string/number `value`; pass a string to copy something else (an id behind a label). */\n  copyable?: boolean | string\n  /** Drop the pair entirely (e.g. by role). */\n  hidden?: boolean\n  /** Small leading icon in the label — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n}\n\nexport interface DescriptionListProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'color'\n> {\n  /** The label / value pairs, in order. Declarative so `loading` skeletons and `hidden` stay trivial. */\n  items: DescriptionItem[]\n  /** Column count — a number or a desktop-first breakpoint map. Defaults to `{ xs: 1, sm: 2, lg: 3 }`. */\n  columns?: Responsive<DescriptionListColumns>\n  /** `vertical` (label above value, default) or `horizontal` (label beside value; stacks again on phones). */\n  layout?: DescriptionListLayout\n  /** Text + spacing scale. Defaults to `md`. */\n  size?: DescriptionListSize\n  /** Font weight of the values. Defaults to `regular` (the library's body default); `medium` / `bold` add emphasis. */\n  valueWeight?: DescriptionListValueWeight\n  /** Frame the list as a surface card (border + radius); `horizontal` also tints the label column. */\n  bordered?: boolean\n  /** Hairlines between rows. Defaults to `true` (turn off inside an already-ruled container). */\n  dividers?: boolean\n  /** Label column width for `horizontal` (px number or CSS length). Defaults to `160px`. */\n  labelWidth?: number | string\n  /**\n   * `horizontal` only — the breakpoint at (and below) which the label stacks back above the value.\n   * A breakpoint token (`'xxs'` ≤ 576px default, `'xs'` ≤ 768px, …) or `false` to keep the two columns\n   * side by side at every width. Uses the shared JS breakpoint layer, so `config.theme.breakpoints` applies.\n   */\n  stackBelow?: Breakpoint | false\n  /** Render shimmering placeholders instead of values — `true` uses `items.length` rows, a number sets the count. */\n  loading?: boolean | number\n  /** Placeholder for an empty value. Defaults to `\"—\"`. */\n  emptyText?: ReactNode\n  /** Optional header title. */\n  title?: ReactNode\n  /** Leading header icon (a tinted box before the title, like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the header icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Muted line under the title. */\n  subtitle?: ReactNode\n  /** Header slot on the right (buttons, a status chip …). */\n  actions?: ReactNode\n}\n\nconst DEFAULT_COLUMNS: Responsive<DescriptionListColumns> = { xs: 1, sm: 2, lg: 3 }\n\nconst isEmpty = (value: ReactNode) => value == null || value === '' || value === false\n\n/** What `copyable` copies: an explicit string, else a string / number value; nothing for rich nodes. */\nconst copyTextOf = (item: DescriptionItem): string | undefined => {\n  if (typeof item.copyable === 'string') return item.copyable\n  if (typeof item.value === 'string' || typeof item.value === 'number') return String(item.value)\n  return undefined\n}\n\n/** Lay the items on a `cols`-wide grid the way CSS auto-placement will (spans clamped, wrapping rows). */\nconst placeItems = (items: DescriptionItem[], cols: number) => {\n  let row = 0\n  let col = 0\n  return items.map((item) => {\n    const span = Math.min(item.span ?? 1, cols)\n    if (col + span > cols) {\n      row += 1\n      col = 0\n    }\n    const placed = { item, span, row, col }\n    col += span\n    if (col >= cols) {\n      row += 1\n      col = 0\n    }\n    return placed\n  })\n}\n\nconst renderIcon = (icon: IconName | ReactNode, size: 'sm' | 'md' = 'sm') =>\n  typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n    <Icon name={icon as IconName} size={size} />\n  ) : (\n    icon\n  )\n\n/**\n * Label / value pairs for a **detail page** (the read-only twin of a form: \"User #42\" → Name, Email,\n * Role …). Renders a semantic `<dl>` of `<dt>` / `<dd>` groups laid out on a responsive CSS grid\n * (`columns`, desktop-first breakpoint map — default 1 → 2 → 3), each pair optionally spanning several\n * columns. An optional Card-style header carries an `icon` box (tinted by `color`), `title`,\n * `subtitle` and `actions`. Values are regular weight by default (`valueWeight` adds emphasis) and any node: `null` / `''` show a muted \"—\" placeholder (`emptyText`), string / number\n * values can grow a `CopyButton` (revealed on hover / focus; always visible without hover), and\n * `hidden` drops a pair (e.g. by role). `layout=\"horizontal\"` puts the label beside the value in a\n * `labelWidth` column and stacks back on phones (`stackBelow` — a breakpoint, or `false` to never stack); `bordered` frames the list as a surface card (tinting the\n * label column when horizontal). `loading` swaps the values for `Skeleton` lines of the same shape.\n * Rows are separated by hairline `dividers`. Token-only; the grid is never `overflow: hidden` so the\n * copy tooltip is never clipped. `forwardRef` to the root `<div>`.\n */\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n  function DescriptionList(\n    {\n      items,\n      columns = DEFAULT_COLUMNS,\n      layout = 'vertical',\n      size = 'md',\n      valueWeight = 'regular',\n      bordered = false,\n      dividers = true,\n      labelWidth = 160,\n      stackBelow = 'xxs',\n      loading = false,\n      emptyText = '\\u2014',\n      title,\n      icon,\n      color = 'accent',\n      subtitle,\n      actions,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const t = useT()\n    const id = useId()\n    const titleId = `${id}-title`\n    const matches = useBreakpointMatches()\n    const cols = resolveResponsive(columns, matches) ?? 1\n    const stacked = layout === 'horizontal' && stackBelow !== false && matches[stackBelow]\n\n    const visible = items.filter((item) => !item.hidden)\n    // Grid placement (span-aware) — the last row drops its hairline (nothing follows it, and in `bordered`\n    // it would double the frame's border), and its first cell rounds the frame's bottom-left corner\n    // (`bordered` + `horizontal` tints the label column, and that tint must not bleed past the radius).\n    const placed = placeItems(visible, cols)\n    const lastRow = placed.length ? placed[placed.length - 1].row : 0\n    const skeletonRows = typeof loading === 'number' ? loading : visible.length || 6\n    const hasHeader = title != null || subtitle != null || actions != null || icon != null\n\n    const vars = {\n      '--dl-cols': cols,\n      '--dl-label-w': typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth,\n    } as CSSProperties\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          styles[size],\n          styles[layout],\n          valueWeight !== 'regular' && styles[`value${valueWeight === 'bold' ? 'Bold' : 'Medium'}`],\n          bordered && styles.bordered,\n          dividers && styles.dividers,\n          stacked && styles.stacked,\n          className,\n        )}\n        style={{ ...vars, ...style }}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={styles.header}>\n            <div className={styles.headerMain}>\n              {icon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.headerIcon}\n                >\n                  {renderIcon(icon, 'md')}\n                </IconButton>\n              )}\n              {(title != null || subtitle != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <Typography as=\"h3\" id={titleId} variant=\"subtitle\" className={styles.title}>\n                      {title}\n                    </Typography>\n                  )}\n                  {subtitle != null && (\n                    <Typography as=\"p\" variant=\"bodySmall\" color=\"muted\">\n                      {subtitle}\n                    </Typography>\n                  )}\n                </div>\n              )}\n            </div>\n            {actions != null && <div className={styles.actions}>{actions}</div>}\n          </div>\n        )}\n\n        <dl\n          className={styles.grid}\n          aria-labelledby={title != null ? titleId : undefined}\n          aria-busy={loading ? true : undefined}\n          aria-label={loading ? t('descriptionList.loading') : undefined}\n        >\n          {loading\n            ? Array.from({ length: skeletonRows }, (_, i) => (\n                <div key={i} className={styles.item} aria-hidden=\"true\">\n                  <dt className={styles.label}>\n                    <Skeleton width=\"40%\" height=\"0.9em\" />\n                  </dt>\n                  <dd className={styles.value}>\n                    <Skeleton width=\"70%\" height=\"1.1em\" />\n                  </dd>\n                </div>\n              ))\n            : placed.map(({ item, span, row, col }, i) => {\n                const empty = isEmpty(item.value)\n                const copy = !empty && item.copyable ? copyTextOf(item) : undefined\n                return (\n                  <div\n                    key={item.key ?? i}\n                    className={clsx(\n                      styles.item,\n                      row === lastRow && styles.lastRow,\n                      row === lastRow && col === 0 && styles.lastRowStart,\n                    )}\n                    style={{ '--dl-span': span } as CSSProperties}\n                  >\n                    <dt className={styles.label}>\n                      {item.icon != null && (\n                        <span className={styles.labelIcon} aria-hidden=\"true\">\n                          {renderIcon(item.icon)}\n                        </span>\n                      )}\n                      {item.label}\n                    </dt>\n                    <dd className={styles.value}>\n                      <span className={styles.valueText}>\n                        {empty ? (\n                          <span\n                            className={styles.placeholder}\n                            aria-label={t('descriptionList.empty')}\n                          >\n                            {emptyText}\n                          </span>\n                        ) : (\n                          item.value\n                        )}\n                      </span>\n                      {copy != null && (\n                        <span className={styles.copy}>\n                          <CopyButton\n                            value={copy}\n                            size=\"sm\"\n                            variant=\"text\"\n                            className={styles.copyButton}\n                          />\n                        </span>\n                      )}\n                    </dd>\n                  </div>\n                )\n              })}\n        </dl>\n      </div>\n    )\n  },\n)\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_COLUMNS","isEmpty","value","copyTextOf","item","placeItems","items","cols","row","col","span","placed","renderIcon","icon","size","jsx","Icon","DescriptionList","forwardRef","columns","layout","valueWeight","bordered","dividers","labelWidth","stackBelow","loading","emptyText","title","color","subtitle","actions","className","style","props","ref","t","useT","titleId","useId","matches","useBreakpointMatches","resolveResponsive","stacked","visible","lastRow","skeletonRows","hasHeader","vars","jsxs","clsx","styles","IconButton","Typography","_","i","Skeleton","empty","copy","CopyButton"],"mappings":"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"}
+{"version":3,"file":"DescriptionList-U5z2Faf4.cjs","sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { resolveResponsive, type Breakpoint, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { CopyButton } from '../CopyButton'\nimport { IconButton } from '../IconButton'\nimport { Skeleton } from '../Skeleton'\nimport { Typography } from '../Typography'\nimport styles from './DescriptionList.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type DescriptionListSize = 'sm' | 'md' | 'lg'\nexport type DescriptionListLayout = 'vertical' | 'horizontal'\nexport type DescriptionListColumns = 1 | 2 | 3 | 4\nexport type DescriptionListValueWeight = 'regular' | 'medium' | 'bold'\n\nexport interface DescriptionItem {\n  /** Stable key (defaults to the index). */\n  key?: string\n  /** The term — \"Entry fee\". */\n  label: ReactNode\n  /** The value. `null` / `undefined` / `''` / `false` render the `emptyText` placeholder (\"—\"). */\n  value?: ReactNode\n  /** Columns this pair spans (clamped to the resolved column count) — for long text, addresses, lists. */\n  span?: DescriptionListColumns\n  /** Show a copy button: `true` copies a string/number `value`; pass a string to copy something else (an id behind a label). */\n  copyable?: boolean | string\n  /** Drop the pair entirely (e.g. by role). */\n  hidden?: boolean\n  /** Small leading icon in the label — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n}\n\nexport interface DescriptionListProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'color'\n> {\n  /** The label / value pairs, in order. Declarative so `loading` skeletons and `hidden` stay trivial. */\n  items: DescriptionItem[]\n  /** Column count — a number or a desktop-first breakpoint map. Defaults to `{ xs: 1, sm: 2, lg: 3 }`. */\n  columns?: Responsive<DescriptionListColumns>\n  /** `vertical` (label above value, default) or `horizontal` (label beside value; stacks again on phones). */\n  layout?: DescriptionListLayout\n  /** Text + spacing scale. Defaults to `md`. */\n  size?: DescriptionListSize\n  /** Font weight of the values. Defaults to `regular` (the library's body default); `medium` / `bold` add emphasis. */\n  valueWeight?: DescriptionListValueWeight\n  /** Frame the list as a surface card (border + radius); `horizontal` also tints the label column. */\n  bordered?: boolean\n  /** Hairlines between rows. Defaults to `true` (turn off inside an already-ruled container). */\n  dividers?: boolean\n  /** Label column width for `horizontal` (px number or CSS length). Defaults to `160px`. */\n  labelWidth?: number | string\n  /**\n   * `horizontal` only — the breakpoint at (and below) which the label stacks back above the value.\n   * A breakpoint token (`'xxs'` ≤ 576px default, `'xs'` ≤ 768px, …) or `false` to keep the two columns\n   * side by side at every width. Uses the shared JS breakpoint layer, so `config.theme.breakpoints` applies.\n   */\n  stackBelow?: Breakpoint | false\n  /** Render shimmering placeholders instead of values — `true` uses `items.length` rows, a number sets the count. */\n  loading?: boolean | number\n  /** Placeholder for an empty value. Defaults to `\"—\"`. */\n  emptyText?: ReactNode\n  /** Optional header title. */\n  title?: ReactNode\n  /** Leading header icon (a tinted box before the title, like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the header icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Muted line under the title. */\n  subtitle?: ReactNode\n  /** Header slot on the right (buttons, a status chip …). */\n  actions?: ReactNode\n}\n\nconst DEFAULT_COLUMNS: Responsive<DescriptionListColumns> = { xs: 1, sm: 2, lg: 3 }\n\nconst isEmpty = (value: ReactNode) => value == null || value === '' || value === false\n\n/** What `copyable` copies: an explicit string, else a string / number value; nothing for rich nodes. */\nconst copyTextOf = (item: DescriptionItem): string | undefined => {\n  if (typeof item.copyable === 'string') return item.copyable\n  if (typeof item.value === 'string' || typeof item.value === 'number') return String(item.value)\n  return undefined\n}\n\n/** Lay the items on a `cols`-wide grid the way CSS auto-placement will (spans clamped, wrapping rows). */\nconst placeItems = (items: DescriptionItem[], cols: number) => {\n  let row = 0\n  let col = 0\n  return items.map((item) => {\n    const span = Math.min(item.span ?? 1, cols)\n    if (col + span > cols) {\n      row += 1\n      col = 0\n    }\n    const placed = { item, span, row, col }\n    col += span\n    if (col >= cols) {\n      row += 1\n      col = 0\n    }\n    return placed\n  })\n}\n\nconst renderIcon = (icon: IconName | ReactNode, size: 'sm' | 'md' = 'sm') =>\n  typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n    <Icon name={icon as IconName} size={size} />\n  ) : (\n    icon\n  )\n\n/**\n * Label / value pairs for a **detail page** (the read-only twin of a form: \"User #42\" → Name, Email,\n * Role …). Renders a semantic `<dl>` of `<dt>` / `<dd>` groups laid out on a responsive CSS grid\n * (`columns`, desktop-first breakpoint map — default 1 → 2 → 3), each pair optionally spanning several\n * columns. An optional Card-style header carries an `icon` box (tinted by `color`), `title`,\n * `subtitle` and `actions`. Values are regular weight by default (`valueWeight` adds emphasis) and any node: `null` / `''` show a muted \"—\" placeholder (`emptyText`), string / number\n * values can grow a `CopyButton` (revealed on hover / focus; always visible without hover), and\n * `hidden` drops a pair (e.g. by role). `layout=\"horizontal\"` puts the label beside the value in a\n * `labelWidth` column and stacks back on phones (`stackBelow` — a breakpoint, or `false` to never stack); `bordered` frames the list as a surface card (tinting the\n * label column when horizontal). `loading` swaps the values for `Skeleton` lines of the same shape.\n * Rows are separated by hairline `dividers`. Token-only; the grid is never `overflow: hidden` so the\n * copy tooltip is never clipped. `forwardRef` to the root `<div>`.\n */\nexport const DescriptionList = forwardRef<HTMLDivElement, DescriptionListProps>(\n  function DescriptionList(\n    {\n      items,\n      columns = DEFAULT_COLUMNS,\n      layout = 'vertical',\n      size = 'md',\n      valueWeight = 'regular',\n      bordered = false,\n      dividers = true,\n      labelWidth = 160,\n      stackBelow = 'xxs',\n      loading = false,\n      emptyText = '\\u2014',\n      title,\n      icon,\n      color = 'accent',\n      subtitle,\n      actions,\n      className,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const t = useT()\n    const id = useId()\n    const titleId = `${id}-title`\n    const matches = useBreakpointMatches()\n    const cols = resolveResponsive(columns, matches) ?? 1\n    const stacked = layout === 'horizontal' && stackBelow !== false && matches[stackBelow]\n\n    const visible = items.filter((item) => !item.hidden)\n    // Grid placement (span-aware) — the last row drops its hairline (nothing follows it, and in `bordered`\n    // it would double the frame's border), and its first cell rounds the frame's bottom-left corner\n    // (`bordered` + `horizontal` tints the label column, and that tint must not bleed past the radius).\n    const placed = placeItems(visible, cols)\n    const lastRow = placed.length ? placed[placed.length - 1].row : 0\n    const skeletonRows = typeof loading === 'number' ? loading : visible.length || 6\n    const hasHeader = title != null || subtitle != null || actions != null || icon != null\n\n    const vars = {\n      '--dl-cols': cols,\n      '--dl-label-w': typeof labelWidth === 'number' ? `${labelWidth}px` : labelWidth,\n    } as CSSProperties\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.root,\n          styles[size],\n          styles[layout],\n          valueWeight !== 'regular' && styles[`value${valueWeight === 'bold' ? 'Bold' : 'Medium'}`],\n          bordered && styles.bordered,\n          dividers && styles.dividers,\n          stacked && styles.stacked,\n          className,\n        )}\n        style={{ ...vars, ...style }}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={styles.header}>\n            <div className={styles.headerMain}>\n              {icon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.headerIcon}\n                >\n                  {renderIcon(icon, 'md')}\n                </IconButton>\n              )}\n              {(title != null || subtitle != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <Typography as=\"h3\" id={titleId} variant=\"subtitle\" className={styles.title}>\n                      {title}\n                    </Typography>\n                  )}\n                  {subtitle != null && (\n                    <Typography as=\"p\" variant=\"bodySmall\" color=\"muted\">\n                      {subtitle}\n                    </Typography>\n                  )}\n                </div>\n              )}\n            </div>\n            {actions != null && <div className={styles.actions}>{actions}</div>}\n          </div>\n        )}\n\n        <dl\n          className={styles.grid}\n          aria-labelledby={title != null ? titleId : undefined}\n          aria-busy={loading ? true : undefined}\n          aria-label={loading ? t('descriptionList.loading') : undefined}\n        >\n          {loading\n            ? Array.from({ length: skeletonRows }, (_, i) => (\n                <div key={i} className={styles.item} aria-hidden=\"true\">\n                  <dt className={styles.label}>\n                    <Skeleton width=\"40%\" height=\"0.9em\" />\n                  </dt>\n                  <dd className={styles.value}>\n                    <Skeleton width=\"70%\" height=\"1.1em\" />\n                  </dd>\n                </div>\n              ))\n            : placed.map(({ item, span, row, col }, i) => {\n                const empty = isEmpty(item.value)\n                const copy = !empty && item.copyable ? copyTextOf(item) : undefined\n                return (\n                  <div\n                    key={item.key ?? i}\n                    className={clsx(\n                      styles.item,\n                      row === lastRow && styles.lastRow,\n                      row === lastRow && col === 0 && styles.lastRowStart,\n                    )}\n                    style={{ '--dl-span': span } as CSSProperties}\n                  >\n                    <dt className={styles.label}>\n                      {item.icon != null && (\n                        <span className={styles.labelIcon} aria-hidden=\"true\">\n                          {renderIcon(item.icon)}\n                        </span>\n                      )}\n                      {item.label}\n                    </dt>\n                    <dd className={styles.value}>\n                      <span className={styles.valueText}>\n                        {empty ? (\n                          <span\n                            className={styles.placeholder}\n                            aria-label={t('descriptionList.empty')}\n                          >\n                            {emptyText}\n                          </span>\n                        ) : (\n                          item.value\n                        )}\n                      </span>\n                      {copy != null && (\n                        <span className={styles.copy}>\n                          <CopyButton\n                            value={copy}\n                            size=\"sm\"\n                            variant=\"text\"\n                            className={styles.copyButton}\n                          />\n                        </span>\n                      )}\n                    </dd>\n                  </div>\n                )\n              })}\n        </dl>\n      </div>\n    )\n  },\n)\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_COLUMNS","isEmpty","value","copyTextOf","item","placeItems","items","cols","row","col","span","placed","renderIcon","icon","size","jsx","Icon","DescriptionList","forwardRef","columns","layout","valueWeight","bordered","dividers","labelWidth","stackBelow","loading","emptyText","title","color","subtitle","actions","className","style","props","ref","t","useT","titleId","useId","matches","useBreakpointMatches","resolveResponsive","stacked","visible","lastRow","skeletonRows","hasHeader","vars","jsxs","clsx","styles","IconButton","Typography","_","i","Skeleton","empty","copy","CopyButton"],"mappings":"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"}

package/dist/{EmptyState-CO_NRZ6w.cjs → EmptyState-B2_4BN4l.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),S=require("react"),N=require("clsx"),a=require("./Icon-BVULqOJD.cjs"),j=require("./names-BJnFU_5m.cjs"),g=require("./ConfigProvider-BElY0HuV.cjs"),h="_emptyState_1vpxy_3",f="_sm_1vpxy_17",q="_md_1vpxy_23",E="_lg_1vpxy_29",I="_icon_1vpxy_37",b="_title_1vpxy_55",C="_description_1vpxy_61",O="_action_1vpxy_70",T="_pattern_1vpxy_77",w="_tinted_1vpxy_100",t={emptyState:h,sm:f,md:q,lg:E,icon:I,title:b,description:C,action:O,pattern:T,tinted:w},z=new Set(j.ICON_NAMES),A=S.forwardRef(function({icon:n,title:_,description:c,action:i,size:d="md",pattern:p=!0,color:s,className:m,style:r,children:x,...y},u){const v=g.useT(),l=_??v("emptyState.title"),o=n===!1?null:n==null?e.jsx(a.Icon,{name:"FolderOpen"}):typeof n=="string"&&z.has(n)?e.jsx(a.Icon,{name:n}):n;return e.jsxs("div",{ref:u,className:N.clsx(t.emptyState,t[d],p&&t.pattern,s&&t.tinted,m),style:s?{"--tz-btn-rgb":`var(--tz-color-${s}-rgb)`,...r}:r,...y,children:[o!=null&&e.jsx("div",{className:t.icon,"aria-hidden":!0,children:o}),l!=null&&e.jsx("div",{className:t.title,children:l}),c!=null&&e.jsx("div",{className:t.description,children:c}),i!=null&&e.jsx("div",{className:t.action,children:i}),x]})});exports.EmptyState=A;
-//# sourceMappingURL=EmptyState-CO_NRZ6w.cjs.map
+"use strict";const e=require("react/jsx-runtime"),S=require("react"),N=require("clsx"),a=require("./Icon-BVULqOJD.cjs"),j=require("./names-BJnFU_5m.cjs"),g=require("./ConfigProvider-ByLHqXpv.cjs"),h="_emptyState_1vpxy_3",f="_sm_1vpxy_17",q="_md_1vpxy_23",E="_lg_1vpxy_29",I="_icon_1vpxy_37",b="_title_1vpxy_55",C="_description_1vpxy_61",O="_action_1vpxy_70",T="_pattern_1vpxy_77",w="_tinted_1vpxy_100",t={emptyState:h,sm:f,md:q,lg:E,icon:I,title:b,description:C,action:O,pattern:T,tinted:w},z=new Set(j.ICON_NAMES),A=S.forwardRef(function({icon:n,title:_,description:c,action:i,size:d="md",pattern:p=!0,color:s,className:m,style:r,children:x,...y},u){const v=g.useT(),l=_??v("emptyState.title"),o=n===!1?null:n==null?e.jsx(a.Icon,{name:"FolderOpen"}):typeof n=="string"&&z.has(n)?e.jsx(a.Icon,{name:n}):n;return e.jsxs("div",{ref:u,className:N.clsx(t.emptyState,t[d],p&&t.pattern,s&&t.tinted,m),style:s?{"--tz-btn-rgb":`var(--tz-color-${s}-rgb)`,...r}:r,...y,children:[o!=null&&e.jsx("div",{className:t.icon,"aria-hidden":!0,children:o}),l!=null&&e.jsx("div",{className:t.title,children:l}),c!=null&&e.jsx("div",{className:t.description,children:c}),i!=null&&e.jsx("div",{className:t.action,children:i}),x]})});exports.EmptyState=A;
+//# sourceMappingURL=EmptyState-B2_4BN4l.cjs.map

package/dist/{EmptyState-CO_NRZ6w.cjs.map → EmptyState-B2_4BN4l.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-CO_NRZ6w.cjs","sources":["../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './EmptyState.module.css'\n\nexport type EmptyStateSize = 'sm' | 'md' | 'lg'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Leading glyph shown in a soft circle — an `IconName`, any node, or `false` to hide it. Defaults to `FolderOpen`. */\n  icon?: IconName | ReactNode | false\n  /** Heading line. Defaults to `\"No Results Found\"`. */\n  title?: ReactNode\n  /** Muted description under the title (e.g. a hint on what to do next). */\n  description?: ReactNode\n  /** Action slot under the text — e.g. an \"Add Item\" or \"Clear Filters\" button. */\n  action?: ReactNode\n  /** Size — scales the icon, text, and vertical padding. Defaults to `md`. */\n  size?: EmptyStateSize\n  /**\n   * Polished \"hero\" look: a faded grid backdrop (fades out toward the edges) + an elevated icon\n   * (gradient + drop shadow). Defaults to `true`; pass `pattern={false}` for the flat, compact placeholder.\n   */\n  pattern?: boolean\n  /** Tint the icon puck with a theme color (e.g. `error` for a failure). Omitted → the neutral muted puck. */\n  color?: ThemeColor\n  /** Extra content rendered below the action. */\n  children?: ReactNode\n}\n\n/**\n * The empty-state placeholder — drop it in wherever a page, table, list, or gallery has nothing to\n * show (no records yet, no search matches). A centered, muted glyph in a soft circle + a `title` +\n * an optional `description` and `action` (e.g. a \"Add Item\" / \"Clear Filters\" button). Neutral by\n * design; pass a custom `icon` node for a tinted glyph. Token-only styling.\n */\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\n  {\n    icon,\n    title,\n    description,\n    action,\n    size = 'md',\n    pattern = true,\n    color,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const resolvedTitle = title ?? t('emptyState.title')\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name=\"FolderOpen\" />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.emptyState,\n        styles[size],\n        pattern && styles.pattern,\n        color && styles.tinted,\n        className,\n      )}\n      style={\n        (color\n          ? { '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style }\n          : style) as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <div className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </div>\n      )}\n      {resolvedTitle != null && <div className={styles.title}>{resolvedTitle}</div>}\n      {description != null && <div className={styles.description}>{description}</div>}\n      {action != null && <div className={styles.action}>{action}</div>}\n      {children}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","EmptyState","forwardRef","icon","title","description","action","size","pattern","color","className","style","children","props","ref","t","useT","resolvedTitle","renderedIcon","jsx","Icon","jsxs","clsx","styles"],"mappings":"2eASMA,EAAgB,IAAI,IAAYC,YAAU,EA8BnCC,EAAaC,EAAAA,WAA4C,SACpE,CACE,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EAAgBb,GAASW,EAAE,kBAAkB,EAC7CG,EACJf,IAAS,GAAQ,KAAOA,GAAQ,KAC9BgB,MAACC,EAAAA,KAAA,CAAK,KAAK,YAAA,CAAa,EACtB,OAAOjB,GAAS,UAAYJ,EAAc,IAAII,CAAI,EACpDgB,MAACC,EAAAA,KAAA,CAAK,KAAMjB,CAAA,CAAkB,EAE9BA,EAGJ,OACEkB,EAAAA,KAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAAA,KACTC,EAAO,WACPA,EAAOhB,CAAI,EACXC,GAAWe,EAAO,QAClBd,GAASc,EAAO,OAChBb,CAAA,EAEF,MACGD,EACG,CAAE,eAAgB,kBAAkBA,CAAK,QAAS,GAAGE,CAAA,EACrDA,EAEL,GAAGE,EAEH,SAAA,CAAAK,GAAgB,YACd,MAAA,CAAI,UAAWK,EAAO,KAAM,cAAW,GACrC,SAAAL,CAAA,CACH,EAEDD,GAAiB,MAAQE,EAAAA,IAAC,OAAI,UAAWI,EAAO,MAAQ,SAAAN,EAAc,EACtEZ,GAAe,MAAQc,EAAAA,IAAC,OAAI,UAAWI,EAAO,YAAc,SAAAlB,EAAY,EACxEC,GAAU,MAAQa,EAAAA,IAAC,OAAI,UAAWI,EAAO,OAAS,SAAAjB,EAAO,EACzDM,CAAA,CAAA,CAAA,CAGP,CAAC"}
+{"version":3,"file":"EmptyState-B2_4BN4l.cjs","sources":["../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './EmptyState.module.css'\n\nexport type EmptyStateSize = 'sm' | 'md' | 'lg'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Leading glyph shown in a soft circle — an `IconName`, any node, or `false` to hide it. Defaults to `FolderOpen`. */\n  icon?: IconName | ReactNode | false\n  /** Heading line. Defaults to `\"No Results Found\"`. */\n  title?: ReactNode\n  /** Muted description under the title (e.g. a hint on what to do next). */\n  description?: ReactNode\n  /** Action slot under the text — e.g. an \"Add Item\" or \"Clear Filters\" button. */\n  action?: ReactNode\n  /** Size — scales the icon, text, and vertical padding. Defaults to `md`. */\n  size?: EmptyStateSize\n  /**\n   * Polished \"hero\" look: a faded grid backdrop (fades out toward the edges) + an elevated icon\n   * (gradient + drop shadow). Defaults to `true`; pass `pattern={false}` for the flat, compact placeholder.\n   */\n  pattern?: boolean\n  /** Tint the icon puck with a theme color (e.g. `error` for a failure). Omitted → the neutral muted puck. */\n  color?: ThemeColor\n  /** Extra content rendered below the action. */\n  children?: ReactNode\n}\n\n/**\n * The empty-state placeholder — drop it in wherever a page, table, list, or gallery has nothing to\n * show (no records yet, no search matches). A centered, muted glyph in a soft circle + a `title` +\n * an optional `description` and `action` (e.g. a \"Add Item\" / \"Clear Filters\" button). Neutral by\n * design; pass a custom `icon` node for a tinted glyph. Token-only styling.\n */\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\n  {\n    icon,\n    title,\n    description,\n    action,\n    size = 'md',\n    pattern = true,\n    color,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const resolvedTitle = title ?? t('emptyState.title')\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name=\"FolderOpen\" />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.emptyState,\n        styles[size],\n        pattern && styles.pattern,\n        color && styles.tinted,\n        className,\n      )}\n      style={\n        (color\n          ? { '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style }\n          : style) as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <div className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </div>\n      )}\n      {resolvedTitle != null && <div className={styles.title}>{resolvedTitle}</div>}\n      {description != null && <div className={styles.description}>{description}</div>}\n      {action != null && <div className={styles.action}>{action}</div>}\n      {children}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","EmptyState","forwardRef","icon","title","description","action","size","pattern","color","className","style","children","props","ref","t","useT","resolvedTitle","renderedIcon","jsx","Icon","jsxs","clsx","styles"],"mappings":"2eASMA,EAAgB,IAAI,IAAYC,YAAU,EA8BnCC,EAAaC,EAAAA,WAA4C,SACpE,CACE,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EAAgBb,GAASW,EAAE,kBAAkB,EAC7CG,EACJf,IAAS,GAAQ,KAAOA,GAAQ,KAC9BgB,MAACC,EAAAA,KAAA,CAAK,KAAK,YAAA,CAAa,EACtB,OAAOjB,GAAS,UAAYJ,EAAc,IAAII,CAAI,EACpDgB,MAACC,EAAAA,KAAA,CAAK,KAAMjB,CAAA,CAAkB,EAE9BA,EAGJ,OACEkB,EAAAA,KAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EAAAA,KACTC,EAAO,WACPA,EAAOhB,CAAI,EACXC,GAAWe,EAAO,QAClBd,GAASc,EAAO,OAChBb,CAAA,EAEF,MACGD,EACG,CAAE,eAAgB,kBAAkBA,CAAK,QAAS,GAAGE,CAAA,EACrDA,EAEL,GAAGE,EAEH,SAAA,CAAAK,GAAgB,YACd,MAAA,CAAI,UAAWK,EAAO,KAAM,cAAW,GACrC,SAAAL,CAAA,CACH,EAEDD,GAAiB,MAAQE,EAAAA,IAAC,OAAI,UAAWI,EAAO,MAAQ,SAAAN,EAAc,EACtEZ,GAAe,MAAQc,EAAAA,IAAC,OAAI,UAAWI,EAAO,YAAc,SAAAlB,EAAY,EACxEC,GAAU,MAAQa,EAAAA,IAAC,OAAI,UAAWI,EAAO,OAAS,SAAAjB,EAAO,EACzDM,CAAA,CAAA,CAAA,CAGP,CAAC"}

package/dist/{EmptyState-BtwuzX9Z.js → EmptyState-DwT9_HW7.js}

@@ -3,7 +3,7 @@ import { forwardRef as S } from "react";
 import { clsx as N } from "clsx";
 import { I as c } from "./Icon-DaTvzLBu.js";
 import { a as h } from "./names-r21QPjcU.js";
-import { a as g } from "./ConfigProvider-B_RSn9bb.js";
+import { a as g } from "./ConfigProvider-BbsI15b-.js";
 const E = "_emptyState_1vpxy_3", I = "_sm_1vpxy_17", b = "_md_1vpxy_23", O = "_lg_1vpxy_29", T = "_icon_1vpxy_37", j = "_title_1vpxy_55", w = "_description_1vpxy_61", z = "_action_1vpxy_70", A = "_pattern_1vpxy_77", C = "_tinted_1vpxy_100", t = {
   emptyState: E,
   sm: I,
@@ -55,4 +55,4 @@ const E = "_emptyState_1vpxy_3", I = "_sm_1vpxy_17", b = "_md_1vpxy_23", O = "_l
 export {
   G as E
 };
-//# sourceMappingURL=EmptyState-BtwuzX9Z.js.map
+//# sourceMappingURL=EmptyState-DwT9_HW7.js.map

package/dist/{EmptyState-BtwuzX9Z.js.map → EmptyState-DwT9_HW7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyState-BtwuzX9Z.js","sources":["../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './EmptyState.module.css'\n\nexport type EmptyStateSize = 'sm' | 'md' | 'lg'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Leading glyph shown in a soft circle — an `IconName`, any node, or `false` to hide it. Defaults to `FolderOpen`. */\n  icon?: IconName | ReactNode | false\n  /** Heading line. Defaults to `\"No Results Found\"`. */\n  title?: ReactNode\n  /** Muted description under the title (e.g. a hint on what to do next). */\n  description?: ReactNode\n  /** Action slot under the text — e.g. an \"Add Item\" or \"Clear Filters\" button. */\n  action?: ReactNode\n  /** Size — scales the icon, text, and vertical padding. Defaults to `md`. */\n  size?: EmptyStateSize\n  /**\n   * Polished \"hero\" look: a faded grid backdrop (fades out toward the edges) + an elevated icon\n   * (gradient + drop shadow). Defaults to `true`; pass `pattern={false}` for the flat, compact placeholder.\n   */\n  pattern?: boolean\n  /** Tint the icon puck with a theme color (e.g. `error` for a failure). Omitted → the neutral muted puck. */\n  color?: ThemeColor\n  /** Extra content rendered below the action. */\n  children?: ReactNode\n}\n\n/**\n * The empty-state placeholder — drop it in wherever a page, table, list, or gallery has nothing to\n * show (no records yet, no search matches). A centered, muted glyph in a soft circle + a `title` +\n * an optional `description` and `action` (e.g. a \"Add Item\" / \"Clear Filters\" button). Neutral by\n * design; pass a custom `icon` node for a tinted glyph. Token-only styling.\n */\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\n  {\n    icon,\n    title,\n    description,\n    action,\n    size = 'md',\n    pattern = true,\n    color,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const resolvedTitle = title ?? t('emptyState.title')\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name=\"FolderOpen\" />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.emptyState,\n        styles[size],\n        pattern && styles.pattern,\n        color && styles.tinted,\n        className,\n      )}\n      style={\n        (color\n          ? { '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style }\n          : style) as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <div className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </div>\n      )}\n      {resolvedTitle != null && <div className={styles.title}>{resolvedTitle}</div>}\n      {description != null && <div className={styles.description}>{description}</div>}\n      {action != null && <div className={styles.action}>{action}</div>}\n      {children}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","EmptyState","forwardRef","icon","title","description","action","size","pattern","color","className","style","children","props","ref","t","useT","resolvedTitle","renderedIcon","jsx","Icon","jsxs","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;GASMA,IAAgB,IAAI,IAAYC,CAAU,GA8BnCC,IAAaC,EAA4C,SACpE;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IAAgBb,KAASW,EAAE,kBAAkB,GAC7CG,IACJf,MAAS,KAAQ,OAAOA,KAAQ,OAC9B,gBAAAgB,EAACC,GAAA,EAAK,MAAK,aAAA,CAAa,IACtB,OAAOjB,KAAS,YAAYJ,EAAc,IAAII,CAAI,IACpD,gBAAAgB,EAACC,GAAA,EAAK,MAAMjB,EAAA,CAAkB,IAE9BA;AAGJ,SACE,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWQ;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOhB,CAAI;AAAA,QACXC,KAAWe,EAAO;AAAA,QAClBd,KAASc,EAAO;AAAA,QAChBb;AAAA,MAAA;AAAA,MAEF,OACGD,IACG,EAAE,gBAAgB,kBAAkBA,CAAK,SAAS,GAAGE,EAAA,IACrDA;AAAA,MAEL,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAK,KAAgB,0BACd,OAAA,EAAI,WAAWK,EAAO,MAAM,eAAW,IACrC,UAAAL,EAAA,CACH;AAAA,QAEDD,KAAiB,QAAQ,gBAAAE,EAAC,SAAI,WAAWI,EAAO,OAAQ,UAAAN,GAAc;AAAA,QACtEZ,KAAe,QAAQ,gBAAAc,EAAC,SAAI,WAAWI,EAAO,aAAc,UAAAlB,GAAY;AAAA,QACxEC,KAAU,QAAQ,gBAAAa,EAAC,SAAI,WAAWI,EAAO,QAAS,UAAAjB,GAAO;AAAA,QACzDM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"EmptyState-DwT9_HW7.js","sources":["../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './EmptyState.module.css'\n\nexport type EmptyStateSize = 'sm' | 'md' | 'lg'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Leading glyph shown in a soft circle — an `IconName`, any node, or `false` to hide it. Defaults to `FolderOpen`. */\n  icon?: IconName | ReactNode | false\n  /** Heading line. Defaults to `\"No Results Found\"`. */\n  title?: ReactNode\n  /** Muted description under the title (e.g. a hint on what to do next). */\n  description?: ReactNode\n  /** Action slot under the text — e.g. an \"Add Item\" or \"Clear Filters\" button. */\n  action?: ReactNode\n  /** Size — scales the icon, text, and vertical padding. Defaults to `md`. */\n  size?: EmptyStateSize\n  /**\n   * Polished \"hero\" look: a faded grid backdrop (fades out toward the edges) + an elevated icon\n   * (gradient + drop shadow). Defaults to `true`; pass `pattern={false}` for the flat, compact placeholder.\n   */\n  pattern?: boolean\n  /** Tint the icon puck with a theme color (e.g. `error` for a failure). Omitted → the neutral muted puck. */\n  color?: ThemeColor\n  /** Extra content rendered below the action. */\n  children?: ReactNode\n}\n\n/**\n * The empty-state placeholder — drop it in wherever a page, table, list, or gallery has nothing to\n * show (no records yet, no search matches). A centered, muted glyph in a soft circle + a `title` +\n * an optional `description` and `action` (e.g. a \"Add Item\" / \"Clear Filters\" button). Neutral by\n * design; pass a custom `icon` node for a tinted glyph. Token-only styling.\n */\nexport const EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\n  {\n    icon,\n    title,\n    description,\n    action,\n    size = 'md',\n    pattern = true,\n    color,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const resolvedTitle = title ?? t('emptyState.title')\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name=\"FolderOpen\" />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        styles.emptyState,\n        styles[size],\n        pattern && styles.pattern,\n        color && styles.tinted,\n        className,\n      )}\n      style={\n        (color\n          ? { '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style }\n          : style) as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <div className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </div>\n      )}\n      {resolvedTitle != null && <div className={styles.title}>{resolvedTitle}</div>}\n      {description != null && <div className={styles.description}>{description}</div>}\n      {action != null && <div className={styles.action}>{action}</div>}\n      {children}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","EmptyState","forwardRef","icon","title","description","action","size","pattern","color","className","style","children","props","ref","t","useT","resolvedTitle","renderedIcon","jsx","Icon","jsxs","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;GASMA,IAAgB,IAAI,IAAYC,CAAU,GA8BnCC,IAAaC,EAA4C,SACpE;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IAAgBb,KAASW,EAAE,kBAAkB,GAC7CG,IACJf,MAAS,KAAQ,OAAOA,KAAQ,OAC9B,gBAAAgB,EAACC,GAAA,EAAK,MAAK,aAAA,CAAa,IACtB,OAAOjB,KAAS,YAAYJ,EAAc,IAAII,CAAI,IACpD,gBAAAgB,EAACC,GAAA,EAAK,MAAMjB,EAAA,CAAkB,IAE9BA;AAGJ,SACE,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,WAAWQ;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOhB,CAAI;AAAA,QACXC,KAAWe,EAAO;AAAA,QAClBd,KAASc,EAAO;AAAA,QAChBb;AAAA,MAAA;AAAA,MAEF,OACGD,IACG,EAAE,gBAAgB,kBAAkBA,CAAK,SAAS,GAAGE,EAAA,IACrDA;AAAA,MAEL,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAK,KAAgB,0BACd,OAAA,EAAI,WAAWK,EAAO,MAAM,eAAW,IACrC,UAAAL,EAAA,CACH;AAAA,QAEDD,KAAiB,QAAQ,gBAAAE,EAAC,SAAI,WAAWI,EAAO,OAAQ,UAAAN,GAAc;AAAA,QACtEZ,KAAe,QAAQ,gBAAAc,EAAC,SAAI,WAAWI,EAAO,aAAc,UAAAlB,GAAY;AAAA,QACxEC,KAAU,QAAQ,gBAAAa,EAAC,SAAI,WAAWI,EAAO,QAAS,UAAAjB,GAAO;AAAA,QACzDM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/ErrorBoundary-CYSOAQlB.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),v=require("react"),z=require("clsx"),M=require("./Button-CusxDmfq.cjs"),$=require("./CopyButton-SFwjKod9.cjs"),w=require("./EmptyState-B2_4BN4l.cjs"),K=require("./Icon-BVULqOJD.cjs"),S=require("./ConfigProvider-ByLHqXpv.cjs");function x(t,r=e=>`Request failed (${e})`){var c,u,o;if(t==null||t===!1)return;if(typeof t=="string")return t.trim()||void 0;if(typeof t!="object")return String(t);const e=t,s=(u=(c=e.response)==null?void 0:c.data)==null?void 0:u.message;if(typeof s=="string"&&s.trim())return s.trim();if(typeof e.message=="string"&&e.message.trim())return e.message.trim();const i=typeof e.status=="number"?e.status:(o=e.response)==null?void 0:o.status;if(typeof i=="number")return r(i)}function I(t){if(t!=null){if(t instanceof Error)return t.stack||`${t.name}: ${t.message}`;if(typeof t=="string")return t;try{return JSON.stringify(t,null,2)}catch{return String(t)}}}function b(t){var s,i;if(t==null||typeof t!="object")return;const r=t,e=typeof r.traceId=="string"?r.traceId:(i=(s=r.response)==null?void 0:s.data)==null?void 0:i.traceId;return typeof e=="string"&&e.trim()?e.trim():void 0}function N(t){var i,c;if(t==null||typeof t!="object")return;const r=t,e=r.fieldErrors??((c=(i=r.response)==null?void 0:i.data)==null?void 0:c.errors);if(e==null||typeof e!="object"||Array.isArray(e))return;const s={};for(const[u,o]of Object.entries(e))typeof o=="string"&&o.trim()?s[u]=o:Array.isArray(o)&&typeof o[0]=="string"&&(s[u]=o[0]);return Object.keys(s).length>0?s:void 0}const V="_errorState_iuur1_4",J="_actions_iuur1_9",L="_fieldErrors_iuur1_18",U="_field_iuur1_18",G="_trace_iuur1_32",H="_traceId_iuur1_39",Q="_compact_iuur1_45",W="_details_iuur1_50",X="_summary_iuur1_56",Y="_pre_iuur1_63",a={errorState:V,actions:J,fieldErrors:L,field:U,trace:G,traceId:H,compact:Q,details:W,summary:X,pre:Y},Z=typeof process<"u"&&process.env.NODE_ENV!=="production",q=v.forwardRef(function({error:r,title:e,description:s,icon:i="Danger",onRetry:c,retryLabel:u,showDetails:o="dev",compact:f=!1,traceId:y,fieldErrors:g,size:D,pattern:k,action:h,className:C,children:O,...B},R){const l=S.useT(),F=x(r,d=>l("errorState.requestFailed",{status:d})),p=y===!1?void 0:y??b(r),m=g===!1?void 0:g??N(r),A=m&&Object.keys(m).length>0?n.jsx("ul",{className:a.fieldErrors,children:Object.entries(m).map(([d,T])=>n.jsxs("li",{children:[n.jsx("span",{className:a.field,children:d})," — ",T]},d))}):void 0,E=(o==="dev"?Z:o)?I(r):void 0,_=c!=null?n.jsx(M.Button,{size:"sm",variant:"outlined",color:"primary",startIcon:n.jsx(K.Icon,{name:"RefreshRight"}),onClick:c,children:u??l("errorState.retry")}):null;return n.jsxs(w.EmptyState,{ref:R,role:"alert","aria-live":"polite",color:"error",icon:i,title:e??l("errorState.title"),description:s??A??F??l("errorState.description"),size:D??(f?"sm":"md"),pattern:k??!f,action:_||h?n.jsxs("span",{className:a.actions,children:[_,h]}):void 0,className:z.clsx(a.errorState,f&&a.compact,C),...B,children:[p!=null&&n.jsxs("span",{className:a.trace,children:[n.jsxs("span",{children:[l("errorState.traceId"),": ",n.jsx("code",{className:a.traceId,children:p})]}),n.jsx($.CopyButton,{value:p,size:"sm",variant:"text",color:"primary"})]}),E!=null&&n.jsxs("details",{className:a.details,children:[n.jsx("summary",{className:a.summary,children:l("errorState.details")}),n.jsx("pre",{className:a.pre,children:E})]}),O]})}),P=(t=[],r=[])=>t.length!==r.length||t.some((e,s)=>!Object.is(e,r[s])),j=t=>t instanceof Error?t:new Error(String(t));function tt({error:t,reset:r}){const e=S.useT();return n.jsx(q,{error:t,description:e("errorState.description"),onRetry:r})}class et extends v.Component{constructor(){super(...arguments),this.state={error:null},this.reset=()=>{var r,e;this.setState({error:null}),(e=(r=this.props).onReset)==null||e.call(r)}}static getDerivedStateFromError(r){return{error:j(r)}}componentDidCatch(r,e){var s,i;(i=(s=this.props).onError)==null||i.call(s,j(r),e)}componentDidUpdate(r,e){this.state.error&&e.error&&P(r.resetKeys,this.props.resetKeys)&&this.reset()}render(){const{error:r}=this.state;if(!r)return this.props.children;const{fallback:e}=this.props;return typeof e=="function"?e(r,this.reset):e!==void 0?e:n.jsx(tt,{error:r,reset:this.reset})}}exports.ErrorBoundary=et;exports.ErrorState=q;exports.getErrorDetails=I;exports.getErrorFieldErrors=N;exports.getErrorMessage=x;exports.getErrorTraceId=b;
+//# sourceMappingURL=ErrorBoundary-CYSOAQlB.cjs.map

package/dist/ErrorBoundary-CYSOAQlB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-CYSOAQlB.cjs","sources":["../src/components/ErrorState/errorMessage.ts","../src/components/ErrorState/ErrorState.tsx","../src/components/ErrorState/ErrorBoundary.tsx"],"sourcesContent":["/**\n * Pull a human-readable message out of whatever was thrown / returned — the shapes admin apps actually see:\n *\n * 1. an axios-style error with a server body — `error.response.data.message` (the backend's own sentence)\n * 2. an `Error` (or anything with a string `message`) — `error.message`\n * 3. a raw HTTP response / status object — `{ status: 404, statusText }` → `\"Request failed (404)\"`\n * 4. a plain string\n *\n * Returns `undefined` when nothing usable is found (the caller shows its generic fallback). Pure — pass\n * `requestFailed` to localize case 3 (`{status}` is interpolated).\n */\nexport function getErrorMessage(\n  error: unknown,\n  requestFailed: (status: number) => string = (status) => `Request failed (${status})`,\n): string | undefined {\n  if (error == null || error === false) return undefined\n  if (typeof error === 'string') return error.trim() || undefined\n  if (typeof error !== 'object') return String(error)\n\n  const e = error as {\n    message?: unknown\n    status?: unknown\n    response?: { data?: { message?: unknown }; status?: unknown }\n  }\n  const serverMessage = e.response?.data?.message\n  if (typeof serverMessage === 'string' && serverMessage.trim()) return serverMessage.trim()\n  if (typeof e.message === 'string' && e.message.trim()) return e.message.trim()\n  const status = typeof e.status === 'number' ? e.status : e.response?.status\n  if (typeof status === 'number') return requestFailed(status)\n  return undefined\n}\n\n/** A stack / detail dump for the developer-facing details panel (Error → `name: message` + stack). */\nexport function getErrorDetails(error: unknown): string | undefined {\n  if (error == null) return undefined\n  if (error instanceof Error) return error.stack || `${error.name}: ${error.message}`\n  if (typeof error === 'string') return error\n  try {\n    return JSON.stringify(error, null, 2)\n  } catch {\n    return String(error)\n  }\n}\n\n/**\n * The server's **trace id** for a failed request — the handle that matches a user's report to the server\n * log. Read from `error.traceId` (e.g. an app `ApiError` carrying the response envelope's `traceId`) or an\n * axios-style `error.response.data.traceId`. `undefined` when there is none.\n */\nexport function getErrorTraceId(error: unknown): string | undefined {\n  if (error == null || typeof error !== 'object') return undefined\n  const e = error as { traceId?: unknown; response?: { data?: { traceId?: unknown } } }\n  const id = typeof e.traceId === 'string' ? e.traceId : e.response?.data?.traceId\n  return typeof id === 'string' && id.trim() ? id.trim() : undefined\n}\n\n/**\n * Per-field validation messages of a `400` — `{ field: 'message' }`. Read from `error.fieldErrors` (an app\n * `ApiError`) or an axios-style `error.response.data.errors` (ASP.NET sends a string **or** an array of\n * strings per field — the first string wins). `undefined` when there are none.\n */\nexport function getErrorFieldErrors(error: unknown): Record<string, string> | undefined {\n  if (error == null || typeof error !== 'object') return undefined\n  const e = error as { fieldErrors?: unknown; response?: { data?: { errors?: unknown } } }\n  const raw = e.fieldErrors ?? e.response?.data?.errors\n  if (raw == null || typeof raw !== 'object' || Array.isArray(raw)) return undefined\n  const out: Record<string, string> = {}\n  for (const [field, message] of Object.entries(raw as Record<string, unknown>)) {\n    if (typeof message === 'string' && message.trim()) out[field] = message\n    else if (Array.isArray(message) && typeof message[0] === 'string') out[field] = message[0]\n  }\n  return Object.keys(out).length > 0 ? out : undefined\n}\n","import { forwardRef, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { CopyButton } from '../CopyButton'\nimport { EmptyState, type EmptyStateProps } from '../EmptyState'\nimport { Icon } from '../Icon'\nimport type { IconName } from '../../icons/names'\nimport {\n  getErrorDetails,\n  getErrorFieldErrors,\n  getErrorMessage,\n  getErrorTraceId,\n} from './errorMessage'\nimport styles from './ErrorState.module.css'\n\n// `process.env.NODE_ENV` is inlined by every consumer bundler (React's own convention); declared locally\n// since the library ships without `@types/node`.\ndeclare const process: { env: { NODE_ENV?: string } } | undefined\nconst IS_DEV = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'\n\nexport interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title' | 'color'> {\n  /**\n   * What failed — an `Error`, a string, an axios-style error, a `{ message }` or a raw `{ status }`\n   * response. Its message becomes the description (unless `description` is given) and its stack feeds\n   * the details panel.\n   */\n  error?: unknown\n  /** Heading. Defaults to the localized \"Something went wrong\". */\n  title?: ReactNode\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger`, tinted `error`. */\n  icon?: IconName | ReactNode | false\n  /** Adds a \"Try again\" button that calls this (e.g. a query's `refetch`). */\n  onRetry?: () => void\n  /** Retry button label. Defaults to the localized \"Try again\". */\n  retryLabel?: ReactNode\n  /**\n   * Show a collapsible technical details panel (stack / raw error). `'dev'` (default) shows it only in\n   * development builds; `true` always; `false` never.\n   */\n  showDetails?: boolean | 'dev'\n  /** The inline variant — small, no hero pattern — for inside a table, card or panel. Defaults to `false`. */\n  compact?: boolean\n  /**\n   * The server's trace id, shown under the message with a copy button (it matches a report to the server\n   * log). Defaults to the one on `error` (`error.traceId` / `error.response.data.traceId`); `false` hides it.\n   */\n  traceId?: string | false\n  /**\n   * Per-field validation messages (`{ field: message }`), listed as the description when there's no explicit\n   * `description`. Defaults to the ones on `error` (`error.fieldErrors` / `error.response.data.errors`);\n   * `false` hides them. In a form, put them on the inputs instead.\n   */\n  fieldErrors?: Record<string, string> | false\n}\n\n/**\n * The \"loading failed\" counterpart of `EmptyState` — a semantic preset over it: an `error`-tinted\n * `Danger` puck, a localized \"Something went wrong\" title, the failure's own message as the description\n * (extracted from an `Error`, a string, an axios-style `response.data.message`, a `{ message }`, or a raw\n * `{ status }` response → \"Request failed (404)\"), an optional **Try again** button (`onRetry`), and a\n * developer-only details panel with the stack (`showDetails`, default `'dev'`). `compact` is the inline\n * variant for a table / card. The server's `traceId` (copyable) and a 400's per-field `fieldErrors` are shown\n * when the error carries them. Announced to assistive tech (`role=\"alert\"`, `aria-live=\"polite\"`).\n * `forwardRef` to the root; any other `EmptyState` prop (`size`, `pattern`, `action`, …) passes through.\n */\nexport const ErrorState = forwardRef<HTMLDivElement, ErrorStateProps>(function ErrorState(\n  {\n    error,\n    title,\n    description,\n    icon = 'Danger',\n    onRetry,\n    retryLabel,\n    showDetails = 'dev',\n    compact = false,\n    traceId: traceIdProp,\n    fieldErrors: fieldErrorsProp,\n    size,\n    pattern,\n    action,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const message = getErrorMessage(error, (status) => t('errorState.requestFailed', { status }))\n  const traceId = traceIdProp === false ? undefined : (traceIdProp ?? getErrorTraceId(error))\n  const fieldErrors =\n    fieldErrorsProp === false ? undefined : (fieldErrorsProp ?? getErrorFieldErrors(error))\n  const fieldErrorList =\n    fieldErrors && Object.keys(fieldErrors).length > 0 ? (\n      <ul className={styles.fieldErrors}>\n        {Object.entries(fieldErrors).map(([field, msg]) => (\n          <li key={field}>\n            <span className={styles.field}>{field}</span> — {msg}\n          </li>\n        ))}\n      </ul>\n    ) : undefined\n  const details = (showDetails === 'dev' ? IS_DEV : showDetails)\n    ? getErrorDetails(error)\n    : undefined\n\n  const retry =\n    onRetry != null ? (\n      <Button\n        size=\"sm\"\n        variant=\"outlined\"\n        color=\"primary\"\n        startIcon={<Icon name=\"RefreshRight\" />}\n        onClick={onRetry}\n      >\n        {retryLabel ?? t('errorState.retry')}\n      </Button>\n    ) : null\n\n  return (\n    <EmptyState\n      ref={ref}\n      role=\"alert\"\n      aria-live=\"polite\"\n      color=\"error\"\n      icon={icon}\n      title={title ?? t('errorState.title')}\n      // a 400's message is the generic \"validation errors occurred\" — the per-field list is the useful part\n      description={description ?? fieldErrorList ?? message ?? t('errorState.description')}\n      size={size ?? (compact ? 'sm' : 'md')}\n      pattern={pattern ?? !compact}\n      action={\n        retry || action ? (\n          <span className={styles.actions}>\n            {retry}\n            {action}\n          </span>\n        ) : undefined\n      }\n      className={clsx(styles.errorState, compact && styles.compact, className)}\n      {...props}\n    >\n      {traceId != null && (\n        <span className={styles.trace}>\n          <span>\n            {t('errorState.traceId')}: <code className={styles.traceId}>{traceId}</code>\n          </span>\n          <CopyButton value={traceId} size=\"sm\" variant=\"text\" color=\"primary\" />\n        </span>\n      )}\n      {details != null && (\n        <details className={styles.details}>\n          <summary className={styles.summary}>{t('errorState.details')}</summary>\n          <pre className={styles.pre}>{details}</pre>\n        </details>\n      )}\n      {children}\n    </EmptyState>\n  )\n})\n","import { Component, type ErrorInfo, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { ErrorState } from './ErrorState'\n\nexport interface ErrorBoundaryProps {\n  /**\n   * What to render after a crash — a node, or `(error, reset) => node`. Defaults to an `ErrorState` with\n   * a friendly description, a **Try again** button (`reset`) and the stack in dev.\n   */\n  fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode)\n  /** Report the crash (e.g. `Sentry.captureException`). */\n  onError?: (error: Error, info: ErrorInfo) => void\n  /** Called after the boundary resets (Try again, or a `resetKeys` change). */\n  onReset?: () => void\n  /** Reset automatically when any of these change (shallow) — e.g. `[location.pathname]` clears on navigation. */\n  resetKeys?: unknown[]\n  children?: ReactNode\n}\n\ninterface ErrorBoundaryState {\n  error: Error | null\n}\n\nconst keysChanged = (a: unknown[] = [], b: unknown[] = []) =>\n  a.length !== b.length || a.some((v, i) => !Object.is(v, b[i]))\n\nconst toError = (value: unknown) => (value instanceof Error ? value : new Error(String(value)))\n\n/** The default crash screen — a function component so it can read the localized strings. */\nfunction DefaultFallback({ error, reset }: { error: Error; reset: () => void }) {\n  const t = useT()\n  // a render crash message (\"Cannot read properties of undefined\") is for developers, not users —\n  // the description stays friendly and the raw error lives in the dev-only details panel\n  return <ErrorState error={error} description={t('errorState.description')} onRetry={reset} />\n}\n\n/**\n * Catches render errors in its subtree and shows a fallback instead of unmounting the whole app (a\n * white screen). The one class component in the library — React only offers error boundaries as\n * classes. `fallback` is a node or `(error, reset) => node` (default: an `ErrorState` with Try again);\n * `onError` reports the crash (Sentry); `resetKeys` resets it when they change (e.g. the route path, so\n * navigating away recovers); `onReset` runs after any reset. `AdminRoot` mounts one around the page\n * content automatically, so a crashing page keeps the sidebar + header.\n */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  state: ErrorBoundaryState = { error: null }\n\n  static getDerivedStateFromError(error: unknown): ErrorBoundaryState {\n    return { error: toError(error) }\n  }\n\n  componentDidCatch(error: unknown, info: ErrorInfo) {\n    this.props.onError?.(toError(error), info)\n  }\n\n  componentDidUpdate(prev: ErrorBoundaryProps, prevState: ErrorBoundaryState) {\n    // reset only an error that was ALREADY showing before the keys changed — if the key change itself is\n    // what crashed the subtree (same render), resetting would just re-render it into a second throw\n    if (this.state.error && prevState.error && keysChanged(prev.resetKeys, this.props.resetKeys)) {\n      this.reset()\n    }\n  }\n\n  reset = () => {\n    this.setState({ error: null })\n    this.props.onReset?.()\n  }\n\n  render() {\n    const { error } = this.state\n    if (!error) return this.props.children\n    const { fallback } = this.props\n    if (typeof fallback === 'function') return fallback(error, this.reset)\n    if (fallback !== undefined) return fallback\n    return <DefaultFallback error={error} reset={this.reset} />\n  }\n}\n"],"names":["getErrorMessage","error","requestFailed","status","serverMessage","_b","_a","_c","getErrorDetails","getErrorTraceId","e","id","getErrorFieldErrors","raw","out","field","message","IS_DEV","ErrorState","forwardRef","title","description","icon","onRetry","retryLabel","showDetails","compact","traceIdProp","fieldErrorsProp","size","pattern","action","className","children","props","ref","t","useT","traceId","fieldErrors","fieldErrorList","jsx","styles","msg","jsxs","details","retry","Button","Icon","EmptyState","clsx","CopyButton","keysChanged","a","b","v","i","toError","value","DefaultFallback","reset","ErrorBoundary","Component","info","prev","prevState","fallback"],"mappings":"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"}

package/dist/ErrorBoundary-CsDHKYB4.js

@@ -0,0 +1,163 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as A, Component as B } from "react";
+import { clsx as F } from "clsx";
+import { B as z } from "./Button-CWMNNiia.js";
+import { C as $ } from "./CopyButton-D4s8aeSE.js";
+import { E as q } from "./EmptyState-DwT9_HW7.js";
+import { I as w } from "./Icon-DaTvzLBu.js";
+import { a as I } from "./ConfigProvider-BbsI15b-.js";
+function K(t, e = (r) => `Request failed (${r})`) {
+  var c, l, n;
+  if (t == null || t === !1) return;
+  if (typeof t == "string") return t.trim() || void 0;
+  if (typeof t != "object") return String(t);
+  const r = t, s = (l = (c = r.response) == null ? void 0 : c.data) == null ? void 0 : l.message;
+  if (typeof s == "string" && s.trim()) return s.trim();
+  if (typeof r.message == "string" && r.message.trim()) return r.message.trim();
+  const i = typeof r.status == "number" ? r.status : (n = r.response) == null ? void 0 : n.status;
+  if (typeof i == "number") return e(i);
+}
+function M(t) {
+  if (t != null) {
+    if (t instanceof Error) return t.stack || `${t.name}: ${t.message}`;
+    if (typeof t == "string") return t;
+    try {
+      return JSON.stringify(t, null, 2);
+    } catch {
+      return String(t);
+    }
+  }
+}
+function T(t) {
+  var s, i;
+  if (t == null || typeof t != "object") return;
+  const e = t, r = typeof e.traceId == "string" ? e.traceId : (i = (s = e.response) == null ? void 0 : s.data) == null ? void 0 : i.traceId;
+  return typeof r == "string" && r.trim() ? r.trim() : void 0;
+}
+function V(t) {
+  var i, c;
+  if (t == null || typeof t != "object") return;
+  const e = t, r = e.fieldErrors ?? ((c = (i = e.response) == null ? void 0 : i.data) == null ? void 0 : c.errors);
+  if (r == null || typeof r != "object" || Array.isArray(r)) return;
+  const s = {};
+  for (const [l, n] of Object.entries(r))
+    typeof n == "string" && n.trim() ? s[l] = n : Array.isArray(n) && typeof n[0] == "string" && (s[l] = n[0]);
+  return Object.keys(s).length > 0 ? s : void 0;
+}
+const J = "_errorState_iuur1_4", L = "_actions_iuur1_9", U = "_fieldErrors_iuur1_18", G = "_field_iuur1_18", H = "_trace_iuur1_32", Q = "_traceId_iuur1_39", W = "_compact_iuur1_45", X = "_details_iuur1_50", Y = "_summary_iuur1_56", Z = "_pre_iuur1_63", o = {
+  errorState: J,
+  actions: L,
+  fieldErrors: U,
+  field: G,
+  trace: H,
+  traceId: Q,
+  compact: W,
+  details: X,
+  summary: Y,
+  pre: Z
+}, P = typeof process < "u" && process.env.NODE_ENV !== "production", tt = A(function({
+  error: e,
+  title: r,
+  description: s,
+  icon: i = "Danger",
+  onRetry: c,
+  retryLabel: l,
+  showDetails: n = "dev",
+  compact: m = !1,
+  traceId: g,
+  fieldErrors: h,
+  size: b,
+  pattern: N,
+  action: _,
+  className: j,
+  children: k,
+  ...D
+}, O) {
+  const u = I(), x = K(e, (f) => u("errorState.requestFailed", { status: f })), p = g === !1 ? void 0 : g ?? T(e), y = h === !1 ? void 0 : h ?? V(e), C = y && Object.keys(y).length > 0 ? /* @__PURE__ */ a("ul", { className: o.fieldErrors, children: Object.entries(y).map(([f, R]) => /* @__PURE__ */ d("li", { children: [
+    /* @__PURE__ */ a("span", { className: o.field, children: f }),
+    " — ",
+    R
+  ] }, f)) }) : void 0, E = (n === "dev" ? P : n) ? M(e) : void 0, v = c != null ? /* @__PURE__ */ a(
+    z,
+    {
+      size: "sm",
+      variant: "outlined",
+      color: "primary",
+      startIcon: /* @__PURE__ */ a(w, { name: "RefreshRight" }),
+      onClick: c,
+      children: l ?? u("errorState.retry")
+    }
+  ) : null;
+  return /* @__PURE__ */ d(
+    q,
+    {
+      ref: O,
+      role: "alert",
+      "aria-live": "polite",
+      color: "error",
+      icon: i,
+      title: r ?? u("errorState.title"),
+      description: s ?? C ?? x ?? u("errorState.description"),
+      size: b ?? (m ? "sm" : "md"),
+      pattern: N ?? !m,
+      action: v || _ ? /* @__PURE__ */ d("span", { className: o.actions, children: [
+        v,
+        _
+      ] }) : void 0,
+      className: F(o.errorState, m && o.compact, j),
+      ...D,
+      children: [
+        p != null && /* @__PURE__ */ d("span", { className: o.trace, children: [
+          /* @__PURE__ */ d("span", { children: [
+            u("errorState.traceId"),
+            ": ",
+            /* @__PURE__ */ a("code", { className: o.traceId, children: p })
+          ] }),
+          /* @__PURE__ */ a($, { value: p, size: "sm", variant: "text", color: "primary" })
+        ] }),
+        E != null && /* @__PURE__ */ d("details", { className: o.details, children: [
+          /* @__PURE__ */ a("summary", { className: o.summary, children: u("errorState.details") }),
+          /* @__PURE__ */ a("pre", { className: o.pre, children: E })
+        ] }),
+        k
+      ]
+    }
+  );
+}), rt = (t = [], e = []) => t.length !== e.length || t.some((r, s) => !Object.is(r, e[s])), S = (t) => t instanceof Error ? t : new Error(String(t));
+function et({ error: t, reset: e }) {
+  const r = I();
+  return /* @__PURE__ */ a(tt, { error: t, description: r("errorState.description"), onRetry: e });
+}
+class dt extends B {
+  constructor() {
+    super(...arguments), this.state = { error: null }, this.reset = () => {
+      var e, r;
+      this.setState({ error: null }), (r = (e = this.props).onReset) == null || r.call(e);
+    };
+  }
+  static getDerivedStateFromError(e) {
+    return { error: S(e) };
+  }
+  componentDidCatch(e, r) {
+    var s, i;
+    (i = (s = this.props).onError) == null || i.call(s, S(e), r);
+  }
+  componentDidUpdate(e, r) {
+    this.state.error && r.error && rt(e.resetKeys, this.props.resetKeys) && this.reset();
+  }
+  render() {
+    const { error: e } = this.state;
+    if (!e) return this.props.children;
+    const { fallback: r } = this.props;
+    return typeof r == "function" ? r(e, this.reset) : r !== void 0 ? r : /* @__PURE__ */ a(et, { error: e, reset: this.reset });
+  }
+}
+export {
+  dt as E,
+  tt as a,
+  V as b,
+  K as c,
+  T as d,
+  M as g
+};
+//# sourceMappingURL=ErrorBoundary-CsDHKYB4.js.map

package/dist/ErrorBoundary-CsDHKYB4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-CsDHKYB4.js","sources":["../src/components/ErrorState/errorMessage.ts","../src/components/ErrorState/ErrorState.tsx","../src/components/ErrorState/ErrorBoundary.tsx"],"sourcesContent":["/**\n * Pull a human-readable message out of whatever was thrown / returned — the shapes admin apps actually see:\n *\n * 1. an axios-style error with a server body — `error.response.data.message` (the backend's own sentence)\n * 2. an `Error` (or anything with a string `message`) — `error.message`\n * 3. a raw HTTP response / status object — `{ status: 404, statusText }` → `\"Request failed (404)\"`\n * 4. a plain string\n *\n * Returns `undefined` when nothing usable is found (the caller shows its generic fallback). Pure — pass\n * `requestFailed` to localize case 3 (`{status}` is interpolated).\n */\nexport function getErrorMessage(\n  error: unknown,\n  requestFailed: (status: number) => string = (status) => `Request failed (${status})`,\n): string | undefined {\n  if (error == null || error === false) return undefined\n  if (typeof error === 'string') return error.trim() || undefined\n  if (typeof error !== 'object') return String(error)\n\n  const e = error as {\n    message?: unknown\n    status?: unknown\n    response?: { data?: { message?: unknown }; status?: unknown }\n  }\n  const serverMessage = e.response?.data?.message\n  if (typeof serverMessage === 'string' && serverMessage.trim()) return serverMessage.trim()\n  if (typeof e.message === 'string' && e.message.trim()) return e.message.trim()\n  const status = typeof e.status === 'number' ? e.status : e.response?.status\n  if (typeof status === 'number') return requestFailed(status)\n  return undefined\n}\n\n/** A stack / detail dump for the developer-facing details panel (Error → `name: message` + stack). */\nexport function getErrorDetails(error: unknown): string | undefined {\n  if (error == null) return undefined\n  if (error instanceof Error) return error.stack || `${error.name}: ${error.message}`\n  if (typeof error === 'string') return error\n  try {\n    return JSON.stringify(error, null, 2)\n  } catch {\n    return String(error)\n  }\n}\n\n/**\n * The server's **trace id** for a failed request — the handle that matches a user's report to the server\n * log. Read from `error.traceId` (e.g. an app `ApiError` carrying the response envelope's `traceId`) or an\n * axios-style `error.response.data.traceId`. `undefined` when there is none.\n */\nexport function getErrorTraceId(error: unknown): string | undefined {\n  if (error == null || typeof error !== 'object') return undefined\n  const e = error as { traceId?: unknown; response?: { data?: { traceId?: unknown } } }\n  const id = typeof e.traceId === 'string' ? e.traceId : e.response?.data?.traceId\n  return typeof id === 'string' && id.trim() ? id.trim() : undefined\n}\n\n/**\n * Per-field validation messages of a `400` — `{ field: 'message' }`. Read from `error.fieldErrors` (an app\n * `ApiError`) or an axios-style `error.response.data.errors` (ASP.NET sends a string **or** an array of\n * strings per field — the first string wins). `undefined` when there are none.\n */\nexport function getErrorFieldErrors(error: unknown): Record<string, string> | undefined {\n  if (error == null || typeof error !== 'object') return undefined\n  const e = error as { fieldErrors?: unknown; response?: { data?: { errors?: unknown } } }\n  const raw = e.fieldErrors ?? e.response?.data?.errors\n  if (raw == null || typeof raw !== 'object' || Array.isArray(raw)) return undefined\n  const out: Record<string, string> = {}\n  for (const [field, message] of Object.entries(raw as Record<string, unknown>)) {\n    if (typeof message === 'string' && message.trim()) out[field] = message\n    else if (Array.isArray(message) && typeof message[0] === 'string') out[field] = message[0]\n  }\n  return Object.keys(out).length > 0 ? out : undefined\n}\n","import { forwardRef, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { CopyButton } from '../CopyButton'\nimport { EmptyState, type EmptyStateProps } from '../EmptyState'\nimport { Icon } from '../Icon'\nimport type { IconName } from '../../icons/names'\nimport {\n  getErrorDetails,\n  getErrorFieldErrors,\n  getErrorMessage,\n  getErrorTraceId,\n} from './errorMessage'\nimport styles from './ErrorState.module.css'\n\n// `process.env.NODE_ENV` is inlined by every consumer bundler (React's own convention); declared locally\n// since the library ships without `@types/node`.\ndeclare const process: { env: { NODE_ENV?: string } } | undefined\nconst IS_DEV = typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'\n\nexport interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title' | 'color'> {\n  /**\n   * What failed — an `Error`, a string, an axios-style error, a `{ message }` or a raw `{ status }`\n   * response. Its message becomes the description (unless `description` is given) and its stack feeds\n   * the details panel.\n   */\n  error?: unknown\n  /** Heading. Defaults to the localized \"Something went wrong\". */\n  title?: ReactNode\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger`, tinted `error`. */\n  icon?: IconName | ReactNode | false\n  /** Adds a \"Try again\" button that calls this (e.g. a query's `refetch`). */\n  onRetry?: () => void\n  /** Retry button label. Defaults to the localized \"Try again\". */\n  retryLabel?: ReactNode\n  /**\n   * Show a collapsible technical details panel (stack / raw error). `'dev'` (default) shows it only in\n   * development builds; `true` always; `false` never.\n   */\n  showDetails?: boolean | 'dev'\n  /** The inline variant — small, no hero pattern — for inside a table, card or panel. Defaults to `false`. */\n  compact?: boolean\n  /**\n   * The server's trace id, shown under the message with a copy button (it matches a report to the server\n   * log). Defaults to the one on `error` (`error.traceId` / `error.response.data.traceId`); `false` hides it.\n   */\n  traceId?: string | false\n  /**\n   * Per-field validation messages (`{ field: message }`), listed as the description when there's no explicit\n   * `description`. Defaults to the ones on `error` (`error.fieldErrors` / `error.response.data.errors`);\n   * `false` hides them. In a form, put them on the inputs instead.\n   */\n  fieldErrors?: Record<string, string> | false\n}\n\n/**\n * The \"loading failed\" counterpart of `EmptyState` — a semantic preset over it: an `error`-tinted\n * `Danger` puck, a localized \"Something went wrong\" title, the failure's own message as the description\n * (extracted from an `Error`, a string, an axios-style `response.data.message`, a `{ message }`, or a raw\n * `{ status }` response → \"Request failed (404)\"), an optional **Try again** button (`onRetry`), and a\n * developer-only details panel with the stack (`showDetails`, default `'dev'`). `compact` is the inline\n * variant for a table / card. The server's `traceId` (copyable) and a 400's per-field `fieldErrors` are shown\n * when the error carries them. Announced to assistive tech (`role=\"alert\"`, `aria-live=\"polite\"`).\n * `forwardRef` to the root; any other `EmptyState` prop (`size`, `pattern`, `action`, …) passes through.\n */\nexport const ErrorState = forwardRef<HTMLDivElement, ErrorStateProps>(function ErrorState(\n  {\n    error,\n    title,\n    description,\n    icon = 'Danger',\n    onRetry,\n    retryLabel,\n    showDetails = 'dev',\n    compact = false,\n    traceId: traceIdProp,\n    fieldErrors: fieldErrorsProp,\n    size,\n    pattern,\n    action,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const message = getErrorMessage(error, (status) => t('errorState.requestFailed', { status }))\n  const traceId = traceIdProp === false ? undefined : (traceIdProp ?? getErrorTraceId(error))\n  const fieldErrors =\n    fieldErrorsProp === false ? undefined : (fieldErrorsProp ?? getErrorFieldErrors(error))\n  const fieldErrorList =\n    fieldErrors && Object.keys(fieldErrors).length > 0 ? (\n      <ul className={styles.fieldErrors}>\n        {Object.entries(fieldErrors).map(([field, msg]) => (\n          <li key={field}>\n            <span className={styles.field}>{field}</span> — {msg}\n          </li>\n        ))}\n      </ul>\n    ) : undefined\n  const details = (showDetails === 'dev' ? IS_DEV : showDetails)\n    ? getErrorDetails(error)\n    : undefined\n\n  const retry =\n    onRetry != null ? (\n      <Button\n        size=\"sm\"\n        variant=\"outlined\"\n        color=\"primary\"\n        startIcon={<Icon name=\"RefreshRight\" />}\n        onClick={onRetry}\n      >\n        {retryLabel ?? t('errorState.retry')}\n      </Button>\n    ) : null\n\n  return (\n    <EmptyState\n      ref={ref}\n      role=\"alert\"\n      aria-live=\"polite\"\n      color=\"error\"\n      icon={icon}\n      title={title ?? t('errorState.title')}\n      // a 400's message is the generic \"validation errors occurred\" — the per-field list is the useful part\n      description={description ?? fieldErrorList ?? message ?? t('errorState.description')}\n      size={size ?? (compact ? 'sm' : 'md')}\n      pattern={pattern ?? !compact}\n      action={\n        retry || action ? (\n          <span className={styles.actions}>\n            {retry}\n            {action}\n          </span>\n        ) : undefined\n      }\n      className={clsx(styles.errorState, compact && styles.compact, className)}\n      {...props}\n    >\n      {traceId != null && (\n        <span className={styles.trace}>\n          <span>\n            {t('errorState.traceId')}: <code className={styles.traceId}>{traceId}</code>\n          </span>\n          <CopyButton value={traceId} size=\"sm\" variant=\"text\" color=\"primary\" />\n        </span>\n      )}\n      {details != null && (\n        <details className={styles.details}>\n          <summary className={styles.summary}>{t('errorState.details')}</summary>\n          <pre className={styles.pre}>{details}</pre>\n        </details>\n      )}\n      {children}\n    </EmptyState>\n  )\n})\n","import { Component, type ErrorInfo, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { ErrorState } from './ErrorState'\n\nexport interface ErrorBoundaryProps {\n  /**\n   * What to render after a crash — a node, or `(error, reset) => node`. Defaults to an `ErrorState` with\n   * a friendly description, a **Try again** button (`reset`) and the stack in dev.\n   */\n  fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode)\n  /** Report the crash (e.g. `Sentry.captureException`). */\n  onError?: (error: Error, info: ErrorInfo) => void\n  /** Called after the boundary resets (Try again, or a `resetKeys` change). */\n  onReset?: () => void\n  /** Reset automatically when any of these change (shallow) — e.g. `[location.pathname]` clears on navigation. */\n  resetKeys?: unknown[]\n  children?: ReactNode\n}\n\ninterface ErrorBoundaryState {\n  error: Error | null\n}\n\nconst keysChanged = (a: unknown[] = [], b: unknown[] = []) =>\n  a.length !== b.length || a.some((v, i) => !Object.is(v, b[i]))\n\nconst toError = (value: unknown) => (value instanceof Error ? value : new Error(String(value)))\n\n/** The default crash screen — a function component so it can read the localized strings. */\nfunction DefaultFallback({ error, reset }: { error: Error; reset: () => void }) {\n  const t = useT()\n  // a render crash message (\"Cannot read properties of undefined\") is for developers, not users —\n  // the description stays friendly and the raw error lives in the dev-only details panel\n  return <ErrorState error={error} description={t('errorState.description')} onRetry={reset} />\n}\n\n/**\n * Catches render errors in its subtree and shows a fallback instead of unmounting the whole app (a\n * white screen). The one class component in the library — React only offers error boundaries as\n * classes. `fallback` is a node or `(error, reset) => node` (default: an `ErrorState` with Try again);\n * `onError` reports the crash (Sentry); `resetKeys` resets it when they change (e.g. the route path, so\n * navigating away recovers); `onReset` runs after any reset. `AdminRoot` mounts one around the page\n * content automatically, so a crashing page keeps the sidebar + header.\n */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  state: ErrorBoundaryState = { error: null }\n\n  static getDerivedStateFromError(error: unknown): ErrorBoundaryState {\n    return { error: toError(error) }\n  }\n\n  componentDidCatch(error: unknown, info: ErrorInfo) {\n    this.props.onError?.(toError(error), info)\n  }\n\n  componentDidUpdate(prev: ErrorBoundaryProps, prevState: ErrorBoundaryState) {\n    // reset only an error that was ALREADY showing before the keys changed — if the key change itself is\n    // what crashed the subtree (same render), resetting would just re-render it into a second throw\n    if (this.state.error && prevState.error && keysChanged(prev.resetKeys, this.props.resetKeys)) {\n      this.reset()\n    }\n  }\n\n  reset = () => {\n    this.setState({ error: null })\n    this.props.onReset?.()\n  }\n\n  render() {\n    const { error } = this.state\n    if (!error) return this.props.children\n    const { fallback } = this.props\n    if (typeof fallback === 'function') return fallback(error, this.reset)\n    if (fallback !== undefined) return fallback\n    return <DefaultFallback error={error} reset={this.reset} />\n  }\n}\n"],"names":["getErrorMessage","error","requestFailed","status","e","serverMessage","_b","_a","_c","getErrorDetails","getErrorTraceId","id","getErrorFieldErrors","raw","out","field","message","IS_DEV","ErrorState","forwardRef","title","description","icon","onRetry","retryLabel","showDetails","compact","traceIdProp","fieldErrorsProp","size","pattern","action","className","children","props","ref","t","useT","traceId","fieldErrors","fieldErrorList","jsx","styles","msg","jsxs","details","retry","Button","Icon","EmptyState","clsx","CopyButton","keysChanged","a","b","v","i","toError","value","DefaultFallback","reset","ErrorBoundary","Component","info","prev","prevState","fallback"],"mappings":"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"}

package/dist/{FileCard-C3a2yDhK.js → FileCard-B9f9RoXS.js}

@@ -2,10 +2,10 @@ import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { forwardRef as S, useState as A, useEffect as O } from "react";
 import { clsx as y } from "clsx";
 import { A as L } from "./Avatar-DXNPg23a.js";
-import { I as $ } from "./IconButton-Dq17Fekm.js";
+import { I as $ } from "./IconButton-GU3Ud4Zg.js";
 import { I as V } from "./Icon-DaTvzLBu.js";
 import { T as G } from "./Typography-CJv5AnRP.js";
-import { a as H } from "./ConfigProvider-B_RSn9bb.js";
+import { a as H } from "./ConfigProvider-BbsI15b-.js";
 const K = "_fileCard_kpeb5_3", R = "_avatar_kpeb5_24", U = "_body_kpeb5_29", W = "_name_kpeb5_38", X = "_nameBase_kpeb5_45", z = "_nameExt_kpeb5_51", J = "_type_kpeb5_57", P = "_download_kpeb5_61", Q = "_sm_kpeb5_66", Y = "_md_kpeb5_77", Z = "_lg_kpeb5_81", o = {
   fileCard: K,
   avatar: R,
@@ -146,4 +146,4 @@ const ue = S(function({
 export {
   ue as F
 };
-//# sourceMappingURL=FileCard-C3a2yDhK.js.map
+//# sourceMappingURL=FileCard-B9f9RoXS.js.map

package/dist/{FileCard-C3a2yDhK.js.map → FileCard-B9f9RoXS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FileCard-C3a2yDhK.js","sources":["../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Avatar, type AvatarSize } from '../Avatar'\nimport { IconButton } from '../IconButton'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './FileCard.module.css'\n\nexport type FileCardSize = AvatarSize\n\nconst IMAGE_EXTS = new Set([\n  'png',\n  'jpg',\n  'jpeg',\n  'webp',\n  'svg',\n  'gif',\n  'avif',\n  'bmp',\n  'ico',\n  'heic',\n])\n\n// a leading icon per file family (non-image); everything else gets the generic document icon\nconst FILE_ICONS: Record<string, IconName> = {\n  pdf: 'DocumentText',\n  doc: 'DocumentText',\n  docx: 'DocumentText',\n  txt: 'DocumentText',\n  rtf: 'DocumentText',\n  md: 'DocumentText',\n  csv: 'DocumentText',\n  xls: 'DocumentText',\n  xlsx: 'DocumentText',\n  json: 'DocumentCode',\n  xml: 'DocumentCode',\n  zip: 'Folder',\n  rar: 'Folder',\n  '7z': 'Folder',\n  mp4: 'VideoSquare',\n  mov: 'VideoSquare',\n  webm: 'VideoSquare',\n  mp3: 'MusicSquare',\n  wav: 'MusicSquare',\n}\n\n/** The lowercased extension from a file name, else the subtype from a MIME `type` (`image/png` → `png`). */\nfunction extensionOf(name: string, type?: string): string {\n  const dot = name.lastIndexOf('.')\n  if (dot > 0 && name.length - dot <= 7) return name.slice(dot + 1).toLowerCase()\n  if (type && type.includes('/')) return type.slice(type.indexOf('/') + 1).toLowerCase()\n  return ''\n}\n\n/** Split `report.pdf` into `{ base: 'report', ext: '.pdf' }` so the base can ellipsize and the type stays. */\nfunction splitName(name: string): { base: string; ext: string } {\n  const dot = name.lastIndexOf('.')\n  return dot > 0 && name.length - dot <= 7\n    ? { base: name.slice(0, dot), ext: name.slice(dot) }\n    : { base: name, ext: '' }\n}\n\n/** Human-readable byte size — `2411724` → `\"2.3 MB\"`. */\nfunction formatBytes(bytes: number): string {\n  if (!Number.isFinite(bytes) || bytes < 0) return ''\n  if (bytes < 1024) return `${bytes} B`\n  const units = ['KB', 'MB', 'GB', 'TB']\n  let value = bytes / 1024\n  let i = 0\n  while (value >= 1024 && i < units.length - 1) {\n    value /= 1024\n    i += 1\n  }\n  return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[i]}`\n}\n\nexport interface FileCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** File name — shown middle-truncated (`test-file-na….pdf`) so the extension always stays visible. */\n  name: string\n  /** File URL — the download target and, for an image, the thumbnail `src`. */\n  src?: string\n  /** File type — an extension (`'pdf'`) or MIME (`'image/png'`). Derived from `name` when omitted. */\n  type?: string\n  /** Force image vs. file rendering. Inferred from `type` / `name` / `src` when omitted. */\n  image?: boolean\n  /** File size — a **bytes** number (auto-formatted to `\"2.3 MB\"`) or a preformatted string. Shown after the type. */\n  fileSize?: number | string\n  /**\n   * When no `fileSize` is given, fetch it from `src` via a `HEAD` request (reads `Content-Length`). Off\n   * by default — it's a network call and needs CORS to expose the header; prefer passing `fileSize` from\n   * the backend. Fails silently (no size shown) when unavailable.\n   */\n  fetchSize?: boolean\n  /** Meta line under the name — overrides the derived `TYPE · size`. */\n  meta?: ReactNode\n  /** Theme token tinting the avatar / file-icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Size — scales the avatar, text and padding. Defaults to `md`. */\n  size?: FileCardSize\n  /** Show the download control (only when there's a `src` or `onDownload`). Defaults to `true`. */\n  downloadable?: boolean\n  /** Custom download handler — replaces the default (a download of `src`). */\n  onDownload?: () => void\n}\n\n/**\n * A compact, read-only **file card** for displaying a file that already exists (e.g. from the backend) —\n * an image or a document (`pdf` / `docx` / `csv` / `svg` / …). Shows a leading **`Avatar`** (the image\n * thumbnail via `src`, or a type-based file icon in a tinted square), the **name** middle-truncated so\n * the extension is never lost, the **type** underneath, and a **download** control. Simple to drop in —\n * pass `name` (+ `src` for the thumbnail/download). Not to be confused with `FileUploader` (which\n * *collects* files to upload); this only *displays* one. Token-only styling.\n *\n * @example\n * <FileCard name=\"annual-report.pdf\" src=\"/files/annual-report.pdf\" />\n * <FileCard name=\"avatar.png\" src={url} meta=\"240 KB\" />\n */\nexport const FileCard = forwardRef<HTMLDivElement, FileCardProps>(function FileCard(\n  {\n    name,\n    src,\n    type,\n    image,\n    fileSize,\n    fetchSize = false,\n    meta,\n    color = 'accent',\n    size = 'md',\n    downloadable = true,\n    onDownload,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ext = extensionOf(name, type)\n  const isImage = image ?? (type?.startsWith('image/') || IMAGE_EXTS.has(ext))\n  const { base, ext: nameExt } = splitName(name)\n\n  // optional auto size via a HEAD request (only when opted in and no explicit fileSize)\n  const [fetchedSize, setFetchedSize] = useState<number | null>(null)\n  useEffect(() => {\n    if (!fetchSize || fileSize != null || !src || typeof fetch === 'undefined') return\n    let cancelled = false\n    fetch(src, { method: 'HEAD' })\n      .then((res) => {\n        const len = res.headers.get('content-length')\n        if (!cancelled && len) setFetchedSize(Number(len))\n      })\n      .catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [fetchSize, fileSize, src])\n\n  const sizeText =\n    fileSize != null\n      ? typeof fileSize === 'number'\n        ? formatBytes(fileSize)\n        : fileSize\n      : fetchedSize != null\n        ? formatBytes(fetchedSize)\n        : ''\n  // \"TYPE · 2.3 MB\" (either part optional) — overridden wholesale by `meta`\n  const derivedMeta = [ext ? ext.toUpperCase() : '', sizeText].filter(Boolean).join(' · ')\n  const metaLine = meta ?? (derivedMeta || null)\n\n  const handleDownload = () => {\n    if (onDownload) return onDownload()\n    if (!src) return\n    const a = document.createElement('a')\n    a.href = src\n    a.download = name\n    a.rel = 'noopener'\n    a.click()\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.fileCard, styles[size], className)}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      {...props}\n    >\n      <Avatar\n        className={styles.avatar}\n        src={isImage ? src : undefined}\n        icon={isImage ? undefined : (FILE_ICONS[ext] ?? 'Document')}\n        name={name}\n        shape=\"square\"\n        size={size}\n        color={color}\n      />\n      <div className={styles.body}>\n        <span className={styles.name} title={name}>\n          <span className={styles.nameBase}>{base}</span>\n          {nameExt && <span className={styles.nameExt}>{nameExt}</span>}\n        </span>\n        {metaLine != null && (\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\" uppercase className={styles.type}>\n            {metaLine}\n          </Typography>\n        )}\n      </div>\n      {downloadable && (src || onDownload) && (\n        <IconButton\n          variant=\"filled\"\n          size={size === 'lg' ? 'md' : 'sm'}\n          className={styles.download}\n          aria-label={t('fileCard.download', { name })}\n          onClick={handleDownload}\n        >\n          <Icon name=\"ImportArrow\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["IMAGE_EXTS","FILE_ICONS","extensionOf","name","type","dot","splitName","formatBytes","bytes","units","value","i","FileCard","forwardRef","src","image","fileSize","fetchSize","meta","color","size","downloadable","onDownload","className","style","props","ref","t","useT","ext","isImage","base","nameExt","fetchedSize","setFetchedSize","useState","useEffect","cancelled","res","len","sizeText","derivedMeta","metaLine","handleDownload","a","jsxs","clsx","styles","jsx","Avatar","Typography","IconButton","Icon"],"mappings":"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"}
+{"version":3,"file":"FileCard-B9f9RoXS.js","sources":["../src/components/FileCard/FileCard.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Avatar, type AvatarSize } from '../Avatar'\nimport { IconButton } from '../IconButton'\nimport { Icon } from '../Icon'\nimport { Typography } from '../Typography'\nimport type { IconName } from '../../icons/names'\nimport styles from './FileCard.module.css'\n\nexport type FileCardSize = AvatarSize\n\nconst IMAGE_EXTS = new Set([\n  'png',\n  'jpg',\n  'jpeg',\n  'webp',\n  'svg',\n  'gif',\n  'avif',\n  'bmp',\n  'ico',\n  'heic',\n])\n\n// a leading icon per file family (non-image); everything else gets the generic document icon\nconst FILE_ICONS: Record<string, IconName> = {\n  pdf: 'DocumentText',\n  doc: 'DocumentText',\n  docx: 'DocumentText',\n  txt: 'DocumentText',\n  rtf: 'DocumentText',\n  md: 'DocumentText',\n  csv: 'DocumentText',\n  xls: 'DocumentText',\n  xlsx: 'DocumentText',\n  json: 'DocumentCode',\n  xml: 'DocumentCode',\n  zip: 'Folder',\n  rar: 'Folder',\n  '7z': 'Folder',\n  mp4: 'VideoSquare',\n  mov: 'VideoSquare',\n  webm: 'VideoSquare',\n  mp3: 'MusicSquare',\n  wav: 'MusicSquare',\n}\n\n/** The lowercased extension from a file name, else the subtype from a MIME `type` (`image/png` → `png`). */\nfunction extensionOf(name: string, type?: string): string {\n  const dot = name.lastIndexOf('.')\n  if (dot > 0 && name.length - dot <= 7) return name.slice(dot + 1).toLowerCase()\n  if (type && type.includes('/')) return type.slice(type.indexOf('/') + 1).toLowerCase()\n  return ''\n}\n\n/** Split `report.pdf` into `{ base: 'report', ext: '.pdf' }` so the base can ellipsize and the type stays. */\nfunction splitName(name: string): { base: string; ext: string } {\n  const dot = name.lastIndexOf('.')\n  return dot > 0 && name.length - dot <= 7\n    ? { base: name.slice(0, dot), ext: name.slice(dot) }\n    : { base: name, ext: '' }\n}\n\n/** Human-readable byte size — `2411724` → `\"2.3 MB\"`. */\nfunction formatBytes(bytes: number): string {\n  if (!Number.isFinite(bytes) || bytes < 0) return ''\n  if (bytes < 1024) return `${bytes} B`\n  const units = ['KB', 'MB', 'GB', 'TB']\n  let value = bytes / 1024\n  let i = 0\n  while (value >= 1024 && i < units.length - 1) {\n    value /= 1024\n    i += 1\n  }\n  return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[i]}`\n}\n\nexport interface FileCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** File name — shown middle-truncated (`test-file-na….pdf`) so the extension always stays visible. */\n  name: string\n  /** File URL — the download target and, for an image, the thumbnail `src`. */\n  src?: string\n  /** File type — an extension (`'pdf'`) or MIME (`'image/png'`). Derived from `name` when omitted. */\n  type?: string\n  /** Force image vs. file rendering. Inferred from `type` / `name` / `src` when omitted. */\n  image?: boolean\n  /** File size — a **bytes** number (auto-formatted to `\"2.3 MB\"`) or a preformatted string. Shown after the type. */\n  fileSize?: number | string\n  /**\n   * When no `fileSize` is given, fetch it from `src` via a `HEAD` request (reads `Content-Length`). Off\n   * by default — it's a network call and needs CORS to expose the header; prefer passing `fileSize` from\n   * the backend. Fails silently (no size shown) when unavailable.\n   */\n  fetchSize?: boolean\n  /** Meta line under the name — overrides the derived `TYPE · size`. */\n  meta?: ReactNode\n  /** Theme token tinting the avatar / file-icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Size — scales the avatar, text and padding. Defaults to `md`. */\n  size?: FileCardSize\n  /** Show the download control (only when there's a `src` or `onDownload`). Defaults to `true`. */\n  downloadable?: boolean\n  /** Custom download handler — replaces the default (a download of `src`). */\n  onDownload?: () => void\n}\n\n/**\n * A compact, read-only **file card** for displaying a file that already exists (e.g. from the backend) —\n * an image or a document (`pdf` / `docx` / `csv` / `svg` / …). Shows a leading **`Avatar`** (the image\n * thumbnail via `src`, or a type-based file icon in a tinted square), the **name** middle-truncated so\n * the extension is never lost, the **type** underneath, and a **download** control. Simple to drop in —\n * pass `name` (+ `src` for the thumbnail/download). Not to be confused with `FileUploader` (which\n * *collects* files to upload); this only *displays* one. Token-only styling.\n *\n * @example\n * <FileCard name=\"annual-report.pdf\" src=\"/files/annual-report.pdf\" />\n * <FileCard name=\"avatar.png\" src={url} meta=\"240 KB\" />\n */\nexport const FileCard = forwardRef<HTMLDivElement, FileCardProps>(function FileCard(\n  {\n    name,\n    src,\n    type,\n    image,\n    fileSize,\n    fetchSize = false,\n    meta,\n    color = 'accent',\n    size = 'md',\n    downloadable = true,\n    onDownload,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ext = extensionOf(name, type)\n  const isImage = image ?? (type?.startsWith('image/') || IMAGE_EXTS.has(ext))\n  const { base, ext: nameExt } = splitName(name)\n\n  // optional auto size via a HEAD request (only when opted in and no explicit fileSize)\n  const [fetchedSize, setFetchedSize] = useState<number | null>(null)\n  useEffect(() => {\n    if (!fetchSize || fileSize != null || !src || typeof fetch === 'undefined') return\n    let cancelled = false\n    fetch(src, { method: 'HEAD' })\n      .then((res) => {\n        const len = res.headers.get('content-length')\n        if (!cancelled && len) setFetchedSize(Number(len))\n      })\n      .catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [fetchSize, fileSize, src])\n\n  const sizeText =\n    fileSize != null\n      ? typeof fileSize === 'number'\n        ? formatBytes(fileSize)\n        : fileSize\n      : fetchedSize != null\n        ? formatBytes(fetchedSize)\n        : ''\n  // \"TYPE · 2.3 MB\" (either part optional) — overridden wholesale by `meta`\n  const derivedMeta = [ext ? ext.toUpperCase() : '', sizeText].filter(Boolean).join(' · ')\n  const metaLine = meta ?? (derivedMeta || null)\n\n  const handleDownload = () => {\n    if (onDownload) return onDownload()\n    if (!src) return\n    const a = document.createElement('a')\n    a.href = src\n    a.download = name\n    a.rel = 'noopener'\n    a.click()\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.fileCard, styles[size], className)}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      {...props}\n    >\n      <Avatar\n        className={styles.avatar}\n        src={isImage ? src : undefined}\n        icon={isImage ? undefined : (FILE_ICONS[ext] ?? 'Document')}\n        name={name}\n        shape=\"square\"\n        size={size}\n        color={color}\n      />\n      <div className={styles.body}>\n        <span className={styles.name} title={name}>\n          <span className={styles.nameBase}>{base}</span>\n          {nameExt && <span className={styles.nameExt}>{nameExt}</span>}\n        </span>\n        {metaLine != null && (\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\" uppercase className={styles.type}>\n            {metaLine}\n          </Typography>\n        )}\n      </div>\n      {downloadable && (src || onDownload) && (\n        <IconButton\n          variant=\"filled\"\n          size={size === 'lg' ? 'md' : 'sm'}\n          className={styles.download}\n          aria-label={t('fileCard.download', { name })}\n          onClick={handleDownload}\n        >\n          <Icon name=\"ImportArrow\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["IMAGE_EXTS","FILE_ICONS","extensionOf","name","type","dot","splitName","formatBytes","bytes","units","value","i","FileCard","forwardRef","src","image","fileSize","fetchSize","meta","color","size","downloadable","onDownload","className","style","props","ref","t","useT","ext","isImage","base","nameExt","fetchedSize","setFetchedSize","useState","useEffect","cancelled","res","len","sizeText","derivedMeta","metaLine","handleDownload","a","jsxs","clsx","styles","jsx","Avatar","Typography","IconButton","Icon"],"mappings":"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"}

package/dist/{FileCard-DKjDQRzZ.cjs → FileCard-zuUYik-F.cjs}

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),u=require("react"),M=require("clsx"),S=require("./Avatar-DrV_F7Ex.cjs"),A=require("./IconButton-A2B0bqC-.cjs"),O=require("./Icon-BVULqOJD.cjs"),L=require("./Typography-B6ASPrzT.cjs"),$=require("./ConfigProvider-BElY0HuV.cjs"),V="_fileCard_kpeb5_3",G="_avatar_kpeb5_24",R="_body_kpeb5_29",H="_name_kpeb5_38",K="_nameBase_kpeb5_45",P="_nameExt_kpeb5_51",U="_type_kpeb5_57",W="_download_kpeb5_61",X="_sm_kpeb5_66",z="_md_kpeb5_77",J="_lg_kpeb5_81",s={fileCard:V,avatar:G,body:R,name:H,nameBase:K,nameExt:P,type:U,download:W,sm:X,md:z,lg:J},Q=new Set(["png","jpg","jpeg","webp","svg","gif","avif","bmp","ico","heic"]),Y={pdf:"DocumentText",doc:"DocumentText",docx:"DocumentText",txt:"DocumentText",rtf:"DocumentText",md:"DocumentText",csv:"DocumentText",xls:"DocumentText",xlsx:"DocumentText",json:"DocumentCode",xml:"DocumentCode",zip:"Folder",rar:"Folder","7z":"Folder",mp4:"VideoSquare",mov:"VideoSquare",webm:"VideoSquare",mp3:"MusicSquare",wav:"MusicSquare"};function Z(n,e){const t=n.lastIndexOf(".");return t>0&&n.length-t<=7?n.slice(t+1).toLowerCase():e&&e.includes("/")?e.slice(e.indexOf("/")+1).toLowerCase():""}function ee(n){const e=n.lastIndexOf(".");return e>0&&n.length-e<=7?{base:n.slice(0,e),ext:n.slice(e)}:{base:n,ext:""}}function g(n){if(!Number.isFinite(n)||n<0)return"";if(n<1024)return`${n} B`;const e=["KB","MB","GB","TB"];let t=n/1024,a=0;for(;t>=1024&&a<e.length-1;)t/=1024,a+=1;return`${t<10?t.toFixed(1):Math.round(t)} ${e[a]}`}const te=u.forwardRef(function({name:e,src:t,type:a,image:v,fileSize:c,fetchSize:m=!1,meta:C,color:x="accent",size:d="md",downloadable:T=!0,onDownload:i,className:j,style:q,...w},k){const B=$.useT(),l=Z(e,a),f=v??((a==null?void 0:a.startsWith("image/"))||Q.has(l)),{base:D,ext:_}=ee(e),[p,N]=u.useState(null);u.useEffect(()=>{if(!m||c!=null||!t||typeof fetch>"u")return;let r=!1;return fetch(t,{method:"HEAD"}).then(y=>{const b=y.headers.get("content-length");!r&&b&&N(Number(b))}).catch(()=>{}),()=>{r=!0}},[m,c,t]);const E=c!=null?typeof c=="number"?g(c):c:p!=null?g(p):"",I=[l?l.toUpperCase():"",E].filter(Boolean).join(" · "),h=C??(I||null),F=()=>{if(i)return i();if(!t)return;const r=document.createElement("a");r.href=t,r.download=e,r.rel="noopener",r.click()};return o.jsxs("div",{ref:k,className:M.clsx(s.fileCard,s[d],j),style:{"--tz-btn-rgb":`var(--tz-color-${x}-rgb)`,...q},...w,children:[o.jsx(S.Avatar,{className:s.avatar,src:f?t:void 0,icon:f?void 0:Y[l]??"Document",name:e,shape:"square",size:d,color:x}),o.jsxs("div",{className:s.body,children:[o.jsxs("span",{className:s.name,title:e,children:[o.jsx("span",{className:s.nameBase,children:D}),_&&o.jsx("span",{className:s.nameExt,children:_})]}),h!=null&&o.jsx(L.Typography,{as:"span",variant:"bodySmall",color:"muted",uppercase:!0,className:s.type,children:h})]}),T&&(t||i)&&o.jsx(A.IconButton,{variant:"filled",size:d==="lg"?"md":"sm",className:s.download,"aria-label":B("fileCard.download",{name:e}),onClick:F,children:o.jsx(O.Icon,{name:"ImportArrow"})})]})});exports.FileCard=te;
-//# sourceMappingURL=FileCard-DKjDQRzZ.cjs.map
+"use strict";const o=require("react/jsx-runtime"),u=require("react"),M=require("clsx"),S=require("./Avatar-DrV_F7Ex.cjs"),A=require("./IconButton-BNa0yLcv.cjs"),O=require("./Icon-BVULqOJD.cjs"),L=require("./Typography-B6ASPrzT.cjs"),$=require("./ConfigProvider-ByLHqXpv.cjs"),V="_fileCard_kpeb5_3",G="_avatar_kpeb5_24",R="_body_kpeb5_29",H="_name_kpeb5_38",K="_nameBase_kpeb5_45",P="_nameExt_kpeb5_51",U="_type_kpeb5_57",W="_download_kpeb5_61",X="_sm_kpeb5_66",z="_md_kpeb5_77",J="_lg_kpeb5_81",s={fileCard:V,avatar:G,body:R,name:H,nameBase:K,nameExt:P,type:U,download:W,sm:X,md:z,lg:J},Q=new Set(["png","jpg","jpeg","webp","svg","gif","avif","bmp","ico","heic"]),Y={pdf:"DocumentText",doc:"DocumentText",docx:"DocumentText",txt:"DocumentText",rtf:"DocumentText",md:"DocumentText",csv:"DocumentText",xls:"DocumentText",xlsx:"DocumentText",json:"DocumentCode",xml:"DocumentCode",zip:"Folder",rar:"Folder","7z":"Folder",mp4:"VideoSquare",mov:"VideoSquare",webm:"VideoSquare",mp3:"MusicSquare",wav:"MusicSquare"};function Z(n,e){const t=n.lastIndexOf(".");return t>0&&n.length-t<=7?n.slice(t+1).toLowerCase():e&&e.includes("/")?e.slice(e.indexOf("/")+1).toLowerCase():""}function ee(n){const e=n.lastIndexOf(".");return e>0&&n.length-e<=7?{base:n.slice(0,e),ext:n.slice(e)}:{base:n,ext:""}}function g(n){if(!Number.isFinite(n)||n<0)return"";if(n<1024)return`${n} B`;const e=["KB","MB","GB","TB"];let t=n/1024,a=0;for(;t>=1024&&a<e.length-1;)t/=1024,a+=1;return`${t<10?t.toFixed(1):Math.round(t)} ${e[a]}`}const te=u.forwardRef(function({name:e,src:t,type:a,image:v,fileSize:c,fetchSize:m=!1,meta:C,color:x="accent",size:d="md",downloadable:T=!0,onDownload:i,className:j,style:q,...w},k){const B=$.useT(),l=Z(e,a),f=v??((a==null?void 0:a.startsWith("image/"))||Q.has(l)),{base:D,ext:_}=ee(e),[p,N]=u.useState(null);u.useEffect(()=>{if(!m||c!=null||!t||typeof fetch>"u")return;let r=!1;return fetch(t,{method:"HEAD"}).then(y=>{const b=y.headers.get("content-length");!r&&b&&N(Number(b))}).catch(()=>{}),()=>{r=!0}},[m,c,t]);const E=c!=null?typeof c=="number"?g(c):c:p!=null?g(p):"",I=[l?l.toUpperCase():"",E].filter(Boolean).join(" · "),h=C??(I||null),F=()=>{if(i)return i();if(!t)return;const r=document.createElement("a");r.href=t,r.download=e,r.rel="noopener",r.click()};return o.jsxs("div",{ref:k,className:M.clsx(s.fileCard,s[d],j),style:{"--tz-btn-rgb":`var(--tz-color-${x}-rgb)`,...q},...w,children:[o.jsx(S.Avatar,{className:s.avatar,src:f?t:void 0,icon:f?void 0:Y[l]??"Document",name:e,shape:"square",size:d,color:x}),o.jsxs("div",{className:s.body,children:[o.jsxs("span",{className:s.name,title:e,children:[o.jsx("span",{className:s.nameBase,children:D}),_&&o.jsx("span",{className:s.nameExt,children:_})]}),h!=null&&o.jsx(L.Typography,{as:"span",variant:"bodySmall",color:"muted",uppercase:!0,className:s.type,children:h})]}),T&&(t||i)&&o.jsx(A.IconButton,{variant:"filled",size:d==="lg"?"md":"sm",className:s.download,"aria-label":B("fileCard.download",{name:e}),onClick:F,children:o.jsx(O.Icon,{name:"ImportArrow"})})]})});exports.FileCard=te;
+//# sourceMappingURL=FileCard-zuUYik-F.cjs.map