@techzyapp/ui-library 1.0.32 → 1.0.33

package/dist/ErrorState-BXMjBWav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState-BXMjBWav.cjs","sources":["../src/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { Alert } from '../Alert'\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  humanizeField,\n  isNetworkError,\n  isDev,\n} from './errorMessage'\nimport styles from './ErrorState.module.css'\n\nexport type ErrorStateVariant = 'block' | 'alert'\n\nexport interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title' | 'color'> {\n  /**\n   * The shape. `'block'` (default) — the `EmptyState`-style block (puck, title, centred message), for a read\n   * that failed where its data would be. `'alert'` — a one-line red `Alert` banner for a **failed save**\n   * above a form or in a modal, where the form stays on screen: the message (no default title), a muted\n   * trace id line, and the copy / retry / `action` buttons in the alert's action slot. `showDetails`,\n   * `compact` and `pattern` don't apply to `'alert'`.\n   */\n  variant?: ErrorStateVariant\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  /**\n   * Heading. Block: defaults to the localized \"Something Went Wrong\". Alert: none unless given — the message\n   * is the point.\n   */\n  title?: ReactNode\n  /**\n   * Leading icon — a known `IconName`, any node, or `false`. Block: defaults to `Danger` (or `CloudCross` when\n   * the request never got a response — an explicit `status: 0` / network error code), tinted `error`. Alert:\n   * the alert's own error icon unless overridden.\n   */\n  icon?: IconName | ReactNode | false\n  /** Adds a \"Try Again\" button that calls this (e.g. a query's `refetch`). */\n  onRetry?: () => void\n  /**\n   * The retry is running (e.g. `query.isFetching`) — the \"Try Again\" button shows its loader and is disabled,\n   * so a slow refetch doesn't look like a dead click. Defaults to `false`.\n   */\n  retrying?: boolean\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` (`getErrorFieldErrors`: `error.fieldErrors` — an object, a\n   * method or a `{ field, message }[]` —, `error.details`, `error.response.data.errors`); `false` hides them. In a form, put them on the inputs instead.\n   */\n  fieldErrors?: Record<string, string> | false\n  /**\n   * Labels for the field-error keys (`{ newPassword: 'New Password' }`). A key without one is shown humanized\n   * and Title Cased (`newPassword` / `new_password` → \"New Password\"; a dotted path keeps its last segment).\n   */\n  fieldLabels?: Record<string, ReactNode>\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. `variant=\"alert\"` renders the same data as a one-line `Alert` banner — for a\n * failed save above a form or in a modal. `retrying` puts the retry button in its loading state. Announced to\n * assistive tech once (`role=\"alert\"`).\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    variant = 'block',\n    title,\n    description,\n    icon,\n    onRetry,\n    retrying = false,\n    retryLabel,\n    showDetails = 'dev',\n    compact = false,\n    traceId: traceIdProp,\n    fieldErrors: fieldErrorsProp,\n    fieldLabels,\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}>{fieldLabels?.[field] ?? humanizeField(field)}</span> —{' '}\n            {msg}\n          </li>\n        ))}\n      </ul>\n    ) : undefined\n  const body = description ?? fieldErrorList ?? message ?? t('errorState.description')\n  const traceLabel = traceId != null && (\n    <>\n      {t('errorState.traceId')}: <code className={styles.traceId}>{traceId}</code>\n    </>\n  )\n\n  // ── alert: a one-line banner for a failed save above a form / in a modal ──\n  if (variant === 'alert') {\n    const alertActions =\n      traceId != null || onRetry != null || action != null ? (\n        <span className={styles.alertActions}>\n          {traceId != null && <CopyButton value={traceId} size=\"sm\" variant=\"text\" color=\"error\" />}\n          {onRetry != null && (\n            <Button\n              size=\"sm\"\n              variant=\"text\"\n              color=\"error\"\n              loading={retrying}\n              disabled={retrying}\n              onClick={onRetry}\n            >\n              {retryLabel ?? t('errorState.retry')}\n            </Button>\n          )}\n          {action}\n        </span>\n      ) : undefined\n    return (\n      <Alert\n        ref={ref}\n        color=\"error\"\n        icon={icon}\n        action={alertActions}\n        className={clsx(styles.alertVariant, className)}\n        {...props}\n      >\n        {title != null && <span className={styles.alertTitle}>{title}</span>}\n        <span className={styles.alertBody}>{body}</span>\n        {traceLabel && <span className={styles.alertTrace}>{traceLabel}</span>}\n        {children}\n      </Alert>\n    )\n  }\n\n  // ── block ──\n  // the trace id leads the developer panel too (it's what matches the server log)\n  const rawDetails = (showDetails === 'dev' ? isDev() : showDetails)\n    ? getErrorDetails(error)\n    : undefined\n  const details =\n    rawDetails != null && traceId != null\n      ? `${t('errorState.traceId')}: ${traceId}\\n\\n${rawDetails}`\n      : rawDetails\n\n  const retry =\n    onRetry != null ? (\n      <Button\n        size=\"sm\"\n        variant=\"outlined\"\n        color=\"primary\"\n        startIcon={<Icon name=\"RefreshRight\" />}\n        loading={retrying}\n        disabled={retrying}\n        onClick={onRetry}\n      >\n        {retryLabel ?? t('errorState.retry')}\n      </Button>\n    ) : null\n\n  return (\n    <EmptyState\n      ref={ref}\n      // one announcement, assertive: an error is what the user needs to know now (role=\"alert\" already\n      // implies aria-live=\"assertive\" — pairing it with \"polite\" was contradictory)\n      role=\"alert\"\n      color=\"error\"\n      icon={icon === undefined ? (isNetworkError(error) ? 'CloudCross' : 'Danger') : 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={body}\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>{traceLabel}</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"],"names":["ErrorState","forwardRef","error","variant","title","description","icon","onRetry","retrying","retryLabel","showDetails","compact","traceIdProp","fieldErrorsProp","fieldLabels","size","pattern","action","className","children","props","ref","t","useT","message","getErrorMessage","status","traceId","getErrorTraceId","fieldErrors","getErrorFieldErrors","fieldErrorList","jsx","styles","field","msg","jsxs","humanizeField","body","traceLabel","Fragment","alertActions","CopyButton","Button","Alert","clsx","rawDetails","isDev","getErrorDetails","details","retry","Icon","EmptyState","isNetworkError"],"mappings":"22BA8FaA,GAAaC,EAAAA,WAA4C,SACpE,CACE,MAAAC,EACA,QAAAC,EAAU,QACV,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,GACX,WAAAC,EACA,YAAAC,EAAc,MACd,QAAAC,EAAU,GACV,QAASC,EACT,YAAaC,EACb,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,OAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EAAUC,kBAAgBvB,EAAQwB,GAAWJ,EAAE,2BAA4B,CAAE,OAAAI,CAAA,CAAQ,CAAC,EACtFC,EAAUf,IAAgB,GAAQ,OAAaA,GAAegB,EAAAA,gBAAgB1B,CAAK,EACnF2B,EACJhB,IAAoB,GAAQ,OAAaA,GAAmBiB,EAAAA,oBAAoB5B,CAAK,EACjF6B,EACJF,GAAe,OAAO,KAAKA,CAAW,EAAE,OAAS,EAC/CG,EAAAA,IAAC,KAAA,CAAG,UAAWC,EAAO,YACnB,SAAA,OAAO,QAAQJ,CAAW,EAAE,IAAI,CAAC,CAACK,EAAOC,CAAG,IAC3CC,EAAAA,KAAC,KAAA,CACC,SAAA,CAAAJ,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,MAAQ,2BAAcC,KAAUG,gBAAcH,CAAK,CAAA,CAAE,EAAO,KAAG,IACtFC,CAAA,CAAA,EAFMD,CAGT,CACD,CAAA,CACH,EACE,OACAI,EAAOjC,GAAe0B,GAAkBP,GAAWF,EAAE,wBAAwB,EAC7EiB,EAAaZ,GAAW,MAC5BS,EAAAA,KAAAI,EAAAA,SAAA,CACG,SAAA,CAAAlB,EAAE,oBAAoB,EAAE,KAAEU,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,QAAU,SAAAN,CAAA,CAAQ,CAAA,EACvE,EAIF,GAAIxB,IAAY,QAAS,CACvB,MAAMsC,EACJd,GAAW,MAAQpB,GAAW,MAAQU,GAAU,KAC9CmB,EAAAA,KAAC,OAAA,CAAK,UAAWH,EAAO,aACrB,SAAA,CAAAN,GAAW,MAAQK,EAAAA,IAACU,EAAAA,WAAA,CAAW,MAAOf,EAAS,KAAK,KAAK,QAAQ,OAAO,MAAM,OAAA,CAAQ,EACtFpB,GAAW,MACVyB,EAAAA,IAACW,EAAAA,OAAA,CACC,KAAK,KACL,QAAQ,OACR,MAAM,QACN,QAASnC,EACT,SAAUA,EACV,QAASD,EAER,SAAAE,GAAca,EAAE,kBAAkB,CAAA,CAAA,EAGtCL,CAAA,CAAA,CACH,EACE,OACN,OACEmB,EAAAA,KAACQ,EAAAA,MAAA,CACC,IAAAvB,EACA,MAAM,QACN,KAAAf,EACA,OAAQmC,EACR,UAAWI,EAAAA,KAAKZ,EAAO,aAAcf,CAAS,EAC7C,GAAGE,EAEH,SAAA,CAAAhB,GAAS,MAAQ4B,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,WAAa,SAAA7B,EAAM,EAC7D4B,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,UAAY,SAAAK,EAAK,EACxCC,GAAcP,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,WAAa,SAAAM,EAAW,EAC9DpB,CAAA,CAAA,CAAA,CAGP,CAIA,MAAM2B,GAAcpC,IAAgB,MAAQqC,EAAAA,MAAA,EAAUrC,GAClDsC,EAAAA,gBAAgB9C,CAAK,EACrB,OACE+C,EACJH,GAAc,MAAQnB,GAAW,KAC7B,GAAGL,EAAE,oBAAoB,CAAC,KAAKK,CAAO;AAAA;AAAA,EAAOmB,CAAU,GACvDA,EAEAI,EACJ3C,GAAW,KACTyB,EAAAA,IAACW,EAAAA,OAAA,CACC,KAAK,KACL,QAAQ,WACR,MAAM,UACN,UAAWX,EAAAA,IAACmB,EAAAA,KAAA,CAAK,KAAK,cAAA,CAAe,EACrC,QAAS3C,EACT,SAAUA,EACV,QAASD,EAER,SAAAE,GAAca,EAAE,kBAAkB,CAAA,CAAA,EAEnC,KAEN,OACEc,EAAAA,KAACgB,EAAAA,WAAA,CACC,IAAA/B,EAGA,KAAK,QACL,MAAM,QACN,KAAMf,IAAS,OAAa+C,EAAAA,eAAenD,CAAK,EAAI,aAAe,SAAYI,EAC/E,MAAOF,GAASkB,EAAE,kBAAkB,EAEpC,YAAagB,EACb,KAAMvB,IAASJ,EAAU,KAAO,MAChC,QAASK,GAAW,CAACL,EACrB,OACEuC,GAASjC,SACN,OAAA,CAAK,UAAWgB,EAAO,QACrB,SAAA,CAAAiB,EACAjC,CAAA,CAAA,CACH,EACE,OAEN,UAAW4B,EAAAA,KAAKZ,EAAO,WAAYtB,GAAWsB,EAAO,QAASf,CAAS,EACtE,GAAGE,EAEH,SAAA,CAAAO,GAAW,MACVS,EAAAA,KAAC,OAAA,CAAK,UAAWH,EAAO,MACtB,SAAA,CAAAD,EAAAA,IAAC,QAAM,SAAAO,CAAA,CAAW,EAClBP,EAAAA,IAACU,EAAAA,YAAW,MAAOf,EAAS,KAAK,KAAK,QAAQ,OAAO,MAAM,SAAA,CAAU,CAAA,EACvE,EAEDsB,GAAW,MACVb,EAAAA,KAAC,UAAA,CAAQ,UAAWH,EAAO,QACzB,SAAA,CAAAD,MAAC,WAAQ,UAAWC,EAAO,QAAU,SAAAX,EAAE,oBAAoB,EAAE,EAC7DU,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,IAAM,SAAAgB,CAAA,CAAQ,CAAA,EACvC,EAED9B,CAAA,CAAA,CAAA,CAGP,CAAC"}

package/dist/ErrorState-DKhZ4aJh.js

@@ -0,0 +1,142 @@
+import { jsx as a, jsxs as s, Fragment as O } from "react/jsx-runtime";
+import { forwardRef as q } from "react";
+import { clsx as B } from "clsx";
+import { A as M } from "./Alert-LJDrtkJy.js";
+import { B as z } from "./Button-PBZnkRNn.js";
+import { C } from "./CopyButton-B_mYxcXV.js";
+import { E as G } from "./EmptyState-BEVEGcLx.js";
+import { I as H } from "./Icon-CGQ5yGSZ.js";
+import { b as J, d as K, a as Q, h as U, f as W, g as X, i as Y } from "./errorMessage-C83fB2h5.js";
+import { a as Z } from "./ConfigProvider-tvLbKiqu.js";
+const R = "_errorState_19ba2_4", P = "_actions_19ba2_9", L = "_fieldErrors_19ba2_18", rr = "_field_19ba2_18", ar = "_trace_19ba2_32", er = "_traceId_19ba2_39", tr = "_compact_19ba2_45", sr = "_details_19ba2_50", lr = "_summary_19ba2_56", or = "_pre_19ba2_63", cr = "_alertVariant_19ba2_80", nr = "_alertTitle_19ba2_83", ir = "_alertBody_19ba2_87", dr = "_alertTrace_19ba2_92", mr = "_alertActions_19ba2_99", r = {
+  errorState: R,
+  actions: P,
+  fieldErrors: L,
+  field: rr,
+  trace: ar,
+  traceId: er,
+  compact: tr,
+  details: sr,
+  summary: lr,
+  pre: or,
+  alertVariant: cr,
+  alertTitle: nr,
+  alertBody: ir,
+  alertTrace: dr,
+  alertActions: mr
+}, Ir = q(function({
+  error: o,
+  variant: k = "block",
+  title: d,
+  description: j,
+  icon: m,
+  onRetry: c,
+  retrying: n = !1,
+  retryLabel: b,
+  showDetails: E = "dev",
+  compact: _ = !1,
+  traceId: v,
+  fieldErrors: S,
+  fieldLabels: u,
+  size: F,
+  pattern: V,
+  action: i,
+  className: N,
+  children: y,
+  ...I
+}, g) {
+  const t = Z(), D = J(o, (l) => t("errorState.requestFailed", { status: l })), e = v === !1 ? void 0 : v ?? K(o), p = S === !1 ? void 0 : S ?? Q(o), $ = p && Object.keys(p).length > 0 ? /* @__PURE__ */ a("ul", { className: r.fieldErrors, children: Object.entries(p).map(([l, w]) => /* @__PURE__ */ s("li", { children: [
+    /* @__PURE__ */ a("span", { className: r.field, children: (u == null ? void 0 : u[l]) ?? U(l) }),
+    " —",
+    " ",
+    w
+  ] }, l)) }) : void 0, T = j ?? $ ?? D ?? t("errorState.description"), f = e != null && /* @__PURE__ */ s(O, { children: [
+    t("errorState.traceId"),
+    ": ",
+    /* @__PURE__ */ a("code", { className: r.traceId, children: e })
+  ] });
+  if (k === "alert") {
+    const l = e != null || c != null || i != null ? /* @__PURE__ */ s("span", { className: r.alertActions, children: [
+      e != null && /* @__PURE__ */ a(C, { value: e, size: "sm", variant: "text", color: "error" }),
+      c != null && /* @__PURE__ */ a(
+        z,
+        {
+          size: "sm",
+          variant: "text",
+          color: "error",
+          loading: n,
+          disabled: n,
+          onClick: c,
+          children: b ?? t("errorState.retry")
+        }
+      ),
+      i
+    ] }) : void 0;
+    return /* @__PURE__ */ s(
+      M,
+      {
+        ref: g,
+        color: "error",
+        icon: m,
+        action: l,
+        className: B(r.alertVariant, N),
+        ...I,
+        children: [
+          d != null && /* @__PURE__ */ a("span", { className: r.alertTitle, children: d }),
+          /* @__PURE__ */ a("span", { className: r.alertBody, children: T }),
+          f && /* @__PURE__ */ a("span", { className: r.alertTrace, children: f }),
+          y
+        ]
+      }
+    );
+  }
+  const h = (E === "dev" ? W() : E) ? X(o) : void 0, x = h != null && e != null ? `${t("errorState.traceId")}: ${e}
+
+${h}` : h, A = c != null ? /* @__PURE__ */ a(
+    z,
+    {
+      size: "sm",
+      variant: "outlined",
+      color: "primary",
+      startIcon: /* @__PURE__ */ a(H, { name: "RefreshRight" }),
+      loading: n,
+      disabled: n,
+      onClick: c,
+      children: b ?? t("errorState.retry")
+    }
+  ) : null;
+  return /* @__PURE__ */ s(
+    G,
+    {
+      ref: g,
+      role: "alert",
+      color: "error",
+      icon: m === void 0 ? Y(o) ? "CloudCross" : "Danger" : m,
+      title: d ?? t("errorState.title"),
+      description: T,
+      size: F ?? (_ ? "sm" : "md"),
+      pattern: V ?? !_,
+      action: A || i ? /* @__PURE__ */ s("span", { className: r.actions, children: [
+        A,
+        i
+      ] }) : void 0,
+      className: B(r.errorState, _ && r.compact, N),
+      ...I,
+      children: [
+        e != null && /* @__PURE__ */ s("span", { className: r.trace, children: [
+          /* @__PURE__ */ a("span", { children: f }),
+          /* @__PURE__ */ a(C, { value: e, size: "sm", variant: "text", color: "primary" })
+        ] }),
+        x != null && /* @__PURE__ */ s("details", { className: r.details, children: [
+          /* @__PURE__ */ a("summary", { className: r.summary, children: t("errorState.details") }),
+          /* @__PURE__ */ a("pre", { className: r.pre, children: x })
+        ] }),
+        y
+      ]
+    }
+  );
+});
+export {
+  Ir as E
+};
+//# sourceMappingURL=ErrorState-DKhZ4aJh.js.map

package/dist/ErrorState-DKhZ4aJh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState-DKhZ4aJh.js","sources":["../src/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { Alert } from '../Alert'\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  humanizeField,\n  isNetworkError,\n  isDev,\n} from './errorMessage'\nimport styles from './ErrorState.module.css'\n\nexport type ErrorStateVariant = 'block' | 'alert'\n\nexport interface ErrorStateProps extends Omit<EmptyStateProps, 'icon' | 'title' | 'color'> {\n  /**\n   * The shape. `'block'` (default) — the `EmptyState`-style block (puck, title, centred message), for a read\n   * that failed where its data would be. `'alert'` — a one-line red `Alert` banner for a **failed save**\n   * above a form or in a modal, where the form stays on screen: the message (no default title), a muted\n   * trace id line, and the copy / retry / `action` buttons in the alert's action slot. `showDetails`,\n   * `compact` and `pattern` don't apply to `'alert'`.\n   */\n  variant?: ErrorStateVariant\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  /**\n   * Heading. Block: defaults to the localized \"Something Went Wrong\". Alert: none unless given — the message\n   * is the point.\n   */\n  title?: ReactNode\n  /**\n   * Leading icon — a known `IconName`, any node, or `false`. Block: defaults to `Danger` (or `CloudCross` when\n   * the request never got a response — an explicit `status: 0` / network error code), tinted `error`. Alert:\n   * the alert's own error icon unless overridden.\n   */\n  icon?: IconName | ReactNode | false\n  /** Adds a \"Try Again\" button that calls this (e.g. a query's `refetch`). */\n  onRetry?: () => void\n  /**\n   * The retry is running (e.g. `query.isFetching`) — the \"Try Again\" button shows its loader and is disabled,\n   * so a slow refetch doesn't look like a dead click. Defaults to `false`.\n   */\n  retrying?: boolean\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` (`getErrorFieldErrors`: `error.fieldErrors` — an object, a\n   * method or a `{ field, message }[]` —, `error.details`, `error.response.data.errors`); `false` hides them. In a form, put them on the inputs instead.\n   */\n  fieldErrors?: Record<string, string> | false\n  /**\n   * Labels for the field-error keys (`{ newPassword: 'New Password' }`). A key without one is shown humanized\n   * and Title Cased (`newPassword` / `new_password` → \"New Password\"; a dotted path keeps its last segment).\n   */\n  fieldLabels?: Record<string, ReactNode>\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. `variant=\"alert\"` renders the same data as a one-line `Alert` banner — for a\n * failed save above a form or in a modal. `retrying` puts the retry button in its loading state. Announced to\n * assistive tech once (`role=\"alert\"`).\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    variant = 'block',\n    title,\n    description,\n    icon,\n    onRetry,\n    retrying = false,\n    retryLabel,\n    showDetails = 'dev',\n    compact = false,\n    traceId: traceIdProp,\n    fieldErrors: fieldErrorsProp,\n    fieldLabels,\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}>{fieldLabels?.[field] ?? humanizeField(field)}</span> —{' '}\n            {msg}\n          </li>\n        ))}\n      </ul>\n    ) : undefined\n  const body = description ?? fieldErrorList ?? message ?? t('errorState.description')\n  const traceLabel = traceId != null && (\n    <>\n      {t('errorState.traceId')}: <code className={styles.traceId}>{traceId}</code>\n    </>\n  )\n\n  // ── alert: a one-line banner for a failed save above a form / in a modal ──\n  if (variant === 'alert') {\n    const alertActions =\n      traceId != null || onRetry != null || action != null ? (\n        <span className={styles.alertActions}>\n          {traceId != null && <CopyButton value={traceId} size=\"sm\" variant=\"text\" color=\"error\" />}\n          {onRetry != null && (\n            <Button\n              size=\"sm\"\n              variant=\"text\"\n              color=\"error\"\n              loading={retrying}\n              disabled={retrying}\n              onClick={onRetry}\n            >\n              {retryLabel ?? t('errorState.retry')}\n            </Button>\n          )}\n          {action}\n        </span>\n      ) : undefined\n    return (\n      <Alert\n        ref={ref}\n        color=\"error\"\n        icon={icon}\n        action={alertActions}\n        className={clsx(styles.alertVariant, className)}\n        {...props}\n      >\n        {title != null && <span className={styles.alertTitle}>{title}</span>}\n        <span className={styles.alertBody}>{body}</span>\n        {traceLabel && <span className={styles.alertTrace}>{traceLabel}</span>}\n        {children}\n      </Alert>\n    )\n  }\n\n  // ── block ──\n  // the trace id leads the developer panel too (it's what matches the server log)\n  const rawDetails = (showDetails === 'dev' ? isDev() : showDetails)\n    ? getErrorDetails(error)\n    : undefined\n  const details =\n    rawDetails != null && traceId != null\n      ? `${t('errorState.traceId')}: ${traceId}\\n\\n${rawDetails}`\n      : rawDetails\n\n  const retry =\n    onRetry != null ? (\n      <Button\n        size=\"sm\"\n        variant=\"outlined\"\n        color=\"primary\"\n        startIcon={<Icon name=\"RefreshRight\" />}\n        loading={retrying}\n        disabled={retrying}\n        onClick={onRetry}\n      >\n        {retryLabel ?? t('errorState.retry')}\n      </Button>\n    ) : null\n\n  return (\n    <EmptyState\n      ref={ref}\n      // one announcement, assertive: an error is what the user needs to know now (role=\"alert\" already\n      // implies aria-live=\"assertive\" — pairing it with \"polite\" was contradictory)\n      role=\"alert\"\n      color=\"error\"\n      icon={icon === undefined ? (isNetworkError(error) ? 'CloudCross' : 'Danger') : 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={body}\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>{traceLabel}</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"],"names":["ErrorState","forwardRef","error","variant","title","description","icon","onRetry","retrying","retryLabel","showDetails","compact","traceIdProp","fieldErrorsProp","fieldLabels","size","pattern","action","className","children","props","ref","useT","message","getErrorMessage","status","traceId","getErrorTraceId","fieldErrors","getErrorFieldErrors","fieldErrorList","jsx","styles","field","msg","jsxs","humanizeField","body","traceLabel","Fragment","alertActions","CopyButton","Button","Alert","clsx","rawDetails","isDev","getErrorDetails","details","retry","Icon","EmptyState","isNetworkError"],"mappings":"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"}

package/dist/{FileCard-Bjqsgi7S.cjs → FileCard-B3dfdTVN.cjs}

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),u=require("react"),M=require("clsx"),S=require("./Avatar-CQ--wGWS.cjs"),A=require("./IconButton-V8tjArlt.cjs"),O=require("./Icon-BUP5_kRs.cjs"),L=require("./Typography-B6ASPrzT.cjs"),$=require("./ConfigProvider-CzAQf_d_.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-Bjqsgi7S.cjs.map
+"use strict";const o=require("react/jsx-runtime"),u=require("react"),M=require("clsx"),S=require("./Avatar-CQ--wGWS.cjs"),A=require("./IconButton-BVrO9TBP.cjs"),O=require("./Icon-BUP5_kRs.cjs"),L=require("./Typography-B6ASPrzT.cjs"),$=require("./ConfigProvider-CVLHPXQm.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-B3dfdTVN.cjs.map

package/dist/{FileCard-Bjqsgi7S.cjs.map → FileCard-B3dfdTVN.cjs.map}

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

package/dist/{FileCard-D4t0-ms2.js → FileCard-R_sB8Qbx.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-MwWIcj8z.js";
-import { I as $ } from "./IconButton-CqFgam3J.js";
+import { I as $ } from "./IconButton-sC_E_TXd.js";
 import { I as V } from "./Icon-CGQ5yGSZ.js";
 import { T as G } from "./Typography-CJv5AnRP.js";
-import { a as H } from "./ConfigProvider-D2svpXFu.js";
+import { a as H } from "./ConfigProvider-tvLbKiqu.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-D4t0-ms2.js.map
+//# sourceMappingURL=FileCard-R_sB8Qbx.js.map

package/dist/{FileCard-D4t0-ms2.js.map → FileCard-R_sB8Qbx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FileCard-D4t0-ms2.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-R_sB8Qbx.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/{FileUploader-DWM8WrY6.cjs → FileUploader-4UMy0urx.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),L=require("clsx"),V=require("@dnd-kit/core"),ae=require("@dnd-kit/sortable"),Et=require("@dnd-kit/utilities"),kt=require("@formkit/auto-animate/react"),Rt=require("react-dropzone"),zt=require("./formContext-bTWrqdEV.cjs"),Ve=require("./toastStore-B4Tk2Xk7.cjs"),M=require("./Icon-BUP5_kRs.cjs"),Ft=require("./Skeleton-DK0lAjS9.cjs"),ie=require("./Typography-B6ASPrzT.cjs"),Dt=require("react-image-crop"),Ge=require("./Button-BZq1mIUH.cjs"),Ye=require("./Modal-CcrqM4kn.cjs"),Ct=require("./TextField-D_hzd5Gf.cjs"),ce=require("./ConfigProvider-CzAQf_d_.cjs"),Ie=require("./TextField.module-DsNCo8vN.cjs"),Mt="_cropSection_1j2zs_4",Pt="_cropHead_1j2zs_10",qt="_cropStage_1j2zs_16",Lt="_crop_1j2zs_4",Bt="_cropImg_1j2zs_30",$t="_altFields_1j2zs_35",Q={cropSection:Mt,cropHead:Pt,cropStage:qt,crop:Lt,cropImg:Bt,altFields:$t};function Ot({mode:n,name:o,imageUrl:l,mimeType:p,editLocales:S,initialDraft:w,onClose:N,onSave:P}){const h=ce.useT(),z=d.useRef(null),[_,B]=d.useState(),[i,$]=d.useState(null),[O,G]=d.useState(null),[Y,A]=d.useState(w),[W,X]=d.useState(null),[E,T]=d.useState(!1),Z=(c,y)=>{B(y);const g=z.current;if(g&&g.width>0&&c.width>=1&&c.height>=1){const k=g.naturalWidth/g.width,q=g.naturalHeight/g.height;$({x:Math.round(c.x*k),y:Math.round(c.y*q),width:Math.round(c.width*k),height:Math.round(c.height*q)})}else $(null)},U=async()=>{const c=z.current;if(!c||!i||i.width<1||i.height<1)return;const y=document.createElement("canvas");y.width=i.width,y.height=i.height;const g=y.getContext("2d");if(!g)return;g.imageSmoothingEnabled=!1,g.drawImage(c,i.x,i.y,i.width,i.height,0,0,i.width,i.height);const k=await new Promise(q=>y.toBlob(q,p,1));if(!k)throw new Error("canvas.toBlob returned null");return new File([k],o,{type:p,lastModified:Date.now()})},J=async()=>{if(n==="altText"){P({draft:Y});return}T(!0);try{const c=i&&i.width>=1&&i.height>=1?await U():void 0;P({croppedFile:c})}catch{X(h("fileUploader.cropError")),T(!1)}};return t.jsx(Ye.Modal,{open:!0,onClose:N,size:n==="crop"?"lg":"sm",icon:n==="crop"?"Crop":"Text",title:h(n==="crop"?"fileUploader.cropTitle":"fileUploader.altTitle"),description:o,footer:t.jsxs(t.Fragment,{children:[t.jsx(Ge.Button,{variant:"text",color:"accent",size:"sm",onClick:N,disabled:E,children:h("common.cancel")}),t.jsx(Ge.Button,{size:"sm",onClick:J,loading:E,children:h("common.save")})]}),children:n==="crop"?t.jsxs("div",{className:Q.cropSection,children:[t.jsxs("div",{className:Q.cropHead,children:[t.jsx(ie.Typography,{variant:"bodySmall",color:"muted",children:h("fileUploader.cropHint")}),t.jsx(ie.Typography,{variant:"bodySmall",color:i?"text":"muted",children:i?`${i.width} × ${i.height} px`:O?`${O.w} × ${O.h} px`:""})]}),t.jsx("div",{className:Q.cropStage,children:t.jsx(Dt,{crop:_,onChange:Z,className:Q.crop,children:t.jsx("img",{ref:z,src:l??void 0,alt:"",className:Q.cropImg,onLoad:c=>G({w:c.currentTarget.naturalWidth,h:c.currentTarget.naturalHeight})})})}),W&&t.jsx(ie.Typography,{variant:"bodySmall",color:"error",children:W})]}):t.jsx("div",{className:Q.altFields,children:S.map(c=>t.jsx(Ct.TextField,{label:c.label??(c.code||h("fileUploader.altTitle")),placeholder:h("fileUploader.altPlaceholder"),value:Y[c.code]??"",onChange:y=>A(g=>({...g,[c.code]:y.target.value}))},c.code))})})}const At="_backdrop_uqdv2_5",Wt="_media_uqdv2_9",Ht="_mediaSvg_uqdv2_19",Kt="_close_uqdv2_27",re={backdrop:At,media:Wt,mediaSvg:Ht,close:Kt};function Vt({url:n,isVideo:o,isSvg:l,name:p,onClose:S}){const w=ce.useT();return t.jsxs(Ye.Overlay,{open:!0,onClose:S,dim:.85,className:re.backdrop,role:"dialog","aria-modal":"true","aria-label":w("fileUploader.preview",{name:p}),children:[t.jsx("button",{type:"button",className:re.close,"aria-label":w("fileUploader.closePreview"),onClick:S,autoFocus:!0,children:t.jsx(M.Icon,{name:"Close",size:"lg"})}),o?t.jsx("video",{src:n,className:re.media,controls:!0,playsInline:!0}):t.jsx("img",{src:n,alt:p,className:L.clsx(re.media,l&&re.mediaSvg)})]})}const Gt="_root_m8xag_4",Yt="_fullWidth_m8xag_9",Jt="_disabled_m8xag_14",Qt="_dropzone_m8xag_17",Xt="_dropText_m8xag_41",Zt="_dropping_m8xag_56",eo="_error_m8xag_61",to="_dropIcon_m8xag_65",oo="_prompt_m8xag_77",no="_accent_m8xag_82",so="_hint_m8xag_87",ro="_list_m8xag_93",ao="_populated_m8xag_103",lo="_tile_m8xag_121",io="_grabbable_m8xag_130",co="_entering_m8xag_139",uo="_dragging_m8xag_142",fo="_tileError_m8xag_148",po="_tileImg_m8xag_153",go="_tileImgPending_m8xag_161",mo="_tileSkeleton_m8xag_164",ho="_tileFallback_m8xag_169",xo="_tilePlay_m8xag_179",_o="_tileTop_m8xag_198",bo="_tileBottom_m8xag_208",yo="_tileRemove_m8xag_218",vo="_tileAction_m8xag_219",jo="_tileActionEnd_m8xag_254",So="_tileText_m8xag_257",To="_name_m8xag_264",Uo="_nameBase_m8xag_271",Io="_nameExt_m8xag_277",wo="_tileMeta_m8xag_281",No="_metaError_m8xag_285",r={root:Gt,fullWidth:Yt,disabled:Jt,dropzone:Qt,dropText:Xt,dropping:Zt,error:eo,dropIcon:to,prompt:oo,accent:no,hint:so,list:ro,populated:ao,tile:lo,grabbable:io,entering:co,dragging:uo,tileError:fo,tileImg:po,tileImgPending:go,tileSkeleton:mo,tileFallback:ho,tilePlay:xo,tileTop:_o,tileBottom:bo,tileRemove:yo,tileAction:vo,tileActionEnd:jo,tileText:So,name:To,nameBase:Uo,nameExt:Io,tileMeta:wo,metaError:No},Je=()=>typeof URL<"u"&&typeof URL.createObjectURL=="function",Eo=300,ko=(n,o,l,p)=>{let S=[{},{}],w=Eo;if(o==="add")w=0;else if(o==="remove")S=[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-8px)"}];else if(l&&p){const N=l.left-p.left,P=l.top-p.top;S=[{transform:`translate(${N}px, ${P}px)`},{transform:"translate(0, 0)"}]}return new KeyframeEffect(n,S,{duration:w,easing:"ease-out"})},le=n=>{if(n<1024)return`${n} B`;const o=["KB","MB","GB","TB"];let l=n/1024,p=0;for(;l>=1024&&p<o.length-1;)l/=1024,p+=1;return`${l.toFixed(l<10?1:0)} ${o[p]}`},Ro=n=>{if(typeof n=="number")return n;const o=/^\s*([\d.]+)\s*(b|kb|mb|gb|tb)?\s*$/i.exec(n);if(!o)return;const l={b:1,kb:1024,mb:1024**2,gb:1024**3,tb:1024**4};return parseFloat(o[1])*(l[(o[2]||"b").toLowerCase()]??1)},Qe=n=>`f:${n.name}:${n.size}:${n.lastModified}`,zo=n=>n.file?Qe(n.file):`s:${n.source??""}`,me=n=>n.file?n.file.name:n.source?/^(data|blob):/i.test(n.source)?"File":n.source.split(/[?#]/)[0].split("/").pop()||"File":"File",we=n=>{if(n.file)return n.file.type.startsWith("image/");const o=n.source;return o?/^data:image\//i.test(o)?!0:/^data:/i.test(o)?!1:/\.(png|jpe?g|gif|webp|avif|svg|bmp|ico|heic|heif)(?:[?#]|$)/i.test(o)||!/\.[a-z0-9]{1,8}(?:[?#]|$)/i.test(o):!1},Ne=n=>{if(n.file)return n.file.type.startsWith("video/");const o=n.source;return o?/^data:video\//i.test(o)||/\.(mp4|webm|ogg|ogv|mov|m4v|avi|mkv)(?:[?#]|$)/i.test(o):!1},Fo=n=>{if(typeof document>"u")return;const o=document.createElement("a");if(o.style.display="none",n.file){if(!Je())return;const l=URL.createObjectURL(n.file);o.href=l,o.download=n.file.name,document.body.appendChild(o),o.click(),o.remove(),setTimeout(()=>URL.revokeObjectURL(l),1e3)}else n.source&&(o.href=n.source,o.download=me(n),o.target="_blank",o.rel="noopener",document.body.appendChild(o),o.click(),o.remove())},Do=n=>{const o=n.lastIndexOf(".");return o>0&&n.length-o<=7?{base:n.slice(0,o),ext:n.slice(o)}:{base:n,ext:""}};function Co({id:n,item:o,preview:l,sortable:p,entering:S,disabled:w,error:N,onRemove:P,onCrop:h,onAltText:z,onDownload:_,onView:B,onPreviewError:i}){const{attributes:$,listeners:O,setNodeRef:G,transform:Y,transition:A,isDragging:W}=ae.useSortable({id:n,disabled:!p}),X={transform:Et.CSS.Transform.toString(Y),transition:A},E=ce.useT(),T=me(o),{base:Z,ext:U}=Do(T),[J,c]=d.useState(()=>!l||l.startsWith("blob:")),y=d.useRef(l);y.current!==l&&(y.current=l,c(!l||l.startsWith("blob:")));const g=d.useRef(null);d.useEffect(()=>{const m=g.current;m!=null&&m.complete&&m.naturalWidth>0&&c(!0)},[l]);const k=()=>{c(!0),i==null||i()},q=o.file?le(o.file.size):E("fileUploader.uploaded"),he=Ne(o),de=_?t.jsx("button",{type:"button",className:r.tileAction,"aria-label":E("fileUploader.download",{name:T}),onClick:_,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"DocumentDownload",size:"sm"})}):null;return t.jsxs("div",{ref:G,style:X,className:L.clsx(r.tile,p&&r.grabbable,S&&r.entering,W&&r.dragging,N&&r.tileError),...$,...O,children:[l&&!J&&t.jsx(Ft.Skeleton,{variant:"rect",width:"100%",height:"100%",className:r.tileSkeleton}),l?he?t.jsxs(t.Fragment,{children:[t.jsx("video",{src:l,className:r.tileImg,muted:!0,playsInline:!0,preload:"metadata",draggable:!1,onLoadedData:()=>c(!0),onError:k}),t.jsx("span",{className:r.tilePlay,"aria-hidden":"true",children:t.jsx(M.Icon,{name:"Play",size:"lg"})})]}):t.jsx("img",{ref:g,src:l,alt:"",className:L.clsx(r.tileImg,!J&&r.tileImgPending),draggable:!1,onLoad:()=>c(!0),onError:k}):t.jsx("span",{className:r.tileFallback,"aria-hidden":"true",children:t.jsx(M.Icon,{name:"Document",size:"lg"})}),t.jsxs("div",{className:r.tileTop,children:[t.jsxs("span",{className:r.tileText,children:[t.jsxs("span",{className:r.name,title:T,children:[t.jsx("span",{className:r.nameBase,children:Z}),U&&t.jsx("span",{className:r.nameExt,children:U})]}),t.jsx("span",{className:L.clsx(r.tileMeta,N&&r.metaError),children:N??q})]}),!w&&t.jsx("button",{type:"button",className:r.tileRemove,"aria-label":E("fileUploader.remove",{name:T}),onClick:P,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"Close",size:"sm"})})]}),(h||z||_||B)&&t.jsxs("div",{className:r.tileBottom,children:[h&&t.jsx("button",{type:"button",className:r.tileAction,"aria-label":E("fileUploader.crop",{name:T}),onClick:h,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"Crop",size:"sm"})}),z&&t.jsx("button",{type:"button",className:r.tileAction,"aria-label":E("fileUploader.editAlt",{name:T}),onClick:z,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"Text",size:"sm"})}),de,B&&t.jsx("button",{type:"button",className:L.clsx(r.tileAction,r.tileActionEnd),"aria-label":E("fileUploader.preview",{name:T}),onClick:B,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"Eye",size:"sm"})})]})]})}const Mo=d.forwardRef(function({multiple:o=!1,allowDrop:l=!0,allowReorder:p=!0,allowDownload:S=!0,allowPreview:w=!0,allowAltText:N=!0,altTextLocales:P,localizedAltText:h=!0,allowDuplicates:z=!1,disabled:_=!1,accept:B,maxFiles:i,maxFileSize:$,itemInsertLocation:O="end",value:G,defaultValue:Y,onChange:A,label:W,error:X,helperText:E,required:T=!1,fullWidth:Z=!0,name:U,id:J,onBlur:c,className:y,style:g,...k},q){var We;const he=d.useId(),de=J??he,m=`${de}-helper`,F=$!=null?Ro($):void 0,[ue,xe]=d.useState(null);d.useEffect(()=>{if(!ue)return;const e=window.setTimeout(()=>xe(null),4e3);return()=>window.clearTimeout(e)},[ue]);const ee=zt.useFormContext(),Ee=!!(ee&&U),D=ee&&U?ee.field(U):void 0,ke=o?[]:null,Re=G!==void 0?G:Ee?ee.values[U]??ke:void 0,ze=Re!==void 0,[Xe,Ze]=d.useState(Y??ke),te=ze?Re:Xe,x=te==null?[]:Array.isArray(te)?te:[te],_e=X??(D==null?void 0:D.error)??!1,et=E??(D==null?void 0:D.helperText),be=ue??et,tt=!!ue||_e,fe=p&&o&&!_,Fe=d.useRef(new WeakMap),De=d.useRef(0),ot=(e,s)=>{if(e.file){let a=Fe.current.get(e.file);return a||(De.current+=1,a=`f${De.current}`,Fe.current.set(e.file,a)),a}return e.source?`s:${e.source}`:`i:${s}`},I=x.map((e,s)=>ot(e,s)),Ce=d.useRef(new Set),nt=new Set(I.filter(e=>!Ce.current.has(e)));d.useEffect(()=>{Ce.current=new Set(I)});const[st,Me]=d.useState(()=>new Set),rt=e=>Me(s=>s.has(e)?s:new Set(s).add(e)),[at,lt]=d.useState(()=>new Set),it=e=>lt(s=>s.has(e)?s:new Set(s).add(e)),pe=d.useRef(new Map),ge=e=>{if(e.file){const s=e.file.type;if(!s.startsWith("image/")&&!s.startsWith("video/")||!Je()||at.has(e.file))return null;let a=pe.current.get(e.file);return a||(a=URL.createObjectURL(e.file),pe.current.set(e.file,a)),a}return e.source&&!st.has(e.source)?e.source:null},[C,Pe]=d.useState(null);d.useEffect(()=>{const e=pe.current,s=new Set(x.map(u=>u.file).filter(Boolean)),a=new Set(x.filter(u=>!u.file&&u.source).map(u=>u.source));for(const[u,f]of e)!s.has(u)&&f!==(C==null?void 0:C.url)&&(URL.revokeObjectURL(f),e.delete(u));Me(u=>{if(u.size===0)return u;const f=new Set([...u].filter(v=>a.has(v)));return f.size===u.size?u:f})},[te,C]),d.useEffect(()=>{const e=pe.current;return()=>{for(const s of e.values())URL.revokeObjectURL(s);e.clear()}},[]);const ct=e=>e.map((s,a)=>s.sortIndex===a?s:{...s,sortIndex:a}),oe=e=>{const s=ct(e),a=o?s:s[0]??null;ze||Ze(a),Ee&&ee.setValue(U,a),A==null||A(a)},ye=()=>D==null?void 0:D.onBlur({}),b=ce.useT(),dt=ce.useLocales(),qe=P??dt,ut=h&&qe.length>0?qe:[{code:""}],[ne,ve]=d.useState(null),[Le,Be]=d.useState("altText"),je=ne!=null?I.indexOf(ne):-1,R=je!==-1?x[je]:null,ft=e=>{Be("crop"),ve(I[e]??null)},pt=e=>{Be("altText"),ve(I[e]??null)},Se=()=>ve(null),gt=e=>{const s=ge(e);if(!s)return;const a=e.file?e.file.type==="image/svg+xml":/^data:image\/svg/i.test(e.source??"")||/\.svg(?:[?#]|$)/i.test(e.source??"");Pe({url:s,isVideo:Ne(e),isSvg:a,name:me(e)})},mt=R?h?R.altText&&typeof R.altText=="object"?{...R.altText}:{}:{"":typeof R.altText=="string"?R.altText:""}:{},ht=({draft:e,croppedFile:s})=>{if(je===-1)return Se();oe(x.map((a,u)=>{if(I[u]!==ne)return a;const f={...a};if(e!==void 0)if(h){const v=Object.fromEntries(Object.entries(e).map(([H,j])=>[H,j.trim()]).filter(([,H])=>H!==""));f.altText=Object.keys(v).length>0?v:void 0}else f.altText=(e[""]??"").trim()||void 0;return s&&(f.file=s,f.source=""),f})),Se()},xt=(e,s=[])=>{const a=s.filter(j=>j.errors.some(K=>K.code==="file-invalid-type")),u=s.filter(j=>j.errors.some(K=>K.code==="file-too-large"));a.length>0&&Ve.toast.error(a.length===1?b("fileUploader.wrongTypeOne",{name:a[0].file.name}):b("fileUploader.wrongTypeMany",{count:a.length})),u.length>0&&F!=null&&Ve.toast.error(u.length===1?b("fileUploader.tooLargeOne",{name:u[0].file.name,size:le(F)}):b("fileUploader.tooLargeMany",{count:u.length,size:le(F)}));const f=[];let v=e;if(o&&!z){const j=new Set(x.map(zo)),K=[];for(const He of v){const Ke=Qe(He);j.has(Ke)||(j.add(Ke),K.push(He))}K.length<v.length&&f.push(b("fileUploader.duplicate")),v=K}if(o&&i!=null){const j=Math.max(0,i-x.length);v.length>j&&(v=v.slice(0,j),f.push(i===1?b("fileUploader.hintUpToOne",{count:i}):b("fileUploader.hintUpToMany",{count:i})))}if(xe(f.length>0?f.join(" · "):null),v.length===0)return;const H=v.map(j=>({file:j,source:"",sortIndex:0}));if(!o){oe([H[0]]);return}oe(O==="start"?[...H,...x]:[...x,...H])},_t=e=>{xe(null),oe(x.filter((s,a)=>a!==e)),ye()},[bt,Te]=kt.useAutoAnimate(ko),$e=()=>{typeof requestAnimationFrame=="function"?requestAnimationFrame(()=>Te(!0)):Te(!0)},yt=()=>Te(!1),vt=()=>$e(),jt=e=>{const{active:s,over:a}=e;if(a&&s.id!==a.id){const u=I.indexOf(String(s.id)),f=I.indexOf(String(a.id));u!==-1&&f!==-1&&oe(ae.arrayMove(x,u,f))}$e()},St=V.useSensors(V.useSensor(V.PointerSensor,{activationConstraint:{distance:5}}),V.useSensor(V.KeyboardSensor,{coordinateGetter:ae.sortableKeyboardCoordinates})),se=d.useRef(!1),{getRootProps:Tt,getInputProps:Ut,isDragActive:It}=Rt.useDropzone({multiple:o,accept:B,maxSize:F,disabled:_,noKeyboard:!1,noDrag:!l,onFileDialogOpen:()=>{se.current=!0},onFileDialogCancel:()=>{se.current=!1,ye()},onDrop:(e,s)=>{se.current=!1,xt(e,s)}}),Oe=o||x.length===0,Ue=[];o&&i!=null&&Ue.push(i===1?b("fileUploader.hintUpToOne",{count:i}):b("fileUploader.hintUpToMany",{count:i})),F!=null&&Ue.push(b("fileUploader.hintMax",{size:le(F)}));const Ae=Ue.join(" · "),wt=l?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:r.accent,children:b("fileUploader.choose")})," ",b("fileUploader.dropSuffix")]}):t.jsx("span",{className:r.accent,children:b("fileUploader.choose")}),Nt=e=>{if(c==null||c(e),!e.currentTarget.contains(e.relatedTarget)&&ne==null){if(se.current){se.current=!1;return}ye()}};return t.jsxs("div",{ref:q,id:de,className:L.clsx(r.root,Z&&r.fullWidth,_e&&r.error,_&&r.disabled,y),style:g,"aria-invalid":_e||void 0,"aria-describedby":be!=null?m:void 0,onBlur:Nt,...k,...U?{name:U,tabIndex:-1}:{},children:[W!=null&&t.jsxs("label",{className:Ie.fieldStyles.label,children:[t.jsx(ie.Typography,{as:"span",variant:"bodySmall",color:"muted",children:W}),T&&t.jsx("span",{className:Ie.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),Oe&&t.jsxs("div",{...Tt({className:L.clsx(r.dropzone,It&&r.dropping)}),children:[t.jsx("input",{...Ut()}),t.jsx("span",{className:r.dropIcon,"aria-hidden":"true",children:t.jsx(M.Icon,{name:"DocumentUpload",size:"lg"})}),t.jsxs("span",{className:r.dropText,children:[t.jsx("span",{className:r.prompt,children:wt}),Ae&&t.jsx("span",{className:r.hint,children:Ae})]})]}),t.jsx(V.DndContext,{sensors:St,collisionDetection:V.closestCenter,onDragStart:fe?yt:void 0,onDragEnd:fe?jt:void 0,onDragCancel:fe?vt:void 0,children:t.jsx(ae.SortableContext,{items:I,strategy:ae.rectSortingStrategy,children:t.jsx("div",{ref:bt,className:L.clsx(r.list,Oe&&x.length>0&&r.populated),children:x.map((e,s)=>t.jsx(Co,{id:I[s],item:e,preview:ge(e),sortable:fe&&x.length>1,entering:nt.has(I[s]),disabled:_,error:e.file&&F!=null&&e.file.size>F?b("fileUploader.exceedsLimit",{size:le(F)}):void 0,onRemove:()=>_t(s),onCrop:N&&!_&&we(e)?()=>ft(s):void 0,onAltText:N&&!_&&we(e)?()=>pt(s):void 0,onDownload:S&&!_?()=>Fo(e):void 0,onView:w&&!_&&ge(e)!=null&&(we(e)||Ne(e))?()=>gt(e):void 0,onPreviewError:e.file?()=>it(e.file):e.source?()=>rt(e.source):void 0},I[s]))})})}),be!=null&&t.jsx(ie.Typography,{as:"span",id:m,variant:"bodySmall",color:tt?"error":"muted",className:Ie.fieldStyles.helper,role:"status","aria-live":"polite",children:be}),R&&t.jsx(Ot,{mode:Le,name:me(R),imageUrl:ge(R),mimeType:((We=R.file)==null?void 0:We.type)||"image/png",editLocales:ut,initialDraft:mt,onClose:Se,onSave:ht},`${ne}:${Le}`),C&&t.jsx(Vt,{url:C.url,isVideo:C.isVideo,isSvg:C.isSvg,name:C.name,onClose:()=>Pe(null)})]})});exports.FileUploader=Mo;
-//# sourceMappingURL=FileUploader-DWM8WrY6.cjs.map
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),L=require("clsx"),V=require("@dnd-kit/core"),ae=require("@dnd-kit/sortable"),Et=require("@dnd-kit/utilities"),kt=require("@formkit/auto-animate/react"),Rt=require("react-dropzone"),zt=require("./formContext-bTWrqdEV.cjs"),Ve=require("./toastStore-B4Tk2Xk7.cjs"),M=require("./Icon-BUP5_kRs.cjs"),Ft=require("./Skeleton-DK0lAjS9.cjs"),ie=require("./Typography-B6ASPrzT.cjs"),Dt=require("react-image-crop"),Ge=require("./Button-BD5wpg-t.cjs"),Ye=require("./Modal-BL_XihC8.cjs"),Ct=require("./TextField-CgPfN-4d.cjs"),ce=require("./ConfigProvider-CVLHPXQm.cjs"),Ie=require("./TextField.module-DsNCo8vN.cjs"),Mt="_cropSection_1j2zs_4",Pt="_cropHead_1j2zs_10",qt="_cropStage_1j2zs_16",Lt="_crop_1j2zs_4",Bt="_cropImg_1j2zs_30",$t="_altFields_1j2zs_35",Q={cropSection:Mt,cropHead:Pt,cropStage:qt,crop:Lt,cropImg:Bt,altFields:$t};function Ot({mode:n,name:o,imageUrl:l,mimeType:p,editLocales:S,initialDraft:w,onClose:N,onSave:P}){const h=ce.useT(),z=d.useRef(null),[_,B]=d.useState(),[i,$]=d.useState(null),[O,G]=d.useState(null),[Y,A]=d.useState(w),[W,X]=d.useState(null),[E,T]=d.useState(!1),Z=(c,y)=>{B(y);const g=z.current;if(g&&g.width>0&&c.width>=1&&c.height>=1){const k=g.naturalWidth/g.width,q=g.naturalHeight/g.height;$({x:Math.round(c.x*k),y:Math.round(c.y*q),width:Math.round(c.width*k),height:Math.round(c.height*q)})}else $(null)},U=async()=>{const c=z.current;if(!c||!i||i.width<1||i.height<1)return;const y=document.createElement("canvas");y.width=i.width,y.height=i.height;const g=y.getContext("2d");if(!g)return;g.imageSmoothingEnabled=!1,g.drawImage(c,i.x,i.y,i.width,i.height,0,0,i.width,i.height);const k=await new Promise(q=>y.toBlob(q,p,1));if(!k)throw new Error("canvas.toBlob returned null");return new File([k],o,{type:p,lastModified:Date.now()})},J=async()=>{if(n==="altText"){P({draft:Y});return}T(!0);try{const c=i&&i.width>=1&&i.height>=1?await U():void 0;P({croppedFile:c})}catch{X(h("fileUploader.cropError")),T(!1)}};return t.jsx(Ye.Modal,{open:!0,onClose:N,size:n==="crop"?"lg":"sm",icon:n==="crop"?"Crop":"Text",title:h(n==="crop"?"fileUploader.cropTitle":"fileUploader.altTitle"),description:o,footer:t.jsxs(t.Fragment,{children:[t.jsx(Ge.Button,{variant:"text",color:"accent",size:"sm",onClick:N,disabled:E,children:h("common.cancel")}),t.jsx(Ge.Button,{size:"sm",onClick:J,loading:E,children:h("common.save")})]}),children:n==="crop"?t.jsxs("div",{className:Q.cropSection,children:[t.jsxs("div",{className:Q.cropHead,children:[t.jsx(ie.Typography,{variant:"bodySmall",color:"muted",children:h("fileUploader.cropHint")}),t.jsx(ie.Typography,{variant:"bodySmall",color:i?"text":"muted",children:i?`${i.width} × ${i.height} px`:O?`${O.w} × ${O.h} px`:""})]}),t.jsx("div",{className:Q.cropStage,children:t.jsx(Dt,{crop:_,onChange:Z,className:Q.crop,children:t.jsx("img",{ref:z,src:l??void 0,alt:"",className:Q.cropImg,onLoad:c=>G({w:c.currentTarget.naturalWidth,h:c.currentTarget.naturalHeight})})})}),W&&t.jsx(ie.Typography,{variant:"bodySmall",color:"error",children:W})]}):t.jsx("div",{className:Q.altFields,children:S.map(c=>t.jsx(Ct.TextField,{label:c.label??(c.code||h("fileUploader.altTitle")),placeholder:h("fileUploader.altPlaceholder"),value:Y[c.code]??"",onChange:y=>A(g=>({...g,[c.code]:y.target.value}))},c.code))})})}const At="_backdrop_uqdv2_5",Wt="_media_uqdv2_9",Ht="_mediaSvg_uqdv2_19",Kt="_close_uqdv2_27",re={backdrop:At,media:Wt,mediaSvg:Ht,close:Kt};function Vt({url:n,isVideo:o,isSvg:l,name:p,onClose:S}){const w=ce.useT();return t.jsxs(Ye.Overlay,{open:!0,onClose:S,dim:.85,className:re.backdrop,role:"dialog","aria-modal":"true","aria-label":w("fileUploader.preview",{name:p}),children:[t.jsx("button",{type:"button",className:re.close,"aria-label":w("fileUploader.closePreview"),onClick:S,autoFocus:!0,children:t.jsx(M.Icon,{name:"Close",size:"lg"})}),o?t.jsx("video",{src:n,className:re.media,controls:!0,playsInline:!0}):t.jsx("img",{src:n,alt:p,className:L.clsx(re.media,l&&re.mediaSvg)})]})}const Gt="_root_m8xag_4",Yt="_fullWidth_m8xag_9",Jt="_disabled_m8xag_14",Qt="_dropzone_m8xag_17",Xt="_dropText_m8xag_41",Zt="_dropping_m8xag_56",eo="_error_m8xag_61",to="_dropIcon_m8xag_65",oo="_prompt_m8xag_77",no="_accent_m8xag_82",so="_hint_m8xag_87",ro="_list_m8xag_93",ao="_populated_m8xag_103",lo="_tile_m8xag_121",io="_grabbable_m8xag_130",co="_entering_m8xag_139",uo="_dragging_m8xag_142",fo="_tileError_m8xag_148",po="_tileImg_m8xag_153",go="_tileImgPending_m8xag_161",mo="_tileSkeleton_m8xag_164",ho="_tileFallback_m8xag_169",xo="_tilePlay_m8xag_179",_o="_tileTop_m8xag_198",bo="_tileBottom_m8xag_208",yo="_tileRemove_m8xag_218",vo="_tileAction_m8xag_219",jo="_tileActionEnd_m8xag_254",So="_tileText_m8xag_257",To="_name_m8xag_264",Uo="_nameBase_m8xag_271",Io="_nameExt_m8xag_277",wo="_tileMeta_m8xag_281",No="_metaError_m8xag_285",r={root:Gt,fullWidth:Yt,disabled:Jt,dropzone:Qt,dropText:Xt,dropping:Zt,error:eo,dropIcon:to,prompt:oo,accent:no,hint:so,list:ro,populated:ao,tile:lo,grabbable:io,entering:co,dragging:uo,tileError:fo,tileImg:po,tileImgPending:go,tileSkeleton:mo,tileFallback:ho,tilePlay:xo,tileTop:_o,tileBottom:bo,tileRemove:yo,tileAction:vo,tileActionEnd:jo,tileText:So,name:To,nameBase:Uo,nameExt:Io,tileMeta:wo,metaError:No},Je=()=>typeof URL<"u"&&typeof URL.createObjectURL=="function",Eo=300,ko=(n,o,l,p)=>{let S=[{},{}],w=Eo;if(o==="add")w=0;else if(o==="remove")S=[{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-8px)"}];else if(l&&p){const N=l.left-p.left,P=l.top-p.top;S=[{transform:`translate(${N}px, ${P}px)`},{transform:"translate(0, 0)"}]}return new KeyframeEffect(n,S,{duration:w,easing:"ease-out"})},le=n=>{if(n<1024)return`${n} B`;const o=["KB","MB","GB","TB"];let l=n/1024,p=0;for(;l>=1024&&p<o.length-1;)l/=1024,p+=1;return`${l.toFixed(l<10?1:0)} ${o[p]}`},Ro=n=>{if(typeof n=="number")return n;const o=/^\s*([\d.]+)\s*(b|kb|mb|gb|tb)?\s*$/i.exec(n);if(!o)return;const l={b:1,kb:1024,mb:1024**2,gb:1024**3,tb:1024**4};return parseFloat(o[1])*(l[(o[2]||"b").toLowerCase()]??1)},Qe=n=>`f:${n.name}:${n.size}:${n.lastModified}`,zo=n=>n.file?Qe(n.file):`s:${n.source??""}`,me=n=>n.file?n.file.name:n.source?/^(data|blob):/i.test(n.source)?"File":n.source.split(/[?#]/)[0].split("/").pop()||"File":"File",we=n=>{if(n.file)return n.file.type.startsWith("image/");const o=n.source;return o?/^data:image\//i.test(o)?!0:/^data:/i.test(o)?!1:/\.(png|jpe?g|gif|webp|avif|svg|bmp|ico|heic|heif)(?:[?#]|$)/i.test(o)||!/\.[a-z0-9]{1,8}(?:[?#]|$)/i.test(o):!1},Ne=n=>{if(n.file)return n.file.type.startsWith("video/");const o=n.source;return o?/^data:video\//i.test(o)||/\.(mp4|webm|ogg|ogv|mov|m4v|avi|mkv)(?:[?#]|$)/i.test(o):!1},Fo=n=>{if(typeof document>"u")return;const o=document.createElement("a");if(o.style.display="none",n.file){if(!Je())return;const l=URL.createObjectURL(n.file);o.href=l,o.download=n.file.name,document.body.appendChild(o),o.click(),o.remove(),setTimeout(()=>URL.revokeObjectURL(l),1e3)}else n.source&&(o.href=n.source,o.download=me(n),o.target="_blank",o.rel="noopener",document.body.appendChild(o),o.click(),o.remove())},Do=n=>{const o=n.lastIndexOf(".");return o>0&&n.length-o<=7?{base:n.slice(0,o),ext:n.slice(o)}:{base:n,ext:""}};function Co({id:n,item:o,preview:l,sortable:p,entering:S,disabled:w,error:N,onRemove:P,onCrop:h,onAltText:z,onDownload:_,onView:B,onPreviewError:i}){const{attributes:$,listeners:O,setNodeRef:G,transform:Y,transition:A,isDragging:W}=ae.useSortable({id:n,disabled:!p}),X={transform:Et.CSS.Transform.toString(Y),transition:A},E=ce.useT(),T=me(o),{base:Z,ext:U}=Do(T),[J,c]=d.useState(()=>!l||l.startsWith("blob:")),y=d.useRef(l);y.current!==l&&(y.current=l,c(!l||l.startsWith("blob:")));const g=d.useRef(null);d.useEffect(()=>{const m=g.current;m!=null&&m.complete&&m.naturalWidth>0&&c(!0)},[l]);const k=()=>{c(!0),i==null||i()},q=o.file?le(o.file.size):E("fileUploader.uploaded"),he=Ne(o),de=_?t.jsx("button",{type:"button",className:r.tileAction,"aria-label":E("fileUploader.download",{name:T}),onClick:_,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"DocumentDownload",size:"sm"})}):null;return t.jsxs("div",{ref:G,style:X,className:L.clsx(r.tile,p&&r.grabbable,S&&r.entering,W&&r.dragging,N&&r.tileError),...$,...O,children:[l&&!J&&t.jsx(Ft.Skeleton,{variant:"rect",width:"100%",height:"100%",className:r.tileSkeleton}),l?he?t.jsxs(t.Fragment,{children:[t.jsx("video",{src:l,className:r.tileImg,muted:!0,playsInline:!0,preload:"metadata",draggable:!1,onLoadedData:()=>c(!0),onError:k}),t.jsx("span",{className:r.tilePlay,"aria-hidden":"true",children:t.jsx(M.Icon,{name:"Play",size:"lg"})})]}):t.jsx("img",{ref:g,src:l,alt:"",className:L.clsx(r.tileImg,!J&&r.tileImgPending),draggable:!1,onLoad:()=>c(!0),onError:k}):t.jsx("span",{className:r.tileFallback,"aria-hidden":"true",children:t.jsx(M.Icon,{name:"Document",size:"lg"})}),t.jsxs("div",{className:r.tileTop,children:[t.jsxs("span",{className:r.tileText,children:[t.jsxs("span",{className:r.name,title:T,children:[t.jsx("span",{className:r.nameBase,children:Z}),U&&t.jsx("span",{className:r.nameExt,children:U})]}),t.jsx("span",{className:L.clsx(r.tileMeta,N&&r.metaError),children:N??q})]}),!w&&t.jsx("button",{type:"button",className:r.tileRemove,"aria-label":E("fileUploader.remove",{name:T}),onClick:P,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"Close",size:"sm"})})]}),(h||z||_||B)&&t.jsxs("div",{className:r.tileBottom,children:[h&&t.jsx("button",{type:"button",className:r.tileAction,"aria-label":E("fileUploader.crop",{name:T}),onClick:h,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"Crop",size:"sm"})}),z&&t.jsx("button",{type:"button",className:r.tileAction,"aria-label":E("fileUploader.editAlt",{name:T}),onClick:z,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"Text",size:"sm"})}),de,B&&t.jsx("button",{type:"button",className:L.clsx(r.tileAction,r.tileActionEnd),"aria-label":E("fileUploader.preview",{name:T}),onClick:B,onPointerDown:m=>m.stopPropagation(),children:t.jsx(M.Icon,{name:"Eye",size:"sm"})})]})]})}const Mo=d.forwardRef(function({multiple:o=!1,allowDrop:l=!0,allowReorder:p=!0,allowDownload:S=!0,allowPreview:w=!0,allowAltText:N=!0,altTextLocales:P,localizedAltText:h=!0,allowDuplicates:z=!1,disabled:_=!1,accept:B,maxFiles:i,maxFileSize:$,itemInsertLocation:O="end",value:G,defaultValue:Y,onChange:A,label:W,error:X,helperText:E,required:T=!1,fullWidth:Z=!0,name:U,id:J,onBlur:c,className:y,style:g,...k},q){var We;const he=d.useId(),de=J??he,m=`${de}-helper`,F=$!=null?Ro($):void 0,[ue,xe]=d.useState(null);d.useEffect(()=>{if(!ue)return;const e=window.setTimeout(()=>xe(null),4e3);return()=>window.clearTimeout(e)},[ue]);const ee=zt.useFormContext(),Ee=!!(ee&&U),D=ee&&U?ee.field(U):void 0,ke=o?[]:null,Re=G!==void 0?G:Ee?ee.values[U]??ke:void 0,ze=Re!==void 0,[Xe,Ze]=d.useState(Y??ke),te=ze?Re:Xe,x=te==null?[]:Array.isArray(te)?te:[te],_e=X??(D==null?void 0:D.error)??!1,et=E??(D==null?void 0:D.helperText),be=ue??et,tt=!!ue||_e,fe=p&&o&&!_,Fe=d.useRef(new WeakMap),De=d.useRef(0),ot=(e,s)=>{if(e.file){let a=Fe.current.get(e.file);return a||(De.current+=1,a=`f${De.current}`,Fe.current.set(e.file,a)),a}return e.source?`s:${e.source}`:`i:${s}`},I=x.map((e,s)=>ot(e,s)),Ce=d.useRef(new Set),nt=new Set(I.filter(e=>!Ce.current.has(e)));d.useEffect(()=>{Ce.current=new Set(I)});const[st,Me]=d.useState(()=>new Set),rt=e=>Me(s=>s.has(e)?s:new Set(s).add(e)),[at,lt]=d.useState(()=>new Set),it=e=>lt(s=>s.has(e)?s:new Set(s).add(e)),pe=d.useRef(new Map),ge=e=>{if(e.file){const s=e.file.type;if(!s.startsWith("image/")&&!s.startsWith("video/")||!Je()||at.has(e.file))return null;let a=pe.current.get(e.file);return a||(a=URL.createObjectURL(e.file),pe.current.set(e.file,a)),a}return e.source&&!st.has(e.source)?e.source:null},[C,Pe]=d.useState(null);d.useEffect(()=>{const e=pe.current,s=new Set(x.map(u=>u.file).filter(Boolean)),a=new Set(x.filter(u=>!u.file&&u.source).map(u=>u.source));for(const[u,f]of e)!s.has(u)&&f!==(C==null?void 0:C.url)&&(URL.revokeObjectURL(f),e.delete(u));Me(u=>{if(u.size===0)return u;const f=new Set([...u].filter(v=>a.has(v)));return f.size===u.size?u:f})},[te,C]),d.useEffect(()=>{const e=pe.current;return()=>{for(const s of e.values())URL.revokeObjectURL(s);e.clear()}},[]);const ct=e=>e.map((s,a)=>s.sortIndex===a?s:{...s,sortIndex:a}),oe=e=>{const s=ct(e),a=o?s:s[0]??null;ze||Ze(a),Ee&&ee.setValue(U,a),A==null||A(a)},ye=()=>D==null?void 0:D.onBlur({}),b=ce.useT(),dt=ce.useLocales(),qe=P??dt,ut=h&&qe.length>0?qe:[{code:""}],[ne,ve]=d.useState(null),[Le,Be]=d.useState("altText"),je=ne!=null?I.indexOf(ne):-1,R=je!==-1?x[je]:null,ft=e=>{Be("crop"),ve(I[e]??null)},pt=e=>{Be("altText"),ve(I[e]??null)},Se=()=>ve(null),gt=e=>{const s=ge(e);if(!s)return;const a=e.file?e.file.type==="image/svg+xml":/^data:image\/svg/i.test(e.source??"")||/\.svg(?:[?#]|$)/i.test(e.source??"");Pe({url:s,isVideo:Ne(e),isSvg:a,name:me(e)})},mt=R?h?R.altText&&typeof R.altText=="object"?{...R.altText}:{}:{"":typeof R.altText=="string"?R.altText:""}:{},ht=({draft:e,croppedFile:s})=>{if(je===-1)return Se();oe(x.map((a,u)=>{if(I[u]!==ne)return a;const f={...a};if(e!==void 0)if(h){const v=Object.fromEntries(Object.entries(e).map(([H,j])=>[H,j.trim()]).filter(([,H])=>H!==""));f.altText=Object.keys(v).length>0?v:void 0}else f.altText=(e[""]??"").trim()||void 0;return s&&(f.file=s,f.source=""),f})),Se()},xt=(e,s=[])=>{const a=s.filter(j=>j.errors.some(K=>K.code==="file-invalid-type")),u=s.filter(j=>j.errors.some(K=>K.code==="file-too-large"));a.length>0&&Ve.toast.error(a.length===1?b("fileUploader.wrongTypeOne",{name:a[0].file.name}):b("fileUploader.wrongTypeMany",{count:a.length})),u.length>0&&F!=null&&Ve.toast.error(u.length===1?b("fileUploader.tooLargeOne",{name:u[0].file.name,size:le(F)}):b("fileUploader.tooLargeMany",{count:u.length,size:le(F)}));const f=[];let v=e;if(o&&!z){const j=new Set(x.map(zo)),K=[];for(const He of v){const Ke=Qe(He);j.has(Ke)||(j.add(Ke),K.push(He))}K.length<v.length&&f.push(b("fileUploader.duplicate")),v=K}if(o&&i!=null){const j=Math.max(0,i-x.length);v.length>j&&(v=v.slice(0,j),f.push(i===1?b("fileUploader.hintUpToOne",{count:i}):b("fileUploader.hintUpToMany",{count:i})))}if(xe(f.length>0?f.join(" · "):null),v.length===0)return;const H=v.map(j=>({file:j,source:"",sortIndex:0}));if(!o){oe([H[0]]);return}oe(O==="start"?[...H,...x]:[...x,...H])},_t=e=>{xe(null),oe(x.filter((s,a)=>a!==e)),ye()},[bt,Te]=kt.useAutoAnimate(ko),$e=()=>{typeof requestAnimationFrame=="function"?requestAnimationFrame(()=>Te(!0)):Te(!0)},yt=()=>Te(!1),vt=()=>$e(),jt=e=>{const{active:s,over:a}=e;if(a&&s.id!==a.id){const u=I.indexOf(String(s.id)),f=I.indexOf(String(a.id));u!==-1&&f!==-1&&oe(ae.arrayMove(x,u,f))}$e()},St=V.useSensors(V.useSensor(V.PointerSensor,{activationConstraint:{distance:5}}),V.useSensor(V.KeyboardSensor,{coordinateGetter:ae.sortableKeyboardCoordinates})),se=d.useRef(!1),{getRootProps:Tt,getInputProps:Ut,isDragActive:It}=Rt.useDropzone({multiple:o,accept:B,maxSize:F,disabled:_,noKeyboard:!1,noDrag:!l,onFileDialogOpen:()=>{se.current=!0},onFileDialogCancel:()=>{se.current=!1,ye()},onDrop:(e,s)=>{se.current=!1,xt(e,s)}}),Oe=o||x.length===0,Ue=[];o&&i!=null&&Ue.push(i===1?b("fileUploader.hintUpToOne",{count:i}):b("fileUploader.hintUpToMany",{count:i})),F!=null&&Ue.push(b("fileUploader.hintMax",{size:le(F)}));const Ae=Ue.join(" · "),wt=l?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:r.accent,children:b("fileUploader.choose")})," ",b("fileUploader.dropSuffix")]}):t.jsx("span",{className:r.accent,children:b("fileUploader.choose")}),Nt=e=>{if(c==null||c(e),!e.currentTarget.contains(e.relatedTarget)&&ne==null){if(se.current){se.current=!1;return}ye()}};return t.jsxs("div",{ref:q,id:de,className:L.clsx(r.root,Z&&r.fullWidth,_e&&r.error,_&&r.disabled,y),style:g,"aria-invalid":_e||void 0,"aria-describedby":be!=null?m:void 0,onBlur:Nt,...k,...U?{name:U,tabIndex:-1}:{},children:[W!=null&&t.jsxs("label",{className:Ie.fieldStyles.label,children:[t.jsx(ie.Typography,{as:"span",variant:"bodySmall",color:"muted",children:W}),T&&t.jsx("span",{className:Ie.fieldStyles.required,"aria-hidden":"true",children:"*"})]}),Oe&&t.jsxs("div",{...Tt({className:L.clsx(r.dropzone,It&&r.dropping)}),children:[t.jsx("input",{...Ut()}),t.jsx("span",{className:r.dropIcon,"aria-hidden":"true",children:t.jsx(M.Icon,{name:"DocumentUpload",size:"lg"})}),t.jsxs("span",{className:r.dropText,children:[t.jsx("span",{className:r.prompt,children:wt}),Ae&&t.jsx("span",{className:r.hint,children:Ae})]})]}),t.jsx(V.DndContext,{sensors:St,collisionDetection:V.closestCenter,onDragStart:fe?yt:void 0,onDragEnd:fe?jt:void 0,onDragCancel:fe?vt:void 0,children:t.jsx(ae.SortableContext,{items:I,strategy:ae.rectSortingStrategy,children:t.jsx("div",{ref:bt,className:L.clsx(r.list,Oe&&x.length>0&&r.populated),children:x.map((e,s)=>t.jsx(Co,{id:I[s],item:e,preview:ge(e),sortable:fe&&x.length>1,entering:nt.has(I[s]),disabled:_,error:e.file&&F!=null&&e.file.size>F?b("fileUploader.exceedsLimit",{size:le(F)}):void 0,onRemove:()=>_t(s),onCrop:N&&!_&&we(e)?()=>ft(s):void 0,onAltText:N&&!_&&we(e)?()=>pt(s):void 0,onDownload:S&&!_?()=>Fo(e):void 0,onView:w&&!_&&ge(e)!=null&&(we(e)||Ne(e))?()=>gt(e):void 0,onPreviewError:e.file?()=>it(e.file):e.source?()=>rt(e.source):void 0},I[s]))})})}),be!=null&&t.jsx(ie.Typography,{as:"span",id:m,variant:"bodySmall",color:tt?"error":"muted",className:Ie.fieldStyles.helper,role:"status","aria-live":"polite",children:be}),R&&t.jsx(Ot,{mode:Le,name:me(R),imageUrl:ge(R),mimeType:((We=R.file)==null?void 0:We.type)||"image/png",editLocales:ut,initialDraft:mt,onClose:Se,onSave:ht},`${ne}:${Le}`),C&&t.jsx(Vt,{url:C.url,isVideo:C.isVideo,isSvg:C.isSvg,name:C.name,onClose:()=>Pe(null)})]})});exports.FileUploader=Mo;
+//# sourceMappingURL=FileUploader-4UMy0urx.cjs.map