@techzyapp/ui-library 1.0.25 → 1.0.28

package/dist/ErrorBoundary-DJ6R1M9k.js

@@ -0,0 +1,126 @@
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as x, Component as R } from "react";
+import { clsx as j } from "clsx";
+import { B as C } from "./Button-BLW9yV8W.js";
+import { E as I } from "./EmptyState-BtwuzX9Z.js";
+import { I as B } from "./Icon-DaTvzLBu.js";
+import { a as h } from "./ConfigProvider-B_RSn9bb.js";
+function F(t, r = (e) => `Request failed (${e})`) {
+  var a, m, c;
+  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 = (m = (a = e.response) == null ? void 0 : a.data) == null ? void 0 : m.message;
+  if (typeof s == "string" && s.trim()) return s.trim();
+  if (typeof e.message == "string" && e.message.trim()) return e.message.trim();
+  const n = typeof e.status == "number" ? e.status : (c = e.response) == null ? void 0 : c.status;
+  if (typeof n == "number") return r(n);
+}
+function O(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);
+    }
+  }
+}
+const $ = "_errorState_aiagy_4", q = "_actions_aiagy_9", z = "_compact_aiagy_18", K = "_details_aiagy_23", M = "_summary_aiagy_29", V = "_pre_aiagy_36", o = {
+  errorState: $,
+  actions: q,
+  compact: z,
+  details: K,
+  summary: M,
+  pre: V
+}, w = typeof process < "u" && process.env.NODE_ENV !== "production", J = x(function({
+  error: r,
+  title: e,
+  description: s,
+  icon: n = "Danger",
+  onRetry: a,
+  retryLabel: m,
+  showDetails: c = "dev",
+  compact: p = !1,
+  size: S,
+  pattern: _,
+  action: f,
+  className: E,
+  children: v,
+  ...N
+}, D) {
+  const l = h(), b = F(r, (k) => l("errorState.requestFailed", { status: k })), d = (c === "dev" ? w : c) ? O(r) : void 0, g = a != null ? /* @__PURE__ */ i(
+    C,
+    {
+      size: "sm",
+      variant: "outlined",
+      color: "primary",
+      startIcon: /* @__PURE__ */ i(B, { name: "RefreshRight" }),
+      onClick: a,
+      children: m ?? l("errorState.retry")
+    }
+  ) : null;
+  return /* @__PURE__ */ u(
+    I,
+    {
+      ref: D,
+      role: "alert",
+      "aria-live": "polite",
+      color: "error",
+      icon: n,
+      title: e ?? l("errorState.title"),
+      description: s ?? b ?? l("errorState.description"),
+      size: S ?? (p ? "sm" : "md"),
+      pattern: _ ?? !p,
+      action: g || f ? /* @__PURE__ */ u("span", { className: o.actions, children: [
+        g,
+        f
+      ] }) : void 0,
+      className: j(o.errorState, p && o.compact, E),
+      ...N,
+      children: [
+        d != null && /* @__PURE__ */ u("details", { className: o.details, children: [
+          /* @__PURE__ */ i("summary", { className: o.summary, children: l("errorState.details") }),
+          /* @__PURE__ */ i("pre", { className: o.pre, children: d })
+        ] }),
+        v
+      ]
+    }
+  );
+}), T = (t = [], r = []) => t.length !== r.length || t.some((e, s) => !Object.is(e, r[s])), y = (t) => t instanceof Error ? t : new Error(String(t));
+function U({ error: t, reset: r }) {
+  const e = h();
+  return /* @__PURE__ */ i(J, { error: t, description: e("errorState.description"), onRetry: r });
+}
+class X extends R {
+  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: y(r) };
+  }
+  componentDidCatch(r, e) {
+    var s, n;
+    (n = (s = this.props).onError) == null || n.call(s, y(r), e);
+  }
+  componentDidUpdate(r, e) {
+    this.state.error && e.error && T(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 : /* @__PURE__ */ i(U, { error: r, reset: this.reset });
+  }
+}
+export {
+  X as E,
+  J as a,
+  F as b,
+  O as g
+};
+//# sourceMappingURL=ErrorBoundary-DJ6R1M9k.js.map

package/dist/ErrorBoundary-DJ6R1M9k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-DJ6R1M9k.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","import { forwardRef, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { EmptyState, type EmptyStateProps } from '../EmptyState'\nimport { Icon } from '../Icon'\nimport type { IconName } from '../../icons/names'\nimport { getErrorDetails, getErrorMessage } 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\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. 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    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 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      description={description ?? 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      {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","IS_DEV","ErrorState","forwardRef","title","description","icon","onRetry","retryLabel","showDetails","compact","size","pattern","action","className","children","props","ref","t","useT","message","details","retry","jsx","Button","Icon","jsxs","EmptyState","styles","clsx","keysChanged","a","b","v","i","toError","value","DefaultFallback","reset","ErrorBoundary","Component","info","prev","prevState","fallback"],"mappings":";;;;;;;AAWO,SAASA,EACdC,GACAC,IAA4C,CAACC,MAAW,mBAAmBA,CAAM,KAC7D;;AACpB,MAAIF,KAAS,QAAQA,MAAU,GAAO;AACtC,MAAI,OAAOA,KAAU,SAAU,QAAOA,EAAM,UAAU;AACtD,MAAI,OAAOA,KAAU,SAAU,QAAO,OAAOA,CAAK;AAElD,QAAM,IAAIA,GAKJG,KAAgBC,KAAAC,IAAA,EAAE,aAAF,gBAAAA,EAAY,SAAZ,gBAAAD,EAAkB;AACxC,MAAI,OAAOD,KAAkB,YAAYA,EAAc,OAAQ,QAAOA,EAAc,KAAA;AACpF,MAAI,OAAO,EAAE,WAAY,YAAY,EAAE,QAAQ,OAAQ,QAAO,EAAE,QAAQ,KAAA;AACxE,QAAMD,IAAS,OAAO,EAAE,UAAW,WAAW,EAAE,UAASI,IAAA,EAAE,aAAF,gBAAAA,EAAY;AACrE,MAAI,OAAOJ,KAAW,SAAU,QAAOD,EAAcC,CAAM;AAE7D;AAGO,SAASK,EAAgBP,GAAoC;AAClE,MAAIA,KAAS,MACb;AAAA,QAAIA,aAAiB,MAAO,QAAOA,EAAM,SAAS,GAAGA,EAAM,IAAI,KAAKA,EAAM,OAAO;AACjF,QAAI,OAAOA,KAAU,SAAU,QAAOA;AACtC,QAAI;AACF,aAAO,KAAK,UAAUA,GAAO,MAAM,CAAC;AAAA,IACtC,QAAQ;AACN,aAAO,OAAOA,CAAK;AAAA,IACrB;AAAA;AACF;;;;;;;;GC7BMQ,IAAS,OAAO,UAAY,OAAe,QAAQ,IAAI,aAAa,cAmC7DC,IAAaC,EAA4C,SACpE;AAAA,EACE,OAAAV;AAAA,EACA,OAAAW;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IAAU5B,EAAgBC,GAAO,CAACE,MAAWuB,EAAE,4BAA4B,EAAE,QAAAvB,EAAA,CAAQ,CAAC,GACtF0B,KAAWZ,MAAgB,QAAQR,IAASQ,KAC9CT,EAAgBP,CAAK,IACrB,QAEE6B,IACJf,KAAW,OACT,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,WAAW,gBAAAD,EAACE,GAAA,EAAK,MAAK,eAAA,CAAe;AAAA,MACrC,SAASlB;AAAA,MAER,UAAAC,KAAcU,EAAE,kBAAkB;AAAA,IAAA;AAAA,EAAA,IAEnC;AAEN,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACV,OAAM;AAAA,MACN,MAAAX;AAAA,MACA,OAAOF,KAASc,EAAE,kBAAkB;AAAA,MACpC,aAAab,KAAee,KAAWF,EAAE,wBAAwB;AAAA,MACjE,MAAMP,MAASD,IAAU,OAAO;AAAA,MAChC,SAASE,KAAW,CAACF;AAAA,MACrB,QACEY,KAAST,sBACN,QAAA,EAAK,WAAWe,EAAO,SACrB,UAAA;AAAA,QAAAN;AAAA,QACAT;AAAA,MAAA,EAAA,CACH,IACE;AAAA,MAEN,WAAWgB,EAAKD,EAAO,YAAYlB,KAAWkB,EAAO,SAASd,CAAS;AAAA,MACtE,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAK,KAAW,QACV,gBAAAK,EAAC,WAAA,EAAQ,WAAWE,EAAO,SACzB,UAAA;AAAA,UAAA,gBAAAL,EAAC,aAAQ,WAAWK,EAAO,SAAU,UAAAV,EAAE,oBAAoB,GAAE;AAAA,UAC7D,gBAAAK,EAAC,OAAA,EAAI,WAAWK,EAAO,KAAM,UAAAP,EAAA,CAAQ;AAAA,QAAA,GACvC;AAAA,QAEDN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GC9FKe,IAAc,CAACC,IAAe,CAAA,GAAIC,IAAe,CAAA,MACrDD,EAAE,WAAWC,EAAE,UAAUD,EAAE,KAAK,CAACE,GAAGC,MAAM,CAAC,OAAO,GAAGD,GAAGD,EAAEE,CAAC,CAAC,CAAC,GAEzDC,IAAU,CAACC,MAAoBA,aAAiB,QAAQA,IAAQ,IAAI,MAAM,OAAOA,CAAK,CAAC;AAG7F,SAASC,EAAgB,EAAE,OAAA5C,GAAO,OAAA6C,KAA8C;AAC9E,QAAMpB,IAAIC,EAAA;AAGV,SAAO,gBAAAI,EAACrB,KAAW,OAAAT,GAAc,aAAayB,EAAE,wBAAwB,GAAG,SAASoB,GAAO;AAC7F;AAUO,MAAMC,UAAsBC,EAAkD;AAAA,EAA9E,cAAA;AAAA,UAAA,GAAA,SAAA,GACL,KAAA,QAA4B,EAAE,OAAO,KAAA,GAkBrC,KAAA,QAAQ,MAAM;;AACZ,WAAK,SAAS,EAAE,OAAO,KAAA,CAAM,IAC7B3C,KAAAC,IAAA,KAAK,OAAM,YAAX,QAAAD,EAAA,KAAAC;AAAA,IACF;AAAA,EAAA;AAAA,EAnBA,OAAO,yBAAyBL,GAAoC;AAClE,WAAO,EAAE,OAAO0C,EAAQ1C,CAAK,EAAA;AAAA,EAC/B;AAAA,EAEA,kBAAkBA,GAAgBgD,GAAiB;;AACjD,KAAA5C,KAAAC,IAAA,KAAK,OAAM,YAAX,QAAAD,EAAA,KAAAC,GAAqBqC,EAAQ1C,CAAK,GAAGgD;AAAA,EACvC;AAAA,EAEA,mBAAmBC,GAA0BC,GAA+B;AAG1E,IAAI,KAAK,MAAM,SAASA,EAAU,SAASb,EAAYY,EAAK,WAAW,KAAK,MAAM,SAAS,KACzF,KAAK,MAAA;AAAA,EAET;AAAA,EAOA,SAAS;AACP,UAAM,EAAE,OAAAjD,MAAU,KAAK;AACvB,QAAI,CAACA,EAAO,QAAO,KAAK,MAAM;AAC9B,UAAM,EAAE,UAAAmD,MAAa,KAAK;AAC1B,WAAI,OAAOA,KAAa,aAAmBA,EAASnD,GAAO,KAAK,KAAK,IACjEmD,MAAa,SAAkBA,IAC5B,gBAAArB,EAACc,GAAA,EAAgB,OAAA5C,GAAc,OAAO,KAAK,OAAO;AAAA,EAC3D;AACF;"}

package/dist/ErrorBoundary-unvC1vZQ.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),y=require("react"),k=require("clsx"),C=require("./Button-KRGjJdMV.cjs"),B=require("./EmptyState-CO_NRZ6w.cjs"),I=require("./Icon-BVULqOJD.cjs"),h=require("./ConfigProvider-BElY0HuV.cjs");function S(t,r=e=>`Request failed (${e})`){var a,l,c;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=(l=(a=e.response)==null?void 0:a.data)==null?void 0:l.message;if(typeof s=="string"&&s.trim())return s.trim();if(typeof e.message=="string"&&e.message.trim())return e.message.trim();const o=typeof e.status=="number"?e.status:(c=e.response)==null?void 0:c.status;if(typeof o=="number")return r(o)}function E(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)}}}const F="_errorState_aiagy_4",M="_actions_aiagy_9",O="_compact_aiagy_18",$="_details_aiagy_23",z="_summary_aiagy_29",K="_pre_aiagy_36",i={errorState:F,actions:M,compact:O,details:$,summary:z,pre:K},T=typeof process<"u"&&process.env.NODE_ENV!=="production",_=y.forwardRef(function({error:r,title:e,description:s,icon:o="Danger",onRetry:a,retryLabel:l,showDetails:c="dev",compact:d=!1,size:v,pattern:x,action:p,className:j,children:q,...D},N){const u=h.useT(),R=S(r,b=>u("errorState.requestFailed",{status:b})),m=(c==="dev"?T:c)?E(r):void 0,f=a!=null?n.jsx(C.Button,{size:"sm",variant:"outlined",color:"primary",startIcon:n.jsx(I.Icon,{name:"RefreshRight"}),onClick:a,children:l??u("errorState.retry")}):null;return n.jsxs(B.EmptyState,{ref:N,role:"alert","aria-live":"polite",color:"error",icon:o,title:e??u("errorState.title"),description:s??R??u("errorState.description"),size:v??(d?"sm":"md"),pattern:x??!d,action:f||p?n.jsxs("span",{className:i.actions,children:[f,p]}):void 0,className:k.clsx(i.errorState,d&&i.compact,j),...D,children:[m!=null&&n.jsxs("details",{className:i.details,children:[n.jsx("summary",{className:i.summary,children:u("errorState.details")}),n.jsx("pre",{className:i.pre,children:m})]}),q]})}),V=(t=[],r=[])=>t.length!==r.length||t.some((e,s)=>!Object.is(e,r[s])),g=t=>t instanceof Error?t:new Error(String(t));function w({error:t,reset:r}){const e=h.useT();return n.jsx(_,{error:t,description:e("errorState.description"),onRetry:r})}class J extends y.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:g(r)}}componentDidCatch(r,e){var s,o;(o=(s=this.props).onError)==null||o.call(s,g(r),e)}componentDidUpdate(r,e){this.state.error&&e.error&&V(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(w,{error:r,reset:this.reset})}}exports.ErrorBoundary=J;exports.ErrorState=_;exports.getErrorDetails=E;exports.getErrorMessage=S;
+//# sourceMappingURL=ErrorBoundary-unvC1vZQ.cjs.map

package/dist/ErrorBoundary-unvC1vZQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-unvC1vZQ.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","import { forwardRef, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { EmptyState, type EmptyStateProps } from '../EmptyState'\nimport { Icon } from '../Icon'\nimport type { IconName } from '../../icons/names'\nimport { getErrorDetails, getErrorMessage } 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\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. 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    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 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      description={description ?? 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      {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","IS_DEV","ErrorState","forwardRef","title","description","icon","onRetry","retryLabel","showDetails","compact","size","pattern","action","className","children","props","ref","t","useT","message","details","retry","jsx","Button","Icon","jsxs","EmptyState","styles","clsx","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

@@ -0,0 +1,149 @@
+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 V } from "./Icon-DaTvzLBu.js";
+import { T as G } from "./Typography-CJv5AnRP.js";
+import { a as H } from "./ConfigProvider-B_RSn9bb.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,
+  body: U,
+  name: W,
+  nameBase: X,
+  nameExt: z,
+  type: J,
+  download: P,
+  sm: Q,
+  md: Y,
+  lg: Z
+}, ee = /* @__PURE__ */ new Set([
+  "png",
+  "jpg",
+  "jpeg",
+  "webp",
+  "svg",
+  "gif",
+  "avif",
+  "bmp",
+  "ico",
+  "heic"
+]), te = {
+  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 ne(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 oe(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 ue = S(function({
+  name: e,
+  src: t,
+  type: a,
+  image: v,
+  fileSize: r,
+  fetchSize: u = !1,
+  meta: T,
+  color: f = "accent",
+  size: d = "md",
+  downloadable: w = !0,
+  onDownload: i,
+  className: C,
+  style: k,
+  ...B
+}, D) {
+  const N = H(), l = ne(e, a), p = v ?? ((a == null ? void 0 : a.startsWith("image/")) || ee.has(l)), { base: E, ext: _ } = oe(e), [x, I] = A(null);
+  O(() => {
+    if (!u || r != null || !t || typeof fetch > "u") return;
+    let s = !1;
+    return fetch(t, { method: "HEAD" }).then((M) => {
+      const b = M.headers.get("content-length");
+      !s && b && I(Number(b));
+    }).catch(() => {
+    }), () => {
+      s = !0;
+    };
+  }, [u, r, t]);
+  const F = r != null ? typeof r == "number" ? g(r) : r : x != null ? g(x) : "", j = [l ? l.toUpperCase() : "", F].filter(Boolean).join(" · "), h = T ?? (j || null), q = () => {
+    if (i) return i();
+    if (!t) return;
+    const s = document.createElement("a");
+    s.href = t, s.download = e, s.rel = "noopener", s.click();
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: D,
+      className: y(o.fileCard, o[d], C),
+      style: { "--tz-btn-rgb": `var(--tz-color-${f}-rgb)`, ...k },
+      ...B,
+      children: [
+        /* @__PURE__ */ c(
+          L,
+          {
+            className: o.avatar,
+            src: p ? t : void 0,
+            icon: p ? void 0 : te[l] ?? "Document",
+            name: e,
+            shape: "square",
+            size: d,
+            color: f
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: o.body, children: [
+          /* @__PURE__ */ m("span", { className: o.name, title: e, children: [
+            /* @__PURE__ */ c("span", { className: o.nameBase, children: E }),
+            _ && /* @__PURE__ */ c("span", { className: o.nameExt, children: _ })
+          ] }),
+          h != null && /* @__PURE__ */ c(G, { as: "span", variant: "bodySmall", color: "muted", uppercase: !0, className: o.type, children: h })
+        ] }),
+        w && (t || i) && /* @__PURE__ */ c(
+          $,
+          {
+            variant: "filled",
+            size: d === "lg" ? "md" : "sm",
+            className: o.download,
+            "aria-label": N("fileCard.download", { name: e }),
+            onClick: q,
+            children: /* @__PURE__ */ c(V, { name: "ImportArrow" })
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  ue as F
+};
+//# sourceMappingURL=FileCard-C3a2yDhK.js.map

package/dist/FileCard-C3a2yDhK.js.map

@@ -0,0 +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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"}

package/dist/FileCard-DKjDQRzZ.cjs

@@ -0,0 +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

package/dist/FileCard-DKjDQRzZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileCard-DKjDQRzZ.cjs","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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"}