@feugene/granularity 0.10.0 → 0.12.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/components/GrDialogService/store.ts","../src/components/GrDialogService/GrDialogServiceHost.vue","../src/components/GrDialogService/GrDialogServiceHost.vue","../src/components/GrDialogService/useDialogService.ts","../src/components/GrDialogService/config.ts","../src/components/shared/tones.ts"],"sourcesContent":["import { reactive } from 'vue'\n\nimport type {\n  DialogBaseOptions,\n  DialogKind,\n  DialogOnConfirm,\n  DialogResult,\n} from './types'\n\n/**\n * Внутреннее описание одного запроса диалога в очереди. Создаётся методами\n * сервиса (`confirm`/`alert`/`prompt`/`open`) и потребляется хостом\n * (`GrDialogServiceHost`), который рендерит «голову» очереди (FIFO).\n */\nexport interface DialogRequest {\n  id: string\n  kind: DialogKind\n  message: string\n  options: DialogBaseOptions\n  onConfirm?: DialogOnConfirm<any>\n  /** Резолвит промис вызова детальным результатом `{ action, value }`. */\n  resolve: (result: DialogResult<any>) => void\n}\n\n/**\n * Модульный синглтон очереди диалогов: единый источник правды для всех\n * вызовов сервиса. Хост-компонент рендерит только `queue[0]` — это\n * сериализует диалоги (FIFO) и исключает конкуренцию за фокус-трап.\n */\nexport const dialogQueue = reactive<DialogRequest[]>([])\n\nlet counter = 0\n\nexport function makeDialogId(): string {\n  counter += 1\n  return `gr-dialog-${Date.now()}-${counter}`\n}\n","<script setup lang=\"ts\">\n/**\n * GrDialogServiceHost — внутренний компонент-оркестратор императивного\n * `useDialogService`. Не предназначен для прямого использования в шаблонах.\n *\n * Рендерит «голову» очереди `dialogQueue` (FIFO-сериализация), переиспользуя\n * декларативные `GrConfirmDialog`/`GrPromptDialog`. Управляет состоянием\n * загрузки и ошибок во время async-`onConfirm`, прогоняя «сырые» ответы\n * сервера через цепочку парсеров `GrResponseErrorBanner`.\n */\nimport { computed, nextTick, onBeforeUnmount, ref, shallowRef, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrConfirmDialog from '../GrConfirmDialog/GrConfirmDialog.vue'\nimport GrPromptDialog from '../GrPromptDialog/GrPromptDialog.vue'\nimport {\n  coreResponseErrorParsers,\n  createResponseErrorClassifier,\n  responseErrorParserPresets,\n} from '../GrResponseErrorBanner'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nimport { dialogQueue } from './store'\nimport type { DialogRequest } from './store'\nimport type { DialogCloseAction, DialogConfirmContext } from './types'\n\nconst active = computed<DialogRequest | null>(() => dialogQueue[0] ?? null)\n\nconst open = ref(false)\nconst loading = ref(false)\nconst currentError = shallowRef<ResponseErrorInfo | null>(null)\nconst fieldError = ref<string | null>(null)\nconst promptValue = ref('')\n\nlet controller: AbortController | null = null\nlet finishing = false\nlet externalAbortCleanup: (() => void) | null = null\n\nfunction resetState(): void {\n  loading.value = false\n  currentError.value = null\n  fieldError.value = null\n  finishing = false\n}\n\nfunction buildClassifier(req: DialogRequest) {\n  const opts = req.options\n  const parsers = typeof opts.errorParsers === 'function'\n    ? opts.errorParsers(responseErrorParserPresets)\n    : opts.errorParsers ?? coreResponseErrorParsers\n\n  return createResponseErrorClassifier({\n    parsers,\n    texts: opts.errorTexts,\n    messageKey: opts.errorMessageKey,\n  })\n}\n\nwatch(\n  () => active.value?.id,\n  (id) => {\n    cleanupExternalAbort()\n    resetState()\n\n    const req = active.value\n    if (!req || !id) {\n      open.value = false\n      return\n    }\n\n    promptValue.value = req.options && 'value' in req.options\n      ? ((req.options as { value?: string }).value ?? '')\n      : ''\n\n    controller = new AbortController()\n\n    // Внешний AbortSignal закрывает диалог как `close`.\n    const sig = req.options.signal\n    if (sig) {\n      if (sig.aborted) {\n        finish('close')\n        return\n      }\n      const onAbort = () => finish('close')\n      sig.addEventListener('abort', onAbort)\n      externalAbortCleanup = () => sig.removeEventListener('abort', onAbort)\n    }\n\n    void nextTick(() => {\n      open.value = true\n    })\n  },\n)\n\nfunction cleanupExternalAbort(): void {\n  externalAbortCleanup?.()\n  externalAbortCleanup = null\n}\n\nfunction finish(action: DialogCloseAction, value?: unknown): void {\n  const req = active.value\n  if (!req || finishing) return\n  finishing = true\n\n  open.value = false\n  controller?.abort()\n  controller = null\n  cleanupExternalAbort()\n\n  req.resolve({ action, value })\n\n  // Снимаем «голову» очереди на следующем тике — watch откроет следующий диалог.\n  void nextTick(() => {\n    const index = dialogQueue.findIndex(item => item.id === req.id)\n    if (index >= 0) dialogQueue.splice(index, 1)\n  })\n}\n\nfunction buildContext(req: DialogRequest, value: unknown): DialogConfirmContext<any> & { _errorSet: () => boolean } {\n  let errorSet = false\n\n  const setError = (message: string | null): void => {\n    if (message == null) {\n      currentError.value = null\n      return\n    }\n    errorSet = true\n    currentError.value = { kind: 'unknown', message, raw: message }\n  }\n\n  const setFieldError = (field: string, message: string | null): void => {\n    if (message == null) {\n      fieldError.value = null\n      return\n    }\n    errorSet = true\n    fieldError.value = message\n  }\n\n  const clearErrors = (): void => {\n    currentError.value = null\n    fieldError.value = null\n  }\n\n  const setRawError = async (raw: unknown, meta?: Record<string, unknown>): Promise<ResponseErrorInfo | null> => {\n    const info = await buildClassifier(req)(raw, meta)\n    if (req.kind === 'prompt' && info.fieldErrors?.length) {\n      const match = info.fieldErrors.find(f => f.field === 'value') ?? info.fieldErrors[0]\n      fieldError.value = match.messages.join(' ')\n    }\n    currentError.value = info\n    errorSet = true\n    return info\n  }\n\n  return {\n    value,\n    signal: controller!.signal,\n    setError,\n    setRawError,\n    setFieldError,\n    clearErrors,\n    setLoading: (v: boolean) => { loading.value = v },\n    close: (action: DialogCloseAction = 'close') => finish(action),\n    _errorSet: () => errorSet,\n  }\n}\n\nasync function handleConfirm(): Promise<void> {\n  const req = active.value\n  if (!req) return\n\n  const value = req.kind === 'prompt' ? promptValue.value : undefined\n\n  if (!req.onConfirm) {\n    finish('confirm', value)\n    return\n  }\n\n  currentError.value = null\n  fieldError.value = null\n  loading.value = true\n\n  const ctx = buildContext(req, value)\n\n  try {\n    const result = await req.onConfirm(ctx)\n    loading.value = false\n    if (finishing) return // ctx.close уже завершил диалог\n    if (result === false) return // оставить открытым без ошибки\n    if (currentError.value || fieldError.value || ctx._errorSet()) return // есть ошибка — не закрывать\n    finish('confirm', value)\n  }\n  catch (error) {\n    loading.value = false\n    if (finishing) return\n    if (!ctx._errorSet()) await ctx.setRawError(error)\n    // оставить диалог открытым с показанной ошибкой\n  }\n}\n\nfunction handleCancel(): void {\n  finish('cancel')\n}\n\nfunction handleModelUpdate(value: boolean): void {\n  if (!value) finish('close')\n}\n\nonBeforeUnmount(() => {\n  cleanupExternalAbort()\n  controller?.abort()\n})\n\n// Прокидываемые в дочерний диалог общие пропы.\nconst sharedProps = computed(() => {\n  const o = active.value?.options ?? {}\n  return {\n    title: o.title,\n    size: o.size,\n    closeOnBackdrop: o.closeOnBackdrop,\n    closeOnEsc: o.closeOnEsc,\n    showHeader: o.showHeader,\n    showCloseButton: o.showCloseButton,\n    headerConfig: o.headerConfig,\n    footerConfig: o.footerConfig,\n    bodyConfig: o.bodyConfig,\n    closeLabel: o.closeLabel,\n    buttonSize: o.buttonSize,\n    confirmText: o.confirmText,\n    confirmVariant: o.confirmVariant,\n    confirmTone: o.confirmTone,\n  }\n})\n</script>\n\n<template>\n  <template v-if=\"active\">\n    <!-- prompt -->\n    <GrPromptDialog\n      v-if=\"active.kind === 'prompt'\"\n      v-bind=\"sharedProps\"\n      v-model:value=\"promptValue\"\n      :model-value=\"open\"\n      :description=\"active.options.message ?? active.options.description\"\n      :label=\"(active.options as any).label\"\n      :placeholder=\"(active.options as any).placeholder\"\n      :required=\"(active.options as any).required ?? false\"\n      :required-error-text=\"(active.options as any).requiredErrorText\"\n      :cancel-text=\"(active.options as any).cancelText\"\n      :error=\"currentError\"\n      :field-error=\"fieldError\"\n      :confirm-loading=\"loading\"\n      :close-on-confirm=\"false\"\n      @update:model-value=\"handleModelUpdate\"\n      @confirm=\"handleConfirm\"\n      @cancel=\"handleCancel\"\n    />\n\n    <!-- alert: confirm-диалог без кнопки Cancel -->\n    <GrConfirmDialog\n      v-else-if=\"active.kind === 'alert'\"\n      :model-value=\"open\"\n      v-bind=\"sharedProps\"\n      :description=\"active.options.message ?? active.options.description\"\n      :error=\"currentError\"\n      :confirm-loading=\"loading\"\n      :close-on-confirm=\"false\"\n      @update:model-value=\"handleModelUpdate\"\n      @confirm=\"handleConfirm\"\n    >\n      <template #footer>\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton\n            data-testid=\"ds-alert-confirm\"\n            :variant=\"sharedProps.confirmVariant ?? 'primary'\"\n            :tone=\"sharedProps.confirmTone ?? 'primary'\"\n            :size=\"sharedProps.buttonSize\"\n            :loading=\"loading\"\n            @click=\"handleConfirm\"\n          >\n            {{ sharedProps.confirmText ?? 'OK' }}\n          </GrButton>\n        </div>\n      </template>\n    </GrConfirmDialog>\n\n    <!-- confirm -->\n    <GrConfirmDialog\n      v-else\n      :model-value=\"open\"\n      v-bind=\"sharedProps\"\n      :description=\"active.options.message ?? active.options.description\"\n      :cancel-text=\"(active.options as any).cancelText\"\n      :error=\"currentError\"\n      :confirm-loading=\"loading\"\n      :close-on-confirm=\"false\"\n      @update:model-value=\"handleModelUpdate\"\n      @confirm=\"handleConfirm\"\n      @cancel=\"handleCancel\"\n    />\n  </template>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialogServiceHost — внутренний компонент-оркестратор императивного\n * `useDialogService`. Не предназначен для прямого использования в шаблонах.\n *\n * Рендерит «голову» очереди `dialogQueue` (FIFO-сериализация), переиспользуя\n * декларативные `GrConfirmDialog`/`GrPromptDialog`. Управляет состоянием\n * загрузки и ошибок во время async-`onConfirm`, прогоняя «сырые» ответы\n * сервера через цепочку парсеров `GrResponseErrorBanner`.\n */\nimport { computed, nextTick, onBeforeUnmount, ref, shallowRef, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrConfirmDialog from '../GrConfirmDialog/GrConfirmDialog.vue'\nimport GrPromptDialog from '../GrPromptDialog/GrPromptDialog.vue'\nimport {\n  coreResponseErrorParsers,\n  createResponseErrorClassifier,\n  responseErrorParserPresets,\n} from '../GrResponseErrorBanner'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nimport { dialogQueue } from './store'\nimport type { DialogRequest } from './store'\nimport type { DialogCloseAction, DialogConfirmContext } from './types'\n\nconst active = computed<DialogRequest | null>(() => dialogQueue[0] ?? null)\n\nconst open = ref(false)\nconst loading = ref(false)\nconst currentError = shallowRef<ResponseErrorInfo | null>(null)\nconst fieldError = ref<string | null>(null)\nconst promptValue = ref('')\n\nlet controller: AbortController | null = null\nlet finishing = false\nlet externalAbortCleanup: (() => void) | null = null\n\nfunction resetState(): void {\n  loading.value = false\n  currentError.value = null\n  fieldError.value = null\n  finishing = false\n}\n\nfunction buildClassifier(req: DialogRequest) {\n  const opts = req.options\n  const parsers = typeof opts.errorParsers === 'function'\n    ? opts.errorParsers(responseErrorParserPresets)\n    : opts.errorParsers ?? coreResponseErrorParsers\n\n  return createResponseErrorClassifier({\n    parsers,\n    texts: opts.errorTexts,\n    messageKey: opts.errorMessageKey,\n  })\n}\n\nwatch(\n  () => active.value?.id,\n  (id) => {\n    cleanupExternalAbort()\n    resetState()\n\n    const req = active.value\n    if (!req || !id) {\n      open.value = false\n      return\n    }\n\n    promptValue.value = req.options && 'value' in req.options\n      ? ((req.options as { value?: string }).value ?? '')\n      : ''\n\n    controller = new AbortController()\n\n    // Внешний AbortSignal закрывает диалог как `close`.\n    const sig = req.options.signal\n    if (sig) {\n      if (sig.aborted) {\n        finish('close')\n        return\n      }\n      const onAbort = () => finish('close')\n      sig.addEventListener('abort', onAbort)\n      externalAbortCleanup = () => sig.removeEventListener('abort', onAbort)\n    }\n\n    void nextTick(() => {\n      open.value = true\n    })\n  },\n)\n\nfunction cleanupExternalAbort(): void {\n  externalAbortCleanup?.()\n  externalAbortCleanup = null\n}\n\nfunction finish(action: DialogCloseAction, value?: unknown): void {\n  const req = active.value\n  if (!req || finishing) return\n  finishing = true\n\n  open.value = false\n  controller?.abort()\n  controller = null\n  cleanupExternalAbort()\n\n  req.resolve({ action, value })\n\n  // Снимаем «голову» очереди на следующем тике — watch откроет следующий диалог.\n  void nextTick(() => {\n    const index = dialogQueue.findIndex(item => item.id === req.id)\n    if (index >= 0) dialogQueue.splice(index, 1)\n  })\n}\n\nfunction buildContext(req: DialogRequest, value: unknown): DialogConfirmContext<any> & { _errorSet: () => boolean } {\n  let errorSet = false\n\n  const setError = (message: string | null): void => {\n    if (message == null) {\n      currentError.value = null\n      return\n    }\n    errorSet = true\n    currentError.value = { kind: 'unknown', message, raw: message }\n  }\n\n  const setFieldError = (field: string, message: string | null): void => {\n    if (message == null) {\n      fieldError.value = null\n      return\n    }\n    errorSet = true\n    fieldError.value = message\n  }\n\n  const clearErrors = (): void => {\n    currentError.value = null\n    fieldError.value = null\n  }\n\n  const setRawError = async (raw: unknown, meta?: Record<string, unknown>): Promise<ResponseErrorInfo | null> => {\n    const info = await buildClassifier(req)(raw, meta)\n    if (req.kind === 'prompt' && info.fieldErrors?.length) {\n      const match = info.fieldErrors.find(f => f.field === 'value') ?? info.fieldErrors[0]\n      fieldError.value = match.messages.join(' ')\n    }\n    currentError.value = info\n    errorSet = true\n    return info\n  }\n\n  return {\n    value,\n    signal: controller!.signal,\n    setError,\n    setRawError,\n    setFieldError,\n    clearErrors,\n    setLoading: (v: boolean) => { loading.value = v },\n    close: (action: DialogCloseAction = 'close') => finish(action),\n    _errorSet: () => errorSet,\n  }\n}\n\nasync function handleConfirm(): Promise<void> {\n  const req = active.value\n  if (!req) return\n\n  const value = req.kind === 'prompt' ? promptValue.value : undefined\n\n  if (!req.onConfirm) {\n    finish('confirm', value)\n    return\n  }\n\n  currentError.value = null\n  fieldError.value = null\n  loading.value = true\n\n  const ctx = buildContext(req, value)\n\n  try {\n    const result = await req.onConfirm(ctx)\n    loading.value = false\n    if (finishing) return // ctx.close уже завершил диалог\n    if (result === false) return // оставить открытым без ошибки\n    if (currentError.value || fieldError.value || ctx._errorSet()) return // есть ошибка — не закрывать\n    finish('confirm', value)\n  }\n  catch (error) {\n    loading.value = false\n    if (finishing) return\n    if (!ctx._errorSet()) await ctx.setRawError(error)\n    // оставить диалог открытым с показанной ошибкой\n  }\n}\n\nfunction handleCancel(): void {\n  finish('cancel')\n}\n\nfunction handleModelUpdate(value: boolean): void {\n  if (!value) finish('close')\n}\n\nonBeforeUnmount(() => {\n  cleanupExternalAbort()\n  controller?.abort()\n})\n\n// Прокидываемые в дочерний диалог общие пропы.\nconst sharedProps = computed(() => {\n  const o = active.value?.options ?? {}\n  return {\n    title: o.title,\n    size: o.size,\n    closeOnBackdrop: o.closeOnBackdrop,\n    closeOnEsc: o.closeOnEsc,\n    showHeader: o.showHeader,\n    showCloseButton: o.showCloseButton,\n    headerConfig: o.headerConfig,\n    footerConfig: o.footerConfig,\n    bodyConfig: o.bodyConfig,\n    closeLabel: o.closeLabel,\n    buttonSize: o.buttonSize,\n    confirmText: o.confirmText,\n    confirmVariant: o.confirmVariant,\n    confirmTone: o.confirmTone,\n  }\n})\n</script>\n\n<template>\n  <template v-if=\"active\">\n    <!-- prompt -->\n    <GrPromptDialog\n      v-if=\"active.kind === 'prompt'\"\n      v-bind=\"sharedProps\"\n      v-model:value=\"promptValue\"\n      :model-value=\"open\"\n      :description=\"active.options.message ?? active.options.description\"\n      :label=\"(active.options as any).label\"\n      :placeholder=\"(active.options as any).placeholder\"\n      :required=\"(active.options as any).required ?? false\"\n      :required-error-text=\"(active.options as any).requiredErrorText\"\n      :cancel-text=\"(active.options as any).cancelText\"\n      :error=\"currentError\"\n      :field-error=\"fieldError\"\n      :confirm-loading=\"loading\"\n      :close-on-confirm=\"false\"\n      @update:model-value=\"handleModelUpdate\"\n      @confirm=\"handleConfirm\"\n      @cancel=\"handleCancel\"\n    />\n\n    <!-- alert: confirm-диалог без кнопки Cancel -->\n    <GrConfirmDialog\n      v-else-if=\"active.kind === 'alert'\"\n      :model-value=\"open\"\n      v-bind=\"sharedProps\"\n      :description=\"active.options.message ?? active.options.description\"\n      :error=\"currentError\"\n      :confirm-loading=\"loading\"\n      :close-on-confirm=\"false\"\n      @update:model-value=\"handleModelUpdate\"\n      @confirm=\"handleConfirm\"\n    >\n      <template #footer>\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton\n            data-testid=\"ds-alert-confirm\"\n            :variant=\"sharedProps.confirmVariant ?? 'primary'\"\n            :tone=\"sharedProps.confirmTone ?? 'primary'\"\n            :size=\"sharedProps.buttonSize\"\n            :loading=\"loading\"\n            @click=\"handleConfirm\"\n          >\n            {{ sharedProps.confirmText ?? 'OK' }}\n          </GrButton>\n        </div>\n      </template>\n    </GrConfirmDialog>\n\n    <!-- confirm -->\n    <GrConfirmDialog\n      v-else\n      :model-value=\"open\"\n      v-bind=\"sharedProps\"\n      :description=\"active.options.message ?? active.options.description\"\n      :cancel-text=\"(active.options as any).cancelText\"\n      :error=\"currentError\"\n      :confirm-loading=\"loading\"\n      :close-on-confirm=\"false\"\n      @update:model-value=\"handleModelUpdate\"\n      @confirm=\"handleConfirm\"\n      @cancel=\"handleCancel\"\n    />\n  </template>\n</template>\n","import { createVNode, getCurrentInstance, render } from 'vue'\nimport type { AppContext } from 'vue'\n\nimport GrDialogServiceHost from './GrDialogServiceHost.vue'\nimport { dialogQueue, makeDialogId } from './store'\nimport type { DialogRequest } from './store'\nimport type {\n  DialogAlertOptions,\n  DialogBaseOptions,\n  DialogConfirmOptions,\n  DialogKind,\n  DialogOnConfirm,\n  DialogPromise,\n  DialogPromptOptions,\n  DialogResult,\n  DialogService,\n  DialogServiceDefaults,\n} from './types'\n\n/**\n * `useDialogService` — императивный сервис диалогов (в духе Element Plus\n * `ElMessageBox`). Позволяет вызывать `confirm`/`alert`/`prompt` из `<script>`\n * или `.ts` без вставки компонента в шаблон.\n *\n * Поверх существующих `GrConfirmDialog`/`GrPromptDialog`: лениво монтирует\n * единый хост (`GrDialogServiceHost`) в `document.body`, наследуя контекст\n * приложения (i18n / тема / `granular-provider`). Диалоги сериализуются\n * очередью FIFO.\n */\n\nlet mounted = false\nlet container: HTMLElement | null = null\nlet cachedAppContext: AppContext | null = null\n\nfunction ensureMounted(appContext?: AppContext | null): void {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return\n\n  if (appContext) cachedAppContext = appContext\n  if (mounted) return\n\n  container = document.createElement('div')\n  container.setAttribute('data-gr-dialog-service-host', '')\n  document.body.appendChild(container)\n\n  const vnode = createVNode(GrDialogServiceHost)\n  vnode.appContext = cachedAppContext ?? null\n  render(vnode, container)\n  mounted = true\n}\n\n/** Тестовая/служебная очистка смонтированного хоста. */\nexport function teardownDialogService(): void {\n  if (container) {\n    render(null, container)\n    container.remove()\n    container = null\n  }\n  mounted = false\n  dialogQueue.splice(0, dialogQueue.length)\n}\n\nfunction enqueue(\n  kind: DialogKind,\n  message: string,\n  options: DialogBaseOptions,\n  onConfirm: DialogOnConfirm<any> | undefined,\n): { promise: Promise<DialogResult<any>>, close: () => void } {\n  ensureMounted(options.appContext ?? cachedAppContext)\n\n  const id = makeDialogId()\n  let resolveFn!: (result: DialogResult<any>) => void\n  const promise = new Promise<DialogResult<any>>((resolve) => {\n    resolveFn = resolve\n  })\n\n  const request: DialogRequest = {\n    id,\n    kind,\n    message,\n    options: { ...options, message },\n    onConfirm,\n    resolve: resolveFn,\n  }\n\n  dialogQueue.push(request)\n\n  const close = (): void => {\n    const index = dialogQueue.findIndex(item => item.id === id)\n    if (index < 0) return\n    dialogQueue.splice(index, 1)\n    resolveFn({ action: 'close' })\n  }\n\n  return { promise, close }\n}\n\nfunction withClose<T>(promise: Promise<T>, close: () => void): DialogPromise<T> {\n  const result = promise as DialogPromise<T>\n  result.close = close\n  return result\n}\n\nfunction mergeErrorDefaults(\n  defaults: DialogServiceDefaults,\n  options: DialogBaseOptions,\n): DialogBaseOptions {\n  return {\n    size: defaults.size,\n    confirmText: defaults.confirmText,\n    confirmVariant: defaults.confirmVariant,\n    confirmTone: defaults.confirmTone,\n    buttonSize: defaults.buttonSize,\n    closeOnBackdrop: defaults.closeOnBackdrop,\n    closeOnEsc: defaults.closeOnEsc,\n    errorParsers: defaults.errorParsers,\n    errorTexts: defaults.errorTexts,\n    errorMessageKey: defaults.errorMessageKey,\n    fieldLabels: defaults.fieldLabels,\n    ...options,\n  }\n}\n\n/**\n * Создаёт сервис диалогов. Опциональные `defaults` применяются ко всем\n * вызовам (можно переопределить в каждом конкретном вызове).\n *\n * Контекст приложения кэшируется автоматически при первом вызове внутри\n * `setup`. Для вызовов вне компонента используйте `setAppContext`.\n */\nexport function useDialogService(defaults: DialogServiceDefaults = {}): DialogService {\n  // Авто-кэш appContext из текущего компонента (если вызвано в setup).\n  const instance = getCurrentInstance()\n  if (instance?.appContext && !cachedAppContext) {\n    cachedAppContext = instance.appContext\n  }\n\n  function confirm(message: string, options: DialogConfirmOptions = {}): DialogPromise<boolean> {\n    const merged = mergeErrorDefaults(defaults, options)\n    const { promise, close } = enqueue('confirm', message, merged, options.onConfirm)\n    return withClose(promise.then(r => r.action === 'confirm'), close)\n  }\n\n  function alert(message: string, options: DialogAlertOptions = {}): DialogPromise<void> {\n    const merged = mergeErrorDefaults(defaults, options)\n    const { promise, close } = enqueue('alert', message, merged, options.onConfirm)\n    return withClose(promise.then(() => undefined), close)\n  }\n\n  function prompt(message: string, options: DialogPromptOptions = {}): DialogPromise<string | null> {\n    const merged = mergeErrorDefaults(defaults, options)\n    const { promise, close } = enqueue('prompt', message, merged, options.onConfirm)\n    return withClose(\n      promise.then(r => (r.action === 'confirm' ? ((r.value as string) ?? '') : null)),\n      close,\n    )\n  }\n\n  function open<V = unknown>(\n    kind: DialogKind,\n    message: string,\n    options: DialogBaseOptions = {},\n  ): DialogPromise<DialogResult<V>> {\n    const merged = mergeErrorDefaults(defaults, options)\n    const { promise, close } = enqueue(kind, message, merged, (options as DialogConfirmOptions).onConfirm)\n    return withClose(promise as Promise<DialogResult<V>>, close)\n  }\n\n  function closeAll(): void {\n    while (dialogQueue.length > 0) {\n      const request = dialogQueue.pop()!\n      request.resolve({ action: 'close' })\n    }\n  }\n\n  function setAppContext(ctx: AppContext | null): void {\n    cachedAppContext = ctx\n  }\n\n  return { confirm, alert, prompt, open, closeAll, setAppContext }\n}\n\n/** Готовый синглтон-сервис с дефолтными настройками. */\nexport const dialogService: DialogService = useDialogService()\n","import {defineGranularComponent} from '@feugene/unocss-preset-granular/contract'\n\nexport const grDialogServiceConfig = defineGranularComponent(import.meta.url, {\n    name: 'GrDialogServiceHost',\n    dependencies: ['GrButton', 'GrDialog', 'GrConfirmDialog', 'GrPromptDialog', 'GrResponseErrorBanner'],\n})\n","/**\n * Единый перечень дизайн-тонов для всех компонентов библиотеки.\n *\n * Источник истины: список объявлен как `as const`-кортеж, из которого\n * автоматически выводится тип `GrTone`. Это позволяет использовать\n * `GR_TONES` в рантайме (валидация, итерация, safelist) и `GrTone`\n * в типах одновременно, без расхождений.\n */\nexport const GR_TONES = [\n  'primary',\n  'neutral',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'slate',\n  'azure',\n] as const\n\nexport type GrTone = typeof GR_TONES[number]\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/components/shared/tones.ts"],"sourcesContent":["/**\n * Единый перечень дизайн-тонов для всех компонентов библиотеки.\n *\n * Источник истины: список объявлен как `as const`-кортеж, из которого\n * автоматически выводится тип `GrTone`. Это позволяет использовать\n * `GR_TONES` в рантайме (валидация, итерация, safelist) и `GrTone`\n * в типах одновременно, без расхождений.\n */\nexport const GR_TONES = [\n  'primary',\n  'neutral',\n  'success',\n  'warning',\n  'danger',\n  'info',\n  'slate',\n  'azure',\n] as const\n\nexport type GrTone = typeof GR_TONES[number]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAa,WAAW;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/styles/base.css

@@ -0,0 +1,54 @@
+/*
+ * GR-базовый слой.
+ *
+ * Глобальный сброс страницы (`body`, `box-sizing`) продублирован из
+ * `preflight.css` НАПРЯМУЮ (а не через `@import`). Причина: granular-provider
+ * встраивает содержимое `base.css` как base64 `data:`-URL на этапе сборки пакета
+ * и отдаёт его в UnoCSS как preflight-строку. Вложенный `@import` в такой строке
+ * (а) не резолвится (относительный путь внутри data-URL) и (б) оказывается НЕ в
+ * начале финального CSS → PostCSS падает: «@import must precede all other
+ * statements». Поэтому reset инлайнится сюда. `preflight.css` остаётся отдельным
+ * публичным файлом (`./styles/preflight.css`) для standalone-потребителей —
+ * держите оба блока синхронными.
+ *
+ * Потребитель, которому глобальные сайд-эффекты не нужны, может подключить
+ * `tokens.css` + тему и пропустить `base.css`/`preflight.css`.
+ *
+ * Ниже, помимо reset, — низкоспецифичные (`:where()`) дефолты самой GR, которые
+ * безопасно накладываются на приложение и легко переопределяются.
+ */
+
+/* --- reset (синхронизировано с preflight.css) --- */
+html,
+body {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    font-family: var(--gr-font-ui);
+    background: var(--bg);
+    color: var(--fg);
+}
+
+* {
+    box-sizing: border-box;
+}
+
+/*
+ * UnoCSS tailwind-compat reset intentionally does not force `background-color: transparent` for buttons
+ * (to avoid breaking component libraries). In our GR we want plain buttons/links to be transparent by default.
+ */
+:where(a, button) {
+    background-color: transparent;
+}
+
+:where(input[type='button'], input[type='submit'], input[type='reset']) {
+    background-color: transparent;
+}
+
+code,
+pre,
+kbd {
+    font-family: var(--gr-font-mono);
+}

package/dist/styles/index.css

@@ -0,0 +1,15 @@
+/*
+ * Полный бандл стилей GR для потребителей без UnoCSS-провайдера:
+ * `import '@feugene/granularity/styles/index.css'`.
+ *
+ * Порядок подключения важен и здесь ЗАФИКСИРОВАН:
+ *   1. темы объявляют семантические роли (`--bg`, `--fg`, `--primary`, `--gr-*`…);
+ *   2. `tokens.css` объявляет примитивы и ПРОИЗВОДНЫЕ формулы
+ *      (`--primary-hover: color-mix(var(--primary), var(--fg))` и т.п.),
+ *      которым нужны роли из тем;
+ *   3. `base.css` (+ `preflight.css`) — глобальный слой, которому нужны и роли, и примитивы.
+ */
+@import './themes/light.css';
+@import './themes/dark.css';
+@import './tokens.css';
+@import './base.css';

package/dist/styles/preflight.css

@@ -0,0 +1,33 @@
+/*
+ * Опциональный глобальный preflight дизайн-системы.
+ *
+ * Здесь собраны ГЛОБАЛЬНЫЕ сайд-эффекты уровня всей страницы (сброс `body`:
+ * margin/типографика/цвета + `box-sizing`). Раньше они лежали в `base.css` и
+ * применялись всегда, из-за чего библиотека молча меняла вид всего приложения.
+ *
+ * Теперь это отдельный файл: подключайте `tokens.css` + тему БЕЗ него, если не
+ * хотите глобального сброса. `index.css` и granular-provider (через `base.css`)
+ * включают этот же reset по умолчанию для обратной совместимости.
+ *
+ * ВНИМАНИЕ: те же правила продублированы в `base.css` НАПРЯМУЮ (не через
+ * `@import`) — см. комментарий там о data-URL/preflight. Держите оба блока
+ * синхронными.
+ *
+ * Требует переменных из `tokens.css` (`--gr-font-ui`) и темы (`--bg`, `--fg`),
+ * поэтому подключается ПОСЛЕ них.
+ */
+html,
+body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: var(--gr-font-ui);
+  background: var(--bg);
+  color: var(--fg);
+}
+
+* {
+  box-sizing: border-box;
+}

package/dist/styles/themes/dark.css

@@ -0,0 +1,107 @@
+/*
+ * Тёмная тема. Канон — атрибут `[data-theme='dark']` на `<html>` (его ставит
+ * `useTheme`/`initThemeEarly`). Селекторы `.theme-dark` и `.dark` — DEPRECATED-алиасы
+ * для обратной совместимости; в новом коде используйте `[data-theme]`.
+ */
+[data-theme='dark'],
+.theme-dark,
+.dark {
+  /* Surface roles */
+  --bg: #0f172a;
+  --fg: #f8fafc;
+  --card: #1e293b;
+  --card-fg: #f8fafc;
+  --popover: #1e293b;
+  --popover-fg: #f8fafc;
+  --muted: #334155;
+  --muted-fg: #94a3b8;
+  --secondary: #334155;
+  --secondary-fg: #f1f5f9;
+  --brd: #334155;
+  --input: #334155;
+  --ring: #818cf8;
+
+  /* Action roles */
+  --primary: #6366f1;
+  --primary-fg: #ffffff;
+  --accent: #1e1b4b;
+  --accent-fg: #c7d2fe;
+  --destructive: #ef4444;
+  --destructive-fg: #ffffff;
+
+  /* Status roles */
+  --gr-success: #34d399;
+  --gr-success-light: #064e3b;
+  --gr-success-fg: #0f172a;
+  --gr-success-text: #6ee7b7;
+  --gr-warning: #fb923c;
+  --gr-warning-light: #7c2d12;
+  --gr-warning-fg: #0f172a;
+  --gr-warning-text: #fdba74;
+  --gr-danger: #f87171;
+  --gr-danger-light: #7f1d1d;
+  --gr-danger-fg: #0f172a;
+  --gr-danger-text: #fca5a5;
+  --gr-info: #818cf8;
+  --gr-info-light: #312e81;
+  --gr-info-fg: #0f172a;
+  --gr-info-text: #c7d2fe;
+  --gr-slate: #94a3b8;
+  --gr-slate-light: #334155;
+  --gr-slate-fg: #0f172a;
+  --gr-slate-text: #cbd5e1;
+  --gr-azure: #38bdf8;
+  --gr-azure-light: #0c4a6e;
+  --gr-azure-fg: #0f172a;
+  --gr-azure-text: #bae6fd;
+
+  /* Data visualization roles */
+  --chart-1: #6366f1;
+  --chart-2: #34d399;
+  --chart-3: #fb923c;
+  --chart-4: #818cf8;
+  --chart-5: #a78bfa;
+
+  /* Navigation roles */
+  --sidebar: #1e293b;
+  --sidebar-fg: #f8fafc;
+  --sidebar-primary: #6366f1;
+  --sidebar-primary-fg: #ffffff;
+  --sidebar-accent: #334155;
+  --sidebar-accent-fg: #f1f5f9;
+  --sidebar-brd: #334155;
+  --sidebar-ring: #818cf8;
+}
+
+@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
+  .theme-dark,
+  .dark,
+  [data-theme='dark'] {
+    /* Action role fallbacks */
+    --primary-hover: #6f72f2;
+    --primary-active: #7b7ef3;
+    --secondary-hover: #435062;
+    --secondary-active: #535f70;
+    --brd-hover: #6e7987;
+    --brd-active: #8c94a0;
+    --destructive-hover: #f05353;
+    --destructive-active: #f06161;
+
+    /* Status role fallbacks */
+    --gr-success-hover: #44d6a1;
+    --gr-success-active: #53d9a9;
+    --gr-warning-hover: #fb9a4b;
+    --gr-warning-active: #fba35b;
+    --gr-danger-hover: #f87c7c;
+    --gr-danger-active: #f88787;
+    --gr-info-hover: #8b95f8;
+    --gr-info-active: #949ef9;
+    --gr-slate-hover: #9faec0;
+    --gr-slate-active: #aab7c8;
+    --gr-azure-hover: #4bc3f9;
+    --gr-azure-active: #5dcbf9;
+
+    /* Component semantic fallbacks */
+    /*--gr-category-tree-branch-line-active-color: #505b8c;*/
+  }
+}

package/dist/styles/themes/light.css

@@ -0,0 +1,98 @@
+:root {
+  /* Surface roles */
+  --bg: #f8fafc;
+  --fg: #0f172a;
+  --card: #ffffff;
+  --card-fg: #0f172a;
+  --popover: #ffffff;
+  --popover-fg: #0f172a;
+  --muted: #f1f5f9;
+  --muted-fg: #64748b;
+  --secondary: #e2e8f0;
+  --secondary-fg: #1e293b;
+  --brd: #e2e8f0;
+  --input: #e2e8f0;
+  --ring: #6366f1;
+
+  /* Action roles */
+  --primary: #4f46e5;
+  --primary-fg: #ffffff;
+  --accent: #eef2ff;
+  --accent-fg: #3730a3;
+  --destructive: #dc2626;
+  --destructive-fg: #ffffff;
+
+  /* Status roles */
+  --gr-success: #10b981;
+  --gr-success-light: #d1fae5;
+  --gr-success-fg: #ffffff;
+  --gr-success-text: #065f46;
+  --gr-warning: #f97316;
+  --gr-warning-light: #ffedd5;
+  --gr-warning-fg: #ffffff;
+  --gr-warning-text: #7c2d12;
+  --gr-danger: #dc2626;
+  --gr-danger-light: #fee2e2;
+  --gr-danger-fg: #ffffff;
+  --gr-danger-text: #991b1b;
+  --gr-info: #5850ec;
+  --gr-info-light: #e0e7ff;
+  --gr-info-fg: #ffffff;
+  --gr-info-text: #3730a3;
+  --gr-slate: #475569;
+  --gr-slate-light: #e2e8f0;
+  --gr-slate-fg: #ffffff;
+  --gr-slate-text: #334155;
+  --gr-azure: #0ea5e9;
+  --gr-azure-light: #e0f2fe;
+  --gr-azure-fg: #ffffff;
+  --gr-azure-text: #075985;
+
+  /* Data visualization roles */
+  --chart-1: #4f46e5;
+  --chart-2: #10b981;
+  --chart-3: #f97316;
+  --chart-4: #6366f1;
+  --chart-5: #8b5cf6;
+
+  /* Navigation roles */
+  --sidebar: #ffffff;
+  --sidebar-fg: #0f172a;
+  --sidebar-primary: #4f46e5;
+  --sidebar-primary-fg: #ffffff;
+  --sidebar-accent: #f1f5f9;
+  --sidebar-accent-fg: #1e293b;
+  --sidebar-brd: #e2e8f0;
+  --sidebar-ring: #6366f1;
+}
+
+@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
+  :root {
+    /* Action role fallbacks */
+    --primary-hover: #4a42d6;
+    --primary-active: #453ec7;
+    --secondary-hover: #d1d7e0;
+    --secondary-active: #c0c7d0;
+    --brd-hover: #a3a9b5;
+    --brd-active: #838a97;
+    --destructive-hover: #cc2526;
+    --destructive-active: #bb2427;
+
+    /* Status role fallbacks */
+    --gr-success-hover: #10ac7a;
+    --gr-success-active: #109f73;
+    --gr-warning-hover: #e66c18;
+    --gr-warning-active: #d46419;
+    --gr-danger-hover: #cc2526;
+    --gr-danger-active: #bb2427;
+    --gr-info-hover: #5c60e1;
+    --gr-info-active: #5659d1;
+    --gr-slate-hover: #435062;
+    --gr-slate-active: #3d4a5b;
+    --gr-azure-hover: #0284c7;
+    --gr-azure-active: #0369a1;
+
+    /* Component semantic fallbacks */
+    /*--gr-category-tree-branch-line-active-color: #c4cdf7;*/
+  }
+}

package/dist/styles/tokens.css

@@ -0,0 +1,135 @@
+:root {
+  /* Foundations: neutral palette */
+  --gr-slate-0: #ffffff;
+  --gr-slate-50: #f8fafc;
+  --gr-slate-100: #f1f5f9;
+  --gr-slate-200: #e2e8f0;
+  --gr-slate-300: #cbd5e1;
+  --gr-slate-400: #94a3b8;
+  --gr-slate-500: #64748b;
+  --gr-slate-600: #475569;
+  --gr-slate-700: #334155;
+  --gr-slate-800: #1e293b;
+  --gr-slate-900: #0f172a;
+
+  /* Typography: font families */
+  --gr-font-ui: Inter, Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
+  --gr-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
+
+  /* Typography: font sizes */
+  --gr-text-xs: 12px;
+  --gr-text-sm: 14px;
+  --gr-text-base: 16px;
+  --gr-text-lg: 18px;
+  --gr-text-xl: 20px;
+  --gr-text-2xl: 24px;
+  --gr-text-3xl: 30px;
+  --gr-text-4xl: 36px;
+
+  /* Typography: line heights */
+  --gr-leading-tight: 1.25;
+  --gr-leading-normal: 1.5;
+  --gr-leading-relaxed: 1.625;
+
+  /* Typography: font weights */
+  --gr-font-regular: 400;
+  --gr-font-medium: 500;
+  --gr-font-semibold: 600;
+  --gr-font-bold: 700;
+
+  /* Layout: spacing scale */
+  --gr-space-0: 0px;
+  --gr-space-1: 4px;
+  --gr-space-2: 8px;
+  --gr-space-3: 12px;
+  --gr-space-4: 16px;
+  --gr-space-5: 20px;
+  --gr-space-6: 24px;
+  --gr-space-8: 32px;
+  --gr-space-10: 40px;
+  --gr-space-12: 48px;
+  --gr-space-16: 64px;
+  --gr-space-20: 80px;
+  --gr-space-24: 96px;
+  --gr-space-32: 128px;
+  --gr-space-40: 160px;
+  --gr-space-48: 192px;
+  --gr-space-64: 256px;
+
+  /* Layout: containers */
+  --gr-container-max: 1280px;
+  --gr-container-max-2xl: 1440px;
+  --gr-container-padding-mobile: 16px;
+  --gr-container-padding-tablet: 24px;
+  --gr-container-padding-desktop: 32px;
+
+  /* Layout: breakpoints */
+  --gr-bp-sm: 640px;
+  --gr-bp-md: 768px;
+  --gr-bp-lg: 1024px;
+  --gr-bp-xl: 1280px;
+  --gr-bp-2xl: 1536px;
+
+  /* Shapes: radii and compatibility aliases */
+  --radius: 0.5rem;
+  --gr-radius-none: 0px;
+  --gr-radius-sm: 4px;
+  --gr-radius-md: 8px;
+  --gr-radius-lg: 12px;
+  --gr-radius-xl: 16px;
+  --gr-radius-full: 9999px;
+
+  /* Elevation */
+  --gr-shadow-0: none;
+  --gr-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.08);
+  --gr-shadow-2: 0 8px 24px rgba(15, 23, 42, 0.14);
+  --gr-shadow-3: 0 16px 48px rgba(15, 23, 42, 0.20);
+
+  /* Motion */
+  --gr-duration-fast: 150ms;
+  --gr-duration-base: 200ms;
+  --gr-duration-slow: 300ms;
+  --gr-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --gr-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
+
+  /*
+   * Z-index layering scale.
+   *
+   * Единый источник истины для слоёв всех компонентов, использующих `position: fixed`
+   * поверх остального контента. Правило: чем выше в UI-стеке слой обязан оказаться,
+   * тем больше значение. Floating-панели (dropdown/select/tree-select/tooltip) стоят
+   * ниже модалок, чтобы поповер, открытый ВНУТРИ модалки, не потерялся под ней, но
+   * сам этот поповер не обязан перекрывать модалку снаружи — за пределы своего дерева
+   * floating-компоненты не выходят по построению (v-click-outside/portal рядом с триггером).
+   * Тосты — единственный слой, который обязан быть виден поверх абсолютно всего,
+   * включая открытые модалки (это уведомление уровня приложения).
+   */
+  --gr-z-dropdown: 1000;
+  --gr-z-tooltip: 1050;
+  --gr-z-modal: 1100;
+  --gr-z-toast: 1200;
+
+  /* Derived interaction formulas: action roles */
+  --primary-hover: color-mix(in srgb, var(--primary) 92%, var(--fg));
+  --primary-active: color-mix(in srgb, var(--primary) 84%, var(--fg));
+  --secondary-hover: color-mix(in srgb, var(--secondary) 92%, var(--fg));
+  --secondary-active: color-mix(in srgb, var(--secondary) 84%, var(--fg));
+  --brd-hover: color-mix(in srgb, var(--brd) 70%, var(--fg));
+  --brd-active: color-mix(in srgb, var(--brd) 55%, var(--fg));
+  --destructive-hover: color-mix(in srgb, var(--destructive) 92%, var(--fg));
+  --destructive-active: color-mix(in srgb, var(--destructive) 84%, var(--fg));
+
+  /* Derived interaction formulas: status roles */
+  --gr-success-hover: color-mix(in srgb, var(--gr-success) 92%, var(--fg));
+  --gr-success-active: color-mix(in srgb, var(--gr-success) 84%, var(--fg));
+  --gr-warning-hover: color-mix(in srgb, var(--gr-warning) 92%, var(--fg));
+  --gr-warning-active: color-mix(in srgb, var(--gr-warning) 84%, var(--fg));
+  --gr-danger-hover: color-mix(in srgb, var(--gr-danger) 92%, var(--fg));
+  --gr-danger-active: color-mix(in srgb, var(--gr-danger) 84%, var(--fg));
+  --gr-info-hover: color-mix(in srgb, var(--gr-info) 92%, var(--fg));
+  --gr-info-active: color-mix(in srgb, var(--gr-info) 84%, var(--fg));
+  --gr-slate-hover: color-mix(in srgb, var(--gr-slate) 92%, var(--fg));
+  --gr-slate-active: color-mix(in srgb, var(--gr-slate) 84%, var(--fg));
+  --gr-azure-hover: color-mix(in srgb, var(--gr-azure) 92%, var(--fg));
+  --gr-azure-active: color-mix(in srgb, var(--gr-azure) 84%, var(--fg));
+}

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

@@ -1,3 +1,4 @@
+import { type Component } from 'vue';
 export type { GrButtonSize, GrButtonTone, GrButtonVariant } from './grButtonStyles';
 import { type GrButtonSize, type GrButtonTone, type GrButtonVariant } from './grButtonStyles';
 type __VLS_Props = {
@@ -9,10 +10,17 @@ type __VLS_Props = {
     square?: boolean;
     type?: 'button' | 'submit' | 'reset';
     ariaLabel?: string;
+    /** Полиморфизм: кастомный корневой тег/компонент (например, RouterLink). */
+    as?: string | Component;
+    /** Рендерит кнопку как `<a href>` (если не задан `as`). */
+    href?: string;
+    target?: string;
+    rel?: string;
+    external?: boolean;
 };
-declare var __VLS_6: {};
+declare var __VLS_15: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
     variant: string;
@@ -23,6 +31,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     square: boolean;
     type: string;
     ariaLabel: undefined;
+    as: undefined;
+    href: undefined;
+    target: undefined;
+    rel: undefined;
+    external: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
     variant: string;
     tone: string;
@@ -32,6 +45,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     square: boolean;
     type: string;
     ariaLabel: undefined;
+    as: undefined;
+    href: undefined;
+    target: undefined;
+    rel: undefined;
+    external: boolean;
 }>>> & Readonly<{}>, {
     tone: GrButtonTone;
     variant: GrButtonVariant;
@@ -41,6 +59,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     loading: boolean;
     disabled: boolean;
     ariaLabel: string;
+    as: string | Component;
+    href: string;
+    target: string;
+    rel: string;
+    external: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -7,10 +7,12 @@ export interface GrCheckboxProps {
     form?: string;
     /** Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for="...">`. */
     id?: string;
+    /** Промежуточное («смешанное») состояние: `aria-checked="mixed"`, индикатор — тире. */
+    indeterminate?: boolean;
 }
-declare var __VLS_6: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrCheckboxProps>, {
     modelValue: boolean;
@@ -20,6 +22,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     required: boolean;
     form: undefined;
     id: undefined;
+    indeterminate: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrCheckboxProps>, {
@@ -30,6 +33,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     required: boolean;
     form: undefined;
     id: undefined;
+    indeterminate: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
@@ -40,6 +44,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     name: string;
     id: string;
+    indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;