@feugene/granularity 0.25.0 → 0.27.0

package/dist/chunks/useTypeahead-mxPtPBf2.js

@@ -0,0 +1,44 @@
+import { getCurrentInstance, onBeforeUnmount } from "vue";
+/**
+* Поиск по первым буквам в списке — паттерн `typeahead` из WAI-ARIA APG.
+*
+* Буфер намеренно не реактивный: на рендер он не влияет, а читается синхронно
+* внутри обработчика `keydown`.
+*/
+function useTypeahead(options) {
+	const resetMs = options.resetMs ?? 600;
+	let buffer = "";
+	let timer;
+	function reset() {
+		clearTimeout(timer);
+		timer = void 0;
+		buffer = "";
+	}
+	function type(char) {
+		clearTimeout(timer);
+		timer = setTimeout(reset, resetMs);
+		const normalized = char.toLowerCase();
+		buffer = buffer.length === 1 && buffer === normalized ? normalized : buffer + normalized;
+		const items = options.items();
+		if (items.length === 0) return false;
+		const from = options.currentIndex(items);
+		for (let step = 1; step <= items.length; step += 1) {
+			const index = (from + step + items.length) % items.length;
+			const item = items[index];
+			if (item === void 0) continue;
+			if (options.textOf(item, index).trim().toLowerCase().startsWith(buffer)) {
+				options.onMatch(item, index);
+				return true;
+			}
+		}
+		return false;
+	}
+	if (getCurrentInstance()) onBeforeUnmount(reset);
+	return {
+		type,
+		isEmpty: () => buffer === "",
+		reset
+	};
+}
+//#endregion
+export { useTypeahead as t };

package/dist/chunks/useTypeahead-mxPtPBf2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTypeahead-mxPtPBf2.js","names":[],"sources":["../../src/composables/internal/useTypeahead.ts"],"sourcesContent":["import { getCurrentInstance, onBeforeUnmount } from 'vue'\n\n/**\n * Буфер живёт ровно столько: дальше набранное перестаёт быть одним словом.\n * Значение из WAI-ARIA APG, оно же стояло во всех трёх прежних копиях.\n */\nexport const TYPEAHEAD_RESET_MS = 600\n\nexport interface UseTypeaheadOptions<TItem> {\n  /** Кандидаты в порядке отображения. Опрашивается на каждый символ. */\n  items: () => readonly TItem[]\n  /** Текст кандидата. Нормализацию (`trim` + нижний регистр) делает композабл. */\n  textOf: (item: TItem, index: number) => string\n  /** Откуда шагать. Получает уже разрешённый набор, чтобы не опрашивать его дважды. */\n  currentIndex: (items: readonly TItem[]) => number\n  /** Совпадение найдено. Фокус, `activeIndex` — решает потребитель. */\n  onMatch: (item: TItem, index: number) => void\n  resetMs?: number\n}\n\nexport interface UseTypeaheadReturn {\n  /** Обработать печатный символ. `true` — совпадение найдено. */\n  type: (char: string) => boolean\n  /** Пуст ли буфер: правило «`Space` при пустом буфере активирует пункт». */\n  isEmpty: () => boolean\n  reset: () => void\n}\n\n/**\n * Поиск по первым буквам в списке — паттерн `typeahead` из WAI-ARIA APG.\n *\n * Буфер намеренно не реактивный: на рендер он не влияет, а читается синхронно\n * внутри обработчика `keydown`.\n */\nexport function useTypeahead<TItem>(options: UseTypeaheadOptions<TItem>): UseTypeaheadReturn {\n  const resetMs = options.resetMs ?? TYPEAHEAD_RESET_MS\n\n  let buffer = ''\n  let timer: ReturnType<typeof setTimeout> | undefined\n\n  function reset(): void {\n    clearTimeout(timer)\n    timer = undefined\n    buffer = ''\n  }\n\n  function type(char: string): boolean {\n    clearTimeout(timer)\n    timer = setTimeout(reset, resetMs)\n\n    // Повтор одной буквы — это «следующий на ту же букву», а не поиск «аа».\n    // Сравнение по нормализованному символу: иначе `Shift+A` и `a` считались бы\n    // разными буквами, и повтор с зажатым шифтом уходил бы в поиск «Aa».\n    const normalized = char.toLowerCase()\n    const repeat = buffer.length === 1 && buffer === normalized\n    buffer = repeat ? normalized : buffer + normalized\n\n    const items = options.items()\n    if (items.length === 0)\n      return false\n\n    const from = options.currentIndex(items)\n\n    for (let step = 1; step <= items.length; step += 1) {\n      const index = (from + step + items.length) % items.length\n      const item = items[index]\n      if (item === undefined)\n        continue\n\n      if (options.textOf(item, index).trim().toLowerCase().startsWith(buffer)) {\n        options.onMatch(item, index)\n        return true\n      }\n    }\n\n    return false\n  }\n\n  // Композабл вызывается и вне компонента (тесты, чистые модули навигации),\n  // поэтому уборку вешаем только когда есть на что.\n  if (getCurrentInstance())\n    onBeforeUnmount(reset)\n\n  return {\n    type,\n    isEmpty: () => buffer === '',\n    reset,\n  }\n}\n"],"mappings":";;;;;;;AAkCA,SAAgB,aAAoB,SAAyD;CAC3F,MAAM,UAAU,QAAQ,WAAA;CAExB,IAAI,SAAS;CACb,IAAI;CAEJ,SAAS,QAAc;EACrB,aAAa,KAAK;EAClB,QAAQ,KAAA;EACR,SAAS;CACX;CAEA,SAAS,KAAK,MAAuB;EACnC,aAAa,KAAK;EAClB,QAAQ,WAAW,OAAO,OAAO;EAKjC,MAAM,aAAa,KAAK,YAAY;EAEpC,SADe,OAAO,WAAW,KAAK,WAAW,aAC/B,aAAa,SAAS;EAExC,MAAM,QAAQ,QAAQ,MAAM;EAC5B,IAAI,MAAM,WAAW,GACnB,OAAO;EAET,MAAM,OAAO,QAAQ,aAAa,KAAK;EAEvC,KAAK,IAAI,OAAO,GAAG,QAAQ,MAAM,QAAQ,QAAQ,GAAG;GAClD,MAAM,SAAS,OAAO,OAAO,MAAM,UAAU,MAAM;GACnD,MAAM,OAAO,MAAM;GACnB,IAAI,SAAS,KAAA,GACX;GAEF,IAAI,QAAQ,OAAO,MAAM,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,WAAW,MAAM,GAAG;IACvE,QAAQ,QAAQ,MAAM,KAAK;IAC3B,OAAO;GACT;EACF;EAEA,OAAO;CACT;CAIA,IAAI,mBAAmB,GACrB,gBAAgB,KAAK;CAEvB,OAAO;EACL;EACA,eAAe,WAAW;EAC1B;CACF;AACF"}

package/dist/chunks/{validation-DauXRIkL.js → validation-5HhpanPP.js}

@@ -175,4 +175,4 @@ async function runFieldRules(value, rules, model, resolveMessage) {
 	}
 }
 //#endregion
-export { runFieldRules as a, rulesRequired as i, getByPath as n, setByPath as o, rulesForTrigger as r, toRuleArray as s, createGrFormMessageResolver as t };
+export { rulesRequired as a, toRuleArray as c, rulesForTrigger as i, getByPath as n, runFieldRules as o, isEmpty as r, setByPath as s, createGrFormMessageResolver as t };

package/dist/chunks/{validation-DauXRIkL.js.map → validation-5HhpanPP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"validation-DauXRIkL.js","names":[],"sources":["../../src/components/GrForm/fileRule.ts","../../src/components/GrForm/validation.ts"],"sourcesContent":["/**\n * Файловое правило `GrForm` — мост между декларативными `rules` и валидаторами\n * из `src/fileValidation`.\n *\n * Своих проверок здесь нет ни одной: правило собирает те же валидаторы, которые\n * `GrFormFile` и `v-dropzone` запускают на выборе и на drop. Поэтому ограничение,\n * переехавшее из пропов поля в правило формы, не меняет ни поведения, ни текста\n * ошибки — меняется только момент проверки и то, кто о ней сообщает.\n *\n * Модуль чистый (без Vue): его гоняют юнит-тесты без монтирования.\n */\n\nimport {\n  acceptValidator,\n  allowedExtensionsValidator,\n  allowedMimeTypesValidator,\n  maxCountValidator,\n  maxFileSize,\n  maxTotalSizeBytesValidator,\n  runFileValidators,\n  type FileValidationIssue,\n  type FileValidator,\n} from '../../fileValidation'\n\nexport interface GrFormFileRule {\n  /** W3C `accept`: `'image/*,.pdf'`. */\n  accept?: string\n  /** Белый список расширений (с точкой или без). */\n  extensions?: string[]\n  /** Белый список MIME-типов. */\n  mimeTypes?: string[]\n  /** Предел размера одного файла в мегабайтах. */\n  maxSizeMb?: number\n  /** Предел размера одного файла в байтах. Задан вместе с `maxSizeMb` — берётся меньший. */\n  maxSizeBytes?: number\n  /** Максимум файлов в наборе. */\n  maxCount?: number\n  /** Суммарный размер набора в мегабайтах. */\n  maxTotalSizeMb?: number\n  /** Свои валидаторы — тот же тип, что у `GrFormFile` и `v-dropzone`. Идут после встроенных. */\n  validators?: FileValidator[]\n}\n\nconst BYTES_IN_MB = 1024 * 1024\n\nfunction mbToBytes(mb: number | undefined): number | undefined {\n  return typeof mb === 'number' && Number.isFinite(mb) ? mb * BYTES_IN_MB : undefined\n}\n\nfunction isFile(value: unknown): value is File {\n  return typeof File !== 'undefined' && value instanceof File\n}\n\n/**\n * Значение поля как набор файлов. Всё, что файлами не является, даёт пустой\n * набор: правило молчит, а пустоту разбирает `required` движка.\n */\nexport function fileRuleFiles(value: unknown): File[] {\n  if (isFile(value)) return [value]\n  if (Array.isArray(value)) return value.filter(isFile)\n  return []\n}\n\n/** Порядок повторяет `GrFormFile`: встроенные проверки, затем валидаторы потребителя. */\nexport function fileRuleValidators(rule: GrFormFileRule): FileValidator[] {\n  return [\n    acceptValidator(rule.accept),\n    ...(rule.extensions ? [allowedExtensionsValidator(rule.extensions)] : []),\n    ...(rule.mimeTypes ? [allowedMimeTypesValidator(rule.mimeTypes)] : []),\n    maxFileSize({ bytes: rule.maxSizeBytes, mb: rule.maxSizeMb }),\n    maxCountValidator(rule.maxCount),\n    maxTotalSizeBytesValidator(mbToBytes(rule.maxTotalSizeMb)),\n    ...(rule.validators ?? []),\n  ]\n}\n\n/**\n * Первая проблема набора или `undefined`. Первая, а не все: у поля формы одна\n * строка ошибки, и файлы тут не исключение — подробный разбор по каждому файлу\n * остаётся за `GrFormFile`.\n */\nexport async function runFileRule(\n  value: unknown,\n  rule: GrFormFileRule,\n): Promise<FileValidationIssue | undefined> {\n  const files = fileRuleFiles(value)\n  if (!files.length) return undefined\n\n  const { issues } = await runFileValidators(files, fileRuleValidators(rule), {\n    source: 'form',\n    multiple: Array.isArray(value),\n    accept: rule.accept,\n  })\n\n  return issues[0]\n}\n","/**\n * Движок валидации `GrForm` — чистый (без Vue/i18n), тестируется изолированно.\n *\n * Правило описывает набор проверок значения поля; `runFieldRules` прогоняет их по\n * порядку и возвращает первое сообщение об ошибке (или `undefined`, если валидно).\n * Сообщения резолвит потребитель (компонент) через `resolveMessage` — так i18n и\n * дефолтные тексты остаются в компоненте, а движок ничего о них не знает.\n */\n\nimport { resolveFileValidationMessage, type FileValidationIssue } from '../../fileValidation'\nimport { runFileRule, type GrFormFileRule } from './fileRule'\n\nexport type { GrFormFileRule } from './fileRule'\n\nexport type GrFormTrigger = 'blur' | 'change' | 'submit'\n\n/** Результат кастомного валидатора: `true`/void — ок; `false` — ошибка (дефолт-текст); строка — текст ошибки. */\nexport type GrFormValidatorResult = boolean | string | void\n\nexport interface GrFormRule {\n  /** Значение обязательно (не пустое). */\n  required?: boolean\n  /** Готовый текст ошибки — перекрывает дефолтное сообщение любой проверки этого правила. */\n  message?: string\n  /** Минимум: длина для строки/массива, значение для числа. */\n  min?: number\n  /** Максимум: длина для строки/массива, значение для числа. */\n  max?: number\n  /** Точная длина/значение. */\n  len?: number\n  /** Регулярное выражение (проверяется по `String(value)`). */\n  pattern?: RegExp\n  /** Встроенный тип-валидатор. */\n  type?: 'email' | 'url'\n  /** Ограничения для значения `File | File[]`: тип, размер, количество. */\n  file?: GrFormFileRule\n  /** Кастомный (в т.ч. async) валидатор. Второй аргумент — весь `model`. */\n  validator?: (value: unknown, model: Record<string, unknown>) => GrFormValidatorResult | Promise<GrFormValidatorResult>\n  /** Когда правило срабатывает. По умолчанию — на любом триггере (blur/change/submit). */\n  trigger?: GrFormTrigger | GrFormTrigger[]\n}\n\nexport type GrFormRules = Record<string, GrFormRule | GrFormRule[]>\n\n/** Вид сработавшей проверки — ключ для дефолтного i18n-сообщения. */\nexport type GrFormRuleFailure = 'required' | 'min' | 'max' | 'len' | 'pattern' | 'email' | 'url' | 'file' | 'invalid'\n\nexport type GrFormMessageResolver = (\n  kind: GrFormRuleFailure,\n  rule: GrFormRule,\n  params: Record<string, unknown>,\n) => string\n\n/** Подпись `t()` из `useGranularityTranslations()`: ключ, фолбэк, параметры. */\nexport type GrFormMessageTranslate = (\n  key: string,\n  fallback: string,\n  params?: Record<string, unknown>,\n) => string\n\nconst DEFAULT_MESSAGES: Record<GrFormRuleFailure, string> = {\n  required: 'This field is required',\n  min: 'Minimum is {min}',\n  max: 'Maximum is {max}',\n  len: 'Length must be {len}',\n  pattern: 'Invalid format',\n  email: 'Enter a valid email',\n  url: 'Enter a valid URL',\n  file: 'Invalid file',\n  invalid: 'Invalid value',\n}\n\n/**\n * Дефолтный резолвер сообщений: `rule.message` сильнее всего, иначе ключ\n * `gr.form.<kind>` из локали, иначе английский фолбэк.\n *\n * Вынесен из `GrForm.vue` и экспортируется наружу не «на всякий случай»:\n * `runFieldRules` публичен, но без резолвера бесполезен — любой, кто хочет\n * прогнать те же правила вне формы, обязан был написать свой.\n */\nexport function createGrFormMessageResolver(t: GrFormMessageTranslate): GrFormMessageResolver {\n  return (kind, rule, params) => {\n    if (rule.message) return rule.message\n\n    // Текст файловой ошибки приходит от самого валидатора и локализуется его же\n    // ключом (`gr.fileValidation.*`): иначе одно и то же «файл не того типа»\n    // звучало бы по-разному в поле и в форме. `gr.form.file` — фолбэк на случай\n    // вида `file` без issue: сюда движок не приходит, но резолвер публичный.\n    const issue = params.issue as FileValidationIssue | undefined\n    if (kind === 'file' && issue) return resolveFileValidationMessage(issue, t)\n\n    return t(`gr.form.${kind}`, DEFAULT_MESSAGES[kind], params)\n  }\n}\n\nconst EMAIL_RE = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\nfunction isUrl(value: string): boolean {\n  return URL.canParse(value)\n}\n\n/** Пустое значение: `null`/`undefined`/пустая (или пробельная) строка/пустой массив. */\nexport function isEmpty(value: unknown): boolean {\n  if (value == null) return true\n  if (typeof value === 'string') return value.trim() === ''\n  if (Array.isArray(value)) return value.length === 0\n  return false\n}\n\n/** Мера значения для min/max/len: число → само значение, строка/массив → длина. */\nfunction measure(value: unknown): number {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') return value.length\n  if (Array.isArray(value)) return value.length\n  return Number(value)\n}\n\n/** Достаёт значение из объекта по dot-path (`address.city`). */\nexport function getByPath(obj: Record<string, unknown>, path: string): unknown {\n  if (!path.includes('.')) return obj[path]\n  return path.split('.').reduce<unknown>((acc, key) => {\n    if (acc && typeof acc === 'object') return (acc as Record<string, unknown>)[key]\n    return undefined\n  }, obj)\n}\n\n/** Записывает значение в объект по dot-path (создаёт промежуточные объекты). */\nexport function setByPath(obj: Record<string, unknown>, path: string, value: unknown): void {\n  const keys = path.split('.')\n  const last = keys.pop() as string\n  let target = obj\n  for (const key of keys) {\n    if (!target[key] || typeof target[key] !== 'object') target[key] = {}\n    target = target[key] as Record<string, unknown>\n  }\n  target[last] = value\n}\n\n/** Нормализует правило(а) поля в массив. */\nexport function toRuleArray(rules: GrFormRule | GrFormRule[] | undefined): GrFormRule[] {\n  if (!rules) return []\n  return Array.isArray(rules) ? rules : [rules]\n}\n\nfunction ruleMatchesTrigger(rule: GrFormRule, trigger?: GrFormTrigger): boolean {\n  if (!trigger) return true // полная валидация (validate()) — все правила\n  if (!rule.trigger) return true // правило без триггера срабатывает на любом\n  const triggers = Array.isArray(rule.trigger) ? rule.trigger : [rule.trigger]\n  return triggers.includes(trigger)\n}\n\n/** Правила поля, применимые для данного триггера (undefined = все). */\nexport function rulesForTrigger(rules: GrFormRule[], trigger?: GrFormTrigger): GrFormRule[] {\n  return rules.filter(rule => ruleMatchesTrigger(rule, trigger))\n}\n\n/** Есть ли среди правил `required` (для маркера обязательности в поле). */\nexport function rulesRequired(rules: GrFormRule[]): boolean {\n  return rules.some(rule => rule.required === true)\n}\n\n/**\n * Прогоняет правила по порядку, возвращает первое сообщение об ошибке или `undefined`.\n * Пустое необязательное значение проходит все проверки (кроме `required`).\n */\nexport async function runFieldRules(\n  value: unknown,\n  rules: GrFormRule[],\n  model: Record<string, unknown>,\n  resolveMessage: GrFormMessageResolver,\n): Promise<string | undefined> {\n  for (const rule of rules) {\n    const empty = isEmpty(value)\n\n    if (rule.required && empty) return resolveMessage('required', rule, {})\n    // Необязательное пустое значение — остальные проверки этого правила пропускаем.\n    if (empty) continue\n\n    if (rule.type === 'email' && !EMAIL_RE.test(String(value))) return resolveMessage('email', rule, {})\n    if (rule.type === 'url' && !isUrl(String(value))) return resolveMessage('url', rule, {})\n\n    if (rule.len != null && measure(value) !== rule.len) return resolveMessage('len', rule, { len: rule.len })\n    if (rule.min != null && measure(value) < rule.min) return resolveMessage('min', rule, { min: rule.min })\n    if (rule.max != null && measure(value) > rule.max) return resolveMessage('max', rule, { max: rule.max })\n\n    if (rule.pattern && !rule.pattern.test(String(value))) return resolveMessage('pattern', rule, {})\n\n    if (rule.file) {\n      const issue = await runFileRule(value, rule.file)\n      if (issue) return resolveMessage('file', rule, { issue })\n    }\n\n    if (rule.validator) {\n      const result = await rule.validator(value, model)\n      if (result === false) return rule.message ?? resolveMessage('invalid', rule, {})\n      if (typeof result === 'string') return result\n    }\n  }\n\n  return undefined\n}\n"],"mappings":"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"}
+{"version":3,"file":"validation-5HhpanPP.js","names":[],"sources":["../../src/components/GrForm/fileRule.ts","../../src/components/GrForm/validation.ts"],"sourcesContent":["/**\n * Файловое правило `GrForm` — мост между декларативными `rules` и валидаторами\n * из `src/fileValidation`.\n *\n * Своих проверок здесь нет ни одной: правило собирает те же валидаторы, которые\n * `GrFormFile` и `v-dropzone` запускают на выборе и на drop. Поэтому ограничение,\n * переехавшее из пропов поля в правило формы, не меняет ни поведения, ни текста\n * ошибки — меняется только момент проверки и то, кто о ней сообщает.\n *\n * Модуль чистый (без Vue): его гоняют юнит-тесты без монтирования.\n */\n\nimport {\n  acceptValidator,\n  allowedExtensionsValidator,\n  allowedMimeTypesValidator,\n  maxCountValidator,\n  maxFileSize,\n  maxTotalSizeBytesValidator,\n  runFileValidators,\n  type FileValidationIssue,\n  type FileValidator,\n} from '../../fileValidation'\n\nexport interface GrFormFileRule {\n  /** W3C `accept`: `'image/*,.pdf'`. */\n  accept?: string\n  /** Белый список расширений (с точкой или без). */\n  extensions?: string[]\n  /** Белый список MIME-типов. */\n  mimeTypes?: string[]\n  /** Предел размера одного файла в мегабайтах. */\n  maxSizeMb?: number\n  /** Предел размера одного файла в байтах. Задан вместе с `maxSizeMb` — берётся меньший. */\n  maxSizeBytes?: number\n  /** Максимум файлов в наборе. */\n  maxCount?: number\n  /** Суммарный размер набора в мегабайтах. */\n  maxTotalSizeMb?: number\n  /** Свои валидаторы — тот же тип, что у `GrFormFile` и `v-dropzone`. Идут после встроенных. */\n  validators?: FileValidator[]\n}\n\nconst BYTES_IN_MB = 1024 * 1024\n\nfunction mbToBytes(mb: number | undefined): number | undefined {\n  return typeof mb === 'number' && Number.isFinite(mb) ? mb * BYTES_IN_MB : undefined\n}\n\nfunction isFile(value: unknown): value is File {\n  return typeof File !== 'undefined' && value instanceof File\n}\n\n/**\n * Значение поля как набор файлов. Всё, что файлами не является, даёт пустой\n * набор: правило молчит, а пустоту разбирает `required` движка.\n */\nexport function fileRuleFiles(value: unknown): File[] {\n  if (isFile(value)) return [value]\n  if (Array.isArray(value)) return value.filter(isFile)\n  return []\n}\n\n/** Порядок повторяет `GrFormFile`: встроенные проверки, затем валидаторы потребителя. */\nexport function fileRuleValidators(rule: GrFormFileRule): FileValidator[] {\n  return [\n    acceptValidator(rule.accept),\n    ...(rule.extensions ? [allowedExtensionsValidator(rule.extensions)] : []),\n    ...(rule.mimeTypes ? [allowedMimeTypesValidator(rule.mimeTypes)] : []),\n    maxFileSize({ bytes: rule.maxSizeBytes, mb: rule.maxSizeMb }),\n    maxCountValidator(rule.maxCount),\n    maxTotalSizeBytesValidator(mbToBytes(rule.maxTotalSizeMb)),\n    ...(rule.validators ?? []),\n  ]\n}\n\n/**\n * Первая проблема набора или `undefined`. Первая, а не все: у поля формы одна\n * строка ошибки, и файлы тут не исключение — подробный разбор по каждому файлу\n * остаётся за `GrFormFile`.\n */\nexport async function runFileRule(\n  value: unknown,\n  rule: GrFormFileRule,\n): Promise<FileValidationIssue | undefined> {\n  const files = fileRuleFiles(value)\n  if (!files.length) return undefined\n\n  const { issues } = await runFileValidators(files, fileRuleValidators(rule), {\n    source: 'form',\n    multiple: Array.isArray(value),\n    accept: rule.accept,\n  })\n\n  return issues[0]\n}\n","/**\n * Движок валидации `GrForm` — чистый (без Vue/i18n), тестируется изолированно.\n *\n * Правило описывает набор проверок значения поля; `runFieldRules` прогоняет их по\n * порядку и возвращает первое сообщение об ошибке (или `undefined`, если валидно).\n * Сообщения резолвит потребитель (компонент) через `resolveMessage` — так i18n и\n * дефолтные тексты остаются в компоненте, а движок ничего о них не знает.\n */\n\nimport { resolveFileValidationMessage, type FileValidationIssue } from '../../fileValidation'\nimport { runFileRule, type GrFormFileRule } from './fileRule'\n\nexport type { GrFormFileRule } from './fileRule'\n\nexport type GrFormTrigger = 'blur' | 'change' | 'submit'\n\n/** Результат кастомного валидатора: `true`/void — ок; `false` — ошибка (дефолт-текст); строка — текст ошибки. */\nexport type GrFormValidatorResult = boolean | string | void\n\nexport interface GrFormRule {\n  /** Значение обязательно (не пустое). */\n  required?: boolean\n  /** Готовый текст ошибки — перекрывает дефолтное сообщение любой проверки этого правила. */\n  message?: string\n  /** Минимум: длина для строки/массива, значение для числа. */\n  min?: number\n  /** Максимум: длина для строки/массива, значение для числа. */\n  max?: number\n  /** Точная длина/значение. */\n  len?: number\n  /** Регулярное выражение (проверяется по `String(value)`). */\n  pattern?: RegExp\n  /** Встроенный тип-валидатор. */\n  type?: 'email' | 'url'\n  /** Ограничения для значения `File | File[]`: тип, размер, количество. */\n  file?: GrFormFileRule\n  /** Кастомный (в т.ч. async) валидатор. Второй аргумент — весь `model`. */\n  validator?: (value: unknown, model: Record<string, unknown>) => GrFormValidatorResult | Promise<GrFormValidatorResult>\n  /** Когда правило срабатывает. По умолчанию — на любом триггере (blur/change/submit). */\n  trigger?: GrFormTrigger | GrFormTrigger[]\n}\n\nexport type GrFormRules = Record<string, GrFormRule | GrFormRule[]>\n\n/** Вид сработавшей проверки — ключ для дефолтного i18n-сообщения. */\nexport type GrFormRuleFailure = 'required' | 'min' | 'max' | 'len' | 'pattern' | 'email' | 'url' | 'file' | 'invalid'\n\nexport type GrFormMessageResolver = (\n  kind: GrFormRuleFailure,\n  rule: GrFormRule,\n  params: Record<string, unknown>,\n) => string\n\n/** Подпись `t()` из `useGranularityTranslations()`: ключ, фолбэк, параметры. */\nexport type GrFormMessageTranslate = (\n  key: string,\n  fallback: string,\n  params?: Record<string, unknown>,\n) => string\n\nconst DEFAULT_MESSAGES: Record<GrFormRuleFailure, string> = {\n  required: 'This field is required',\n  min: 'Minimum is {min}',\n  max: 'Maximum is {max}',\n  len: 'Length must be {len}',\n  pattern: 'Invalid format',\n  email: 'Enter a valid email',\n  url: 'Enter a valid URL',\n  file: 'Invalid file',\n  invalid: 'Invalid value',\n}\n\n/**\n * Дефолтный резолвер сообщений: `rule.message` сильнее всего, иначе ключ\n * `gr.form.<kind>` из локали, иначе английский фолбэк.\n *\n * Вынесен из `GrForm.vue` и экспортируется наружу не «на всякий случай»:\n * `runFieldRules` публичен, но без резолвера бесполезен — любой, кто хочет\n * прогнать те же правила вне формы, обязан был написать свой.\n */\nexport function createGrFormMessageResolver(t: GrFormMessageTranslate): GrFormMessageResolver {\n  return (kind, rule, params) => {\n    if (rule.message) return rule.message\n\n    // Текст файловой ошибки приходит от самого валидатора и локализуется его же\n    // ключом (`gr.fileValidation.*`): иначе одно и то же «файл не того типа»\n    // звучало бы по-разному в поле и в форме. `gr.form.file` — фолбэк на случай\n    // вида `file` без issue: сюда движок не приходит, но резолвер публичный.\n    const issue = params.issue as FileValidationIssue | undefined\n    if (kind === 'file' && issue) return resolveFileValidationMessage(issue, t)\n\n    return t(`gr.form.${kind}`, DEFAULT_MESSAGES[kind], params)\n  }\n}\n\nconst EMAIL_RE = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n\nfunction isUrl(value: string): boolean {\n  return URL.canParse(value)\n}\n\n/** Пустое значение: `null`/`undefined`/пустая (или пробельная) строка/пустой массив. */\nexport function isEmpty(value: unknown): boolean {\n  if (value == null) return true\n  if (typeof value === 'string') return value.trim() === ''\n  if (Array.isArray(value)) return value.length === 0\n  return false\n}\n\n/** Мера значения для min/max/len: число → само значение, строка/массив → длина. */\nfunction measure(value: unknown): number {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') return value.length\n  if (Array.isArray(value)) return value.length\n  return Number(value)\n}\n\n/** Достаёт значение из объекта по dot-path (`address.city`). */\nexport function getByPath(obj: Record<string, unknown>, path: string): unknown {\n  if (!path.includes('.')) return obj[path]\n  return path.split('.').reduce<unknown>((acc, key) => {\n    if (acc && typeof acc === 'object') return (acc as Record<string, unknown>)[key]\n    return undefined\n  }, obj)\n}\n\n/** Записывает значение в объект по dot-path (создаёт промежуточные объекты). */\nexport function setByPath(obj: Record<string, unknown>, path: string, value: unknown): void {\n  const keys = path.split('.')\n  const last = keys.pop() as string\n  let target = obj\n  for (const key of keys) {\n    if (!target[key] || typeof target[key] !== 'object') target[key] = {}\n    target = target[key] as Record<string, unknown>\n  }\n  target[last] = value\n}\n\n/** Нормализует правило(а) поля в массив. */\nexport function toRuleArray(rules: GrFormRule | GrFormRule[] | undefined): GrFormRule[] {\n  if (!rules) return []\n  return Array.isArray(rules) ? rules : [rules]\n}\n\nfunction ruleMatchesTrigger(rule: GrFormRule, trigger?: GrFormTrigger): boolean {\n  if (!trigger) return true // полная валидация (validate()) — все правила\n  if (!rule.trigger) return true // правило без триггера срабатывает на любом\n  const triggers = Array.isArray(rule.trigger) ? rule.trigger : [rule.trigger]\n  return triggers.includes(trigger)\n}\n\n/** Правила поля, применимые для данного триггера (undefined = все). */\nexport function rulesForTrigger(rules: GrFormRule[], trigger?: GrFormTrigger): GrFormRule[] {\n  return rules.filter(rule => ruleMatchesTrigger(rule, trigger))\n}\n\n/** Есть ли среди правил `required` (для маркера обязательности в поле). */\nexport function rulesRequired(rules: GrFormRule[]): boolean {\n  return rules.some(rule => rule.required === true)\n}\n\n/**\n * Прогоняет правила по порядку, возвращает первое сообщение об ошибке или `undefined`.\n * Пустое необязательное значение проходит все проверки (кроме `required`).\n */\nexport async function runFieldRules(\n  value: unknown,\n  rules: GrFormRule[],\n  model: Record<string, unknown>,\n  resolveMessage: GrFormMessageResolver,\n): Promise<string | undefined> {\n  for (const rule of rules) {\n    const empty = isEmpty(value)\n\n    if (rule.required && empty) return resolveMessage('required', rule, {})\n    // Необязательное пустое значение — остальные проверки этого правила пропускаем.\n    if (empty) continue\n\n    if (rule.type === 'email' && !EMAIL_RE.test(String(value))) return resolveMessage('email', rule, {})\n    if (rule.type === 'url' && !isUrl(String(value))) return resolveMessage('url', rule, {})\n\n    if (rule.len != null && measure(value) !== rule.len) return resolveMessage('len', rule, { len: rule.len })\n    if (rule.min != null && measure(value) < rule.min) return resolveMessage('min', rule, { min: rule.min })\n    if (rule.max != null && measure(value) > rule.max) return resolveMessage('max', rule, { max: rule.max })\n\n    if (rule.pattern && !rule.pattern.test(String(value))) return resolveMessage('pattern', rule, {})\n\n    if (rule.file) {\n      const issue = await runFileRule(value, rule.file)\n      if (issue) return resolveMessage('file', rule, { issue })\n    }\n\n    if (rule.validator) {\n      const result = await rule.validator(value, model)\n      if (result === false) return rule.message ?? resolveMessage('invalid', rule, {})\n      if (typeof result === 'string') return result\n    }\n  }\n\n  return undefined\n}\n"],"mappings":"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"}

package/dist/components/GrAlert/chunks/{GrAlert-B21QGele.js → GrAlert-FAVf-ksH.js}

@@ -145,7 +145,7 @@ var _hoisted_3 = {
 var _hoisted_4 = { class: "min-w-0 flex-1" };
 var _hoisted_5 = {
 	key: 0,
-	class: "text-[length:var(--gr-text-sm)] font-600 text-[var(--gr-alert-title-color)]"
+	class: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-600 text-[var(--gr-alert-title-color)]"
 };
 var _hoisted_6 = {
 	key: 1,

package/dist/components/GrAlert/chunks/{GrAlert-B21QGele.js.map → GrAlert-FAVf-ksH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrAlert-B21QGele.js","names":["$slots"],"sources":["../../../../src/components/GrAlert/grAlertStyles.ts","../../../../src/components/GrAlert/GrAlert.vue","../../../../src/components/GrAlert/GrAlert.vue"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\n/**\n * Цветовая модель `GrAlert`.\n *\n * Модуль намеренно чистый: он оперирует **строками CSS-значений**, а не\n * utility-классами UnoCSS. Классы, живущие только строковыми литералами в\n * `.ts`, не сканируются `granularContent` и требуют ручного safelist — здесь\n * этой проблемы нет по построению, а логику цветов можно тестировать без\n * монтирования компонента.\n */\n\n/**\n * `soft` — залитая тоном подложка, тональный текст. Основной вариант.\n * `outline` — фон страницы, тон несут рамка и иконка; текст нейтральный.\n */\nexport const GR_ALERT_VARIANTS = ['soft', 'outline'] as const\n\nexport type GrAlertVariant = typeof GR_ALERT_VARIANTS[number]\n\n/** Ключ иконки тона. Сама иконка резолвится в SFC — модуль остаётся чистым. */\nexport type GrAlertIconKey = 'info' | 'success' | 'warning' | 'danger'\n\ntype GrAlertToneTokens = {\n  /** Подложка варианта `soft`. */\n  surface: string\n  /** Насыщенный цвет тона: база для рамки. */\n  accent: string\n  /**\n   * Тональный цвет текста — рассчитан на подложку `surface`.\n   *\n   * Именно он, а не `accent`, красит иконку и текст: на светлой теме\n   * `--gr-success` (#10b981) на `--gr-success-light` (#d1fae5) даёт 2.24:1 —\n   * ниже порога 3:1 даже для нетекстовой графики. `--gr-success-text`\n   * (#065f46) на той же подложке даёт 6.78:1.\n   */\n  text: string\n  icon: GrAlertIconKey\n}\n\n/**\n * Тон → тройка токенов.\n *\n * `primary` и `neutral` не имеют пары `-light`/`-text` и отображаются на\n * ближайшие семантические роли: акцентную поверхность и нейтральную muted.\n */\nconst TONE_TOKENS: Record<GrTone, GrAlertToneTokens> = {\n  primary: { surface: 'var(--gr-accent)', accent: 'var(--gr-primary)', text: 'var(--gr-accent-fg)', icon: 'info' },\n  neutral: { surface: 'var(--gr-muted)', accent: 'var(--gr-muted-fg)', text: 'var(--gr-fg)', icon: 'info' },\n  success: { surface: 'var(--gr-success-light)', accent: 'var(--gr-success)', text: 'var(--gr-success-text)', icon: 'success' },\n  warning: { surface: 'var(--gr-warning-light)', accent: 'var(--gr-warning)', text: 'var(--gr-warning-text)', icon: 'warning' },\n  danger: { surface: 'var(--gr-danger-light)', accent: 'var(--gr-danger)', text: 'var(--gr-danger-text)', icon: 'danger' },\n  info: { surface: 'var(--gr-info-light)', accent: 'var(--gr-info)', text: 'var(--gr-info-text)', icon: 'info' },\n  slate: { surface: 'var(--gr-slate-light)', accent: 'var(--gr-slate)', text: 'var(--gr-slate-text)', icon: 'info' },\n  azure: { surface: 'var(--gr-azure-light)', accent: 'var(--gr-azure)', text: 'var(--gr-azure-text)', icon: 'info' },\n}\n\n/** Разрешённые цвета одного алерта — ровно то, что уходит в CSS-переменные. */\nexport type GrAlertColors = {\n  bg: string\n  border: string\n  icon: string\n  title: string\n  text: string\n  close: string\n  closeHover: string\n  closeHoverBg: string\n}\n\n/** Пользовательские переопределения цвета (пропы-эскейпы). */\nexport type GrAlertColorOverrides = {\n  backgroundColor?: string\n  textColor?: string\n  borderColor?: string\n}\n\nexport function grAlertIconKey(tone: GrTone): GrAlertIconKey {\n  return TONE_TOKENS[tone].icon\n}\n\n/**\n * Рамка выводится из тона формулой, а не задаётся отдельным токеном на каждый\n * тон: доля тона в смеси с `--gr-brd` — единственное, что отличает рамки между\n * собой. 22% (как было) давало 1.27–1.51:1 к собственной подложке — край\n * практически не читался; 35/45% поднимают его до 1.42–2.07:1.\n */\nfunction border(accent: string, ratio: number): string {\n  return `color-mix(in srgb, ${accent} ${ratio}%, var(--gr-brd))`\n}\n\nexport function resolveGrAlertColors(tone: GrTone, variant: GrAlertVariant): GrAlertColors {\n  const t = TONE_TOKENS[tone]\n\n  if (variant === 'outline') {\n    return {\n      bg: 'var(--gr-bg)',\n      border: border(t.accent, 45),\n      icon: t.text,\n      title: 'var(--gr-fg)',\n      text: 'var(--gr-muted-fg)',\n      close: 'var(--gr-muted-fg)',\n      closeHover: 'var(--gr-fg)',\n      closeHoverBg: 'var(--gr-muted)',\n    }\n  }\n\n  return {\n    bg: t.surface,\n    border: border(t.accent, 35),\n    // Иерархия «заголовок / текст» держится на размере и насыщении шрифта, а не\n    // на цвете: приглушать тональный текст подмешиванием подложки нельзя —\n    // на тёмной теме warning и danger проваливают 4.5:1 уже при 15% подмеса.\n    icon: t.text,\n    title: t.text,\n    text: t.text,\n    close: t.text,\n    closeHover: t.text,\n    closeHoverBg: `color-mix(in srgb, ${t.accent} 16%, transparent)`,\n  }\n}\n\n/**\n * Пропы-эскейпы поверх тона. `textColor` красит весь текстовый слой целиком\n * (иконка, заголовок, текст, кнопка закрытия) — иначе пользовательский цвет\n * соседствовал бы с тональным и давал грязь.\n */\nexport function applyGrAlertOverrides(colors: GrAlertColors, overrides: GrAlertColorOverrides): GrAlertColors {\n  const custom = (value?: string) => value?.trim() || undefined\n  const text = custom(overrides.textColor)\n\n  return {\n    ...colors,\n    bg: custom(overrides.backgroundColor) ?? colors.bg,\n    border: custom(overrides.borderColor) ?? colors.border,\n    icon: text ?? colors.icon,\n    title: text ?? colors.title,\n    text: text ?? colors.text,\n    close: text ?? colors.close,\n    closeHover: text ?? colors.closeHover,\n    closeHoverBg: text ? `color-mix(in srgb, ${text} 12%, transparent)` : colors.closeHoverBg,\n  }\n}\n\n/**\n * Публичный контракт кастомизации: переменные `--gr-alert-*` можно\n * переопределить снаружи так же, как их задаёт компонент.\n */\nexport function grAlertCssVars(colors: GrAlertColors): Record<string, string> {\n  return {\n    '--gr-alert-bg': colors.bg,\n    '--gr-alert-brd': colors.border,\n    '--gr-alert-icon-color': colors.icon,\n    '--gr-alert-title-color': colors.title,\n    '--gr-alert-text-color': colors.text,\n    '--gr-alert-close-color': colors.close,\n    '--gr-alert-close-hover-color': colors.closeHover,\n    '--gr-alert-close-hover-bg': colors.closeHoverBg,\n  }\n}\n","<script setup lang=\"ts\">\n/**\n * GrAlert — блочное сообщение с тоном, иконкой и опциональным закрытием.\n *\n * Цветовая модель вынесена в `grAlertStyles.ts` и выражена **только токенами**\n * `--gr-*`: компонент одинаково корректен в light и dark без единого hex-литерала.\n *\n * Точки кастомизации — переменные `--gr-alert-*` (см. `grAlertCssVars`); пропы\n * `backgroundColor`/`textColor`/`borderColor` — тот же контракт, но точечно.\n */\nimport { computed } from 'vue'\n\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\nimport IconError from '~icons/lucide/x-circle'\n\nimport type { Component } from 'vue'\nimport type { GrTone } from '../shared/tones'\nimport type { GrAlertIconKey, GrAlertVariant } from './grAlertStyles'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  applyGrAlertOverrides,\n  grAlertCssVars,\n  grAlertIconKey,\n  resolveGrAlertColors,\n} from './grAlertStyles'\n\nimport './defaults'\n\nexport type GrAlertTone = GrTone\nexport type { GrAlertVariant } from './grAlertStyles'\n\n/**\n * Режим объявления сообщения скринридеру.\n * `auto` — по тону: `warning`/`danger` перебивают речь (`role=\"alert\"`),\n * остальные ждут паузы (`role=\"status\"`).\n */\nexport type GrAlertLive = 'auto' | 'assertive' | 'polite' | 'off'\n\nexport interface GrAlertProps {\n  tone?: GrAlertTone\n  variant?: GrAlertVariant\n  title?: string\n  closable?: boolean\n  live?: GrAlertLive\n  /**\n   * Показывать ли иконку тона. Своя иконка — слотом `#icon`; проп нужен для\n   * случая «иконка мешает»: узкая колонка, плотный список, сообщение в форме.\n   */\n  icon?: boolean\n  /**\n   * Видимость сообщения — **только контролируемая**: без пропа алерт виден\n   * всегда, и закрытие остаётся заботой потребителя (`@close`). С\n   * `v-model:visible` компонент прячет себя сам.\n   *\n   * Собственного состояния у пропа нет намеренно. Оно превратило бы кнопку\n   * закрытия в необратимое действие у всех, кто уже живёт на `@close` и,\n   * например, спрашивает по нему подтверждение.\n   */\n  visible?: boolean\n  backgroundColor?: string\n  textColor?: string\n  borderColor?: string\n}\n\nexport interface GrAlertEmits {\n  (e: 'close'): void\n  /** Пользователь закрыл сообщение (`v-model:visible`). */\n  (e: 'update:visible', value: boolean): void\n}\n\nconst emit = defineEmits<GrAlertEmits>()\n\ndefineSlots<{\n  /** Текст сообщения. */\n  default?: () => any\n  /** Иконка вместо глифа по тону. Декоративна: остаётся `aria-hidden`. */\n  icon?: () => any\n  /** Действия по сообщению: «Повторить», «Подробнее». Ложатся под текст. */\n  actions?: () => any\n}>()\n\n// Дефолты tone/variant/closable/live намеренно `undefined`: «настоящий» дефолт\n// переехал в `useGrComponentProp`, иначе `GrConfigProvider` не смог бы отличить\n// заданный пользователем проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrAlertProps>(), {\n  tone: undefined,\n  variant: undefined,\n  title: undefined,\n  closable: undefined,\n  live: undefined,\n  icon: undefined,\n  visible: undefined,\n  backgroundColor: undefined,\n  textColor: undefined,\n  borderColor: undefined,\n})\n\nconst { t } = useGranularityTranslations()\n\nconst tone = useGrComponentProp('GrAlert', 'tone', () => props.tone, 'info')\nconst variantInput = useGrComponentProp('GrAlert', 'variant', () => props.variant, 'soft')\nconst closable = useGrComponentProp('GrAlert', 'closable', () => props.closable, false)\nconst live = useGrComponentProp('GrAlert', 'live', () => props.live, 'auto')\n\nconst variant = variantInput\n\nconst ICONS: Record<GrAlertIconKey, Component> = {\n  info: IconInfo,\n  success: IconCheck,\n  warning: IconWarning,\n  danger: IconError,\n}\n\nconst toneIcon = computed<Component>(() => ICONS[grAlertIconKey(tone.value)])\n\nconst showIcon = computed(() => props.icon !== false)\nconst isVisible = computed(() => props.visible !== false)\n\nfunction close(): void {\n  emit('update:visible', false)\n  emit('close')\n}\n\nconst colors = computed(() => applyGrAlertOverrides(\n  resolveGrAlertColors(tone.value, variant.value),\n  props,\n))\n\nconst rootStyle = computed(() => ({\n  ...grAlertCssVars(colors.value),\n  background: 'var(--gr-alert-bg)',\n  borderColor: 'var(--gr-alert-brd)',\n}))\n\n/**\n * `role=\"alert\"` — assertive-регион: он прерывает чтение. Вешать его на любое\n * информационное сообщение значит превращать спокойную подсказку в тревогу,\n * поэтому по умолчанию его получают только `warning` и `danger`.\n */\nconst role = computed(() => {\n  const mode = live.value === 'auto'\n    ? (tone.value === 'danger' || tone.value === 'warning' ? 'assertive' : 'polite')\n    : live.value\n\n  if (mode === 'off') return undefined\n  return mode === 'assertive' ? 'alert' : 'status'\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    :role=\"role\"\n    data-gr-alert\n    class=\"rounded-[var(--gr-radius-lg)] border px-4 py-3\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"flex items-start gap-3\">\n      <span\n        v-if=\"showIcon\"\n        data-gr-alert-icon\n        class=\"mt-0.5 h-5 w-5 shrink-0 text-[var(--gr-alert-icon-color)]\"\n        aria-hidden=\"true\"\n      >\n        <slot name=\"icon\">\n          <component :is=\"toneIcon\" class=\"h-5 w-5\" />\n        </slot>\n      </span>\n\n      <div class=\"min-w-0 flex-1\">\n        <div\n          v-if=\"props.title\"\n          class=\"text-[length:var(--gr-text-sm)] font-600 text-[var(--gr-alert-title-color)]\"\n        >\n          {{ props.title }}\n        </div>\n        <div\n          class=\"text-[length:var(--gr-text-sm)] leading-relaxed text-[var(--gr-alert-text-color)]\"\n          :class=\"props.title ? 'mt-1' : ''\"\n        >\n          <slot />\n        </div>\n\n        <!-- Действия идут под текстом, а не рядом с ним: на узкой колонке\n             кнопки в одной строке с сообщением отжимают его до одного слова. -->\n        <div\n          v-if=\"$slots.actions\"\n          data-gr-alert-actions\n          class=\"mt-2 flex flex-wrap gap-2\"\n        >\n          <slot name=\"actions\" />\n        </div>\n      </div>\n\n      <button\n        v-if=\"closable\"\n        type=\"button\"\n        class=\"-mr-1.5 -mt-1.5 shrink-0 rounded-[var(--gr-radius-md)] p-1.5 text-[var(--gr-alert-close-color)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] hover:bg-[var(--gr-alert-close-hover-bg)] hover:text-[var(--gr-alert-close-hover-color)]\"\n        :aria-label=\"t('gr.common.close', 'Close')\"\n        @click=\"close\"\n      >\n        <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrAlert — блочное сообщение с тоном, иконкой и опциональным закрытием.\n *\n * Цветовая модель вынесена в `grAlertStyles.ts` и выражена **только токенами**\n * `--gr-*`: компонент одинаково корректен в light и dark без единого hex-литерала.\n *\n * Точки кастомизации — переменные `--gr-alert-*` (см. `grAlertCssVars`); пропы\n * `backgroundColor`/`textColor`/`borderColor` — тот же контракт, но точечно.\n */\nimport { computed } from 'vue'\n\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\nimport IconError from '~icons/lucide/x-circle'\n\nimport type { Component } from 'vue'\nimport type { GrTone } from '../shared/tones'\nimport type { GrAlertIconKey, GrAlertVariant } from './grAlertStyles'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  applyGrAlertOverrides,\n  grAlertCssVars,\n  grAlertIconKey,\n  resolveGrAlertColors,\n} from './grAlertStyles'\n\nimport './defaults'\n\nexport type GrAlertTone = GrTone\nexport type { GrAlertVariant } from './grAlertStyles'\n\n/**\n * Режим объявления сообщения скринридеру.\n * `auto` — по тону: `warning`/`danger` перебивают речь (`role=\"alert\"`),\n * остальные ждут паузы (`role=\"status\"`).\n */\nexport type GrAlertLive = 'auto' | 'assertive' | 'polite' | 'off'\n\nexport interface GrAlertProps {\n  tone?: GrAlertTone\n  variant?: GrAlertVariant\n  title?: string\n  closable?: boolean\n  live?: GrAlertLive\n  /**\n   * Показывать ли иконку тона. Своя иконка — слотом `#icon`; проп нужен для\n   * случая «иконка мешает»: узкая колонка, плотный список, сообщение в форме.\n   */\n  icon?: boolean\n  /**\n   * Видимость сообщения — **только контролируемая**: без пропа алерт виден\n   * всегда, и закрытие остаётся заботой потребителя (`@close`). С\n   * `v-model:visible` компонент прячет себя сам.\n   *\n   * Собственного состояния у пропа нет намеренно. Оно превратило бы кнопку\n   * закрытия в необратимое действие у всех, кто уже живёт на `@close` и,\n   * например, спрашивает по нему подтверждение.\n   */\n  visible?: boolean\n  backgroundColor?: string\n  textColor?: string\n  borderColor?: string\n}\n\nexport interface GrAlertEmits {\n  (e: 'close'): void\n  /** Пользователь закрыл сообщение (`v-model:visible`). */\n  (e: 'update:visible', value: boolean): void\n}\n\nconst emit = defineEmits<GrAlertEmits>()\n\ndefineSlots<{\n  /** Текст сообщения. */\n  default?: () => any\n  /** Иконка вместо глифа по тону. Декоративна: остаётся `aria-hidden`. */\n  icon?: () => any\n  /** Действия по сообщению: «Повторить», «Подробнее». Ложатся под текст. */\n  actions?: () => any\n}>()\n\n// Дефолты tone/variant/closable/live намеренно `undefined`: «настоящий» дефолт\n// переехал в `useGrComponentProp`, иначе `GrConfigProvider` не смог бы отличить\n// заданный пользователем проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrAlertProps>(), {\n  tone: undefined,\n  variant: undefined,\n  title: undefined,\n  closable: undefined,\n  live: undefined,\n  icon: undefined,\n  visible: undefined,\n  backgroundColor: undefined,\n  textColor: undefined,\n  borderColor: undefined,\n})\n\nconst { t } = useGranularityTranslations()\n\nconst tone = useGrComponentProp('GrAlert', 'tone', () => props.tone, 'info')\nconst variantInput = useGrComponentProp('GrAlert', 'variant', () => props.variant, 'soft')\nconst closable = useGrComponentProp('GrAlert', 'closable', () => props.closable, false)\nconst live = useGrComponentProp('GrAlert', 'live', () => props.live, 'auto')\n\nconst variant = variantInput\n\nconst ICONS: Record<GrAlertIconKey, Component> = {\n  info: IconInfo,\n  success: IconCheck,\n  warning: IconWarning,\n  danger: IconError,\n}\n\nconst toneIcon = computed<Component>(() => ICONS[grAlertIconKey(tone.value)])\n\nconst showIcon = computed(() => props.icon !== false)\nconst isVisible = computed(() => props.visible !== false)\n\nfunction close(): void {\n  emit('update:visible', false)\n  emit('close')\n}\n\nconst colors = computed(() => applyGrAlertOverrides(\n  resolveGrAlertColors(tone.value, variant.value),\n  props,\n))\n\nconst rootStyle = computed(() => ({\n  ...grAlertCssVars(colors.value),\n  background: 'var(--gr-alert-bg)',\n  borderColor: 'var(--gr-alert-brd)',\n}))\n\n/**\n * `role=\"alert\"` — assertive-регион: он прерывает чтение. Вешать его на любое\n * информационное сообщение значит превращать спокойную подсказку в тревогу,\n * поэтому по умолчанию его получают только `warning` и `danger`.\n */\nconst role = computed(() => {\n  const mode = live.value === 'auto'\n    ? (tone.value === 'danger' || tone.value === 'warning' ? 'assertive' : 'polite')\n    : live.value\n\n  if (mode === 'off') return undefined\n  return mode === 'assertive' ? 'alert' : 'status'\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    :role=\"role\"\n    data-gr-alert\n    class=\"rounded-[var(--gr-radius-lg)] border px-4 py-3\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"flex items-start gap-3\">\n      <span\n        v-if=\"showIcon\"\n        data-gr-alert-icon\n        class=\"mt-0.5 h-5 w-5 shrink-0 text-[var(--gr-alert-icon-color)]\"\n        aria-hidden=\"true\"\n      >\n        <slot name=\"icon\">\n          <component :is=\"toneIcon\" class=\"h-5 w-5\" />\n        </slot>\n      </span>\n\n      <div class=\"min-w-0 flex-1\">\n        <div\n          v-if=\"props.title\"\n          class=\"text-[length:var(--gr-text-sm)] font-600 text-[var(--gr-alert-title-color)]\"\n        >\n          {{ props.title }}\n        </div>\n        <div\n          class=\"text-[length:var(--gr-text-sm)] leading-relaxed text-[var(--gr-alert-text-color)]\"\n          :class=\"props.title ? 'mt-1' : ''\"\n        >\n          <slot />\n        </div>\n\n        <!-- Действия идут под текстом, а не рядом с ним: на узкой колонке\n             кнопки в одной строке с сообщением отжимают его до одного слова. -->\n        <div\n          v-if=\"$slots.actions\"\n          data-gr-alert-actions\n          class=\"mt-2 flex flex-wrap gap-2\"\n        >\n          <slot name=\"actions\" />\n        </div>\n      </div>\n\n      <button\n        v-if=\"closable\"\n        type=\"button\"\n        class=\"-mr-1.5 -mt-1.5 shrink-0 rounded-[var(--gr-radius-md)] p-1.5 text-[var(--gr-alert-close-color)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] hover:bg-[var(--gr-alert-close-hover-bg)] hover:text-[var(--gr-alert-close-hover-color)]\"\n        :aria-label=\"t('gr.common.close', 'Close')\"\n        @click=\"close\"\n      >\n        <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrAlert-FAVf-ksH.js","names":["$slots"],"sources":["../../../../src/components/GrAlert/grAlertStyles.ts","../../../../src/components/GrAlert/GrAlert.vue","../../../../src/components/GrAlert/GrAlert.vue"],"sourcesContent":["import type { GrTone } from '../shared/tones'\n\n/**\n * Цветовая модель `GrAlert`.\n *\n * Модуль намеренно чистый: он оперирует **строками CSS-значений**, а не\n * utility-классами UnoCSS. Классы, живущие только строковыми литералами в\n * `.ts`, не сканируются `granularContent` и требуют ручного safelist — здесь\n * этой проблемы нет по построению, а логику цветов можно тестировать без\n * монтирования компонента.\n */\n\n/**\n * `soft` — залитая тоном подложка, тональный текст. Основной вариант.\n * `outline` — фон страницы, тон несут рамка и иконка; текст нейтральный.\n */\nexport const GR_ALERT_VARIANTS = ['soft', 'outline'] as const\n\nexport type GrAlertVariant = typeof GR_ALERT_VARIANTS[number]\n\n/** Ключ иконки тона. Сама иконка резолвится в SFC — модуль остаётся чистым. */\nexport type GrAlertIconKey = 'info' | 'success' | 'warning' | 'danger'\n\ntype GrAlertToneTokens = {\n  /** Подложка варианта `soft`. */\n  surface: string\n  /** Насыщенный цвет тона: база для рамки. */\n  accent: string\n  /**\n   * Тональный цвет текста — рассчитан на подложку `surface`.\n   *\n   * Именно он, а не `accent`, красит иконку и текст: на светлой теме\n   * `--gr-success` (#10b981) на `--gr-success-light` (#d1fae5) даёт 2.24:1 —\n   * ниже порога 3:1 даже для нетекстовой графики. `--gr-success-text`\n   * (#065f46) на той же подложке даёт 6.78:1.\n   */\n  text: string\n  icon: GrAlertIconKey\n}\n\n/**\n * Тон → тройка токенов.\n *\n * `primary` и `neutral` не имеют пары `-light`/`-text` и отображаются на\n * ближайшие семантические роли: акцентную поверхность и нейтральную muted.\n */\nconst TONE_TOKENS: Record<GrTone, GrAlertToneTokens> = {\n  primary: { surface: 'var(--gr-accent)', accent: 'var(--gr-primary)', text: 'var(--gr-accent-fg)', icon: 'info' },\n  neutral: { surface: 'var(--gr-muted)', accent: 'var(--gr-muted-fg)', text: 'var(--gr-fg)', icon: 'info' },\n  success: { surface: 'var(--gr-success-light)', accent: 'var(--gr-success)', text: 'var(--gr-success-text)', icon: 'success' },\n  warning: { surface: 'var(--gr-warning-light)', accent: 'var(--gr-warning)', text: 'var(--gr-warning-text)', icon: 'warning' },\n  danger: { surface: 'var(--gr-danger-light)', accent: 'var(--gr-danger)', text: 'var(--gr-danger-text)', icon: 'danger' },\n  info: { surface: 'var(--gr-info-light)', accent: 'var(--gr-info)', text: 'var(--gr-info-text)', icon: 'info' },\n  slate: { surface: 'var(--gr-slate-light)', accent: 'var(--gr-slate)', text: 'var(--gr-slate-text)', icon: 'info' },\n  azure: { surface: 'var(--gr-azure-light)', accent: 'var(--gr-azure)', text: 'var(--gr-azure-text)', icon: 'info' },\n}\n\n/** Разрешённые цвета одного алерта — ровно то, что уходит в CSS-переменные. */\nexport type GrAlertColors = {\n  bg: string\n  border: string\n  icon: string\n  title: string\n  text: string\n  close: string\n  closeHover: string\n  closeHoverBg: string\n}\n\n/** Пользовательские переопределения цвета (пропы-эскейпы). */\nexport type GrAlertColorOverrides = {\n  backgroundColor?: string\n  textColor?: string\n  borderColor?: string\n}\n\nexport function grAlertIconKey(tone: GrTone): GrAlertIconKey {\n  return TONE_TOKENS[tone].icon\n}\n\n/**\n * Рамка выводится из тона формулой, а не задаётся отдельным токеном на каждый\n * тон: доля тона в смеси с `--gr-brd` — единственное, что отличает рамки между\n * собой. 22% (как было) давало 1.27–1.51:1 к собственной подложке — край\n * практически не читался; 35/45% поднимают его до 1.42–2.07:1.\n */\nfunction border(accent: string, ratio: number): string {\n  return `color-mix(in srgb, ${accent} ${ratio}%, var(--gr-brd))`\n}\n\nexport function resolveGrAlertColors(tone: GrTone, variant: GrAlertVariant): GrAlertColors {\n  const t = TONE_TOKENS[tone]\n\n  if (variant === 'outline') {\n    return {\n      bg: 'var(--gr-bg)',\n      border: border(t.accent, 45),\n      icon: t.text,\n      title: 'var(--gr-fg)',\n      text: 'var(--gr-muted-fg)',\n      close: 'var(--gr-muted-fg)',\n      closeHover: 'var(--gr-fg)',\n      closeHoverBg: 'var(--gr-muted)',\n    }\n  }\n\n  return {\n    bg: t.surface,\n    border: border(t.accent, 35),\n    // Иерархия «заголовок / текст» держится на размере и насыщении шрифта, а не\n    // на цвете: приглушать тональный текст подмешиванием подложки нельзя —\n    // на тёмной теме warning и danger проваливают 4.5:1 уже при 15% подмеса.\n    icon: t.text,\n    title: t.text,\n    text: t.text,\n    close: t.text,\n    closeHover: t.text,\n    closeHoverBg: `color-mix(in srgb, ${t.accent} 16%, transparent)`,\n  }\n}\n\n/**\n * Пропы-эскейпы поверх тона. `textColor` красит весь текстовый слой целиком\n * (иконка, заголовок, текст, кнопка закрытия) — иначе пользовательский цвет\n * соседствовал бы с тональным и давал грязь.\n */\nexport function applyGrAlertOverrides(colors: GrAlertColors, overrides: GrAlertColorOverrides): GrAlertColors {\n  const custom = (value?: string) => value?.trim() || undefined\n  const text = custom(overrides.textColor)\n\n  return {\n    ...colors,\n    bg: custom(overrides.backgroundColor) ?? colors.bg,\n    border: custom(overrides.borderColor) ?? colors.border,\n    icon: text ?? colors.icon,\n    title: text ?? colors.title,\n    text: text ?? colors.text,\n    close: text ?? colors.close,\n    closeHover: text ?? colors.closeHover,\n    closeHoverBg: text ? `color-mix(in srgb, ${text} 12%, transparent)` : colors.closeHoverBg,\n  }\n}\n\n/**\n * Публичный контракт кастомизации: переменные `--gr-alert-*` можно\n * переопределить снаружи так же, как их задаёт компонент.\n */\nexport function grAlertCssVars(colors: GrAlertColors): Record<string, string> {\n  return {\n    '--gr-alert-bg': colors.bg,\n    '--gr-alert-brd': colors.border,\n    '--gr-alert-icon-color': colors.icon,\n    '--gr-alert-title-color': colors.title,\n    '--gr-alert-text-color': colors.text,\n    '--gr-alert-close-color': colors.close,\n    '--gr-alert-close-hover-color': colors.closeHover,\n    '--gr-alert-close-hover-bg': colors.closeHoverBg,\n  }\n}\n","<script setup lang=\"ts\">\n/**\n * GrAlert — блочное сообщение с тоном, иконкой и опциональным закрытием.\n *\n * Цветовая модель вынесена в `grAlertStyles.ts` и выражена **только токенами**\n * `--gr-*`: компонент одинаково корректен в light и dark без единого hex-литерала.\n *\n * Точки кастомизации — переменные `--gr-alert-*` (см. `grAlertCssVars`); пропы\n * `backgroundColor`/`textColor`/`borderColor` — тот же контракт, но точечно.\n */\nimport { computed } from 'vue'\n\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\nimport IconError from '~icons/lucide/x-circle'\n\nimport type { Component } from 'vue'\nimport type { GrTone } from '../shared/tones'\nimport type { GrAlertIconKey, GrAlertVariant } from './grAlertStyles'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  applyGrAlertOverrides,\n  grAlertCssVars,\n  grAlertIconKey,\n  resolveGrAlertColors,\n} from './grAlertStyles'\n\nimport './defaults'\n\nexport type GrAlertTone = GrTone\nexport type { GrAlertVariant } from './grAlertStyles'\n\n/**\n * Режим объявления сообщения скринридеру.\n * `auto` — по тону: `warning`/`danger` перебивают речь (`role=\"alert\"`),\n * остальные ждут паузы (`role=\"status\"`).\n */\nexport type GrAlertLive = 'auto' | 'assertive' | 'polite' | 'off'\n\nexport interface GrAlertProps {\n  tone?: GrAlertTone\n  variant?: GrAlertVariant\n  title?: string\n  closable?: boolean\n  live?: GrAlertLive\n  /**\n   * Показывать ли иконку тона. Своя иконка — слотом `#icon`; проп нужен для\n   * случая «иконка мешает»: узкая колонка, плотный список, сообщение в форме.\n   */\n  icon?: boolean\n  /**\n   * Видимость сообщения — **только контролируемая**: без пропа алерт виден\n   * всегда, и закрытие остаётся заботой потребителя (`@close`). С\n   * `v-model:visible` компонент прячет себя сам.\n   *\n   * Собственного состояния у пропа нет намеренно. Оно превратило бы кнопку\n   * закрытия в необратимое действие у всех, кто уже живёт на `@close` и,\n   * например, спрашивает по нему подтверждение.\n   */\n  visible?: boolean\n  backgroundColor?: string\n  textColor?: string\n  borderColor?: string\n}\n\nexport interface GrAlertEmits {\n  (e: 'close'): void\n  /** Пользователь закрыл сообщение (`v-model:visible`). */\n  (e: 'update:visible', value: boolean): void\n}\n\nconst emit = defineEmits<GrAlertEmits>()\n\ndefineSlots<{\n  /** Текст сообщения. */\n  default?: () => any\n  /** Иконка вместо глифа по тону. Декоративна: остаётся `aria-hidden`. */\n  icon?: () => any\n  /** Действия по сообщению: «Повторить», «Подробнее». Ложатся под текст. */\n  actions?: () => any\n}>()\n\n// Дефолты tone/variant/closable/live намеренно `undefined`: «настоящий» дефолт\n// переехал в `useGrComponentProp`, иначе `GrConfigProvider` не смог бы отличить\n// заданный пользователем проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrAlertProps>(), {\n  tone: undefined,\n  variant: undefined,\n  title: undefined,\n  closable: undefined,\n  live: undefined,\n  icon: undefined,\n  visible: undefined,\n  backgroundColor: undefined,\n  textColor: undefined,\n  borderColor: undefined,\n})\n\nconst { t } = useGranularityTranslations()\n\nconst tone = useGrComponentProp('GrAlert', 'tone', () => props.tone, 'info')\nconst variantInput = useGrComponentProp('GrAlert', 'variant', () => props.variant, 'soft')\nconst closable = useGrComponentProp('GrAlert', 'closable', () => props.closable, false)\nconst live = useGrComponentProp('GrAlert', 'live', () => props.live, 'auto')\n\nconst variant = variantInput\n\nconst ICONS: Record<GrAlertIconKey, Component> = {\n  info: IconInfo,\n  success: IconCheck,\n  warning: IconWarning,\n  danger: IconError,\n}\n\nconst toneIcon = computed<Component>(() => ICONS[grAlertIconKey(tone.value)])\n\nconst showIcon = computed(() => props.icon !== false)\nconst isVisible = computed(() => props.visible !== false)\n\nfunction close(): void {\n  emit('update:visible', false)\n  emit('close')\n}\n\nconst colors = computed(() => applyGrAlertOverrides(\n  resolveGrAlertColors(tone.value, variant.value),\n  props,\n))\n\nconst rootStyle = computed(() => ({\n  ...grAlertCssVars(colors.value),\n  background: 'var(--gr-alert-bg)',\n  borderColor: 'var(--gr-alert-brd)',\n}))\n\n/**\n * `role=\"alert\"` — assertive-регион: он прерывает чтение. Вешать его на любое\n * информационное сообщение значит превращать спокойную подсказку в тревогу,\n * поэтому по умолчанию его получают только `warning` и `danger`.\n */\nconst role = computed(() => {\n  const mode = live.value === 'auto'\n    ? (tone.value === 'danger' || tone.value === 'warning' ? 'assertive' : 'polite')\n    : live.value\n\n  if (mode === 'off') return undefined\n  return mode === 'assertive' ? 'alert' : 'status'\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    :role=\"role\"\n    data-gr-alert\n    class=\"rounded-[var(--gr-radius-lg)] border px-4 py-3\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"flex items-start gap-3\">\n      <span\n        v-if=\"showIcon\"\n        data-gr-alert-icon\n        class=\"mt-0.5 h-5 w-5 shrink-0 text-[var(--gr-alert-icon-color)]\"\n        aria-hidden=\"true\"\n      >\n        <slot name=\"icon\">\n          <component :is=\"toneIcon\" class=\"h-5 w-5\" />\n        </slot>\n      </span>\n\n      <div class=\"min-w-0 flex-1\">\n        <div\n          v-if=\"props.title\"\n          class=\"text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-600 text-[var(--gr-alert-title-color)]\"\n        >\n          {{ props.title }}\n        </div>\n        <div\n          class=\"text-[length:var(--gr-text-sm)] leading-relaxed text-[var(--gr-alert-text-color)]\"\n          :class=\"props.title ? 'mt-1' : ''\"\n        >\n          <slot />\n        </div>\n\n        <!-- Действия идут под текстом, а не рядом с ним: на узкой колонке\n             кнопки в одной строке с сообщением отжимают его до одного слова. -->\n        <div\n          v-if=\"$slots.actions\"\n          data-gr-alert-actions\n          class=\"mt-2 flex flex-wrap gap-2\"\n        >\n          <slot name=\"actions\" />\n        </div>\n      </div>\n\n      <button\n        v-if=\"closable\"\n        type=\"button\"\n        class=\"-mr-1.5 -mt-1.5 shrink-0 rounded-[var(--gr-radius-md)] p-1.5 text-[var(--gr-alert-close-color)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] hover:bg-[var(--gr-alert-close-hover-bg)] hover:text-[var(--gr-alert-close-hover-color)]\"\n        :aria-label=\"t('gr.common.close', 'Close')\"\n        @click=\"close\"\n      >\n        <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrAlert — блочное сообщение с тоном, иконкой и опциональным закрытием.\n *\n * Цветовая модель вынесена в `grAlertStyles.ts` и выражена **только токенами**\n * `--gr-*`: компонент одинаково корректен в light и dark без единого hex-литерала.\n *\n * Точки кастомизации — переменные `--gr-alert-*` (см. `grAlertCssVars`); пропы\n * `backgroundColor`/`textColor`/`borderColor` — тот же контракт, но точечно.\n */\nimport { computed } from 'vue'\n\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\nimport IconError from '~icons/lucide/x-circle'\n\nimport type { Component } from 'vue'\nimport type { GrTone } from '../shared/tones'\nimport type { GrAlertIconKey, GrAlertVariant } from './grAlertStyles'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  applyGrAlertOverrides,\n  grAlertCssVars,\n  grAlertIconKey,\n  resolveGrAlertColors,\n} from './grAlertStyles'\n\nimport './defaults'\n\nexport type GrAlertTone = GrTone\nexport type { GrAlertVariant } from './grAlertStyles'\n\n/**\n * Режим объявления сообщения скринридеру.\n * `auto` — по тону: `warning`/`danger` перебивают речь (`role=\"alert\"`),\n * остальные ждут паузы (`role=\"status\"`).\n */\nexport type GrAlertLive = 'auto' | 'assertive' | 'polite' | 'off'\n\nexport interface GrAlertProps {\n  tone?: GrAlertTone\n  variant?: GrAlertVariant\n  title?: string\n  closable?: boolean\n  live?: GrAlertLive\n  /**\n   * Показывать ли иконку тона. Своя иконка — слотом `#icon`; проп нужен для\n   * случая «иконка мешает»: узкая колонка, плотный список, сообщение в форме.\n   */\n  icon?: boolean\n  /**\n   * Видимость сообщения — **только контролируемая**: без пропа алерт виден\n   * всегда, и закрытие остаётся заботой потребителя (`@close`). С\n   * `v-model:visible` компонент прячет себя сам.\n   *\n   * Собственного состояния у пропа нет намеренно. Оно превратило бы кнопку\n   * закрытия в необратимое действие у всех, кто уже живёт на `@close` и,\n   * например, спрашивает по нему подтверждение.\n   */\n  visible?: boolean\n  backgroundColor?: string\n  textColor?: string\n  borderColor?: string\n}\n\nexport interface GrAlertEmits {\n  (e: 'close'): void\n  /** Пользователь закрыл сообщение (`v-model:visible`). */\n  (e: 'update:visible', value: boolean): void\n}\n\nconst emit = defineEmits<GrAlertEmits>()\n\ndefineSlots<{\n  /** Текст сообщения. */\n  default?: () => any\n  /** Иконка вместо глифа по тону. Декоративна: остаётся `aria-hidden`. */\n  icon?: () => any\n  /** Действия по сообщению: «Повторить», «Подробнее». Ложатся под текст. */\n  actions?: () => any\n}>()\n\n// Дефолты tone/variant/closable/live намеренно `undefined`: «настоящий» дефолт\n// переехал в `useGrComponentProp`, иначе `GrConfigProvider` не смог бы отличить\n// заданный пользователем проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrAlertProps>(), {\n  tone: undefined,\n  variant: undefined,\n  title: undefined,\n  closable: undefined,\n  live: undefined,\n  icon: undefined,\n  visible: undefined,\n  backgroundColor: undefined,\n  textColor: undefined,\n  borderColor: undefined,\n})\n\nconst { t } = useGranularityTranslations()\n\nconst tone = useGrComponentProp('GrAlert', 'tone', () => props.tone, 'info')\nconst variantInput = useGrComponentProp('GrAlert', 'variant', () => props.variant, 'soft')\nconst closable = useGrComponentProp('GrAlert', 'closable', () => props.closable, false)\nconst live = useGrComponentProp('GrAlert', 'live', () => props.live, 'auto')\n\nconst variant = variantInput\n\nconst ICONS: Record<GrAlertIconKey, Component> = {\n  info: IconInfo,\n  success: IconCheck,\n  warning: IconWarning,\n  danger: IconError,\n}\n\nconst toneIcon = computed<Component>(() => ICONS[grAlertIconKey(tone.value)])\n\nconst showIcon = computed(() => props.icon !== false)\nconst isVisible = computed(() => props.visible !== false)\n\nfunction close(): void {\n  emit('update:visible', false)\n  emit('close')\n}\n\nconst colors = computed(() => applyGrAlertOverrides(\n  resolveGrAlertColors(tone.value, variant.value),\n  props,\n))\n\nconst rootStyle = computed(() => ({\n  ...grAlertCssVars(colors.value),\n  background: 'var(--gr-alert-bg)',\n  borderColor: 'var(--gr-alert-brd)',\n}))\n\n/**\n * `role=\"alert\"` — assertive-регион: он прерывает чтение. Вешать его на любое\n * информационное сообщение значит превращать спокойную подсказку в тревогу,\n * поэтому по умолчанию его получают только `warning` и `danger`.\n */\nconst role = computed(() => {\n  const mode = live.value === 'auto'\n    ? (tone.value === 'danger' || tone.value === 'warning' ? 'assertive' : 'polite')\n    : live.value\n\n  if (mode === 'off') return undefined\n  return mode === 'assertive' ? 'alert' : 'status'\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    :role=\"role\"\n    data-gr-alert\n    class=\"rounded-[var(--gr-radius-lg)] border px-4 py-3\"\n    :style=\"rootStyle\"\n  >\n    <div class=\"flex items-start gap-3\">\n      <span\n        v-if=\"showIcon\"\n        data-gr-alert-icon\n        class=\"mt-0.5 h-5 w-5 shrink-0 text-[var(--gr-alert-icon-color)]\"\n        aria-hidden=\"true\"\n      >\n        <slot name=\"icon\">\n          <component :is=\"toneIcon\" class=\"h-5 w-5\" />\n        </slot>\n      </span>\n\n      <div class=\"min-w-0 flex-1\">\n        <div\n          v-if=\"props.title\"\n          class=\"text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-600 text-[var(--gr-alert-title-color)]\"\n        >\n          {{ props.title }}\n        </div>\n        <div\n          class=\"text-[length:var(--gr-text-sm)] leading-relaxed text-[var(--gr-alert-text-color)]\"\n          :class=\"props.title ? 'mt-1' : ''\"\n        >\n          <slot />\n        </div>\n\n        <!-- Действия идут под текстом, а не рядом с ним: на узкой колонке\n             кнопки в одной строке с сообщением отжимают его до одного слова. -->\n        <div\n          v-if=\"$slots.actions\"\n          data-gr-alert-actions\n          class=\"mt-2 flex flex-wrap gap-2\"\n        >\n          <slot name=\"actions\" />\n        </div>\n      </div>\n\n      <button\n        v-if=\"closable\"\n        type=\"button\"\n        class=\"-mr-1.5 -mt-1.5 shrink-0 rounded-[var(--gr-radius-md)] p-1.5 text-[var(--gr-alert-close-color)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] hover:bg-[var(--gr-alert-close-hover-bg)] hover:text-[var(--gr-alert-close-hover-color)]\"\n        :aria-label=\"t('gr.common.close', 'Close')\"\n        @click=\"close\"\n      >\n        <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrAlert/index.js

@@ -1,3 +1,3 @@
-import { t as GrAlert_default } from "./chunks/GrAlert-B21QGele.js";
+import { t as GrAlert_default } from "./chunks/GrAlert-FAVf-ksH.js";
 import { t as grAlertConfig } from "../../chunks/config-BNu8lFQB.js";
 export { GrAlert_default as GrAlert, GrAlert_default as default, grAlertConfig };