@feugene/granularity 0.12.0 → 0.16.0

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"}

package/dist/chunks/grButtonStyles-B_-YRE__.js

@@ -0,0 +1,221 @@
+//#region src/components/GrButton/grButtonStyles.ts
+var base = "inline-flex items-center justify-center gap-2 select-none whitespace-nowrap rounded-[var(--gr-button-radius,0.375rem)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed";
+/** Кнопка на всю ширину контейнера. */
+var blockClass = "w-full";
+/**
+* Отключённая кнопка гасится токенами, а не `opacity`: прозрачность разбавляет
+* выверенные на AA цвета, а кнопка чаще всего оказывается на цветной подложке,
+* где разбавленный текст проваливается первым.
+*
+* Классы применяются ВМЕСТО вариантных, а не поверх: два `bg-*` одной
+* специфичности разрулил бы порядок в сгенерированном CSS, а не порядок в
+* списке классов. Отсюда же и разбиение по вариантам: у прозрачных
+* (`outline`, `ghost`, `ghost-border`) заливки нет и в отключённом виде —
+* иначе стрелка пагинации превращалась бы в залитую плашку.
+*/
+var disabledClassByVariant = {
+	primary: "bg-[var(--gr-button-disabled-bg)] text-[var(--gr-button-disabled-fg)] border border-[var(--gr-button-disabled-brd)] cursor-not-allowed",
+	secondary: "bg-[var(--gr-button-disabled-bg)] text-[var(--gr-button-disabled-fg)] border border-[var(--gr-button-disabled-brd)] cursor-not-allowed",
+	outline: "bg-transparent text-[var(--gr-button-disabled-fg)] border border-[var(--gr-button-disabled-brd)] cursor-not-allowed",
+	ghost: "bg-transparent text-[var(--gr-button-disabled-fg)] cursor-not-allowed",
+	"ghost-border": "bg-transparent text-[var(--gr-button-disabled-fg)] border border-transparent cursor-not-allowed"
+};
+var grButtonBaseClass = base;
+var sizes = {
+	xs: "h-7 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] px-2.5",
+	sm: "h-8 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] px-3",
+	md: "h-10 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] px-4",
+	lg: "h-11 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)] px-5"
+};
+/**
+* Квадратный режим — через `--gr-button-square-size` с размерным дефолтом в
+* fallback: потребитель задаёт переменную в своём CSS и подгоняет кнопку под
+* свою сетку (приём из `GrSlider`). Размер задаётся только здесь: инлайн-стиль
+* в SFC перекрыл бы эти классы, и переменная перестала бы что-либо значить.
+*/
+var squareSizes = {
+	xs: "h-[var(--gr-button-square-size,1.75rem)] w-[var(--gr-button-square-size,1.75rem)] min-w-[var(--gr-button-square-size,1.75rem)] p-0",
+	sm: "h-[var(--gr-button-square-size,2rem)] w-[var(--gr-button-square-size,2rem)] min-w-[var(--gr-button-square-size,2rem)] p-0",
+	md: "h-[var(--gr-button-square-size,2.5rem)] w-[var(--gr-button-square-size,2.5rem)] min-w-[var(--gr-button-square-size,2.5rem)] p-0",
+	lg: "h-[var(--gr-button-square-size,2.75rem)] w-[var(--gr-button-square-size,2.75rem)] min-w-[var(--gr-button-square-size,2.75rem)] p-0"
+};
+var tones = {
+	primary: {
+		solidBackground: "var(--gr-button-primary-bg,var(--gr-primary))",
+		solidBackgroundHover: "var(--gr-button-primary-bg-hover,var(--gr-primary-hover))",
+		solidBackgroundActive: "var(--gr-button-primary-bg-active,var(--gr-primary-active))",
+		solidForeground: "var(--gr-button-primary-fg,var(--gr-primary-fg))",
+		accentText: "var(--gr-accent-fg)",
+		softBackground: "var(--gr-button-primary-soft-bg)",
+		softBackgroundHover: "var(--gr-button-primary-soft-bg-hover)",
+		softBackgroundActive: "var(--gr-button-primary-soft-bg-active)",
+		softForeground: "var(--gr-accent-fg)",
+		border: "var(--gr-primary)",
+		borderHover: "var(--gr-primary-hover)",
+		borderActive: "var(--gr-primary-active)"
+	},
+	neutral: {
+		solidBackground: "var(--gr-secondary)",
+		solidBackgroundHover: "var(--gr-secondary-hover)",
+		solidBackgroundActive: "var(--gr-secondary-active)",
+		solidForeground: "var(--gr-secondary-fg)",
+		accentText: "var(--gr-fg)",
+		softBackground: "var(--gr-secondary)",
+		softBackgroundHover: "var(--gr-secondary-hover)",
+		softBackgroundActive: "var(--gr-secondary-active)",
+		softForeground: "var(--gr-secondary-fg)",
+		border: "var(--gr-brd)",
+		borderHover: "var(--gr-brd-hover,var(--gr-brd))",
+		borderActive: "var(--gr-brd-active,var(--gr-brd))"
+	},
+	success: {
+		solidBackground: "var(--gr-button-success-bg,var(--gr-success))",
+		solidBackgroundHover: "var(--gr-button-success-bg-hover,var(--gr-success-hover))",
+		solidBackgroundActive: "var(--gr-button-success-bg-active,var(--gr-success-active))",
+		solidForeground: "var(--gr-button-success-fg,var(--gr-success-fg,var(--gr-fg)))",
+		accentText: "var(--gr-success-text,var(--gr-success))",
+		softBackground: "var(--gr-button-success-soft-bg)",
+		softBackgroundHover: "var(--gr-button-success-soft-bg-hover)",
+		softBackgroundActive: "var(--gr-button-success-soft-bg-active)",
+		softForeground: "var(--gr-success-text,var(--gr-success))",
+		border: "var(--gr-success)",
+		borderHover: "var(--gr-success-hover)",
+		borderActive: "var(--gr-success-active)"
+	},
+	warning: {
+		solidBackground: "var(--gr-button-warning-bg,var(--gr-warning))",
+		solidBackgroundHover: "var(--gr-button-warning-bg-hover,var(--gr-warning-hover))",
+		solidBackgroundActive: "var(--gr-button-warning-bg-active,var(--gr-warning-active))",
+		solidForeground: "var(--gr-button-warning-fg,var(--gr-warning-fg,var(--gr-fg)))",
+		accentText: "var(--gr-warning-text,var(--gr-warning))",
+		softBackground: "var(--gr-button-warning-soft-bg)",
+		softBackgroundHover: "var(--gr-button-warning-soft-bg-hover)",
+		softBackgroundActive: "var(--gr-button-warning-soft-bg-active)",
+		softForeground: "var(--gr-warning-text,var(--gr-warning))",
+		border: "var(--gr-warning)",
+		borderHover: "var(--gr-warning-hover)",
+		borderActive: "var(--gr-warning-active)"
+	},
+	danger: {
+		solidBackground: "var(--gr-button-danger-bg,var(--gr-danger))",
+		solidBackgroundHover: "var(--gr-button-danger-bg-hover,var(--gr-danger-hover))",
+		solidBackgroundActive: "var(--gr-button-danger-bg-active,var(--gr-danger-active))",
+		solidForeground: "var(--gr-button-danger-fg,var(--gr-danger-fg,var(--gr-fg)))",
+		accentText: "var(--gr-danger-text,var(--gr-danger))",
+		softBackground: "var(--gr-button-danger-soft-bg)",
+		softBackgroundHover: "var(--gr-button-danger-soft-bg-hover)",
+		softBackgroundActive: "var(--gr-button-danger-soft-bg-active)",
+		softForeground: "var(--gr-danger-text,var(--gr-danger))",
+		border: "var(--gr-danger)",
+		borderHover: "var(--gr-danger-hover)",
+		borderActive: "var(--gr-danger-active)"
+	},
+	info: {
+		solidBackground: "var(--gr-button-info-bg,var(--gr-info))",
+		solidBackgroundHover: "var(--gr-button-info-bg-hover,var(--gr-info-hover))",
+		solidBackgroundActive: "var(--gr-button-info-bg-active,var(--gr-info-active))",
+		solidForeground: "var(--gr-button-info-fg,var(--gr-info-fg,var(--gr-fg)))",
+		accentText: "var(--gr-info-text,var(--gr-info))",
+		softBackground: "var(--gr-button-info-soft-bg)",
+		softBackgroundHover: "var(--gr-button-info-soft-bg-hover)",
+		softBackgroundActive: "var(--gr-button-info-soft-bg-active)",
+		softForeground: "var(--gr-info-text,var(--gr-info))",
+		border: "var(--gr-info)",
+		borderHover: "var(--gr-info-hover)",
+		borderActive: "var(--gr-info-active)"
+	},
+	slate: {
+		solidBackground: "var(--gr-button-slate-bg,var(--gr-slate))",
+		solidBackgroundHover: "var(--gr-button-slate-bg-hover,var(--gr-slate-hover))",
+		solidBackgroundActive: "var(--gr-button-slate-bg-active,var(--gr-slate-active))",
+		solidForeground: "var(--gr-button-slate-fg,var(--gr-slate-fg,var(--gr-fg)))",
+		accentText: "var(--gr-slate-text,var(--gr-slate))",
+		softBackground: "var(--gr-button-slate-soft-bg)",
+		softBackgroundHover: "var(--gr-button-slate-soft-bg-hover)",
+		softBackgroundActive: "var(--gr-button-slate-soft-bg-active)",
+		softForeground: "var(--gr-slate-text,var(--gr-slate))",
+		border: "var(--gr-slate)",
+		borderHover: "var(--gr-slate-hover)",
+		borderActive: "var(--gr-slate-active)"
+	},
+	azure: {
+		solidBackground: "var(--gr-button-azure-bg,var(--gr-azure))",
+		solidBackgroundHover: "var(--gr-button-azure-bg-hover,var(--gr-azure-hover))",
+		solidBackgroundActive: "var(--gr-button-azure-bg-active,var(--gr-azure-active))",
+		solidForeground: "var(--gr-button-azure-fg,var(--gr-azure-fg,var(--gr-fg)))",
+		accentText: "var(--gr-azure-text,var(--gr-azure))",
+		softBackground: "var(--gr-button-azure-soft-bg)",
+		softBackgroundHover: "var(--gr-button-azure-soft-bg-hover)",
+		softBackgroundActive: "var(--gr-button-azure-soft-bg-active)",
+		softForeground: "var(--gr-azure-text,var(--gr-azure))",
+		border: "var(--gr-azure)",
+		borderHover: "var(--gr-azure-hover)",
+		borderActive: "var(--gr-azure-active)"
+	}
+};
+function withVar(token) {
+	return `[${token}]`;
+}
+function variantClass(variant, tone) {
+	const tokens = tones[tone];
+	if (variant === "primary") return [
+		`bg-${withVar(tokens.solidBackground)}`,
+		`text-${withVar(tokens.solidForeground)}`,
+		`border border-${withVar(tokens.solidBackground)}`,
+		`hover:bg-${withVar(tokens.solidBackgroundHover)}`,
+		`hover:border-${withVar(tokens.solidBackgroundHover)}`,
+		`active:bg-${withVar(tokens.solidBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.solidBackgroundActive)}`,
+		`active:border-${withVar(tokens.solidBackgroundActive)}`,
+		`hover:active:border-${withVar(tokens.solidBackgroundActive)}`
+	].join(" ");
+	if (variant === "secondary") return [
+		`bg-${withVar(tokens.softBackground)}`,
+		`text-${withVar(tokens.softForeground)}`,
+		`border border-${withVar(tokens.border)}`,
+		`hover:bg-${withVar(tokens.softBackgroundHover)}`,
+		`hover:border-${withVar(tokens.borderHover)}`,
+		`active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`active:border-${withVar(tokens.borderActive)}`,
+		`hover:active:border-${withVar(tokens.borderActive)}`
+	].join(" ");
+	if (variant === "outline") return [
+		"bg-transparent",
+		`text-${withVar(tokens.accentText)}`,
+		`border border-${withVar(tokens.border)}`,
+		`hover:bg-${withVar(tokens.softBackgroundHover)}`,
+		`hover:border-${withVar(tokens.borderHover)}`,
+		`active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`active:border-${withVar(tokens.borderActive)}`,
+		`hover:active:border-${withVar(tokens.borderActive)}`
+	].join(" ");
+	if (variant === "ghost") return [
+		"bg-transparent",
+		`text-${withVar(tokens.accentText)}`,
+		`hover:bg-${withVar(tokens.softBackgroundHover)}`,
+		`active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.softBackgroundActive)}`
+	].join(" ");
+	return [
+		"bg-transparent",
+		`text-${withVar(tokens.accentText)}`,
+		"border border-transparent",
+		`hover:bg-${withVar(tokens.softBackgroundHover)}`,
+		`hover:border-${withVar(tokens.borderHover)}`,
+		`active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`hover:active:bg-${withVar(tokens.softBackgroundActive)}`,
+		`active:border-${withVar(tokens.borderActive)}`,
+		`hover:active:border-${withVar(tokens.borderActive)}`
+	].join(" ");
+}
+function grButtonClass(options) {
+	return [
+		options.square ? squareSizes[options.size] : sizes[options.size],
+		options.block ? blockClass : "",
+		options.disabled ? disabledClassByVariant[options.variant] : variantClass(options.variant, options.tone)
+	].filter(Boolean).join(" ");
+}
+//#endregion
+export { grButtonClass as a, tones as c, grButtonBaseClass as i, variantClass as l, blockClass as n, sizes as o, disabledClassByVariant as r, squareSizes as s, base as t };

package/dist/chunks/grButtonStyles-B_-YRE__.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grButtonStyles-B_-YRE__.js","names":[],"sources":["../../src/components/GrButton/grButtonStyles.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nimport type { GrTone } from '../shared/tones'\n\nexport type GrButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'ghost-border'\nexport type GrButtonTone = GrTone\nexport type GrButtonSize = GrComponentSize\n\nexport type GrButtonClassOptions = {\n  variant: GrButtonVariant\n  tone: GrButtonTone\n  size: GrButtonSize\n  square: boolean\n  /** Необязательные: `grButtonClass` — публичный хелпер, его зовёт и `GrRadio`. */\n  disabled?: boolean\n  block?: boolean\n}\n\nexport type GrButtonToneTokens = {\n  solidBackground: string\n  solidBackgroundHover: string\n  solidBackgroundActive: string\n  solidForeground: string\n  accentText: string\n  softBackground: string\n  softBackgroundHover: string\n  softBackgroundActive: string\n  softForeground: string\n  border: string\n  borderHover: string\n  borderActive: string\n}\n\nexport const base =\n  'inline-flex items-center justify-center gap-2 select-none whitespace-nowrap rounded-[var(--gr-button-radius,0.375rem)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed'\n\n/** Кнопка на всю ширину контейнера. */\nexport const blockClass = 'w-full'\n\n/**\n * Отключённая кнопка гасится токенами, а не `opacity`: прозрачность разбавляет\n * выверенные на AA цвета, а кнопка чаще всего оказывается на цветной подложке,\n * где разбавленный текст проваливается первым.\n *\n * Классы применяются ВМЕСТО вариантных, а не поверх: два `bg-*` одной\n * специфичности разрулил бы порядок в сгенерированном CSS, а не порядок в\n * списке классов. Отсюда же и разбиение по вариантам: у прозрачных\n * (`outline`, `ghost`, `ghost-border`) заливки нет и в отключённом виде —\n * иначе стрелка пагинации превращалась бы в залитую плашку.\n */\nexport const disabledClassByVariant: Record<GrButtonVariant, string> = {\n  primary: 'bg-[var(--gr-button-disabled-bg)] text-[var(--gr-button-disabled-fg)] border border-[var(--gr-button-disabled-brd)] cursor-not-allowed',\n  secondary: 'bg-[var(--gr-button-disabled-bg)] text-[var(--gr-button-disabled-fg)] border border-[var(--gr-button-disabled-brd)] cursor-not-allowed',\n  outline: 'bg-transparent text-[var(--gr-button-disabled-fg)] border border-[var(--gr-button-disabled-brd)] cursor-not-allowed',\n  ghost: 'bg-transparent text-[var(--gr-button-disabled-fg)] cursor-not-allowed',\n  'ghost-border': 'bg-transparent text-[var(--gr-button-disabled-fg)] border border-transparent cursor-not-allowed',\n}\n\nexport const grButtonBaseClass = base\n\nexport const sizes: Record<GrButtonSize, string> = {\n  xs: 'h-7 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] px-2.5',\n  sm: 'h-8 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] px-3',\n  md: 'h-10 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] px-4',\n  lg: 'h-11 text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)] px-5',\n}\n\n/**\n * Квадратный режим — через `--gr-button-square-size` с размерным дефолтом в\n * fallback: потребитель задаёт переменную в своём CSS и подгоняет кнопку под\n * свою сетку (приём из `GrSlider`). Размер задаётся только здесь: инлайн-стиль\n * в SFC перекрыл бы эти классы, и переменная перестала бы что-либо значить.\n */\nexport const squareSizes: Record<GrButtonSize, string> = {\n  xs: 'h-[var(--gr-button-square-size,1.75rem)] w-[var(--gr-button-square-size,1.75rem)] min-w-[var(--gr-button-square-size,1.75rem)] p-0',\n  sm: 'h-[var(--gr-button-square-size,2rem)] w-[var(--gr-button-square-size,2rem)] min-w-[var(--gr-button-square-size,2rem)] p-0',\n  md: 'h-[var(--gr-button-square-size,2.5rem)] w-[var(--gr-button-square-size,2.5rem)] min-w-[var(--gr-button-square-size,2.5rem)] p-0',\n  lg: 'h-[var(--gr-button-square-size,2.75rem)] w-[var(--gr-button-square-size,2.75rem)] min-w-[var(--gr-button-square-size,2.75rem)] p-0',\n}\n\nexport const tones: Record<GrButtonTone, GrButtonToneTokens> = {\n  primary: {\n    solidBackground: 'var(--gr-button-primary-bg,var(--gr-primary))',\n    solidBackgroundHover: 'var(--gr-button-primary-bg-hover,var(--gr-primary-hover))',\n    solidBackgroundActive: 'var(--gr-button-primary-bg-active,var(--gr-primary-active))',\n    solidForeground: 'var(--gr-button-primary-fg,var(--gr-primary-fg))',\n    accentText: 'var(--gr-accent-fg)',\n    softBackground: 'var(--gr-button-primary-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-primary-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-primary-soft-bg-active)',\n    softForeground: 'var(--gr-accent-fg)',\n    border: 'var(--gr-primary)',\n    borderHover: 'var(--gr-primary-hover)',\n    borderActive: 'var(--gr-primary-active)',\n  },\n  neutral: {\n    solidBackground: 'var(--gr-secondary)',\n    solidBackgroundHover: 'var(--gr-secondary-hover)',\n    solidBackgroundActive: 'var(--gr-secondary-active)',\n    solidForeground: 'var(--gr-secondary-fg)',\n    accentText: 'var(--gr-fg)',\n    softBackground: 'var(--gr-secondary)',\n    softBackgroundHover: 'var(--gr-secondary-hover)',\n    softBackgroundActive: 'var(--gr-secondary-active)',\n    softForeground: 'var(--gr-secondary-fg)',\n    border: 'var(--gr-brd)',\n    borderHover: 'var(--gr-brd-hover,var(--gr-brd))',\n    borderActive: 'var(--gr-brd-active,var(--gr-brd))',\n  },\n  success: {\n    solidBackground: 'var(--gr-button-success-bg,var(--gr-success))',\n    solidBackgroundHover: 'var(--gr-button-success-bg-hover,var(--gr-success-hover))',\n    solidBackgroundActive: 'var(--gr-button-success-bg-active,var(--gr-success-active))',\n    solidForeground: 'var(--gr-button-success-fg,var(--gr-success-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-success-text,var(--gr-success))',\n    softBackground: 'var(--gr-button-success-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-success-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-success-soft-bg-active)',\n    softForeground: 'var(--gr-success-text,var(--gr-success))',\n    border: 'var(--gr-success)',\n    borderHover: 'var(--gr-success-hover)',\n    borderActive: 'var(--gr-success-active)',\n  },\n  warning: {\n    solidBackground: 'var(--gr-button-warning-bg,var(--gr-warning))',\n    solidBackgroundHover: 'var(--gr-button-warning-bg-hover,var(--gr-warning-hover))',\n    solidBackgroundActive: 'var(--gr-button-warning-bg-active,var(--gr-warning-active))',\n    solidForeground: 'var(--gr-button-warning-fg,var(--gr-warning-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-warning-text,var(--gr-warning))',\n    softBackground: 'var(--gr-button-warning-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-warning-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-warning-soft-bg-active)',\n    softForeground: 'var(--gr-warning-text,var(--gr-warning))',\n    border: 'var(--gr-warning)',\n    borderHover: 'var(--gr-warning-hover)',\n    borderActive: 'var(--gr-warning-active)',\n  },\n  danger: {\n    solidBackground: 'var(--gr-button-danger-bg,var(--gr-danger))',\n    solidBackgroundHover: 'var(--gr-button-danger-bg-hover,var(--gr-danger-hover))',\n    solidBackgroundActive: 'var(--gr-button-danger-bg-active,var(--gr-danger-active))',\n    solidForeground: 'var(--gr-button-danger-fg,var(--gr-danger-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-danger-text,var(--gr-danger))',\n    softBackground: 'var(--gr-button-danger-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-danger-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-danger-soft-bg-active)',\n    softForeground: 'var(--gr-danger-text,var(--gr-danger))',\n    border: 'var(--gr-danger)',\n    borderHover: 'var(--gr-danger-hover)',\n    borderActive: 'var(--gr-danger-active)',\n  },\n  info: {\n    solidBackground: 'var(--gr-button-info-bg,var(--gr-info))',\n    solidBackgroundHover: 'var(--gr-button-info-bg-hover,var(--gr-info-hover))',\n    solidBackgroundActive: 'var(--gr-button-info-bg-active,var(--gr-info-active))',\n    solidForeground: 'var(--gr-button-info-fg,var(--gr-info-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-info-text,var(--gr-info))',\n    softBackground: 'var(--gr-button-info-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-info-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-info-soft-bg-active)',\n    softForeground: 'var(--gr-info-text,var(--gr-info))',\n    border: 'var(--gr-info)',\n    borderHover: 'var(--gr-info-hover)',\n    borderActive: 'var(--gr-info-active)',\n  },\n  slate: {\n    solidBackground: 'var(--gr-button-slate-bg,var(--gr-slate))',\n    solidBackgroundHover: 'var(--gr-button-slate-bg-hover,var(--gr-slate-hover))',\n    solidBackgroundActive: 'var(--gr-button-slate-bg-active,var(--gr-slate-active))',\n    solidForeground: 'var(--gr-button-slate-fg,var(--gr-slate-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-slate-text,var(--gr-slate))',\n    softBackground: 'var(--gr-button-slate-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-slate-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-slate-soft-bg-active)',\n    softForeground: 'var(--gr-slate-text,var(--gr-slate))',\n    border: 'var(--gr-slate)',\n    borderHover: 'var(--gr-slate-hover)',\n    borderActive: 'var(--gr-slate-active)',\n  },\n  azure: {\n    solidBackground: 'var(--gr-button-azure-bg,var(--gr-azure))',\n    solidBackgroundHover: 'var(--gr-button-azure-bg-hover,var(--gr-azure-hover))',\n    solidBackgroundActive: 'var(--gr-button-azure-bg-active,var(--gr-azure-active))',\n    solidForeground: 'var(--gr-button-azure-fg,var(--gr-azure-fg,var(--gr-fg)))',\n    accentText: 'var(--gr-azure-text,var(--gr-azure))',\n    softBackground: 'var(--gr-button-azure-soft-bg)',\n    softBackgroundHover: 'var(--gr-button-azure-soft-bg-hover)',\n    softBackgroundActive: 'var(--gr-button-azure-soft-bg-active)',\n    softForeground: 'var(--gr-azure-text,var(--gr-azure))',\n    border: 'var(--gr-azure)',\n    borderHover: 'var(--gr-azure-hover)',\n    borderActive: 'var(--gr-azure-active)',\n  },\n}\n\nfunction withVar(token: string): string {\n  return `[${token}]`\n}\n\nexport function variantClass(variant: GrButtonVariant, tone: GrButtonTone): string {\n  const tokens = tones[tone]\n\n  if (variant === 'primary') {\n    return [\n      `bg-${withVar(tokens.solidBackground)}`,\n      `text-${withVar(tokens.solidForeground)}`,\n      `border border-${withVar(tokens.solidBackground)}`,\n      `hover:bg-${withVar(tokens.solidBackgroundHover)}`,\n      `hover:border-${withVar(tokens.solidBackgroundHover)}`,\n      `active:bg-${withVar(tokens.solidBackgroundActive)}`,\n      `hover:active:bg-${withVar(tokens.solidBackgroundActive)}`,\n      `active:border-${withVar(tokens.solidBackgroundActive)}`,\n      `hover:active:border-${withVar(tokens.solidBackgroundActive)}`,\n    ].join(' ')\n  }\n\n  if (variant === 'secondary') {\n    return [\n      `bg-${withVar(tokens.softBackground)}`,\n      `text-${withVar(tokens.softForeground)}`,\n      `border border-${withVar(tokens.border)}`,\n      `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n      `hover:border-${withVar(tokens.borderHover)}`,\n      `active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `active:border-${withVar(tokens.borderActive)}`,\n      `hover:active:border-${withVar(tokens.borderActive)}`,\n    ].join(' ')\n  }\n\n  if (variant === 'outline') {\n    return [\n      'bg-transparent',\n      `text-${withVar(tokens.accentText)}`,\n      `border border-${withVar(tokens.border)}`,\n      `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n      `hover:border-${withVar(tokens.borderHover)}`,\n      `active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `active:border-${withVar(tokens.borderActive)}`,\n      `hover:active:border-${withVar(tokens.borderActive)}`,\n    ].join(' ')\n  }\n\n  if (variant === 'ghost') {\n    return [\n      'bg-transparent',\n      `text-${withVar(tokens.accentText)}`,\n      `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n      `active:bg-${withVar(tokens.softBackgroundActive)}`,\n      `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n    ].join(' ')\n  }\n\n  return [\n    'bg-transparent',\n    `text-${withVar(tokens.accentText)}`,\n    'border border-transparent',\n    `hover:bg-${withVar(tokens.softBackgroundHover)}`,\n    `hover:border-${withVar(tokens.borderHover)}`,\n    `active:bg-${withVar(tokens.softBackgroundActive)}`,\n    `hover:active:bg-${withVar(tokens.softBackgroundActive)}`,\n    `active:border-${withVar(tokens.borderActive)}`,\n    `hover:active:border-${withVar(tokens.borderActive)}`,\n  ].join(' ')\n}\n\nexport function grButtonClass(options: GrButtonClassOptions): string {\n  return [\n    options.square ? squareSizes[options.size] : sizes[options.size],\n    options.block ? blockClass : '',\n    // `loading` сюда не входит: у него свой спиннер, и выглядеть отключённым он\n    // не должен.\n    options.disabled ? disabledClassByVariant[options.variant] : variantClass(options.variant, options.tone),\n  ].filter(Boolean).join(' ')\n}\n"],"mappings":"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"}

package/dist/chunks/grCheckboxStyles-hOAgURZG.js

@@ -0,0 +1,82 @@
+//#region src/components/GrCheckbox/grCheckboxStyles.ts
+var rootBase = "inline-flex items-center select-none";
+var rootGaps = {
+	xs: "gap-1.5",
+	sm: "gap-1.5",
+	md: "gap-2",
+	lg: "gap-2"
+};
+var rootDisabledClass = "cursor-not-allowed";
+var rootEnabledClass = "cursor-pointer";
+var rootLabelStartClass = "flex-row-reverse justify-end";
+var controlBase = "rounded-[var(--gr-radius-sm)] border flex items-center justify-center transition-colors duration-[var(--gr-duration-fast)] focus-visible:outline-none focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]";
+var controlSizes = {
+	xs: "h-3 w-3",
+	sm: "h-3.5 w-3.5",
+	md: "h-4 w-4",
+	lg: "h-5 w-5"
+};
+var controlCheckedClass = "border-[var(--gr-primary)] bg-[var(--gr-primary)]";
+var controlUncheckedClass = "border-[var(--gr-brd)] bg-[var(--gr-bg)]";
+var controlInvalidCheckedClass = "border-[var(--gr-danger)] bg-[var(--gr-danger)]";
+var controlInvalidUncheckedClass = "border-[var(--gr-danger)] bg-[var(--gr-bg)]";
+var controlDisabledCheckedClass = "border-[var(--gr-muted-fg)] bg-[var(--gr-muted-fg)]";
+var controlDisabledUncheckedClass = "border-[var(--gr-brd)] bg-[var(--gr-muted)]";
+var iconBase = "gr-checkbox-icon";
+var iconColorClass = "text-[var(--gr-primary-fg)]";
+var iconSizes = {
+	xs: "h-2.5 w-2.5",
+	sm: "h-3 w-3",
+	md: "h-3.5 w-3.5",
+	lg: "h-4 w-4"
+};
+var iconCheckTransitionClass = "transition-transform transition-opacity duration-[var(--gr-duration-fast)]";
+var iconCheckVisibleClass = "opacity-100 scale-100 text-[var(--gr-primary-fg)]";
+var iconCheckHiddenClass = "opacity-0 scale-75 text-transparent";
+var labelBase = "text-[var(--gr-muted-fg)]";
+var labelSizes = {
+	xs: "text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]",
+	sm: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	md: "text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]",
+	lg: "text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]"
+};
+function grCheckboxRootClass(options) {
+	return [
+		rootBase,
+		rootGaps[options.size],
+		options.disabled ? rootDisabledClass : rootEnabledClass,
+		options.labelPosition === "start" ? rootLabelStartClass : ""
+	].filter(Boolean).join(" ");
+}
+function grCheckboxControlClass(options) {
+	return [
+		controlBase,
+		controlSizes[options.size],
+		grCheckboxControlStateClass(options)
+	].join(" ");
+}
+function grCheckboxControlStateClass(options) {
+	if (options.disabled) return options.active ? controlDisabledCheckedClass : controlDisabledUncheckedClass;
+	if (options.invalid) return options.active ? controlInvalidCheckedClass : controlInvalidUncheckedClass;
+	return options.active ? controlCheckedClass : controlUncheckedClass;
+}
+function grCheckboxIndeterminateIconClass(size) {
+	return [
+		iconBase,
+		iconSizes[size],
+		iconColorClass
+	].join(" ");
+}
+function grCheckboxCheckIconClass(options) {
+	return [
+		iconBase,
+		iconSizes[options.size],
+		iconCheckTransitionClass,
+		options.checked ? iconCheckVisibleClass : iconCheckHiddenClass
+	].join(" ");
+}
+function grCheckboxLabelClass(size) {
+	return [labelBase, labelSizes[size]].join(" ");
+}
+//#endregion
+export { rootEnabledClass as C, rootDisabledClass as S, rootLabelStartClass as T, iconColorClass as _, controlInvalidCheckedClass as a, labelSizes as b, controlUncheckedClass as c, grCheckboxIndeterminateIconClass as d, grCheckboxLabelClass as f, iconCheckVisibleClass as g, iconCheckTransitionClass as h, controlDisabledUncheckedClass as i, grCheckboxCheckIconClass as l, iconCheckHiddenClass as m, controlCheckedClass as n, controlInvalidUncheckedClass as o, grCheckboxRootClass as p, controlDisabledCheckedClass as r, controlSizes as s, controlBase as t, grCheckboxControlClass as u, iconSizes as v, rootGaps as w, rootBase as x, labelBase as y };

package/dist/chunks/grCheckboxStyles-hOAgURZG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grCheckboxStyles-hOAgURZG.js","names":[],"sources":["../../src/components/GrCheckbox/grCheckboxStyles.ts"],"sourcesContent":["import type { GrButtonSize } from '../GrButton/grButtonStyles'\n\n/** Размерная шкала общая с формным рядом (`GrRadio`, `GrInput`, `GrButton`). */\nexport type GrCheckboxSize = GrButtonSize\n\n/** Сторона подписи относительно контрола — логическая, не физическая (RTL). */\nexport const GR_CHECKBOX_LABEL_POSITIONS = ['start', 'end'] as const\nexport type GrCheckboxLabelPosition = typeof GR_CHECKBOX_LABEL_POSITIONS[number]\n\nexport const rootBase = 'inline-flex items-center select-none'\n\nexport const rootGaps: Record<GrCheckboxSize, string> = {\n  xs: 'gap-1.5',\n  sm: 'gap-1.5',\n  md: 'gap-2',\n  lg: 'gap-2',\n}\n\nexport const rootDisabledClass = 'cursor-not-allowed'\nexport const rootEnabledClass = 'cursor-pointer'\n\n// Подпись слева от контрола — порядком флекса, а не физическими отступами.\n// `justify-end` обязателен: в `row-reverse` главная ось идёт справа налево, и\n// без него растянутая строка (внутри `grid`/`w-full`) прижалась бы к правому краю.\nexport const rootLabelStartClass = 'flex-row-reverse justify-end'\n\nexport const controlBase = 'rounded-[var(--gr-radius-sm)] border flex items-center justify-center transition-colors duration-[var(--gr-duration-fast)] focus-visible:outline-none focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]'\n\nexport const controlSizes: Record<GrCheckboxSize, string> = {\n  xs: 'h-3 w-3',\n  sm: 'h-3.5 w-3.5',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n}\n\nexport const controlCheckedClass = 'border-[var(--gr-primary)] bg-[var(--gr-primary)]'\nexport const controlUncheckedClass = 'border-[var(--gr-brd)] bg-[var(--gr-bg)]'\nexport const controlInvalidCheckedClass = 'border-[var(--gr-danger)] bg-[var(--gr-danger)]'\nexport const controlInvalidUncheckedClass = 'border-[var(--gr-danger)] bg-[var(--gr-bg)]'\n\n// Disabled показываем фоном, а не `opacity`: прозрачность разбавляет выверенные\n// на AA токены и роняет контраст галочки на заливке.\nexport const controlDisabledCheckedClass = 'border-[var(--gr-muted-fg)] bg-[var(--gr-muted-fg)]'\nexport const controlDisabledUncheckedClass = 'border-[var(--gr-brd)] bg-[var(--gr-muted)]'\n\n// Цвет задаётся состоянием, а не базой: `text-transparent` и `text-[var(--gr-primary-fg)]`\n// генерируют одно и то же свойство, и победит не тот, кто правее в атрибуте, а тот,\n// кто ниже в сгенерированном CSS. Держим их взаимоисключающими.\nexport const iconBase = 'gr-checkbox-icon'\nexport const iconColorClass = 'text-[var(--gr-primary-fg)]'\n\nexport const iconSizes: Record<GrCheckboxSize, string> = {\n  xs: 'h-2.5 w-2.5',\n  sm: 'h-3 w-3',\n  md: 'h-3.5 w-3.5',\n  lg: 'h-4 w-4',\n}\n\n// Галочка «проявляется» анимацией, поэтому у неё есть состояние, а у тире — нет.\nexport const iconCheckTransitionClass = 'transition-transform transition-opacity duration-[var(--gr-duration-fast)]'\nexport const iconCheckVisibleClass = 'opacity-100 scale-100 text-[var(--gr-primary-fg)]'\nexport const iconCheckHiddenClass = 'opacity-0 scale-75 text-transparent'\n\nexport const labelBase = 'text-[var(--gr-muted-fg)]'\n\nexport const labelSizes: Record<GrCheckboxSize, string> = {\n  xs: 'text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)]',\n  sm: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  md: 'text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]',\n  lg: 'text-[length:var(--gr-text-base)] leading-[var(--gr-leading-base)]',\n}\n\nexport function grCheckboxRootClass(options: {\n  size: GrCheckboxSize\n  disabled: boolean\n  labelPosition: GrCheckboxLabelPosition\n}): string {\n  return [\n    rootBase,\n    rootGaps[options.size],\n    options.disabled ? rootDisabledClass : rootEnabledClass,\n    options.labelPosition === 'start' ? rootLabelStartClass : '',\n  ].filter(Boolean).join(' ')\n}\n\n// Порядок состояний — приоритет: недоступный контрол не показывает ни ошибку,\n// ни акцент, иначе «выключено» читается как «требует внимания».\nexport function grCheckboxControlClass(options: {\n  size: GrCheckboxSize\n  active: boolean\n  disabled?: boolean\n  invalid?: boolean\n}): string {\n  return [\n    controlBase,\n    controlSizes[options.size],\n    grCheckboxControlStateClass(options),\n  ].join(' ')\n}\n\nfunction grCheckboxControlStateClass(options: { active: boolean, disabled?: boolean, invalid?: boolean }): string {\n  if (options.disabled)\n    return options.active ? controlDisabledCheckedClass : controlDisabledUncheckedClass\n\n  if (options.invalid)\n    return options.active ? controlInvalidCheckedClass : controlInvalidUncheckedClass\n\n  return options.active ? controlCheckedClass : controlUncheckedClass\n}\n\nexport function grCheckboxIndeterminateIconClass(size: GrCheckboxSize): string {\n  return [iconBase, iconSizes[size], iconColorClass].join(' ')\n}\n\nexport function grCheckboxCheckIconClass(options: { size: GrCheckboxSize, checked: boolean }): string {\n  return [\n    iconBase,\n    iconSizes[options.size],\n    iconCheckTransitionClass,\n    options.checked ? iconCheckVisibleClass : iconCheckHiddenClass,\n  ].join(' ')\n}\n\nexport function grCheckboxLabelClass(size: GrCheckboxSize): string {\n  return [labelBase, labelSizes[size]].join(' ')\n}\n"],"mappings":";AASA,IAAa,WAAW;AAExB,IAAa,WAA2C;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,oBAAoB;AACjC,IAAa,mBAAmB;AAKhC,IAAa,sBAAsB;AAEnC,IAAa,cAAc;AAE3B,IAAa,eAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,sBAAsB;AACnC,IAAa,wBAAwB;AACrC,IAAa,6BAA6B;AAC1C,IAAa,+BAA+B;AAI5C,IAAa,8BAA8B;AAC3C,IAAa,gCAAgC;AAK7C,IAAa,WAAW;AACxB,IAAa,iBAAiB;AAE9B,IAAa,YAA4C;CACvD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAGA,IAAa,2BAA2B;AACxC,IAAa,wBAAwB;AACrC,IAAa,uBAAuB;AAEpC,IAAa,YAAY;AAEzB,IAAa,aAA6C;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,oBAAoB,SAIzB;CACT,OAAO;EACL;EACA,SAAS,QAAQ;EACjB,QAAQ,WAAW,oBAAoB;EACvC,QAAQ,kBAAkB,UAAU,sBAAsB;CAC5D,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5B;AAIA,SAAgB,uBAAuB,SAK5B;CACT,OAAO;EACL;EACA,aAAa,QAAQ;EACrB,4BAA4B,OAAO;CACrC,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAS,4BAA4B,SAA6E;CAChH,IAAI,QAAQ,UACV,OAAO,QAAQ,SAAS,8BAA8B;CAExD,IAAI,QAAQ,SACV,OAAO,QAAQ,SAAS,6BAA6B;CAEvD,OAAO,QAAQ,SAAS,sBAAsB;AAChD;AAEA,SAAgB,iCAAiC,MAA8B;CAC7E,OAAO;EAAC;EAAU,UAAU;EAAO;CAAc,CAAC,CAAC,KAAK,GAAG;AAC7D;AAEA,SAAgB,yBAAyB,SAA6D;CACpG,OAAO;EACL;EACA,UAAU,QAAQ;EAClB;EACA,QAAQ,UAAU,wBAAwB;CAC5C,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,SAAgB,qBAAqB,MAA8B;CACjE,OAAO,CAAC,WAAW,WAAW,KAAK,CAAC,CAAC,KAAK,GAAG;AAC/C"}

package/dist/chunks/grDropdownStyles-V7TRiCXn.js

@@ -0,0 +1,24 @@
+//#region src/components/GrDropdown/grDropdownStyles.ts
+var originClassByPlacement = {
+	"bottom-start": "origin-top-left",
+	"bottom-end": "origin-top-right",
+	"bottom": "origin-top",
+	"top-start": "origin-bottom-left",
+	"top-end": "origin-bottom-right",
+	"top": "origin-bottom",
+	"left-start": "origin-top-right",
+	"left-end": "origin-bottom-right",
+	"left": "origin-right",
+	"right-start": "origin-top-left",
+	"right-end": "origin-bottom-left",
+	"right": "origin-left"
+};
+function grDropdownOriginClass(placement) {
+	return originClassByPlacement[placement] ?? "origin-top";
+}
+var dropdownContentBaseClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] p-1";
+function grDropdownContentClass(contentClass) {
+	return [dropdownContentBaseClass, contentClass].filter(Boolean).join(" ");
+}
+//#endregion
+export { originClassByPlacement as i, grDropdownContentClass as n, grDropdownOriginClass as r, dropdownContentBaseClass as t };