@feugene/granularity 0.5.1 → 0.7.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/components/shared/tones.ts"],"sourcesContent":["/**\n * Единый перечень дизайн-тонов для всех компонентов библиотеки.\n *\n * Источник истины: список объявлен как `as const`-кортеж, из которого\n * автоматически выводится тип `GrTone`. Это позволяет использовать\n * `GR_TONES` в рантайме (валидация, итерация, safelist) и `GrTone`\n * в типах одновременно, без расхождений.\n */\nexport const GR_TONES = [\n  'primary',\n  'neutral',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'slate',\n  'azure',\n] as const\n\nexport type GrTone = typeof GR_TONES[number]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAa,WAAW;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/components/GrResponseErrorBanner/responseError.defaults.ts","../src/components/GrResponseErrorBanner/parsers/abortErrorParser.ts","../src/components/GrResponseErrorBanner/parsers/fileValidationParser.ts","../src/components/GrResponseErrorBanner/parsers/httpStatusParser.ts","../src/components/GrResponseErrorBanner/parsers/jsonApiErrorParser.ts","../src/components/GrResponseErrorBanner/parsers/laravelValidationParser.ts","../src/components/GrResponseErrorBanner/parsers/networkErrorParser.ts","../src/components/GrResponseErrorBanner/parsers/normalizeError.ts","../src/components/GrResponseErrorBanner/parsers/plainMessageParser.ts","../src/components/GrResponseErrorBanner/parsers/problemDetailsParser.ts","../src/components/GrResponseErrorBanner/parsers/createResponseErrorClassifier.ts","../src/components/GrResponseErrorBanner/GrResponseErrorBanner.vue","../src/components/GrResponseErrorBanner/GrResponseErrorBanner.vue","../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../src/components/GrResponseErrorBanner/useResponseError.ts","../src/components/shared/tones.ts"],"sourcesContent":["import type { ResponseErrorKind, ResponseErrorTexts, ResponseErrorTone } from './responseError.types'\n\n/**\n * Default English texts. Any field can be overridden via the `texts` prop\n * on `GrResponseErrorBanner` or the `texts` option of `useResponseError`.\n */\nexport const DEFAULT_RESPONSE_ERROR_TEXTS: ResponseErrorTexts = {\n  networkTitle: 'No connection to the server',\n  networkMessage: 'Check your internet connection and try again.',\n  abortedTitle: 'Request cancelled',\n  abortedMessage: 'The request was cancelled.',\n  validationTitle: 'Check the data',\n  validationMessage: 'The server returned a validation error. Fix the fields and try again.',\n  clientTitle: 'Request error',\n  clientMessage: 'The server rejected the request.',\n  serverTitle: 'Server error',\n  serverMessage: 'A server error occurred. Please try again.',\n  unknownTitle: 'Something went wrong',\n  unknownMessage: 'The operation could not be completed. Please try again.',\n  retryLabel: 'Retry',\n  dismissLabel: 'Dismiss',\n}\n\n/**\n * Маппинг `kind` → `tone` по умолчанию. Применяется внутри баннера, если\n * пользователь не передал `tone` или `toneByKind`. Цель — визуально отделить\n * «исправь ввод» (warning) от «упало по сети/серверу» (danger).\n */\nexport const DEFAULT_TONE_BY_KIND: Record<ResponseErrorKind, ResponseErrorTone> = {\n  network: 'danger',\n  aborted: 'info',\n  validation: 'warning',\n  client: 'warning',\n  server: 'danger',\n  unknown: 'danger',\n}\n\n/**\n * `kind`'ы, которые по умолчанию не показываются (баннер скрыт).\n * Семантика: отмена пользователем — не «ошибка», UI обычно тихо проглатывает.\n * Пользователь может переопределить через `autoHideKinds: []`, чтобы показать info-плашку.\n */\nexport const DEFAULT_AUTO_HIDE_KINDS: ResponseErrorKind[] = []\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Распознаёт отмену запроса клиентом.\n *\n * Триггеры:\n * - `ctx.isAbort === true` (выставляется `normalizeError` для `AbortError`,\n *   axios `isCancel`/`ERR_CANCELED`, xhr `status === 0 && readyState === 4`).\n *\n * Возвращает `kind: 'aborted'` и `stop: true` — другие парсеры пропускаются,\n * чтобы случайный `status === 0` не интерпретировался как сетевая ошибка.\n *\n * По умолчанию `aborted` показывается info-плашкой; чтобы скрыть совсем —\n * добавьте `'aborted'` в `autoHideKinds`.\n */\nexport const abortErrorParser: ResponseErrorParser = (ctx) => {\n  if (!ctx.isAbort) return null\n  return {\n    kind: 'aborted',\n    message: ctx.texts.abortedMessage,\n    stop: true,\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Распознаёт `FileValidationError` от `GrFileUpload` (или совместимый по форме\n * объект). Не зависит от жёсткого импорта класса — определяет по `name`.\n *\n * Активируется, если `ctx.raw.name === 'FileValidationError'` и есть массив\n * `issues`/`errors` с полями `{ file?, code?, message }`.\n *\n * Возвращает `kind: 'validation'` и `stop: true` — это локальная клиентская\n * валидация, незачем дальше идти по HTTP-парсерам.\n */\nexport const fileValidationParser: ResponseErrorParser = (ctx) => {\n  const raw = ctx.raw as\n    | undefined\n    | {\n      name?: string\n      message?: string\n      issues?: Array<{ file?: { name?: string }, message?: unknown, code?: string }>\n      errors?: Array<{ file?: { name?: string }, message?: unknown, code?: string }>\n    }\n  if (!raw || typeof raw !== 'object') return null\n  if (raw.name !== 'FileValidationError') return null\n\n  const list = raw.issues ?? raw.errors ?? []\n  const details: string[] = []\n  for (const it of list) {\n    if (!it || typeof it !== 'object') continue\n    const msg = typeof it.message === 'string' ? it.message : ''\n    if (!msg) continue\n    const fileName = it.file?.name\n    details.push(fileName ? `${fileName}: ${msg}` : msg)\n  }\n\n  return {\n    kind: 'validation',\n    message: raw.message || ctx.texts.validationMessage,\n    details: details.length ? details : undefined,\n    stop: true,\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Базовая классификация по HTTP-статусу.\n *\n * Правила:\n * - `400` / `422` ⇒ `kind: 'validation'`,\n * - остальные `4xx` ⇒ `kind: 'client'`,\n * - `>= 500` ⇒ `kind: 'server'`.\n *\n * Не использует `stop` — даёт более специализированным парсерам\n * (Laravel/JSON:API/RFC 7807) уточнить сообщение и `fieldErrors`.\n *\n * `message` берёт из `ctx.texts` как осмысленный фолбэк.\n */\nexport const httpStatusParser: ResponseErrorParser = (ctx) => {\n  const status = ctx.status\n  if (typeof status !== 'number') return null\n\n  if (status >= 500) {\n    return { kind: 'server', status, message: ctx.texts.serverMessage }\n  }\n  if (status === 400 || status === 422) {\n    return { kind: 'validation', status, message: ctx.texts.validationMessage }\n  }\n  if (status >= 400) {\n    return { kind: 'client', status, message: ctx.texts.clientMessage }\n  }\n  return null\n}\n","import type { ResponseErrorFieldError, ResponseErrorParser } from '../responseError.types'\n\n/**\n * Парсер JSON:API-стиля:\n *\n * ```json\n * { \"errors\": [\n *     { \"status\": \"422\", \"title\": \"Invalid Attribute\",\n *       \"detail\": \"Email is required.\",\n *       \"source\": { \"pointer\": \"/data/attributes/email\" } }\n *   ] }\n * ```\n *\n * Активируется, когда `ctx.body.errors` — массив объектов с `title`/`detail`.\n * Поле извлекается из последнего сегмента `source.pointer`. Все `detail`\n * собираются в `details`, первый `title` — в `message`.\n */\nexport const jsonApiErrorParser: ResponseErrorParser = (ctx) => {\n  const body = ctx.body\n  if (!body || typeof body !== 'object') return null\n\n  const errors = (body as { errors?: unknown }).errors\n  if (!Array.isArray(errors) || errors.length === 0) return null\n\n  // Эвристика: первый элемент должен иметь title/detail/source — иначе это не JSON:API\n  const first = errors[0]\n  if (!first || typeof first !== 'object') return null\n  const has = (key: string) => key in (first as object)\n  if (!has('title') && !has('detail') && !has('source')) return null\n\n  const fieldErrorsMap = new Map<string, string[]>()\n  const details: string[] = []\n  let message: string | undefined\n\n  for (const e of errors) {\n    if (!e || typeof e !== 'object') continue\n    const eo = e as { title?: unknown, detail?: unknown, source?: { pointer?: unknown } }\n    const text = (typeof eo.detail === 'string' && eo.detail) || (typeof eo.title === 'string' && eo.title) || ''\n    if (!text) continue\n    if (!message && typeof eo.title === 'string') message = eo.title\n\n    const pointer = typeof eo.source?.pointer === 'string' ? eo.source.pointer : ''\n    const field = pointer ? pointer.split('/').filter(Boolean).pop() : undefined\n\n    if (field) {\n      const list = fieldErrorsMap.get(field) ?? []\n      list.push(text)\n      fieldErrorsMap.set(field, list)\n    }\n    details.push(text)\n  }\n\n  if (!details.length) return null\n\n  const fieldErrors: ResponseErrorFieldError[] = Array.from(fieldErrorsMap, ([field, messages]) => ({ field, messages }))\n\n  const kind = fieldErrors.length ? 'validation' : undefined\n\n  return {\n    kind,\n    message: message || (kind === 'validation' ? ctx.texts.validationMessage : ctx.texts.clientMessage),\n    details,\n    fieldErrors: fieldErrors.length ? fieldErrors : undefined,\n  }\n}\n","import type { ResponseErrorFieldError, ResponseErrorParser } from '../responseError.types'\n\n/**\n * Парсит Laravel-формат ответа об ошибке валидации:\n *\n * ```json\n * { \"message\": \"The given data was invalid.\",\n *   \"errors\": { \"file\": [\"The file is required.\"], \"amount\": [\"...\"] } }\n * ```\n *\n * Активируется при наличии `ctx.body.errors` как plain-объекта (значения —\n * массив строк или строка). Если есть `fieldErrors`, повышает `kind` до\n * `validation` независимо от статуса (полезно, когда сервер прислал 200/4xx\n * без 422). `message` берётся из `body.message` / `body.error`.\n */\nexport const laravelValidationParser: ResponseErrorParser = (ctx) => {\n  const body = ctx.body\n  if (!body || typeof body !== 'object' || Array.isArray(body)) return null\n\n  const data = body as Record<string, unknown>\n  const errors = data.errors\n  if (!errors || typeof errors !== 'object' || Array.isArray(errors)) return null\n\n  const fieldErrors: ResponseErrorFieldError[] = []\n  for (const [field, raw] of Object.entries(errors as Record<string, unknown>)) {\n    const messages = Array.isArray(raw)\n      ? raw.filter((m): m is string => typeof m === 'string')\n      : typeof raw === 'string' ? [raw] : []\n    if (messages.length) fieldErrors.push({ field, messages })\n  }\n\n  if (!fieldErrors.length) return null\n\n  const message = (typeof data.message === 'string' && data.message)\n    || (typeof data.error === 'string' && data.error)\n    || ctx.texts.validationMessage\n\n  const details = fieldErrors.flatMap(fe => fe.messages)\n\n  return {\n    kind: 'validation',\n    message,\n    details,\n    fieldErrors,\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Распознаёт транспортные ошибки **без ответа сервера**: отсутствие интернета,\n * DNS-фейл, CORS-preflight, fetch `TypeError('Failed to fetch')`,\n * axios `ERR_NETWORK`/`ECONNABORTED`.\n *\n * Триггеры:\n * - `ctx.isNetwork === true` (выставлено `normalizeError`),\n * - либо нет ни `status`, ни `body`, ни признака отмены, но есть исходная\n *   ошибка с `code === 'ERR_NETWORK'` / `message ~ /network|fetch/i/`.\n *\n * Возвращает `kind: 'network'` и `stop: true`.\n */\nexport const networkErrorParser: ResponseErrorParser = (ctx) => {\n  if (ctx.isAbort) return null\n\n  if (ctx.isNetwork) {\n    return {\n      kind: 'network',\n      message: ctx.texts.networkMessage,\n      stop: true,\n    }\n  }\n\n  // Эвристика для случаев, когда normalizeError не пометил, но статус-кода нет.\n  if (typeof ctx.status !== 'number' && ctx.body == null && ctx.raw && typeof ctx.raw === 'object') {\n    const r = ctx.raw as { code?: string, message?: string, name?: string }\n    if (r.code === 'ERR_NETWORK' || (typeof r.message === 'string' && /network|failed to fetch/i.test(r.message))) {\n      return {\n        kind: 'network',\n        message: ctx.texts.networkMessage,\n        stop: true,\n      }\n    }\n  }\n\n  return null\n}\n","import type { NormalizedRawError } from '../responseError.types'\n\n/**\n * Универсально приводит «сырой» вход к {@link NormalizedRawError}.\n *\n * Поддерживаемые источники:\n * - **axios** — `AxiosError` с `response.status`/`response.data`/`response.headers`,\n *   либо `request` без `response` + `code === 'ERR_NETWORK'`, либо `code === 'ERR_CANCELED'`.\n * - **fetch `Response`** — объект `Response` с `ok=false`. Тело читается через\n *   `clone().json()` (с фолбэком на `.text()`); поэтому функция асинхронная.\n * - **fetch `TypeError`** — `TypeError('Failed to fetch')` ⇒ `isNetwork=true`.\n * - **`{ response: Response, body: unknown }`** — если потребитель уже прочитал тело сам.\n * - **`XMLHttpRequest`** / `{ status, responseText, response }` — пара полей.\n * - **`AbortError` / `DOMException`** ⇒ `isAbort=true`.\n * - **`Error`/строка/произвольный объект** — кладётся в `body`/`raw` как есть.\n *\n * Цель — отделить «откуда пришла ошибка» от «как её классифицировать»: парсеры\n * работают только с нормализованным `ResponseErrorContext`, не зная о транспорте.\n */\nexport async function normalizeError(raw: unknown): Promise<NormalizedRawError> {\n  // 1) Уже нормализованный вход (потребитель сам подготовил)\n  if (isPlainNormalized(raw)) {\n    return { ...(raw as NormalizedRawError), raw }\n  }\n\n  // 2) `{ response: Response, body }` — уже прочитанное тело\n  if (isResponseEnvelope(raw)) {\n    const res = raw.response\n    return {\n      raw,\n      status: res.status,\n      body: raw.body,\n      headers: readHeaders(res),\n    }\n  }\n\n  // 3) Голый fetch Response\n  if (isFetchResponse(raw)) {\n    const body = await readFetchBody(raw)\n    return {\n      raw,\n      status: raw.status,\n      body,\n      headers: readHeaders(raw),\n    }\n  }\n\n  // 4) XMLHttpRequest\n  if (isXhr(raw)) {\n    const body = parseMaybeJson(raw.responseText) ?? raw.response\n    return {\n      raw,\n      status: typeof raw.status === 'number' ? raw.status : undefined,\n      body,\n      isAbort: raw.status === 0 && raw.readyState === 4,\n    }\n  }\n\n  // 5) axios error (есть `isAxiosError` или `response`/`request` + `code`)\n  if (isAxiosLike(raw)) {\n    const e = raw as AxiosLikeError\n    const status = e.response?.status\n    const code = e.code\n    const isAbort = code === 'ERR_CANCELED' || code === 'CANCELED' || (e as { __CANCEL__?: boolean }).__CANCEL__ === true\n    const isNetwork = !e.response && (code === 'ERR_NETWORK' || code === 'ECONNABORTED')\n\n    return {\n      raw,\n      status,\n      body: e.response?.data,\n      headers: normalizeHeaderRecord(e.response?.headers),\n      isAbort,\n      isNetwork,\n    }\n  }\n\n  // 6) AbortError / DOMException\n  if (isAbortError(raw)) {\n    return { raw, isAbort: true }\n  }\n\n  // 7) Сетевой TypeError от fetch\n  if (raw instanceof TypeError && /fetch|network/i.test(raw.message || '')) {\n    return { raw, isNetwork: true }\n  }\n\n  // 8) Произвольный Error / строка / объект\n  if (raw instanceof Error) {\n    return { raw, body: { message: raw.message } }\n  }\n\n  if (typeof raw === 'string') {\n    return { raw, body: { message: raw } }\n  }\n\n  if (raw && typeof raw === 'object') {\n    return { raw, body: raw }\n  }\n\n  return { raw }\n}\n\n// ----------------- helpers -----------------\n\ntype AxiosLikeError = Error & {\n  isAxiosError?: boolean\n  code?: string\n  response?: { status?: number, data?: unknown, headers?: unknown }\n  request?: unknown\n}\n\nfunction isPlainNormalized(v: unknown): v is NormalizedRawError {\n  if (!v || typeof v !== 'object') return false\n  const o = v as Record<string, unknown>\n  return 'raw' in o && (\n    'status' in o || 'body' in o || 'isAbort' in o || 'isNetwork' in o || 'headers' in o\n  )\n}\n\nfunction isResponseEnvelope(v: unknown): v is { response: Response, body: unknown } {\n  return !!v && typeof v === 'object'\n      && 'response' in (v as object)\n      && isFetchResponse((v as { response: unknown }).response)\n}\n\nfunction isFetchResponse(v: unknown): v is Response {\n  return typeof Response !== 'undefined' && v instanceof Response\n}\n\nfunction isXhr(v: unknown): v is XMLHttpRequest {\n  return typeof XMLHttpRequest !== 'undefined' && v instanceof XMLHttpRequest\n}\n\nfunction isAxiosLike(v: unknown): v is AxiosLikeError {\n  if (!v || typeof v !== 'object') return false\n  const o = v as Record<string, unknown>\n  return o.isAxiosError === true\n      || ('response' in o && typeof o.response === 'object' && o.response !== null)\n      || ('code' in o && typeof o.code === 'string')\n}\n\nfunction isAbortError(v: unknown): boolean {\n  if (!v || typeof v !== 'object') return false\n  const o = v as { name?: string, code?: string }\n  return o.name === 'AbortError' || o.name === 'CanceledError' || o.code === 'ERR_CANCELED'\n}\n\nasync function readFetchBody(res: Response): Promise<unknown> {\n  if (res.bodyUsed) return undefined\n  try {\n    const clone = res.clone()\n    const text = await clone.text()\n    return parseMaybeJson(text) ?? text\n  }\n  catch {\n    return undefined\n  }\n}\n\nfunction readHeaders(res: Response): Record<string, string> {\n  const out: Record<string, string> = {}\n  res.headers.forEach((value, key) => {\n    out[key.toLowerCase()] = value\n  })\n  return out\n}\n\nfunction normalizeHeaderRecord(h: unknown): Record<string, string> | undefined {\n  if (!h || typeof h !== 'object') return undefined\n  const out: Record<string, string> = {}\n  for (const [k, v] of Object.entries(h as Record<string, unknown>)) {\n    if (typeof v === 'string') out[k.toLowerCase()] = v\n  }\n  return out\n}\n\nfunction parseMaybeJson(text: string | undefined): unknown {\n  if (typeof text !== 'string' || !text) return undefined\n  try {\n    return JSON.parse(text)\n  }\n  catch {\n    return undefined\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Финальный фолбэк-парсер. Достаёт хоть какое-нибудь человекочитаемое\n * сообщение, чтобы баннер не был пустым.\n *\n * Источники (по приоритету):\n * 1. `ctx.body` — если строка ⇒ message,\n * 2. `ctx.body[messageKey]` (default `'message'`),\n * 3. `ctx.body.error` (строка),\n * 4. `ctx.raw.message` (для голых `Error`).\n *\n * Не выставляет `kind` — оставляет на усмотрение классификатора.\n * Использует ключ `messageKey` из `ctx.meta._messageKey`, если задан.\n */\nexport const plainMessageParser: ResponseErrorParser = (ctx) => {\n  const messageKey = (ctx.meta._messageKey as string | undefined) || 'message'\n\n  if (typeof ctx.body === 'string' && ctx.body.trim()) {\n    return { message: ctx.body }\n  }\n\n  if (ctx.body && typeof ctx.body === 'object') {\n    const data = ctx.body as Record<string, unknown>\n    const fromKey = data[messageKey]\n    if (typeof fromKey === 'string' && fromKey) return { message: fromKey }\n    if (typeof data.error === 'string' && data.error) return { message: data.error }\n  }\n\n  if (ctx.raw instanceof Error && ctx.raw.message) {\n    return { message: ctx.raw.message }\n  }\n\n  return null\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Парсер RFC 7807 «Problem Details for HTTP APIs»:\n *\n * ```json\n * { \"type\": \"https://example.com/probs/out-of-credit\",\n *   \"title\": \"You do not have enough credit.\",\n *   \"status\": 403,\n *   \"detail\": \"Your current balance is 30.\",\n *   \"errors\": { \"balance\": [\"...\"] } }\n * ```\n *\n * Активируется, если есть `body.type` + `body.title`, либо\n * Content-Type заголовка `application/problem+json`. Берёт `title` как\n * `message`, `detail` — в `details[0]`, status — в `status`.\n */\nexport const problemDetailsParser: ResponseErrorParser = (ctx) => {\n  const body = ctx.body\n  if (!body || typeof body !== 'object' || Array.isArray(body)) return null\n\n  const data = body as { type?: unknown, title?: unknown, detail?: unknown, status?: unknown }\n  const isProblemContentType = ctx.headers?.['content-type']?.includes('application/problem+json')\n  const hasShape = typeof data.title === 'string' && (typeof data.type === 'string' || typeof data.status === 'number')\n\n  if (!isProblemContentType && !hasShape) return null\n\n  const message = typeof data.title === 'string' ? data.title : ctx.texts.unknownMessage\n  const details: string[] = []\n  if (typeof data.detail === 'string' && data.detail) details.push(data.detail)\n\n  const status = typeof data.status === 'number' ? data.status : ctx.status\n\n  return {\n    message,\n    details: details.length ? details : undefined,\n    status,\n  }\n}\n","import { DEFAULT_RESPONSE_ERROR_TEXTS } from '../responseError.defaults'\nimport type {\n  ResponseErrorContext,\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from '../responseError.types'\n\nimport { abortErrorParser } from './abortErrorParser'\nimport { fileValidationParser } from './fileValidationParser'\nimport { httpStatusParser } from './httpStatusParser'\nimport { jsonApiErrorParser } from './jsonApiErrorParser'\nimport { laravelValidationParser } from './laravelValidationParser'\nimport { networkErrorParser } from './networkErrorParser'\nimport { normalizeError } from './normalizeError'\nimport { plainMessageParser } from './plainMessageParser'\nimport { problemDetailsParser } from './problemDetailsParser'\n\n/**\n * Дефолтная цепочка парсеров. Порядок важен:\n * `abort → network → fileValidation → laravel → problemDetails → jsonApi → httpStatus → plainMessage`.\n *\n * - Ранние специализированные парсеры могут поставить `stop` (abort/file).\n * - HTTP-парсер даёт fallback-kind/message, чтобы остальное могло уточнить.\n * - `plainMessage` всегда последний — добывает хоть какое-то сообщение.\n */\nexport const defaultResponseErrorParsers: ResponseErrorParser[] = [\n  abortErrorParser,\n  networkErrorParser,\n  fileValidationParser,\n  laravelValidationParser,\n  problemDetailsParser,\n  jsonApiErrorParser,\n  httpStatusParser,\n  plainMessageParser,\n]\n\n/** Добавляет пользовательские парсеры в начало дефолтной цепочки. */\nexport function extendDefaultParsers(extra: ResponseErrorParser[]): ResponseErrorParser[] {\n  return [...extra, ...defaultResponseErrorParsers]\n}\n\nexport type CreateResponseErrorClassifierOptions = {\n  parsers?: ResponseErrorParser[]\n  texts?: Partial<ResponseErrorTexts>\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: string\n}\n\n/**\n * Фабрика классификатора. Возвращает функцию `(raw, meta?) => Promise<ResponseErrorInfo>`,\n * которая:\n * 1. нормализует вход через `normalizeError`,\n * 2. строит `ResponseErrorContext`,\n * 3. прогоняет цепочку парсеров (с поддержкой `stop`),\n * 4. собирает финальный `ResponseErrorInfo` с фолбэками из `texts`.\n */\nexport function createResponseErrorClassifier(options: CreateResponseErrorClassifierOptions = {}) {\n  const parsers = options.parsers ?? defaultResponseErrorParsers\n  const texts: ResponseErrorTexts = { ...DEFAULT_RESPONSE_ERROR_TEXTS, ...(options.texts ?? {}) }\n  const messageKey = options.messageKey ?? 'message'\n\n  return async function classify(raw: unknown, meta: Record<string, unknown> = {}): Promise<ResponseErrorInfo> {\n    const normalized = await normalizeError(raw)\n\n    const ctx: ResponseErrorContext = {\n      ...normalized,\n      meta: { ...meta, _messageKey: messageKey },\n      texts,\n    }\n\n    let kind: ResponseErrorKind | undefined\n    let status: number | undefined = ctx.status\n    let message: string | undefined\n    let details: string[] | undefined\n    let fieldErrors: ResponseErrorInfo['fieldErrors']\n\n    for (const parser of parsers) {\n      const result = parser(ctx)\n      if (!result) continue\n      if (result.kind) kind = result.kind\n      if (typeof result.status === 'number') status = result.status\n      if (result.message) message = result.message\n      if (result.details?.length) details = result.details\n      if (result.fieldErrors?.length) fieldErrors = result.fieldErrors\n      if (result.stop) break\n    }\n\n    if (!kind) kind = 'unknown'\n\n    if (!message) message = resolveDefaultMessage(kind, texts)\n\n    return {\n      kind,\n      status,\n      message,\n      details,\n      fieldErrors,\n      raw,\n      meta,\n    }\n  }\n}\n\nfunction resolveDefaultMessage(kind: ResponseErrorKind, texts: ResponseErrorTexts): string {\n  switch (kind) {\n    case 'network': return texts.networkMessage\n    case 'aborted': return texts.abortedMessage\n    case 'validation': return texts.validationMessage\n    case 'client': return texts.clientMessage\n    case 'server': return texts.serverMessage\n    case 'unknown':\n    default: return texts.unknownMessage\n  }\n}\n\nexport function resolveResponseErrorTitle(kind: ResponseErrorKind, texts: ResponseErrorTexts): string {\n  switch (kind) {\n    case 'network': return texts.networkTitle\n    case 'aborted': return texts.abortedTitle\n    case 'validation': return texts.validationTitle\n    case 'client': return texts.clientTitle\n    case 'server': return texts.serverTitle\n    case 'unknown':\n    default: return texts.unknownTitle\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrAlert from '../GrAlert/GrAlert.vue'\nimport GrButton from '../GrButton/GrButton.vue'\n\nimport { resolveResponseErrorTitle } from './parsers/createResponseErrorClassifier'\nimport {\n  DEFAULT_AUTO_HIDE_KINDS,\n  DEFAULT_RESPONSE_ERROR_TEXTS,\n  DEFAULT_TONE_BY_KIND,\n} from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  /** Готовая структура ошибки. Если `null` — баннер не рендерится. */\n  error: ResponseErrorInfo | null\n  /** Частичный override текстов. Мерджится с `DEFAULT_RESPONSE_ERROR_TEXTS`. */\n  texts?: Partial<ResponseErrorTexts>\n  /** Жёсткий оверрайд тона. Бьёт `toneByKind`. */\n  tone?: ResponseErrorTone\n  /** Маппинг `kind` → `tone`. Мерджится с `DEFAULT_TONE_BY_KIND`. */\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  /** Показывать ли блок `details`/`fieldErrors` под основным сообщением. */\n  showDetails?: boolean\n  /** Префиксить ли `field:` перед сообщениями по полям. */\n  showFieldLabels?: boolean\n  /** Человекочитаемые подписи полей (`{ file: 'Файл' }`). */\n  fieldLabels?: Record<string, string>\n  /** Удалять дубликаты сообщений между `message` и `details`. */\n  dedupeDetails?: boolean\n  /** Показывать ли кнопку «Повторить». */\n  canRetry?: boolean\n  /** Показывать ли кнопку «Скрыть». */\n  canDismiss?: boolean\n  /** Какие `kind` не рендерить вообще (баннер скрывается). */\n  autoHideKinds?: ResponseErrorKind[]\n  /** Показывать ли HTTP-status бейдж. */\n  showStatus?: boolean\n  /** Префикс `data-testid`. */\n  testIdPrefix?: string\n}>(), {\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  showDetails: true,\n  showFieldLabels: true,\n  fieldLabels: () => ({}),\n  dedupeDetails: true,\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => DEFAULT_AUTO_HIDE_KINDS,\n  showStatus: true,\n  testIdPrefix: 'response-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst i18nTexts = computed<ResponseErrorTexts>(() => {\n  const out = {} as ResponseErrorTexts\n  for (const key of Object.keys(DEFAULT_RESPONSE_ERROR_TEXTS) as (keyof ResponseErrorTexts)[]) {\n    out[key] = t(`gr.responseError.${key}`, DEFAULT_RESPONSE_ERROR_TEXTS[key])\n  }\n  return out\n})\n\nconst mergedTexts = computed<ResponseErrorTexts>(() => ({\n  ...DEFAULT_RESPONSE_ERROR_TEXTS,\n  ...i18nTexts.value,\n  ...props.texts,\n}))\n\nconst mergedToneByKind = computed<Record<ResponseErrorKind, ResponseErrorTone>>(() => ({\n  ...DEFAULT_TONE_BY_KIND,\n  ...props.toneByKind,\n}))\n\nconst isHidden = computed(() => {\n  if (!props.error) return true\n  return props.autoHideKinds.includes(props.error.kind)\n})\n\nconst tone = computed<ResponseErrorTone>(() => {\n  if (props.tone) return props.tone\n  if (!props.error) return 'danger'\n  return mergedToneByKind.value[props.error.kind] ?? 'danger'\n})\n\nconst title = computed(() => {\n  if (!props.error) return ''\n  return resolveResponseErrorTitle(props.error.kind, mergedTexts.value)\n})\n\n/**\n * Маппинг `kind` → ключ поля сообщения в `ResponseErrorTexts`.\n * Используется, чтобы подменить «дефолтное английское» fallback-сообщение\n * классификатора на i18n-перевод (или текущий `mergedTexts.<kind>Message`).\n */\nconst KIND_MESSAGE_KEY: Record<ResponseErrorKind, keyof ResponseErrorTexts> = {\n  network: 'networkMessage',\n  aborted: 'abortedMessage',\n  validation: 'validationMessage',\n  client: 'clientMessage',\n  server: 'serverMessage',\n  unknown: 'unknownMessage',\n}\n\nconst DEFAULT_FALLBACK_MESSAGES = new Set<string>([\n  DEFAULT_RESPONSE_ERROR_TEXTS.networkMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.abortedMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.validationMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.clientMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.serverMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.unknownMessage,\n])\n\nconst message = computed(() => {\n  const raw = props.error?.message ?? ''\n  if (!props.error) return raw\n  // Если в `ResponseErrorInfo.message` сидит англ. дефолт-фолбэк классификатора,\n  // подменяем на i18n-перевод соответствующего kind.\n  if (!raw || DEFAULT_FALLBACK_MESSAGES.has(raw)) {\n    return mergedTexts.value[KIND_MESSAGE_KEY[props.error.kind]]\n  }\n  return raw\n})\n\n/**\n * Сводный список «деталей» под основным `message`.\n * Предпочитаем `fieldErrors` (поле → сообщения), затем — плоский `details`.\n * Дедуплицируем и убираем повтор с `message`.\n */\nconst detailEntries = computed<{ field?: string, text: string }[]>(() => {\n  if (!props.error || !props.showDetails) return []\n\n  const seen = new Set<string>()\n  if (props.dedupeDetails) {\n    const main = message.value.trim()\n    if (main) seen.add(main)\n  }\n\n  const result: { field?: string, text: string }[] = []\n  const fieldErrors = props.error.fieldErrors\n  if (fieldErrors?.length) {\n    for (const fe of fieldErrors) {\n      for (const m of fe.messages) {\n        const text = m.trim()\n        if (!text || seen.has(text)) continue\n        seen.add(text)\n        result.push({ field: fe.field, text })\n      }\n    }\n    if (result.length) return result\n  }\n\n  const details = props.error.details\n  if (details?.length) {\n    for (const d of details) {\n      const text = (d ?? '').trim()\n      if (!text || seen.has(text)) continue\n      seen.add(text)\n      result.push({ text })\n    }\n  }\n  return result\n})\n\nfunction fieldLabel(field?: string): string | undefined {\n  if (!field) return undefined\n  return props.fieldLabels[field] ?? field\n}\n\nfunction onRetry(): void {\n  if (props.error) emit('retry', props.error)\n}\n\nfunction onDismiss(): void {\n  emit('dismiss')\n}\n</script>\n\n<template>\n  <GrAlert\n    v-if=\"!isHidden && props.error\"\n    :tone=\"tone\"\n    :title=\"title\"\n    :closable=\"props.canDismiss\"\n    :data-testid=\"`${props.testIdPrefix}-banner`\"\n    :data-kind=\"props.error.kind\"\n    @close=\"onDismiss\"\n  >\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <span\n          v-if=\"props.showStatus && typeof props.error.status === 'number'\"\n          class=\"inline-flex items-center rounded-[var(--ds-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[11px] font-700 leading-none\"\n          :data-testid=\"`${props.testIdPrefix}-status`\"\n        >\n          HTTP {{ props.error.status }}\n        </span>\n        <span\n          class=\"text-[13px]\"\n          :data-testid=\"`${props.testIdPrefix}-message`\"\n        >\n          {{ message }}\n        </span>\n      </div>\n\n      <ul\n        v-if=\"detailEntries.length\"\n        class=\"m-0 list-disc pl-5 text-[12px]\"\n        :data-testid=\"`${props.testIdPrefix}-details`\"\n      >\n        <li\n          v-for=\"(entry, idx) in detailEntries\"\n          :key=\"`${entry.field ?? ''}:${idx}`\"\n        >\n          <template v-if=\"props.showFieldLabels && entry.field\">\n            <strong>{{ fieldLabel(entry.field) }}:</strong>&nbsp;\n          </template>{{ entry.text }}\n        </li>\n      </ul>\n\n      <div\n        v-if=\"props.canRetry\"\n        class=\"mt-1 flex flex-wrap items-center gap-2\"\n      >\n        <GrButton\n          size=\"sm\"\n          variant=\"outline\"\n          :data-testid=\"`${props.testIdPrefix}-retry`\"\n          @click=\"onRetry\"\n        >\n          {{ mergedTexts.retryLabel }}\n        </GrButton>\n      </div>\n    </div>\n  </GrAlert>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrAlert from '../GrAlert/GrAlert.vue'\nimport GrButton from '../GrButton/GrButton.vue'\n\nimport { resolveResponseErrorTitle } from './parsers/createResponseErrorClassifier'\nimport {\n  DEFAULT_AUTO_HIDE_KINDS,\n  DEFAULT_RESPONSE_ERROR_TEXTS,\n  DEFAULT_TONE_BY_KIND,\n} from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  /** Готовая структура ошибки. Если `null` — баннер не рендерится. */\n  error: ResponseErrorInfo | null\n  /** Частичный override текстов. Мерджится с `DEFAULT_RESPONSE_ERROR_TEXTS`. */\n  texts?: Partial<ResponseErrorTexts>\n  /** Жёсткий оверрайд тона. Бьёт `toneByKind`. */\n  tone?: ResponseErrorTone\n  /** Маппинг `kind` → `tone`. Мерджится с `DEFAULT_TONE_BY_KIND`. */\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  /** Показывать ли блок `details`/`fieldErrors` под основным сообщением. */\n  showDetails?: boolean\n  /** Префиксить ли `field:` перед сообщениями по полям. */\n  showFieldLabels?: boolean\n  /** Человекочитаемые подписи полей (`{ file: 'Файл' }`). */\n  fieldLabels?: Record<string, string>\n  /** Удалять дубликаты сообщений между `message` и `details`. */\n  dedupeDetails?: boolean\n  /** Показывать ли кнопку «Повторить». */\n  canRetry?: boolean\n  /** Показывать ли кнопку «Скрыть». */\n  canDismiss?: boolean\n  /** Какие `kind` не рендерить вообще (баннер скрывается). */\n  autoHideKinds?: ResponseErrorKind[]\n  /** Показывать ли HTTP-status бейдж. */\n  showStatus?: boolean\n  /** Префикс `data-testid`. */\n  testIdPrefix?: string\n}>(), {\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  showDetails: true,\n  showFieldLabels: true,\n  fieldLabels: () => ({}),\n  dedupeDetails: true,\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => DEFAULT_AUTO_HIDE_KINDS,\n  showStatus: true,\n  testIdPrefix: 'response-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst i18nTexts = computed<ResponseErrorTexts>(() => {\n  const out = {} as ResponseErrorTexts\n  for (const key of Object.keys(DEFAULT_RESPONSE_ERROR_TEXTS) as (keyof ResponseErrorTexts)[]) {\n    out[key] = t(`gr.responseError.${key}`, DEFAULT_RESPONSE_ERROR_TEXTS[key])\n  }\n  return out\n})\n\nconst mergedTexts = computed<ResponseErrorTexts>(() => ({\n  ...DEFAULT_RESPONSE_ERROR_TEXTS,\n  ...i18nTexts.value,\n  ...props.texts,\n}))\n\nconst mergedToneByKind = computed<Record<ResponseErrorKind, ResponseErrorTone>>(() => ({\n  ...DEFAULT_TONE_BY_KIND,\n  ...props.toneByKind,\n}))\n\nconst isHidden = computed(() => {\n  if (!props.error) return true\n  return props.autoHideKinds.includes(props.error.kind)\n})\n\nconst tone = computed<ResponseErrorTone>(() => {\n  if (props.tone) return props.tone\n  if (!props.error) return 'danger'\n  return mergedToneByKind.value[props.error.kind] ?? 'danger'\n})\n\nconst title = computed(() => {\n  if (!props.error) return ''\n  return resolveResponseErrorTitle(props.error.kind, mergedTexts.value)\n})\n\n/**\n * Маппинг `kind` → ключ поля сообщения в `ResponseErrorTexts`.\n * Используется, чтобы подменить «дефолтное английское» fallback-сообщение\n * классификатора на i18n-перевод (или текущий `mergedTexts.<kind>Message`).\n */\nconst KIND_MESSAGE_KEY: Record<ResponseErrorKind, keyof ResponseErrorTexts> = {\n  network: 'networkMessage',\n  aborted: 'abortedMessage',\n  validation: 'validationMessage',\n  client: 'clientMessage',\n  server: 'serverMessage',\n  unknown: 'unknownMessage',\n}\n\nconst DEFAULT_FALLBACK_MESSAGES = new Set<string>([\n  DEFAULT_RESPONSE_ERROR_TEXTS.networkMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.abortedMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.validationMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.clientMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.serverMessage,\n  DEFAULT_RESPONSE_ERROR_TEXTS.unknownMessage,\n])\n\nconst message = computed(() => {\n  const raw = props.error?.message ?? ''\n  if (!props.error) return raw\n  // Если в `ResponseErrorInfo.message` сидит англ. дефолт-фолбэк классификатора,\n  // подменяем на i18n-перевод соответствующего kind.\n  if (!raw || DEFAULT_FALLBACK_MESSAGES.has(raw)) {\n    return mergedTexts.value[KIND_MESSAGE_KEY[props.error.kind]]\n  }\n  return raw\n})\n\n/**\n * Сводный список «деталей» под основным `message`.\n * Предпочитаем `fieldErrors` (поле → сообщения), затем — плоский `details`.\n * Дедуплицируем и убираем повтор с `message`.\n */\nconst detailEntries = computed<{ field?: string, text: string }[]>(() => {\n  if (!props.error || !props.showDetails) return []\n\n  const seen = new Set<string>()\n  if (props.dedupeDetails) {\n    const main = message.value.trim()\n    if (main) seen.add(main)\n  }\n\n  const result: { field?: string, text: string }[] = []\n  const fieldErrors = props.error.fieldErrors\n  if (fieldErrors?.length) {\n    for (const fe of fieldErrors) {\n      for (const m of fe.messages) {\n        const text = m.trim()\n        if (!text || seen.has(text)) continue\n        seen.add(text)\n        result.push({ field: fe.field, text })\n      }\n    }\n    if (result.length) return result\n  }\n\n  const details = props.error.details\n  if (details?.length) {\n    for (const d of details) {\n      const text = (d ?? '').trim()\n      if (!text || seen.has(text)) continue\n      seen.add(text)\n      result.push({ text })\n    }\n  }\n  return result\n})\n\nfunction fieldLabel(field?: string): string | undefined {\n  if (!field) return undefined\n  return props.fieldLabels[field] ?? field\n}\n\nfunction onRetry(): void {\n  if (props.error) emit('retry', props.error)\n}\n\nfunction onDismiss(): void {\n  emit('dismiss')\n}\n</script>\n\n<template>\n  <GrAlert\n    v-if=\"!isHidden && props.error\"\n    :tone=\"tone\"\n    :title=\"title\"\n    :closable=\"props.canDismiss\"\n    :data-testid=\"`${props.testIdPrefix}-banner`\"\n    :data-kind=\"props.error.kind\"\n    @close=\"onDismiss\"\n  >\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <span\n          v-if=\"props.showStatus && typeof props.error.status === 'number'\"\n          class=\"inline-flex items-center rounded-[var(--ds-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[11px] font-700 leading-none\"\n          :data-testid=\"`${props.testIdPrefix}-status`\"\n        >\n          HTTP {{ props.error.status }}\n        </span>\n        <span\n          class=\"text-[13px]\"\n          :data-testid=\"`${props.testIdPrefix}-message`\"\n        >\n          {{ message }}\n        </span>\n      </div>\n\n      <ul\n        v-if=\"detailEntries.length\"\n        class=\"m-0 list-disc pl-5 text-[12px]\"\n        :data-testid=\"`${props.testIdPrefix}-details`\"\n      >\n        <li\n          v-for=\"(entry, idx) in detailEntries\"\n          :key=\"`${entry.field ?? ''}:${idx}`\"\n        >\n          <template v-if=\"props.showFieldLabels && entry.field\">\n            <strong>{{ fieldLabel(entry.field) }}:</strong>&nbsp;\n          </template>{{ entry.text }}\n        </li>\n      </ul>\n\n      <div\n        v-if=\"props.canRetry\"\n        class=\"mt-1 flex flex-wrap items-center gap-2\"\n      >\n        <GrButton\n          size=\"sm\"\n          variant=\"outline\"\n          :data-testid=\"`${props.testIdPrefix}-retry`\"\n          @click=\"onRetry\"\n        >\n          {{ mergedTexts.retryLabel }}\n        </GrButton>\n      </div>\n    </div>\n  </GrAlert>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}>()\n\nconst UPLOAD_TEXTS: Partial<ResponseErrorTexts> = {\n  networkTitle: 'Failed to upload files',\n  networkMessage: 'Check your connection and try again.',\n  validationTitle: 'Files did not pass validation',\n  validationMessage: 'Some of the files do not meet the requirements.',\n  serverTitle: 'Upload error on the server',\n  serverMessage: 'The server could not process the upload. Please try again.',\n}\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...UPLOAD_TEXTS,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}>()\n\nconst UPLOAD_TEXTS: Partial<ResponseErrorTexts> = {\n  networkTitle: 'Failed to upload files',\n  networkMessage: 'Check your connection and try again.',\n  validationTitle: 'Files did not pass validation',\n  validationMessage: 'Some of the files do not meet the requirements.',\n  serverTitle: 'Upload error on the server',\n  serverMessage: 'The server could not process the upload. Please try again.',\n}\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...UPLOAD_TEXTS,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}>()\n\nconst FORM_TEXTS: Partial<ResponseErrorTexts> = {\n  validationTitle: 'Check the form fields',\n  validationMessage: 'The server rejected the data. Fix the highlighted fields and try again.',\n  clientTitle: 'Failed to save',\n  serverTitle: 'Save error',\n  serverMessage: 'Could not save the data. Please try again later.',\n}\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...FORM_TEXTS,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}>()\n\nconst FORM_TEXTS: Partial<ResponseErrorTexts> = {\n  validationTitle: 'Check the form fields',\n  validationMessage: 'The server rejected the data. Fix the highlighted fields and try again.',\n  clientTitle: 'Failed to save',\n  serverTitle: 'Save error',\n  serverMessage: 'Could not save the data. Please try again later.',\n}\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...FORM_TEXTS,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","import { computed, ref, shallowRef } from 'vue'\nimport type { ComputedRef, Ref } from 'vue'\n\nimport { createResponseErrorClassifier, defaultResponseErrorParsers } from './parsers/createResponseErrorClassifier'\nimport { DEFAULT_AUTO_HIDE_KINDS, DEFAULT_RESPONSE_ERROR_TEXTS } from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from './responseError.types'\n\n/**\n * Опции для `useResponseError`. Все поля опциональны и поддерживают\n * **реактивные геттеры** (`() => value`) — чтобы пробрасывать пропсы\n * родителя без потери реактивности.\n */\nexport type UseResponseErrorOptions = {\n  /** Цепочка парсеров. По умолчанию — `defaultResponseErrorParsers`. */\n  parsers?: () => ResponseErrorParser[] | undefined\n  /** Частичный override текстов баннера. */\n  texts?: () => Partial<ResponseErrorTexts> | undefined\n  /**\n   * `kind`'ы, которые **не** выставляются в state (баннер останется скрытым).\n   * По умолчанию пусто — `aborted` показывается info-плашкой. Передайте\n   * `['aborted']`, если хотите тихо проглатывать отмены.\n   */\n  autoHideKinds?: () => ResponseErrorKind[] | undefined\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: () => string | undefined\n  /** Контекст, который попадёт в `ctx.meta` каждого парсера (`{ files, formId, ... }`). */\n  meta?: () => Record<string, unknown> | undefined\n  /** Побочка после успешной классификации (логирование, sentry). */\n  onClassify?: (info: ResponseErrorInfo) => void\n}\n\n/** Публичный возвращаемый API. */\nexport type UseResponseErrorReturn = {\n  /** Текущее состояние ошибки. `null` — баннер скрыт. */\n  currentError: Ref<ResponseErrorInfo | null>\n  /** `currentError.value !== null`. */\n  isVisible: ComputedRef<boolean>\n  /** Последний «сырой» вход (для retry/логов). */\n  lastRaw: Ref<unknown>\n\n  /**\n   * Главное API: классифицирует raw, сохраняет в state, возвращает info\n   * (или `null`, если `kind` в `autoHideKinds`). Возвращает Promise,\n   * т.к. нормализатор поддерживает `Response.json()` (async).\n   */\n  setRaw: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo | null>\n\n  /** Установить готовый info, не пропуская через парсеры. */\n  setError: (info: ResponseErrorInfo) => void\n\n  /** Чистая классификация без записи в state — для предпросмотра. */\n  classify: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo>\n\n  /** Сбросить state (скрыть баннер). */\n  dismiss: () => void\n  /** Алиас `dismiss`. */\n  reset: () => void\n\n  /**\n   * Хелпер: вызывает `handler(currentError)`. Если handler завершился без\n   * исключения — сбрасывает state. Если кинул — оставляет state, поднимает.\n   * Удобно бинать к кнопке «Повторить».\n   */\n  retry: (handler: (info: ResponseErrorInfo) => void | Promise<void>) => Promise<void>\n}\n\n/**\n * Stateful-композабл вокруг `createResponseErrorClassifier`. Хранит\n * `currentError`, инкапсулирует setRaw/retry/dismiss. Подходит для типичного\n * сценария «поймал ошибку запроса → показал баннер → ретрай/скрыть».\n */\nexport function useResponseError(options: UseResponseErrorOptions = {}): UseResponseErrorReturn {\n  const currentError = shallowRef<ResponseErrorInfo | null>(null)\n  const lastRaw = ref<unknown>(null)\n\n  function getClassifier() {\n    return createResponseErrorClassifier({\n      parsers: options.parsers?.() ?? defaultResponseErrorParsers,\n      texts: options.texts?.() ?? {},\n      messageKey: options.messageKey?.(),\n    })\n  }\n\n  function isAutoHidden(kind: ResponseErrorKind): boolean {\n    const list = options.autoHideKinds?.() ?? DEFAULT_AUTO_HIDE_KINDS\n    return list.includes(kind)\n  }\n\n  async function classify(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo> {\n    const classifier = getClassifier()\n    const meta = { ...(options.meta?.() ?? {}), ...(extra ?? {}) }\n    const info = await classifier(raw, meta)\n    options.onClassify?.(info)\n    return info\n  }\n\n  async function setRaw(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo | null> {\n    lastRaw.value = raw\n    const info = await classify(raw, extra)\n    if (isAutoHidden(info.kind)) {\n      currentError.value = null\n      return null\n    }\n    currentError.value = info\n    return info\n  }\n\n  function setError(info: ResponseErrorInfo): void {\n    currentError.value = info\n  }\n\n  function dismiss(): void {\n    currentError.value = null\n  }\n\n  async function retry(handler: (info: ResponseErrorInfo) => void | Promise<void>): Promise<void> {\n    const info = currentError.value\n    if (!info) return\n    await handler(info)\n    currentError.value = null\n  }\n\n  return {\n    currentError,\n    isVisible: computed(() => currentError.value !== null),\n    lastRaw,\n    setRaw,\n    setError,\n    classify,\n    dismiss,\n    reset: dismiss,\n    retry,\n  }\n}\n\nexport { DEFAULT_RESPONSE_ERROR_TEXTS }\n","/**\n * Единый перечень дизайн-тонов для всех компонентов библиотеки.\n *\n * Источник истины: список объявлен как `as const`-кортеж, из которого\n * автоматически выводится тип `GrTone`. Это позволяет использовать\n * `GR_TONES` в рантайме (валидация, итерация, safelist) и `GrTone`\n * в типах одновременно, без расхождений.\n */\nexport const GR_TONES = [\n  'primary',\n  'neutral',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'slate',\n  'azure',\n] as const\n\nexport type GrTone = typeof GR_TONES[number]\n"],"mappings":"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"}

package/dist/types/src/components/GrFileUpload/GrFileUpload.vue.d.ts

@@ -1,9 +1,18 @@
+import type { GrProgressBarTone } from '../GrProgressBar/grStyle';
 import type { FileValidator, FileValidatorSource } from '../../fileValidation';
+import type { GrUploadProgressInfo } from './uploadViaXhr';
+import type { GrUploadState } from './uploadState';
 export type GrFileUploadExtraDataValue = string | Blob;
 export type GrFileUploadExtraData = Record<string, GrFileUploadExtraDataValue | GrFileUploadExtraDataValue[]>;
 export type GrFileUploadRequestCtx = {
     signal: AbortSignal;
     extraData?: GrFileUploadExtraData;
+    /**
+     * Колбэк прогресса аплоада. Пользовательский `request` (например, axios)
+     * должен вызывать его из `onUploadProgress`, чтобы `GrFileUpload` отображал
+     * прогресс через слот `progress` / дефолтный `GrProgressBar`.
+     */
+    onProgress?: (info: GrUploadProgressInfo) => void;
 };
 export type GrFileUploadRequest = (files: File[], ctx: GrFileUploadRequestCtx) => Promise<any>;
 /**
@@ -30,6 +39,14 @@ export interface GrFileUploadProps {
     uploadExtraData?: (files: File[]) => GrFileUploadExtraData | undefined;
     /** i18n: надпись-подсказка в дефолтном UI. */
     placeholder?: string;
+    /** Показывать дефолтный прогресс-бар (если не используется слот `progress`). */
+    showProgress?: boolean;
+    /** Цветовой тон полосы прогресса в фазе `uploading`. */
+    progressTone?: GrProgressBarTone;
+    /** aria-label для прогресс-бара. */
+    progressLabel?: string;
+    /** Через сколько мс после `success` скрыть прогресс-бар. `0` — не скрывать. */
+    hideProgressOnSuccess?: number;
 }
 declare function openDialog(): void;
 declare function abort(): void;
@@ -51,7 +68,26 @@ declare var __VLS_1: {
         text: () => Promise<string>;
     }[];
     isOver: boolean;
-}, __VLS_14: {}, __VLS_16: {}, __VLS_18: {};
+    state: GrUploadState;
+}, __VLS_14: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {
+    state: GrUploadState;
+    percent: number;
+    indeterminate: boolean;
+    phase: "success" | "error" | "idle" | "uploading";
+    files: {
+        readonly lastModified: number;
+        readonly name: string;
+        readonly webkitRelativePath: string;
+        readonly size: number;
+        readonly type: string;
+        arrayBuffer: () => Promise<ArrayBuffer>;
+        bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+        slice: (start?: number, end?: number, contentType?: string) => Blob;
+        stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+        text: () => Promise<string>;
+    }[];
+    abort: typeof abort;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
@@ -60,6 +96,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_16) => any;
 } & {
     tip?: (props: typeof __VLS_18) => any;
+} & {
+    progress?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrFileUploadProps>, {
     action: undefined;
@@ -76,15 +114,21 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     showFileList: boolean;
     uploadExtraData: undefined;
     placeholder: string;
+    showProgress: boolean;
+    progressTone: string;
+    progressLabel: string;
+    hideProgressOnSuccess: number;
 }>>, {
     uploadFiles: typeof handleFiles;
     abort: typeof abort;
     openDialog: typeof openDialog;
+    state: GrUploadState;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     success: (payload: any) => void;
     error: (error: unknown) => void;
-    progress: (percent: number) => void;
+    progress: (percent: number, info?: GrUploadProgressInfo | undefined) => void;
     change: (files: File[]) => void;
+    "state-change": (state: GrUploadState) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrFileUploadProps>, {
     action: undefined;
     request: undefined;
@@ -100,14 +144,21 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     showFileList: boolean;
     uploadExtraData: undefined;
     placeholder: string;
+    showProgress: boolean;
+    progressTone: string;
+    progressLabel: string;
+    hideProgressOnSuccess: number;
 }>>> & Readonly<{
     onSuccess?: ((payload: any) => any) | undefined;
-    onProgress?: ((percent: number) => any) | undefined;
+    onProgress?: ((percent: number, info?: GrUploadProgressInfo | undefined) => any) | undefined;
     onChange?: ((files: File[]) => any) | undefined;
     onError?: ((error: unknown) => any) | undefined;
+    "onState-change"?: ((state: GrUploadState) => any) | undefined;
 }>, {
     disabled: boolean;
     name: string;
+    headers: Record<string, string>;
+    withCredentials: boolean;
     action: string;
     request: GrFileUploadRequest;
     multiple: boolean;
@@ -115,11 +166,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onExceed: (files: File[], limit: number) => void;
     beforeUpload: (file: File) => boolean | Promise<unknown>;
     validators: FileValidator[];
-    headers: Record<string, string>;
-    withCredentials: boolean;
     showFileList: boolean;
     uploadExtraData: (files: File[]) => GrFileUploadExtraData | undefined;
     placeholder: string;
+    showProgress: boolean;
+    progressTone: GrProgressBarTone;
+    progressLabel: string;
+    hideProgressOnSuccess: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/src/components/GrFileUpload/index.d.ts

@@ -2,4 +2,8 @@ export { default } from './GrFileUpload.vue';
 export { default as GrFileUpload } from './GrFileUpload.vue';
 export type { GrFileUploadExtraData, GrFileUploadExtraDataValue, GrFileUploadProps, GrFileUploadRequest, GrFileUploadRequestCtx, } from './GrFileUpload.vue';
 export { grFileUploadConfig } from './config';
+export type { GrUploadProgressInfo } from './uploadViaXhr';
+export { GrUploadAbortError, GrUploadHttpError } from './uploadViaXhr';
+export type { GrUploadPhase, GrUploadState, GrUploadStateError, GrUploadStateIdle, GrUploadStateSuccess, GrUploadStateUploading, } from './uploadState';
+export { GR_UPLOAD_STATE_IDLE } from './uploadState';
 export * from '../../fileValidation';

package/dist/types/src/components/GrFileUpload/uploadState.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Состояние процесса загрузки в `GrFileUpload`.
+ *
+ * Используется как для внутреннего управления UI, так и пробрасывается наружу
+ * через scoped-слоты (`progress`, `default`) и `defineExpose`.
+ */
+export type GrUploadPhase = 'idle' | 'uploading' | 'success' | 'error';
+export interface GrUploadStateIdle {
+    phase: 'idle';
+    percent: 0;
+    indeterminate: false;
+    loaded: 0;
+    total: 0;
+}
+export interface GrUploadStateUploading {
+    phase: 'uploading';
+    percent: number;
+    indeterminate: boolean;
+    loaded: number;
+    total: number;
+}
+export interface GrUploadStateSuccess {
+    phase: 'success';
+    percent: 100;
+    indeterminate: false;
+    loaded: number;
+    total: number;
+}
+export interface GrUploadStateError {
+    phase: 'error';
+    percent: number;
+    indeterminate: false;
+    loaded: number;
+    total: number;
+    error: unknown;
+}
+export type GrUploadState = GrUploadStateIdle | GrUploadStateUploading | GrUploadStateSuccess | GrUploadStateError;
+export declare const GR_UPLOAD_STATE_IDLE: GrUploadStateIdle;

package/dist/types/src/components/GrFileUpload/uploadViaXhr.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Загрузка файлов через `XMLHttpRequest` с поддержкой прогресса аплоада и
+ * отмены по `AbortSignal`. Используется в `GrFileUpload` для ветки `action`,
+ * а также может применяться пользователем напрямую в `request`-загрузчике.
+ */
+export type GrUploadExtraDataValue = string | Blob;
+export type GrUploadExtraData = Record<string, GrUploadExtraDataValue | GrUploadExtraDataValue[]>;
+export interface GrUploadProgressInfo {
+    /** Процент `0..100`. Для запросов без `lengthComputable` значение `0` и `indeterminate = true`. */
+    percent: number;
+    loaded: number;
+    total: number;
+    indeterminate: boolean;
+}
+export interface UploadViaXhrOptions {
+    url: string;
+    files: File[];
+    name: string;
+    headers?: Record<string, string>;
+    withCredentials?: boolean;
+    extraData?: GrUploadExtraData;
+    signal: AbortSignal;
+    onProgress?: (info: GrUploadProgressInfo) => void;
+}
+export declare class GrUploadAbortError extends Error {
+    constructor(message?: string);
+}
+export declare class GrUploadHttpError extends Error {
+    status: number;
+    payload: unknown;
+    constructor(status: number, payload: unknown);
+}
+export declare function uploadViaXhr(options: UploadViaXhrOptions): Promise<unknown>;

package/dist/types/src/components/GrImageViewer/GrImageViewer.vue.d.ts

@@ -121,13 +121,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     closeLabel: string;
     zIndex: number;
+    showProgress: boolean;
     initialIndex: number;
     zoomRate: number;
     minScale: number;
     maxScale: number;
     hideOnClickModal: boolean;
     closeOnPressEscape: boolean;
-    showProgress: boolean;
     showZoomValue: boolean;
     prevLabel: string;
     nextLabel: string;

package/dist/types/src/components/GrInput/GrInput.vue.d.ts

@@ -72,9 +72,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     id: string;
     invalid: boolean;
     placeholder: string;
+    state: "default" | "success" | "warning" | "danger";
     inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     autocomplete: string;
-    state: "default" | "success" | "warning" | "danger";
     textAlign: GrInputTextAlign;
     prefixMinWidth: string;
     prefixMaxWidth: string;

package/dist/types/src/components/GrNumberInput/GrNumberInput.vue.d.ts

@@ -103,9 +103,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     invalid: boolean;
     min: number;
     placeholder: string;
+    state: GrNumberInputState;
     inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     autocomplete: string;
-    state: GrNumberInputState;
     textAlign: GrNumberInputTextAlign;
     prefixMinWidth: string;
     prefixMaxWidth: string;

package/dist/types/src/components/GrResponseErrorBanner/GrFormErrorBanner.vue.d.ts

@@ -0,0 +1,70 @@
+import type { ResponseErrorInfo, ResponseErrorKind, ResponseErrorTexts, ResponseErrorTone } from './responseError.types';
+type __VLS_Props = {
+    error: ResponseErrorInfo | null;
+    fieldLabels?: Record<string, string>;
+    texts?: Partial<ResponseErrorTexts>;
+    tone?: ResponseErrorTone;
+    toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>;
+    canRetry?: boolean;
+    canDismiss?: boolean;
+    autoHideKinds?: ResponseErrorKind[];
+    testIdPrefix?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    fieldLabels: () => {};
+    texts: () => {};
+    tone: undefined;
+    toneByKind: () => {
+        validation: string;
+    };
+    canRetry: boolean;
+    canDismiss: boolean;
+    autoHideKinds: () => never[];
+    testIdPrefix: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    retry: (error: ResponseErrorInfo) => void;
+    dismiss: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    fieldLabels: () => {};
+    texts: () => {};
+    tone: undefined;
+    toneByKind: () => {
+        validation: string;
+    };
+    canRetry: boolean;
+    canDismiss: boolean;
+    autoHideKinds: () => never[];
+    testIdPrefix: string;
+}>>> & Readonly<{
+    onRetry?: ((error: ResponseErrorInfo) => any) | undefined;
+    onDismiss?: (() => any) | undefined;
+}>, {
+    tone: ResponseErrorTone;
+    texts: Partial<ResponseErrorTexts>;
+    toneByKind: Partial<Record<ResponseErrorKind, ResponseErrorTone>>;
+    fieldLabels: Record<string, string>;
+    canRetry: boolean;
+    canDismiss: boolean;
+    autoHideKinds: ResponseErrorKind[];
+    testIdPrefix: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/src/components/GrResponseErrorBanner/GrResponseErrorBanner.vue.d.ts

@@ -0,0 +1,96 @@
+import type { ResponseErrorInfo, ResponseErrorKind, ResponseErrorTexts, ResponseErrorTone } from './responseError.types';
+export type { ResponseErrorInfo, ResponseErrorKind, ResponseErrorTexts, ResponseErrorTone, } from './responseError.types';
+type __VLS_Props = {
+    /** Готовая структура ошибки. Если `null` — баннер не рендерится. */
+    error: ResponseErrorInfo | null;
+    /** Частичный override текстов. Мерджится с `DEFAULT_RESPONSE_ERROR_TEXTS`. */
+    texts?: Partial<ResponseErrorTexts>;
+    /** Жёсткий оверрайд тона. Бьёт `toneByKind`. */
+    tone?: ResponseErrorTone;
+    /** Маппинг `kind` → `tone`. Мерджится с `DEFAULT_TONE_BY_KIND`. */
+    toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>;
+    /** Показывать ли блок `details`/`fieldErrors` под основным сообщением. */
+    showDetails?: boolean;
+    /** Префиксить ли `field:` перед сообщениями по полям. */
+    showFieldLabels?: boolean;
+    /** Человекочитаемые подписи полей (`{ file: 'Файл' }`). */
+    fieldLabels?: Record<string, string>;
+    /** Удалять дубликаты сообщений между `message` и `details`. */
+    dedupeDetails?: boolean;
+    /** Показывать ли кнопку «Повторить». */
+    canRetry?: boolean;
+    /** Показывать ли кнопку «Скрыть». */
+    canDismiss?: boolean;
+    /** Какие `kind` не рендерить вообще (баннер скрывается). */
+    autoHideKinds?: ResponseErrorKind[];
+    /** Показывать ли HTTP-status бейдж. */
+    showStatus?: boolean;
+    /** Префикс `data-testid`. */
+    testIdPrefix?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    texts: () => {};
+    tone: undefined;
+    toneByKind: () => {};
+    showDetails: boolean;
+    showFieldLabels: boolean;
+    fieldLabels: () => {};
+    dedupeDetails: boolean;
+    canRetry: boolean;
+    canDismiss: boolean;
+    autoHideKinds: () => ResponseErrorKind[];
+    showStatus: boolean;
+    testIdPrefix: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    retry: (error: ResponseErrorInfo) => void;
+    dismiss: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    texts: () => {};
+    tone: undefined;
+    toneByKind: () => {};
+    showDetails: boolean;
+    showFieldLabels: boolean;
+    fieldLabels: () => {};
+    dedupeDetails: boolean;
+    canRetry: boolean;
+    canDismiss: boolean;
+    autoHideKinds: () => ResponseErrorKind[];
+    showStatus: boolean;
+    testIdPrefix: string;
+}>>> & Readonly<{
+    onRetry?: ((error: ResponseErrorInfo) => any) | undefined;
+    onDismiss?: (() => any) | undefined;
+}>, {
+    tone: ResponseErrorTone;
+    texts: Partial<ResponseErrorTexts>;
+    toneByKind: Partial<Record<ResponseErrorKind, ResponseErrorTone>>;
+    showDetails: boolean;
+    showFieldLabels: boolean;
+    fieldLabels: Record<string, string>;
+    dedupeDetails: boolean;
+    canRetry: boolean;
+    canDismiss: boolean;
+    autoHideKinds: ResponseErrorKind[];
+    showStatus: boolean;
+    testIdPrefix: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};