@feugene/granularity 0.13.0 → 0.18.0

package/dist/chunks/fileValidation-D5TFBhbv.js

@@ -0,0 +1,296 @@
+//#region src/fileValidation/FileValidationError.ts
+var FileValidationError = class extends Error {
+	code;
+	file;
+	issues;
+	constructor(issues, files, message) {
+		super(message ?? issues[0]?.message ?? "File validation failed");
+		this.name = "FileValidationError";
+		this.issues = issues;
+		this.code = issues[0]?.code ?? "accept";
+		const firstFileName = issues[0]?.fileName;
+		const byName = firstFileName && files ? files.find((f) => f.name === firstFileName) : void 0;
+		this.file = byName ?? files?.[0];
+	}
+};
+//#endregion
+//#region src/fileValidation/runFileValidators.ts
+function normalizeFiles(files, multiple) {
+	const list = [...files];
+	return multiple ? list : list.slice(0, 1);
+}
+function isPromiseLike(value) {
+	return !!value && typeof value.then === "function";
+}
+function runFileValidators(files, validators, context) {
+	const picked = normalizeFiles(files, context.multiple);
+	const issues = [];
+	const list = validators ?? [];
+	for (let i = 0; i < list.length; i++) {
+		const validator = list[i];
+		if (!validator) continue;
+		const res = validator({
+			files: picked,
+			context
+		});
+		if (isPromiseLike(res)) return (async () => {
+			const first = await res;
+			if (Array.isArray(first) && first.length > 0) issues.push(...first);
+			for (let j = i + 1; j < list.length; j++) {
+				const nextValidator = list[j];
+				if (!nextValidator) continue;
+				const nextRes = nextValidator({
+					files: picked,
+					context
+				});
+				const next = isPromiseLike(nextRes) ? await nextRes : nextRes;
+				if (Array.isArray(next) && next.length > 0) issues.push(...next);
+			}
+			return {
+				files: picked,
+				issues
+			};
+		})();
+		if (Array.isArray(res) && res.length > 0) issues.push(...res);
+	}
+	return {
+		files: picked,
+		issues
+	};
+}
+//#endregion
+//#region src/fileValidation/matchAccept.ts
+function parseAccept(accept) {
+	if (!accept) return [];
+	return accept.split(",").map((s) => s.trim()).filter(Boolean);
+}
+function matchAccept(file, accept) {
+	const tokens = parseAccept(accept);
+	if (!tokens.length) return true;
+	const fileName = file.name.toLowerCase();
+	const fileType = (file.type || "").toLowerCase();
+	for (const rawToken of tokens) {
+		const token = rawToken.toLowerCase();
+		if (token.startsWith(".")) {
+			if (fileName.endsWith(token)) return true;
+			continue;
+		}
+		if (token.endsWith("/*")) {
+			if (!fileType) continue;
+			const prefix = token.slice(0, -1);
+			if (fileType.startsWith(prefix)) return true;
+			continue;
+		}
+		if (!fileType) continue;
+		if (fileType === token) return true;
+	}
+	return false;
+}
+//#endregion
+//#region src/fileValidation/i18n.ts
+/**
+* Неймспейс ключей перевода встроенных валидаторов.
+*
+* Ключ выводится из `code`, поэтому новый встроенный валидатор получает перевод
+* автоматически — достаточно завести строку в `i18n/locales/*.json`.
+*/
+var FILE_VALIDATION_I18N_NAMESPACE = "gr.fileValidation";
+function fileValidationI18nKey(code) {
+	return `${FILE_VALIDATION_I18N_NAMESPACE}.${code}`;
+}
+/**
+* Текст ошибки валидации для показа пользователю.
+*
+* Порядок: явный `i18nKey` → ключ, выведенный из `code` → английский `message`.
+*
+* `i18nKey` существует отдельно от `code` не для симметрии: `code` — это ветка
+* для обработчика на стороне потребителя, и два разных по смыслу сообщения
+* могут делить один `code` (так у `allowedMimeTypesValidator`: обычный
+* запрещённый тип и fallback-тип — оба `mimeType`). Формулировка при этом нужна
+* разная, и различает их именно ключ.
+*
+* `message` остаётся обязательным полем типа и работает как безопасный fallback:
+* валидатор потребителя, ничего не знающий про i18n, продолжает показываться.
+*/
+function resolveFileValidationMessage(issue, t) {
+	return t(issue.i18nKey ?? fileValidationI18nKey(issue.code), issue.message, issue.i18nParams);
+}
+//#endregion
+//#region src/fileValidation/acceptValidator.ts
+function acceptValidator(accept) {
+	if (!accept) return () => [];
+	return ({ files }) => {
+		const issues = [];
+		for (const file of files) {
+			if (matchAccept(file, accept)) continue;
+			issues.push({
+				fileName: file.name,
+				code: "accept",
+				message: `File "${file.name}" does not match accept="${accept}"`,
+				i18nParams: {
+					fileName: file.name,
+					accept
+				}
+			});
+		}
+		return issues;
+	};
+}
+//#endregion
+//#region src/fileValidation/allowedExtensionsValidator.ts
+function normalizeExtensions(exts) {
+	return (exts ?? []).map((s) => s.trim().toLowerCase()).filter(Boolean).map((s) => s.startsWith(".") ? s.slice(1) : s);
+}
+function fileExtensionLower(fileName) {
+	const i = fileName.lastIndexOf(".");
+	if (i < 0) return "";
+	return fileName.slice(i + 1).toLowerCase();
+}
+function allowedExtensionsValidator(exts) {
+	const allowedExt = normalizeExtensions(exts);
+	if (allowedExt.length === 0) return () => [];
+	return ({ files }) => {
+		const issues = [];
+		for (const file of files) {
+			const ext = fileExtensionLower(file.name);
+			if (!ext) continue;
+			if (!allowedExt.includes(ext)) issues.push({
+				fileName: file.name,
+				code: "extension",
+				message: `File "${file.name}" has disallowed extension ".${ext}"`,
+				i18nParams: {
+					fileName: file.name,
+					extension: ext
+				}
+			});
+		}
+		return issues;
+	};
+}
+//#endregion
+//#region src/fileValidation/allowedMimeTypesValidator.ts
+function isFallbackType(type) {
+	return type === "" || type === "application/octet-stream";
+}
+function allowedMimeTypesValidator(allowed, options = {}) {
+	const allowedMime = (allowed ?? []).map((s) => s.trim().toLowerCase()).filter(Boolean);
+	if (allowedMime.length === 0) return () => [];
+	return ({ files }) => {
+		const issues = [];
+		for (const file of files) {
+			const fileType = (file.type || "").toLowerCase();
+			if (isFallbackType(fileType)) {
+				if (options.allowFallbackByExtension === false) issues.push({
+					fileName: file.name,
+					code: "mimeType",
+					message: `File "${file.name}" has fallback mime type "${fileType}"`,
+					i18nKey: fileValidationI18nKey("mimeTypeFallback"),
+					i18nParams: {
+						fileName: file.name,
+						mimeType: fileType
+					}
+				});
+				continue;
+			}
+			if (!allowedMime.includes(fileType)) issues.push({
+				fileName: file.name,
+				code: "mimeType",
+				message: `File "${file.name}" has disallowed mime type "${fileType}"`,
+				i18nParams: {
+					fileName: file.name,
+					mimeType: fileType
+				}
+			});
+		}
+		return issues;
+	};
+}
+//#endregion
+//#region src/fileValidation/maxCountValidator.ts
+/**
+* Ограничение количества файлов в наборе.
+*
+* Валидатором, а не проверкой внутри компонента: тогда ограничение одинаково
+* работает и на выборе через диалог, и на перетаскивании, и его сообщение
+* проходит тем же путём локализации, что и остальные.
+*/
+function maxCountValidator(maxCount) {
+	if (typeof maxCount !== "number" || !Number.isFinite(maxCount) || maxCount <= 0) return () => [];
+	const limit = Math.floor(maxCount);
+	return ({ files }) => {
+		if (files.length <= limit) return [];
+		return [{
+			code: "maxCount",
+			message: `Too many files selected (${files.length}), maxCount=${limit}`,
+			i18nParams: {
+				count: files.length,
+				maxCount: limit
+			},
+			meta: {
+				count: files.length,
+				maxCount: limit
+			}
+		}];
+	};
+}
+//#endregion
+//#region src/fileValidation/maxFileSize.ts
+function normalizeLimit(value) {
+	return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : void 0;
+}
+/**
+* Ограничение размера **одного** файла. Суммарный размер набора — отдельный
+* валидатор `maxTotalSizeBytesValidator`.
+*
+* Предел задаётся либо в байтах, либо в мегабайтах. Если заданы оба, берётся
+* меньший: молча игнорировать один из двух объявленных пределов хуже, чем
+* применить строгий.
+*/
+function maxFileSize(options) {
+	const fromBytes = normalizeLimit(options.bytes);
+	const fromMb = normalizeLimit(options.mb);
+	const limits = [fromBytes, fromMb === void 0 ? void 0 : fromMb * 1024 * 1024].filter((value) => value !== void 0);
+	if (!limits.length) return () => [];
+	const maxBytes = Math.min(...limits);
+	return ({ files }) => {
+		const issues = [];
+		for (const file of files) {
+			if (file.size <= maxBytes) continue;
+			issues.push({
+				fileName: file.name,
+				code: "maxFileSize",
+				message: `File "${file.name}" is too large (${file.size} bytes), maxBytes=${maxBytes}`,
+				i18nParams: {
+					fileName: file.name,
+					size: file.size,
+					maxBytes
+				},
+				meta: { maxBytes }
+			});
+		}
+		return issues;
+	};
+}
+//#endregion
+//#region src/fileValidation/maxTotalSizeBytesValidator.ts
+function maxTotalSizeBytesValidator(maxBytes) {
+	if (typeof maxBytes !== "number" || !Number.isFinite(maxBytes) || maxBytes <= 0) return () => [];
+	return ({ files }) => {
+		const total = files.reduce((acc, f) => acc + (Number(f.size) || 0), 0);
+		if (total <= maxBytes) return [];
+		return [{
+			code: "maxTotalSize",
+			message: `Total files size is too large (${total} bytes), maxTotalSizeBytes=${maxBytes}`,
+			i18nParams: {
+				total,
+				maxBytes
+			},
+			meta: {
+				total,
+				maxBytes
+			}
+		}];
+	};
+}
+//#endregion
+export { allowedExtensionsValidator as a, fileValidationI18nKey as c, normalizeFiles as d, runFileValidators as f, allowedMimeTypesValidator as i, resolveFileValidationMessage as l, maxFileSize as n, acceptValidator as o, FileValidationError as p, maxCountValidator as r, FILE_VALIDATION_I18N_NAMESPACE as s, maxTotalSizeBytesValidator as t, matchAccept as u };

package/dist/chunks/fileValidation-D5TFBhbv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileValidation-D5TFBhbv.js","names":[],"sources":["../../src/fileValidation/FileValidationError.ts","../../src/fileValidation/runFileValidators.ts","../../src/fileValidation/matchAccept.ts","../../src/fileValidation/i18n.ts","../../src/fileValidation/acceptValidator.ts","../../src/fileValidation/allowedExtensionsValidator.ts","../../src/fileValidation/allowedMimeTypesValidator.ts","../../src/fileValidation/maxCountValidator.ts","../../src/fileValidation/maxFileSize.ts","../../src/fileValidation/maxTotalSizeBytesValidator.ts"],"sourcesContent":["import type { FileValidationIssue, FileValidationIssueCode } from './types'\n\nexport class FileValidationError extends Error {\n  code: FileValidationIssueCode\n  file?: File\n  issues: FileValidationIssue[]\n\n  constructor(issues: FileValidationIssue[], files?: File[], message?: string) {\n    super(message ?? issues[0]?.message ?? 'File validation failed')\n    this.name = 'FileValidationError'\n\n    this.issues = issues\n    this.code = issues[0]?.code ?? 'accept'\n\n    const firstFileName = issues[0]?.fileName\n    const byName = firstFileName && files ? files.find(f => f.name === firstFileName) : undefined\n    // Fallback to the first file if the named one isn't present in `files`\n    // (e.g. aggregate issue like `maxTotalSize` has no `fileName`, or names diverged).\n    this.file = byName ?? files?.[0]\n  }\n}","import type { FileValidationIssue, FileValidator, FileValidatorContext } from './types'\n\nexport function normalizeFiles(files: File[], multiple: boolean): File[] {\n  const list = [...files]\n  return multiple ? list : list.slice(0, 1)\n}\n\nfunction isPromiseLike<T>(value: unknown): value is PromiseLike<T> {\n  return !!value && typeof (value as any).then === 'function'\n}\n\nexport type RunFileValidatorsResult = { files: File[]; issues: FileValidationIssue[] }\n\nexport function runFileValidators(\n  files: File[],\n  validators: FileValidator[] | undefined,\n  context: FileValidatorContext,\n): RunFileValidatorsResult | Promise<RunFileValidatorsResult> {\n  const picked = normalizeFiles(files, context.multiple)\n\n  const issues: FileValidationIssue[] = []\n\n  const list = validators ?? []\n  for (let i = 0; i < list.length; i++) {\n    const validator = list[i]\n    if (!validator) continue\n\n    const res = validator({ files: picked, context })\n\n    if (isPromiseLike<FileValidationIssue[]>(res)) {\n      return (async () => {\n        const first = await res\n        if (Array.isArray(first) && first.length > 0) issues.push(...first)\n\n        for (let j = i + 1; j < list.length; j++) {\n          const nextValidator = list[j]\n          if (!nextValidator) continue\n\n          const nextRes = nextValidator({ files: picked, context })\n          const next = isPromiseLike<FileValidationIssue[]>(nextRes) ? await nextRes : nextRes\n          if (Array.isArray(next) && next.length > 0) issues.push(...next)\n        }\n\n        return { files: picked, issues }\n      })()\n    }\n\n    if (Array.isArray(res) && res.length > 0) issues.push(...res)\n  }\n\n  return { files: picked, issues }\n}","function parseAccept(accept: string | undefined): string[] {\n  if (!accept) return []\n\n  return accept\n    .split(',')\n    .map(s => s.trim())\n    .filter(Boolean)\n}\n\nexport function matchAccept(file: File, accept: string | undefined): boolean {\n  const tokens = parseAccept(accept)\n  if (!tokens.length) return true\n\n  const fileName = file.name.toLowerCase()\n  const fileType = (file.type || '').toLowerCase()\n\n  for (const rawToken of tokens) {\n    const token = rawToken.toLowerCase()\n\n    // Extension match, e.g. \".png\".\n    if (token.startsWith('.')) {\n      if (fileName.endsWith(token)) return true\n      continue\n    }\n\n    // Mime group match, e.g. \"image/*\".\n    if (token.endsWith('/*')) {\n      if (!fileType) continue\n      const prefix = token.slice(0, -1) // keep trailing '/'\n      if (fileType.startsWith(prefix)) return true\n      continue\n    }\n\n    // Exact mime match, e.g. \"image/png\".\n    if (!fileType) continue\n    if (fileType === token) return true\n  }\n\n  return false\n}","import type { FileValidationIssue, FileValidationIssueCode } from './types'\n\n/**\n * Неймспейс ключей перевода встроенных валидаторов.\n *\n * Ключ выводится из `code`, поэтому новый встроенный валидатор получает перевод\n * автоматически — достаточно завести строку в `i18n/locales/*.json`.\n */\nexport const FILE_VALIDATION_I18N_NAMESPACE = 'gr.fileValidation'\n\nexport function fileValidationI18nKey(code: FileValidationIssueCode): string {\n  return `${FILE_VALIDATION_I18N_NAMESPACE}.${code}`\n}\n\n/**\n * Текст ошибки валидации для показа пользователю.\n *\n * Порядок: явный `i18nKey` → ключ, выведенный из `code` → английский `message`.\n *\n * `i18nKey` существует отдельно от `code` не для симметрии: `code` — это ветка\n * для обработчика на стороне потребителя, и два разных по смыслу сообщения\n * могут делить один `code` (так у `allowedMimeTypesValidator`: обычный\n * запрещённый тип и fallback-тип — оба `mimeType`). Формулировка при этом нужна\n * разная, и различает их именно ключ.\n *\n * `message` остаётся обязательным полем типа и работает как безопасный fallback:\n * валидатор потребителя, ничего не знающий про i18n, продолжает показываться.\n */\nexport function resolveFileValidationMessage(\n  issue: FileValidationIssue,\n  t: (key: string, fallback: string, params?: Record<string, unknown>) => string,\n): string {\n  const key = issue.i18nKey ?? fileValidationI18nKey(issue.code)\n\n  // Числа уходят в перевод как есть. Форматировать их — работа переводчика\n  // приложения: у него есть локаль и свои правила, а вторая реализация `Intl`\n  // внутри UI-библиотеки однажды разошлась бы с ней в мелочах.\n  return t(key, issue.message, issue.i18nParams)\n}\n","import type { FileValidationIssue, FileValidator } from './types'\n\nimport { matchAccept } from './matchAccept'\n\nexport function acceptValidator(accept: string | undefined): FileValidator {\n  if (!accept) return () => []\n\n  return ({ files }): FileValidationIssue[] => {\n    const issues: FileValidationIssue[] = []\n\n    for (const file of files) {\n      if (matchAccept(file, accept)) continue\n\n      issues.push({\n        fileName: file.name,\n        code: 'accept',\n        message: `File \"${file.name}\" does not match accept=\"${accept}\"`,\n        i18nParams: { fileName: file.name, accept },\n      })\n    }\n\n    return issues\n  }\n}","import type { FileValidationIssue, FileValidator } from './types'\n\nfunction normalizeExtensions(exts: string[] | undefined): string[] {\n  return (exts ?? [])\n    .map(s => s.trim().toLowerCase())\n    .filter(Boolean)\n    .map(s => (s.startsWith('.') ? s.slice(1) : s))\n}\n\nfunction fileExtensionLower(fileName: string): string {\n  const i = fileName.lastIndexOf('.')\n  if (i < 0) return ''\n  return fileName.slice(i + 1).toLowerCase()\n}\n\nexport function allowedExtensionsValidator(exts: string[]): FileValidator {\n  const allowedExt = normalizeExtensions(exts)\n  if (allowedExt.length === 0) return () => []\n\n  return ({ files }): FileValidationIssue[] => {\n    const issues: FileValidationIssue[] = []\n\n    for (const file of files) {\n      const ext = fileExtensionLower(file.name)\n      if (!ext) continue\n\n      if (!allowedExt.includes(ext)) {\n        issues.push({\n          fileName: file.name,\n          code: 'extension',\n          message: `File \"${file.name}\" has disallowed extension \".${ext}\"`,\n          i18nParams: { fileName: file.name, extension: ext },\n        })\n      }\n    }\n\n    return issues\n  }\n}","import type { FileValidationIssue, FileValidator } from './types'\n\nimport { fileValidationI18nKey } from './i18n'\n\nexport type AllowedMimeTypesValidatorOptions = {\n  /**\n   * Если `true`, то для fallback-типа (`''`/`application/octet-stream`) валидация по MIME пропускается,\n   * предполагая проверку расширения отдельным валидатором.\n   */\n  allowFallbackByExtension?: boolean\n}\n\nfunction isFallbackType(type: string): boolean {\n  return type === '' || type === 'application/octet-stream'\n}\n\nexport function allowedMimeTypesValidator(\n  allowed: string[],\n  options: AllowedMimeTypesValidatorOptions = {},\n): FileValidator {\n  const allowedMime = (allowed ?? []).map(s => s.trim().toLowerCase()).filter(Boolean)\n  if (allowedMime.length === 0) return () => []\n\n  return ({ files }): FileValidationIssue[] => {\n    const issues: FileValidationIssue[] = []\n\n    for (const file of files) {\n      const fileType = (file.type || '').toLowerCase()\n\n      if (isFallbackType(fileType)) {\n        // Legacy behavior in GR: fallback types are not rejected by MIME allow-list.\n        // If consumer needs strictness, it can explicitly forbid fallback types.\n        if (options.allowFallbackByExtension === false) {\n          issues.push({\n            fileName: file.name,\n            code: 'mimeType',\n            message: `File \"${file.name}\" has fallback mime type \"${fileType}\"`,\n            // Тот же `code`, что и у запрещённого типа ниже — ветка обработчика\n            // одна, — но формулировка другая, поэтому ключ задан явно.\n            i18nKey: fileValidationI18nKey('mimeTypeFallback'),\n            i18nParams: { fileName: file.name, mimeType: fileType },\n          })\n        }\n\n        continue\n      }\n\n      if (!allowedMime.includes(fileType)) {\n        issues.push({\n          fileName: file.name,\n          code: 'mimeType',\n          message: `File \"${file.name}\" has disallowed mime type \"${fileType}\"`,\n          i18nParams: { fileName: file.name, mimeType: fileType },\n        })\n      }\n    }\n\n    return issues\n  }\n}","import type { FileValidationIssue, FileValidator } from './types'\n\n/**\n * Ограничение количества файлов в наборе.\n *\n * Валидатором, а не проверкой внутри компонента: тогда ограничение одинаково\n * работает и на выборе через диалог, и на перетаскивании, и его сообщение\n * проходит тем же путём локализации, что и остальные.\n */\nexport function maxCountValidator(maxCount: number | undefined): FileValidator {\n  if (typeof maxCount !== 'number' || !Number.isFinite(maxCount) || maxCount <= 0) return () => []\n\n  const limit = Math.floor(maxCount)\n\n  return ({ files }): FileValidationIssue[] => {\n    if (files.length <= limit) return []\n\n    const issue: FileValidationIssue = {\n      code: 'maxCount',\n      message: `Too many files selected (${files.length}), maxCount=${limit}`,\n      i18nParams: { count: files.length, maxCount: limit },\n      meta: { count: files.length, maxCount: limit },\n    }\n\n    return [issue]\n  }\n}\n","import type { FileValidationIssue, FileValidator } from './types'\n\nexport interface MaxFileSizeOptions {\n  /** Предел в байтах. */\n  bytes?: number\n  /** Предел в мегабайтах — sugar к `bytes` (1 МБ = 1024 × 1024). */\n  mb?: number\n}\n\nfunction normalizeLimit(value: number | undefined): number | undefined {\n  return typeof value === 'number' && Number.isFinite(value) && value > 0 ? value : undefined\n}\n\n/**\n * Ограничение размера **одного** файла. Суммарный размер набора — отдельный\n * валидатор `maxTotalSizeBytesValidator`.\n *\n * Предел задаётся либо в байтах, либо в мегабайтах. Если заданы оба, берётся\n * меньший: молча игнорировать один из двух объявленных пределов хуже, чем\n * применить строгий.\n */\nexport function maxFileSize(options: MaxFileSizeOptions): FileValidator {\n  const fromBytes = normalizeLimit(options.bytes)\n  const fromMb = normalizeLimit(options.mb)\n  const limits = [fromBytes, fromMb === undefined ? undefined : fromMb * 1024 * 1024]\n    .filter((value): value is number => value !== undefined)\n\n  if (!limits.length) return () => []\n\n  const maxBytes = Math.min(...limits)\n\n  return ({ files }): FileValidationIssue[] => {\n    const issues: FileValidationIssue[] = []\n\n    for (const file of files) {\n      if (file.size <= maxBytes) continue\n\n      issues.push({\n        fileName: file.name,\n        code: 'maxFileSize',\n        message: `File \"${file.name}\" is too large (${file.size} bytes), maxBytes=${maxBytes}`,\n        i18nParams: { fileName: file.name, size: file.size, maxBytes },\n        meta: { maxBytes },\n      })\n    }\n\n    return issues\n  }\n}\n","import type { FileValidationIssue, FileValidator } from './types'\n\nexport function maxTotalSizeBytesValidator(maxBytes: number | undefined): FileValidator {\n  if (typeof maxBytes !== 'number' || !Number.isFinite(maxBytes) || maxBytes <= 0) return () => []\n\n  return ({ files }): FileValidationIssue[] => {\n    const total = files.reduce((acc, f) => acc + (Number(f.size) || 0), 0)\n    if (total <= maxBytes) return []\n\n    const issue: FileValidationIssue = {\n      code: 'maxTotalSize',\n      message: `Total files size is too large (${total} bytes), maxTotalSizeBytes=${maxBytes}`,\n      i18nParams: { total, maxBytes },\n      meta: { total, maxBytes },\n    }\n\n    return [issue]\n  }\n}"],"mappings":"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"}

package/dist/chunks/focusables-BkzK42SQ.js

@@ -0,0 +1,87 @@
+//#region src/composables/internal/focusables.ts
+/**
+* Что пакет считает фокусируемым.
+*
+* Один источник правды на ловушку фокуса, roving-навигацию и «первый элемент
+* панели». До него каждый компонент собирал свой селектор: у `GrDropdown` в
+* список не попадали `select` и `textarea`, а фильтр видимости стоял на
+* `offsetParent !== null` — он врёт на `position: fixed` (у таких элементов
+* `offsetParent` всегда `null`), то есть на панелях самих оверлеев.
+*/
+var FOCUSABLE_SELECTOR = [
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"input:not([disabled]):not([type=\"hidden\"])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"iframe",
+	"audio[controls]",
+	"video[controls]",
+	"[contenteditable]:not([contenteditable=\"false\"])",
+	"[tabindex]"
+].join(",");
+/**
+* Видимость.
+*
+* В браузере спрашиваем `checkVisibility()` — он единственный учитывает скрытых
+* предков, `content-visibility` и `display: contents`. В jsdom его нет и
+* раскладки тоже нет, поэтому там остаётся проверка собственных стилей: этого
+* достаточно, чтобы тесты видели ту же логику, а не пустой список.
+*/
+function isVisible(element) {
+	if (element.hidden) return false;
+	if (typeof element.checkVisibility === "function") return element.checkVisibility({
+		contentVisibilityAuto: true,
+		visibilityProperty: true
+	});
+	const style = element.ownerDocument.defaultView?.getComputedStyle(element);
+	if (!style) return true;
+	return style.display !== "none" && style.visibility !== "hidden";
+}
+/** Элемент внутри `inert`-поддерева не фокусируем — браузер его не отдаёт. */
+function isInert(element) {
+	return element.closest("[inert]") !== null;
+}
+function isFocusable(element) {
+	if (!element.matches(FOCUSABLE_SELECTOR)) return false;
+	if (element.hasAttribute("disabled")) return false;
+	if (element.getAttribute("aria-hidden") === "true") return false;
+	return !isInert(element) && isVisible(element);
+}
+/** Участвует ли элемент в таб-порядке (`tabindex="-1"` — нет). */
+function isTabbable(element) {
+	if (!isFocusable(element)) return false;
+	return Number.parseInt(element.getAttribute("tabindex") ?? "0", 10) >= 0;
+}
+/**
+* Фокусируемые внутри корня, в порядке документа.
+*
+* `tabbableOnly` (по умолчанию) оставляет только участников таб-порядка — это
+* то, что нужно циклу Tab. Полный список нужен «первому фокусируемому» при
+* открытии: панель с `tabindex="-1"` фокусируется программно.
+*/
+function getFocusableElements(root, options = {}) {
+	if (!root) return [];
+	const tabbableOnly = options.tabbableOnly ?? true;
+	return Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter((element) => tabbableOnly ? isTabbable(element) : isFocusable(element));
+}
+/**
+* Фокусируемые сразу в нескольких корнях, в порядке документа.
+*
+* Нужен ловушке: панель селекта, открытого внутри модалки, телепортирована в
+* `body` и лежит вне DOM-поддерева окна, но для пользователя это продолжение
+* того же слоя.
+*/
+function getFocusableElementsIn(roots) {
+	const unique = /* @__PURE__ */ new Set();
+	for (const root of roots) for (const element of getFocusableElements(root)) unique.add(element);
+	return Array.from(unique).sort((left, right) => {
+		const position = left.compareDocumentPosition(right);
+		if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
+		if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;
+		return 0;
+	});
+}
+//#endregion
+export { getFocusableElementsIn as n, isFocusable as r, getFocusableElements as t };

package/dist/chunks/focusables-BkzK42SQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusables-BkzK42SQ.js","names":[],"sources":["../../src/composables/internal/focusables.ts"],"sourcesContent":["/**\n * Что пакет считает фокусируемым.\n *\n * Один источник правды на ловушку фокуса, roving-навигацию и «первый элемент\n * панели». До него каждый компонент собирал свой селектор: у `GrDropdown` в\n * список не попадали `select` и `textarea`, а фильтр видимости стоял на\n * `offsetParent !== null` — он врёт на `position: fixed` (у таких элементов\n * `offsetParent` всегда `null`), то есть на панелях самих оверлеев.\n */\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'iframe',\n  'audio[controls]',\n  'video[controls]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  '[tabindex]',\n].join(',')\n\n/**\n * Видимость.\n *\n * В браузере спрашиваем `checkVisibility()` — он единственный учитывает скрытых\n * предков, `content-visibility` и `display: contents`. В jsdom его нет и\n * раскладки тоже нет, поэтому там остаётся проверка собственных стилей: этого\n * достаточно, чтобы тесты видели ту же логику, а не пустой список.\n */\nfunction isVisible(element: HTMLElement): boolean {\n  if (element.hidden) return false\n\n  if (typeof element.checkVisibility === 'function')\n    return element.checkVisibility({ contentVisibilityAuto: true, visibilityProperty: true })\n\n  const style = element.ownerDocument.defaultView?.getComputedStyle(element)\n  if (!style) return true\n  return style.display !== 'none' && style.visibility !== 'hidden'\n}\n\n/** Элемент внутри `inert`-поддерева не фокусируем — браузер его не отдаёт. */\nfunction isInert(element: HTMLElement): boolean {\n  return element.closest('[inert]') !== null\n}\n\nexport function isFocusable(element: HTMLElement): boolean {\n  if (!element.matches(FOCUSABLE_SELECTOR)) return false\n  if (element.hasAttribute('disabled')) return false\n  if (element.getAttribute('aria-hidden') === 'true') return false\n  return !isInert(element) && isVisible(element)\n}\n\n/** Участвует ли элемент в таб-порядке (`tabindex=\"-1\"` — нет). */\nexport function isTabbable(element: HTMLElement): boolean {\n  if (!isFocusable(element)) return false\n  return Number.parseInt(element.getAttribute('tabindex') ?? '0', 10) >= 0\n}\n\n/**\n * Фокусируемые внутри корня, в порядке документа.\n *\n * `tabbableOnly` (по умолчанию) оставляет только участников таб-порядка — это\n * то, что нужно циклу Tab. Полный список нужен «первому фокусируемому» при\n * открытии: панель с `tabindex=\"-1\"` фокусируется программно.\n */\nexport function getFocusableElements(\n  root: HTMLElement | null | undefined,\n  options: { tabbableOnly?: boolean } = {},\n): HTMLElement[] {\n  if (!root) return []\n\n  const tabbableOnly = options.tabbableOnly ?? true\n  const matches = Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR))\n\n  return matches.filter(element => (tabbableOnly ? isTabbable(element) : isFocusable(element)))\n}\n\n/**\n * Фокусируемые сразу в нескольких корнях, в порядке документа.\n *\n * Нужен ловушке: панель селекта, открытого внутри модалки, телепортирована в\n * `body` и лежит вне DOM-поддерева окна, но для пользователя это продолжение\n * того же слоя.\n */\nexport function getFocusableElementsIn(roots: (HTMLElement | null | undefined)[]): HTMLElement[] {\n  const unique = new Set<HTMLElement>()\n\n  for (const root of roots) {\n    for (const element of getFocusableElements(root)) unique.add(element)\n  }\n\n  return Array.from(unique).sort((left, right) => {\n    const position = left.compareDocumentPosition(right)\n    if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1\n    if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1\n    return 0\n  })\n}\n"],"mappings":";;;;;;;;;;AAUA,IAAM,qBAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;;;;;;;;;AAUV,SAAS,UAAU,SAA+B;CAChD,IAAI,QAAQ,QAAQ,OAAO;CAE3B,IAAI,OAAO,QAAQ,oBAAoB,YACrC,OAAO,QAAQ,gBAAgB;EAAE,uBAAuB;EAAM,oBAAoB;CAAK,CAAC;CAE1F,MAAM,QAAQ,QAAQ,cAAc,aAAa,iBAAiB,OAAO;CACzE,IAAI,CAAC,OAAO,OAAO;CACnB,OAAO,MAAM,YAAY,UAAU,MAAM,eAAe;AAC1D;;AAGA,SAAS,QAAQ,SAA+B;CAC9C,OAAO,QAAQ,QAAQ,SAAS,MAAM;AACxC;AAEA,SAAgB,YAAY,SAA+B;CACzD,IAAI,CAAC,QAAQ,QAAQ,kBAAkB,GAAG,OAAO;CACjD,IAAI,QAAQ,aAAa,UAAU,GAAG,OAAO;CAC7C,IAAI,QAAQ,aAAa,aAAa,MAAM,QAAQ,OAAO;CAC3D,OAAO,CAAC,QAAQ,OAAO,KAAK,UAAU,OAAO;AAC/C;;AAGA,SAAgB,WAAW,SAA+B;CACxD,IAAI,CAAC,YAAY,OAAO,GAAG,OAAO;CAClC,OAAO,OAAO,SAAS,QAAQ,aAAa,UAAU,KAAK,KAAK,EAAE,KAAK;AACzE;;;;;;;;AASA,SAAgB,qBACd,MACA,UAAsC,CAAC,GACxB;CACf,IAAI,CAAC,MAAM,OAAO,CAAC;CAEnB,MAAM,eAAe,QAAQ,gBAAgB;CAG7C,OAFgB,MAAM,KAAK,KAAK,iBAA8B,kBAAkB,CAEzE,CAAA,CAAQ,QAAO,YAAY,eAAe,WAAW,OAAO,IAAI,YAAY,OAAO,CAAE;AAC9F;;;;;;;;AASA,SAAgB,uBAAuB,OAA0D;CAC/F,MAAM,yBAAS,IAAI,IAAiB;CAEpC,KAAK,MAAM,QAAQ,OACjB,KAAK,MAAM,WAAW,qBAAqB,IAAI,GAAG,OAAO,IAAI,OAAO;CAGtE,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC,MAAM,MAAM,UAAU;EAC9C,MAAM,WAAW,KAAK,wBAAwB,KAAK;EACnD,IAAI,WAAW,KAAK,6BAA6B,OAAO;EACxD,IAAI,WAAW,KAAK,6BAA6B,OAAO;EACxD,OAAO;CACT,CAAC;AACH"}

package/dist/chunks/grBadgeStyles-C2wLlkjF.js

@@ -0,0 +1,61 @@
+//#region src/components/GrBadge/grBadgeStyles.ts
+var sizeClassBySize = {
+	xs: "px-2 py-0.4 text-[length:var(--gr-control-text-2xs)]",
+	sm: "px-2.5 py-0.5 text-[length:var(--gr-control-text-xs)]",
+	md: "px-3 py-1 text-[length:var(--gr-control-text-sm)]",
+	lg: "px-3.5 py-1.5 text-[length:var(--gr-control-text-md)]"
+};
+var semiRadiusClassBySize = {
+	xs: "rounded-[var(--gr-badge-semi-radius-xs,3px)]",
+	sm: "rounded-[var(--gr-badge-semi-radius-sm,3px)]",
+	md: "rounded-[var(--gr-badge-semi-radius-md,5px)]",
+	lg: "rounded-[var(--gr-badge-semi-radius-lg,7px)]"
+};
+var lightToneClassByTone = {
+	neutral: "bg-[var(--gr-muted)] text-[var(--gr-fg)] border-[var(--gr-brd)]",
+	primary: "bg-[var(--gr-accent)] text-[var(--gr-accent-fg)] border-[color-mix(in_srgb,var(--gr-primary)_30%,var(--gr-accent))]",
+	success: "bg-[var(--gr-success-light)] text-[var(--gr-success-text)] border-[color-mix(in_srgb,var(--gr-success)_30%,var(--gr-success-light))]",
+	warning: "bg-[var(--gr-warning-light)] text-[var(--gr-warning-text)] border-[color-mix(in_srgb,var(--gr-warning)_30%,var(--gr-warning-light))]",
+	danger: "bg-[var(--gr-danger-light)] text-[var(--gr-danger-text)] border-[color-mix(in_srgb,var(--gr-danger)_30%,var(--gr-danger-light))]",
+	info: "bg-[var(--gr-info-light)] text-[var(--gr-info-text)] border-[color-mix(in_srgb,var(--gr-info)_30%,var(--gr-info-light))]",
+	slate: "bg-[var(--gr-slate-light)] text-[var(--gr-slate-text)] border-[color-mix(in_srgb,var(--gr-slate)_30%,var(--gr-slate-light))]",
+	azure: "bg-[var(--gr-azure-light)] text-[var(--gr-azure-text)] border-[color-mix(in_srgb,var(--gr-azure)_30%,var(--gr-azure-light))]"
+};
+/**
+* Заливка filled-бейджа идёт через покомпонентный слой `--gr-badge-{tone}-*`, а
+* не напрямую из роли тона, потому что нужный вес у тем разный.
+*
+* В светлой теме `--gr-{tone}` — это яркая заливка под **тёмный** текст (`-fg`
+* там обязан быть тёмным: белый на `--gr-success` даёт 2.54:1), и filled-бейдж
+* читался как тяжёлая почти чёрная плашка. Слой уводит его на `-solid`/`-solid-fg`
+* — заливку кнопочного веса под светлый текст, ту же, что у solid-кнопок.
+* В тёмной теме пастельная заливка с тёмным текстом — штатная конвенция, и слой
+* оставляет прежние роли. Значения — `themes/{light,dark}.css`.
+*/
+var darkToneClassByTone = {
+	neutral: "bg-[var(--gr-badge-neutral-bg,var(--gr-fg))] text-[var(--gr-badge-neutral-fg,var(--gr-bg))] border-[color-mix(in_srgb,var(--gr-fg)_35%,var(--gr-brd))]",
+	primary: "bg-[var(--gr-badge-primary-bg,var(--gr-primary-solid))] text-[var(--gr-badge-primary-fg,var(--gr-primary-solid-fg))] border-[var(--gr-badge-primary-bg,var(--gr-primary-solid))]",
+	success: "bg-[var(--gr-badge-success-bg,var(--gr-success-solid))] text-[var(--gr-badge-success-fg,var(--gr-success-solid-fg))] border-[var(--gr-badge-success-bg,var(--gr-success-solid))]",
+	warning: "bg-[var(--gr-badge-warning-bg,var(--gr-warning-solid))] text-[var(--gr-badge-warning-fg,var(--gr-warning-solid-fg))] border-[var(--gr-badge-warning-bg,var(--gr-warning-solid))]",
+	danger: "bg-[var(--gr-badge-danger-bg,var(--gr-danger-solid))] text-[var(--gr-badge-danger-fg,var(--gr-danger-solid-fg))] border-[var(--gr-badge-danger-bg,var(--gr-danger-solid))]",
+	info: "bg-[var(--gr-badge-info-bg,var(--gr-info-solid))] text-[var(--gr-badge-info-fg,var(--gr-info-solid-fg))] border-[var(--gr-badge-info-bg,var(--gr-info-solid))]",
+	slate: "bg-[var(--gr-badge-slate-bg,var(--gr-slate-solid))] text-[var(--gr-badge-slate-fg,var(--gr-slate-solid-fg))] border-[var(--gr-badge-slate-bg,var(--gr-slate-solid))]",
+	azure: "bg-[var(--gr-badge-azure-bg,var(--gr-azure-solid))] text-[var(--gr-badge-azure-fg,var(--gr-azure-solid-fg))] border-[var(--gr-badge-azure-bg,var(--gr-azure-solid))]"
+};
+function radiusClass(radius, size) {
+	if (radius === "square") return "rounded-[var(--gr-radius-none)]";
+	if (radius === "semi") return semiRadiusClassBySize[size];
+	return "rounded-[var(--gr-radius-full)]";
+}
+function toneClass(tone, dark) {
+	return dark ? darkToneClassByTone[tone] : lightToneClassByTone[tone];
+}
+function grBadgeClass(options) {
+	return [
+		radiusClass(options.radius, options.size),
+		sizeClassBySize[options.size],
+		toneClass(options.tone, options.dark)
+	].join(" ");
+}
+//#endregion
+export { sizeClassBySize as a, semiRadiusClassBySize as i, grBadgeClass as n, lightToneClassByTone as r, darkToneClassByTone as t };

package/dist/chunks/grBadgeStyles-C2wLlkjF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grBadgeStyles-C2wLlkjF.js","names":[],"sources":["../../src/components/GrBadge/grBadgeStyles.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrTone } from '../shared/tones'\n\nexport type GrBadgeTone = GrTone\nexport type GrBadgeSize = GrComponentSize\nexport type GrBadgeRadius = 'square' | 'semi' | 'round'\nexport const sizeClassBySize: Record<GrBadgeSize, string> = {\n  xs: 'px-2 py-0.4 text-[length:var(--gr-control-text-2xs)]',\n  sm: 'px-2.5 py-0.5 text-[length:var(--gr-control-text-xs)]',\n  md: 'px-3 py-1 text-[length:var(--gr-control-text-sm)]',\n  lg: 'px-3.5 py-1.5 text-[length:var(--gr-control-text-md)]',\n}\nexport const semiRadiusClassBySize: Record<GrBadgeSize, string> = {\n  xs: 'rounded-[var(--gr-badge-semi-radius-xs,3px)]',\n  sm: 'rounded-[var(--gr-badge-semi-radius-sm,3px)]',\n  md: 'rounded-[var(--gr-badge-semi-radius-md,5px)]',\n  lg: 'rounded-[var(--gr-badge-semi-radius-lg,7px)]',\n}\nexport const lightToneClassByTone: Record<GrBadgeTone, string> = {\n  neutral: 'bg-[var(--gr-muted)] text-[var(--gr-fg)] border-[var(--gr-brd)]',\n  primary:\n    'bg-[var(--gr-accent)] text-[var(--gr-accent-fg)] border-[color-mix(in_srgb,var(--gr-primary)_30%,var(--gr-accent))]',\n  // Текст на тонированной подложке — только `-text`, никогда не насыщенный тон:\n  // `--gr-success` на `--gr-success-light` даёт 2.24:1, `-text` — 6.78:1.\n  // slate/azure ниже уже были сделаны правильно.\n  success: 'bg-[var(--gr-success-light)] text-[var(--gr-success-text)] border-[color-mix(in_srgb,var(--gr-success)_30%,var(--gr-success-light))]',\n  warning: 'bg-[var(--gr-warning-light)] text-[var(--gr-warning-text)] border-[color-mix(in_srgb,var(--gr-warning)_30%,var(--gr-warning-light))]',\n  danger: 'bg-[var(--gr-danger-light)] text-[var(--gr-danger-text)] border-[color-mix(in_srgb,var(--gr-danger)_30%,var(--gr-danger-light))]',\n  info: 'bg-[var(--gr-info-light)] text-[var(--gr-info-text)] border-[color-mix(in_srgb,var(--gr-info)_30%,var(--gr-info-light))]',\n  slate: 'bg-[var(--gr-slate-light)] text-[var(--gr-slate-text)] border-[color-mix(in_srgb,var(--gr-slate)_30%,var(--gr-slate-light))]',\n  azure: 'bg-[var(--gr-azure-light)] text-[var(--gr-azure-text)] border-[color-mix(in_srgb,var(--gr-azure)_30%,var(--gr-azure-light))]',\n}\n/**\n * Заливка filled-бейджа идёт через покомпонентный слой `--gr-badge-{tone}-*`, а\n * не напрямую из роли тона, потому что нужный вес у тем разный.\n *\n * В светлой теме `--gr-{tone}` — это яркая заливка под **тёмный** текст (`-fg`\n * там обязан быть тёмным: белый на `--gr-success` даёт 2.54:1), и filled-бейдж\n * читался как тяжёлая почти чёрная плашка. Слой уводит его на `-solid`/`-solid-fg`\n * — заливку кнопочного веса под светлый текст, ту же, что у solid-кнопок.\n * В тёмной теме пастельная заливка с тёмным текстом — штатная конвенция, и слой\n * оставляет прежние роли. Значения — `themes/{light,dark}.css`.\n */\nexport const darkToneClassByTone: Record<GrBadgeTone, string> = {\n  // Нейтральный вес — инверсия страницы, а не тон: `-solid`-роли у него нет.\n  neutral: 'bg-[var(--gr-badge-neutral-bg,var(--gr-fg))] text-[var(--gr-badge-neutral-fg,var(--gr-bg))] border-[color-mix(in_srgb,var(--gr-fg)_35%,var(--gr-brd))]',\n  primary: 'bg-[var(--gr-badge-primary-bg,var(--gr-primary-solid))] text-[var(--gr-badge-primary-fg,var(--gr-primary-solid-fg))] border-[var(--gr-badge-primary-bg,var(--gr-primary-solid))]',\n  success: 'bg-[var(--gr-badge-success-bg,var(--gr-success-solid))] text-[var(--gr-badge-success-fg,var(--gr-success-solid-fg))] border-[var(--gr-badge-success-bg,var(--gr-success-solid))]',\n  warning: 'bg-[var(--gr-badge-warning-bg,var(--gr-warning-solid))] text-[var(--gr-badge-warning-fg,var(--gr-warning-solid-fg))] border-[var(--gr-badge-warning-bg,var(--gr-warning-solid))]',\n  danger: 'bg-[var(--gr-badge-danger-bg,var(--gr-danger-solid))] text-[var(--gr-badge-danger-fg,var(--gr-danger-solid-fg))] border-[var(--gr-badge-danger-bg,var(--gr-danger-solid))]',\n  info: 'bg-[var(--gr-badge-info-bg,var(--gr-info-solid))] text-[var(--gr-badge-info-fg,var(--gr-info-solid-fg))] border-[var(--gr-badge-info-bg,var(--gr-info-solid))]',\n  slate: 'bg-[var(--gr-badge-slate-bg,var(--gr-slate-solid))] text-[var(--gr-badge-slate-fg,var(--gr-slate-solid-fg))] border-[var(--gr-badge-slate-bg,var(--gr-slate-solid))]',\n  azure: 'bg-[var(--gr-badge-azure-bg,var(--gr-azure-solid))] text-[var(--gr-badge-azure-fg,var(--gr-azure-solid-fg))] border-[var(--gr-badge-azure-bg,var(--gr-azure-solid))]',\n}\nfunction radiusClass(radius: GrBadgeRadius, size: GrBadgeSize): string {\n  if (radius === 'square') return 'rounded-[var(--gr-radius-none)]'\n  if (radius === 'semi') return semiRadiusClassBySize[size]\n  return 'rounded-[var(--gr-radius-full)]'\n}\nfunction toneClass(tone: GrBadgeTone, dark: boolean): string {\n  return dark ? darkToneClassByTone[tone] : lightToneClassByTone[tone]\n}\nexport function grBadgeClass(options: { tone: GrBadgeTone, dark: boolean, size: GrBadgeSize, radius: GrBadgeRadius }): string {\n  return [\n    radiusClass(options.radius, options.size),\n    sizeClassBySize[options.size],\n    toneClass(options.tone, options.dark),\n  ].join(' ')\n}\n"],"mappings":";AAOA,IAAa,kBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,IAAa,wBAAqD;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AACA,IAAa,uBAAoD;CAC/D,SAAS;CACT,SACE;CAIF,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;;;;;;;;;;;;AAYA,IAAa,sBAAmD;CAE9D,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,OAAO;AACT;AACA,SAAS,YAAY,QAAuB,MAA2B;CACrE,IAAI,WAAW,UAAU,OAAO;CAChC,IAAI,WAAW,QAAQ,OAAO,sBAAsB;CACpD,OAAO;AACT;AACA,SAAS,UAAU,MAAmB,MAAuB;CAC3D,OAAO,OAAO,oBAAoB,QAAQ,qBAAqB;AACjE;AACA,SAAgB,aAAa,SAAiG;CAC5H,OAAO;EACL,YAAY,QAAQ,QAAQ,QAAQ,IAAI;EACxC,gBAAgB,QAAQ;EACxB,UAAU,QAAQ,MAAM,QAAQ,IAAI;CACtC,CAAC,CAAC,KAAK,GAAG;AACZ"}