@feugene/granularity 0.12.0 → 0.13.0

package/dist/components/GrDialogService/chunks/GrDialogService-CYXCTGm3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDialogService-CYXCTGm3.js","names":[],"sources":["../../../../src/components/GrDialogService/store.ts","../../../../src/components/GrDialogService/GrDialogServiceHost.vue","../../../../src/components/GrDialogService/GrDialogServiceHost.vue","../../../../src/components/GrDialogService/useDialogService.ts"],"sourcesContent":["import { reactive } from 'vue'\nimport type { Raw } from 'vue'\n\nimport type { GrConfigContext } from '../GrConfigProvider/context'\nimport type { GranularityI18nLike } from '../../internal/granularityI18n'\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   * Конфиг и i18n, захваченные в месте вызова сервиса (в `setup`, где вызывающий\n   * компонент ещё находится внутри дерева провайдера). Хост монтируется в\n   * `document.body` вне дерева, поэтому сам их не увидит — см.\n   * `SPEC-GrConfig-resolver.md`.\n   *\n   * Лежат в запросе, а не в модульной переменной: два поддерева с разными\n   * провайдерами должны получать каждое свой конфиг.\n   *\n   * `Raw<…>` обязателен: очередь — `reactive`, а он разворачивает вложенные рефы.\n   * Без `markRaw` контекст превратился бы в объект значений, `size.value` стало\n   * бы `undefined`, и мост молча перестал бы работать.\n   */\n  config?: Raw<GrConfigContext> | null\n  i18n?: Raw<GranularityI18nLike> | null\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, provide, 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 { GR_CONFIG_KEY, type GrComponentDefaults, type GrConfigContext } from '../GrConfigProvider/context'\nimport { GRANULARITY_I18N_KEY } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\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\n// ————— Мост конфига и i18n.\n//\n// Хост рендерится через `render(vnode, container)` в `document.body`, то есть вне\n// дерева компонентов. Vue в этом случае берёт `provides` только из `appContext`,\n// куда попадает лишь `app.provide()` — значения от `<GrConfigProvider>` до сюда\n// не доходят. Поэтому вызов сервиса захватывает их в `setup` и кладёт в запрос, а\n// хост раздаёт вниз конфиг **активного** запроса.\n//\n// Раздаём производный контекст, а не захваченный объект: хост один на всё\n// приложение и живёт между вызовами, а запросы приходят из разных поддеревьев с\n// разными провайдерами. Реактивность при этом сохраняется — внутри лежат те же\n// рефы, что и у исходного провайдера.\nconst EMPTY_DEFAULTS: GrComponentDefaults = Object.freeze({})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, {\n  size: computed(() => active.value?.config?.size.value),\n  componentDefaults: computed(() => active.value?.config?.componentDefaults.value ?? EMPTY_DEFAULTS),\n})\n\n// i18n: тот же приём. Адаптер хоста (из `appContext`) остаётся запасным вариантом,\n// если вызов пришёл без захваченного — так установка через `app.use()` продолжает\n// работать как раньше.\nconst hostI18n = resolveGranularityI18n()\n\nprovide(GRANULARITY_I18N_KEY, {\n  t: (key: string, params?: Record<string, unknown>) => {\n    const adapter = active.value?.i18n ?? hostI18n\n    // Вернуть сам ключ — принятый в пакете сигнал «перевода нет»: потребитель\n    // подставит свой fallback-текст (см. `useGranularityTranslations`).\n    return adapter?.t(key, params) ?? key\n  },\n  get locale() {\n    return (active.value?.i18n ?? hostI18n)?.locale\n  },\n})\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=\"gr-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, provide, 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 { GR_CONFIG_KEY, type GrComponentDefaults, type GrConfigContext } from '../GrConfigProvider/context'\nimport { GRANULARITY_I18N_KEY } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\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\n// ————— Мост конфига и i18n.\n//\n// Хост рендерится через `render(vnode, container)` в `document.body`, то есть вне\n// дерева компонентов. Vue в этом случае берёт `provides` только из `appContext`,\n// куда попадает лишь `app.provide()` — значения от `<GrConfigProvider>` до сюда\n// не доходят. Поэтому вызов сервиса захватывает их в `setup` и кладёт в запрос, а\n// хост раздаёт вниз конфиг **активного** запроса.\n//\n// Раздаём производный контекст, а не захваченный объект: хост один на всё\n// приложение и живёт между вызовами, а запросы приходят из разных поддеревьев с\n// разными провайдерами. Реактивность при этом сохраняется — внутри лежат те же\n// рефы, что и у исходного провайдера.\nconst EMPTY_DEFAULTS: GrComponentDefaults = Object.freeze({})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, {\n  size: computed(() => active.value?.config?.size.value),\n  componentDefaults: computed(() => active.value?.config?.componentDefaults.value ?? EMPTY_DEFAULTS),\n})\n\n// i18n: тот же приём. Адаптер хоста (из `appContext`) остаётся запасным вариантом,\n// если вызов пришёл без захваченного — так установка через `app.use()` продолжает\n// работать как раньше.\nconst hostI18n = resolveGranularityI18n()\n\nprovide(GRANULARITY_I18N_KEY, {\n  t: (key: string, params?: Record<string, unknown>) => {\n    const adapter = active.value?.i18n ?? hostI18n\n    // Вернуть сам ключ — принятый в пакете сигнал «перевода нет»: потребитель\n    // подставит свой fallback-текст (см. `useGranularityTranslations`).\n    return adapter?.t(key, params) ?? key\n  },\n  get locale() {\n    return (active.value?.i18n ?? hostI18n)?.locale\n  },\n})\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=\"gr-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, markRaw, render } from 'vue'\nimport type { AppContext, Raw } from 'vue'\n\nimport GrDialogServiceHost from './GrDialogServiceHost.vue'\nimport { useGrConfig, type GrConfigContext } from '../GrConfigProvider/context'\nimport { resolveGranularityI18n, type GranularityI18nLike } from '../../internal/granularityI18n'\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  // Сбрасываем и кэш контекста приложения: без этого он переживает teardown и\n  // протекает в следующее приложение (в тестах — в следующий тест), из-за чего\n  // диалог может подхватить чужие provides и проверка соврёт.\n  cachedAppContext = null\n  dialogQueue.splice(0, dialogQueue.length)\n}\n\n/** Контекст, захваченный вызовом `useDialogService()` внутри `setup`. */\ntype CapturedContext = {\n  config: Raw<GrConfigContext> | null\n  i18n: Raw<GranularityI18nLike> | null\n}\n\nfunction enqueue(\n  kind: DialogKind,\n  message: string,\n  options: DialogBaseOptions,\n  onConfirm: DialogOnConfirm<any> | undefined,\n  captured: CapturedContext,\n): { promise: Promise<DialogResult<any>>, close: () => void } {\n  // Императивный сервис клиент-only: монтирует хост в `document.body`. В SSR\n  // выполнять его нельзя — модульная очередь (`dialogQueue`) мутировалась бы на\n  // сервере и текла между запросами. Явно запрещаем вместо тихого no-op.\n  if (typeof window === 'undefined' || typeof document === 'undefined') {\n    throw new Error(\n      '[granularity] useDialogService is client-only and cannot be called during SSR '\n      + '(it mounts a host into document.body). Guard imperative dialog calls behind a client-side check.',\n    )\n  }\n\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    config: captured.config,\n    i18n: captured.i18n,\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  // Конфиг и i18n захватываем здесь и только здесь: `inject` работает лишь в\n  // `setup`, а хост монтируется вне дерева и сам до провайдера не дотянется.\n  // Храним в замыкании сервиса, а не в модульной переменной, — иначе два\n  // поддерева с разными провайдерами делили бы конфиг первого.\n  // i18n захватываем не «на всякий случай»: дочерний `GrConfirmDialog` сам зовёт\n  // `useGranularityTranslations()`, но его `inject` из хоста уходит в\n  // `appContext.provides` — то есть видит только установку через `app.use()`.\n  // Адаптер, переданный пропом `<GrConfigProvider i18n>`, живёт в дереве, и без\n  // захвата диалог откатился бы на встроенные английские строки.\n  //\n  // `markRaw` — потому что дальше контекст ложится в `reactive`-очередь, а она\n  // разворачивает вложенные рефы (см. комментарий в `store.ts`).\n  const capturedI18n = instance ? resolveGranularityI18n() : null\n  const captured: CapturedContext = {\n    config: instance ? markRaw(useGrConfig()) : null,\n    i18n: capturedI18n ? markRaw(capturedI18n) : null,\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, captured)\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, captured)\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, captured)\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, captured)\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"],"mappings":"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"}

package/dist/components/GrDialogService/index.js

@@ -1,3 +1,3 @@
-import { i as GrDialogServiceHost_default, n as teardownDialogService, r as useDialogService, t as dialogService } from "./chunks/GrDialogService-CU1Fbonc.js";
-import { t as grDialogServiceConfig } from "../../chunks/config-BX1JTrkV2.js";
+import { i as GrDialogServiceHost_default, n as teardownDialogService, r as useDialogService, t as dialogService } from "./chunks/GrDialogService-CYXCTGm3.js";
+import { t as grDialogServiceConfig } from "../../chunks/config-BX1JTrkV.js";
 export { GrDialogServiceHost_default as GrDialogServiceHost, dialogService, grDialogServiceConfig, teardownDialogService, useDialogService };

package/dist/components/GrDivider/chunks/{GrDivider-5bcE-BB4.js → GrDivider-BdENZ1w0.js}

@@ -5,28 +5,28 @@ var _hoisted_1 = {
 	"data-gr-divider": "",
 	role: "separator",
 	"aria-orientation": "vertical",
-	class: "inline-block w-px self-stretch bg-[var(--brd)]"
+	class: "inline-block w-px self-stretch bg-[var(--gr-brd)]"
 };
 var _hoisted_2 = {
 	key: 1,
 	"data-gr-divider": "",
 	role: "separator",
 	"aria-orientation": "horizontal",
-	class: "flex w-full items-center gap-3 text-xs text-[var(--muted-fg)]"
+	class: "flex w-full items-center gap-3 text-xs text-[var(--gr-muted-fg)]"
 };
 var _hoisted_3 = {
 	key: 0,
-	class: "h-px flex-1 bg-[var(--brd)]"
+	class: "h-px flex-1 bg-[var(--gr-brd)]"
 };
 var _hoisted_4 = { class: "shrink-0" };
 var _hoisted_5 = {
 	key: 1,
-	class: "h-px flex-1 bg-[var(--brd)]"
+	class: "h-px flex-1 bg-[var(--gr-brd)]"
 };
 var _hoisted_6 = {
 	key: 2,
 	"data-gr-divider": "",
-	class: "h-px w-full border-0 bg-[var(--brd)]"
+	class: "h-px w-full border-0 bg-[var(--gr-brd)]"
 };
 //#endregion
 //#region src/components/GrDivider/GrDivider.vue

package/dist/components/GrDivider/chunks/GrDivider-BdENZ1w0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDivider-BdENZ1w0.js","names":[],"sources":["../../../../src/components/GrDivider/GrDivider.vue","../../../../src/components/GrDivider/GrDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\n/**\n * GrDivider — разделитель контента.\n *\n * - `orientation=\"horizontal\"` (по умолчанию) — линия на всю ширину; с `label`\n *   или default-слотом рисует текст по центру/краю между отрезками линии.\n * - `orientation=\"vertical\"` — тонкая вертикальная линия (для inline-разделения,\n *   например в тулбарах).\n */\nexport type GrDividerOrientation = 'horizontal' | 'vertical'\nexport type GrDividerAlign = 'start' | 'center' | 'end'\n\nconst props = withDefaults(\n  defineProps<{\n    orientation?: GrDividerOrientation\n    label?: string\n    align?: GrDividerAlign\n  }>(),\n  {\n    orientation: 'horizontal',\n    label: undefined,\n    align: 'center',\n  },\n)\n\nconst slots = useSlots()\nconst hasLabel = computed(() =>\n  props.orientation === 'horizontal' && (Boolean(props.label) || Boolean(slots.default)),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"orientation === 'vertical'\"\n    data-gr-divider\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    class=\"inline-block w-px self-stretch bg-[var(--gr-brd)]\"\n  />\n\n  <div\n    v-else-if=\"hasLabel\"\n    data-gr-divider\n    role=\"separator\"\n    aria-orientation=\"horizontal\"\n    class=\"flex w-full items-center gap-3 text-xs text-[var(--gr-muted-fg)]\"\n  >\n    <span v-if=\"align !== 'start'\" class=\"h-px flex-1 bg-[var(--gr-brd)]\" />\n    <span class=\"shrink-0\"><slot>{{ label }}</slot></span>\n    <span v-if=\"align !== 'end'\" class=\"h-px flex-1 bg-[var(--gr-brd)]\" />\n  </div>\n\n  <hr\n    v-else\n    data-gr-divider\n    class=\"h-px w-full border-0 bg-[var(--gr-brd)]\"\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\n/**\n * GrDivider — разделитель контента.\n *\n * - `orientation=\"horizontal\"` (по умолчанию) — линия на всю ширину; с `label`\n *   или default-слотом рисует текст по центру/краю между отрезками линии.\n * - `orientation=\"vertical\"` — тонкая вертикальная линия (для inline-разделения,\n *   например в тулбарах).\n */\nexport type GrDividerOrientation = 'horizontal' | 'vertical'\nexport type GrDividerAlign = 'start' | 'center' | 'end'\n\nconst props = withDefaults(\n  defineProps<{\n    orientation?: GrDividerOrientation\n    label?: string\n    align?: GrDividerAlign\n  }>(),\n  {\n    orientation: 'horizontal',\n    label: undefined,\n    align: 'center',\n  },\n)\n\nconst slots = useSlots()\nconst hasLabel = computed(() =>\n  props.orientation === 'horizontal' && (Boolean(props.label) || Boolean(slots.default)),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"orientation === 'vertical'\"\n    data-gr-divider\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    class=\"inline-block w-px self-stretch bg-[var(--gr-brd)]\"\n  />\n\n  <div\n    v-else-if=\"hasLabel\"\n    data-gr-divider\n    role=\"separator\"\n    aria-orientation=\"horizontal\"\n    class=\"flex w-full items-center gap-3 text-xs text-[var(--gr-muted-fg)]\"\n  >\n    <span v-if=\"align !== 'start'\" class=\"h-px flex-1 bg-[var(--gr-brd)]\" />\n    <span class=\"shrink-0\"><slot>{{ label }}</slot></span>\n    <span v-if=\"align !== 'end'\" class=\"h-px flex-1 bg-[var(--gr-brd)]\" />\n  </div>\n\n  <hr\n    v-else\n    data-gr-divider\n    class=\"h-px w-full border-0 bg-[var(--gr-brd)]\"\n  >\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAad,MAAM,QAAQ,SAAS;EACvB,MAAM,WAAW,eACf,MAAM,gBAAgB,iBAAiB,QAAQ,MAAM,KAAK,KAAK,QAAQ,MAAM,OAAO,EACtF;;UAKU,QAAA,gBAAW,cAAA,UAAA,GADnB,mBAME,OANF,UAME,KAGW,SAAA,SAAA,UAAA,GADb,mBAUM,OAVN,YAUM;IAHQ,QAAA,UAAK,WAAA,UAAA,GAAjB,mBAAwE,QAAxE,UAAwE,KAAA,mBAAA,IAAA,IAAA;IACxE,mBAAsD,QAAtD,YAAsD,CAA/B,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;IACzB,QAAA,UAAK,SAAA,UAAA,GAAjB,mBAAsE,QAAtE,UAAsE,KAAA,mBAAA,IAAA,IAAA;uBAGxE,mBAIC,MAJD,UAIC"}

package/dist/components/GrDivider/index.js

@@ -1,3 +1,3 @@
-import { t as GrDivider_default } from "./chunks/GrDivider-5bcE-BB4.js";
+import { t as GrDivider_default } from "./chunks/GrDivider-BdENZ1w0.js";
 import { t as grDividerConfig } from "../../chunks/config-BWiPnygb.js";
 export { GrDivider_default as GrDivider, GrDivider_default as default, grDividerConfig };

package/dist/components/GrDrawer/chunks/{GrDrawer-SLGKCY2A.js → GrDrawer-KevdZ5BB.js}

@@ -1,16 +1,16 @@
 import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCi4CUpo.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
 import { i as Ge, n as Se, o as Ve, r as he, s as Ye, t as useScrollLock } from "../../../chunks/useScrollLock-K7kaP2Ud.js";
 import { n as removeGrModalEsc, t as pushGrModalEsc } from "../../../chunks/grModalEscStack-BXk-9mv7.js";
-import { i as grDrawerPanelEnterFrom, r as grDrawerPanelClass } from "../../../chunks/config-DUcu1D682.js";
+import { i as grDrawerPanelEnterFrom, r as grDrawerPanelClass } from "../../../chunks/config-BmNT0Fmx.js";
 import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, renderSlot, toDisplayString, unref, useId, watch, withCtx } from "vue";
 //#region src/components/GrDrawer/GrDrawer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "fixed inset-0" };
 var _hoisted_2 = {
 	"data-gr-drawer-header": "",
-	class: "px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4"
+	class: "px-5 py-4 border-b border-[var(--gr-brd)] flex items-center justify-between gap-4"
 };
 var _hoisted_3 = {
 	"data-gr-drawer-body": "",
@@ -20,7 +20,7 @@ var _hoisted_4 = { class: "p-5" };
 var _hoisted_5 = {
 	key: 0,
 	"data-gr-drawer-footer": "",
-	class: "px-5 py-4 border-t border-[var(--brd)]"
+	class: "px-5 py-4 border-t border-[var(--gr-brd)]"
 };
 //#endregion
 //#region src/components/GrDrawer/GrDrawer.vue

package/dist/components/GrDrawer/chunks/GrDrawer-KevdZ5BB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDrawer-KevdZ5BB.js","names":["$slots"],"sources":["../../../../src/components/GrDrawer/GrDrawer.vue","../../../../src/components/GrDrawer/GrDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, useId, watch } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Переиспользуем инфраструктуру оверлеев GrModal: общий Esc-стек (Esc закрывает\n// верхний оверлей независимо от дерева рендера) и reference-counted scroll-lock.\nimport { pushGrModalEsc, removeGrModalEsc } from '../GrModal/grModalEscStack'\nimport { useScrollLock } from '../../composables/internal/useScrollLock'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.drawer.title', 'Drawer'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport\n// (в клиенте включаем после маунта). Раньше `<teleport to=\"body\">` без\n// `:disabled` падал при SSR — расхождение с GrModal.\nconst isClient = typeof window !== 'undefined'\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\n// ————— Esc через общий стек оверлеев + scroll-lock, синхронно с открытием.\nconst { lock: lockBodyScroll, unlock: unlockBodyScroll } = useScrollLock()\n\nlet escEntryId: number | null = null\n\nfunction registerEsc(): void {\n  if (escEntryId !== null) return\n  escEntryId = pushGrModalEsc({\n    shouldClose: () => props.closeOnEsc,\n    close,\n  })\n}\n\nfunction unregisterEsc(): void {\n  if (escEntryId === null) return\n  removeGrModalEsc(escEntryId)\n  escEntryId = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) {\n      lockBodyScroll()\n      registerEsc()\n    }\n    else {\n      unlockBodyScroll()\n      unregisterEsc()\n    }\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  unlockBodyScroll()\n  unregisterEsc()\n})\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-gr-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-gr-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-gr-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-gr-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--gr-brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-gr-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ resolvedTitle }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"resolvedCloseLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-gr-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-gr-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--gr-brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, useId, watch } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Переиспользуем инфраструктуру оверлеев GrModal: общий Esc-стек (Esc закрывает\n// верхний оверлей независимо от дерева рендера) и reference-counted scroll-lock.\nimport { pushGrModalEsc, removeGrModalEsc } from '../GrModal/grModalEscStack'\nimport { useScrollLock } from '../../composables/internal/useScrollLock'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.drawer.title', 'Drawer'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport\n// (в клиенте включаем после маунта). Раньше `<teleport to=\"body\">` без\n// `:disabled` падал при SSR — расхождение с GrModal.\nconst isClient = typeof window !== 'undefined'\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\n// ————— Esc через общий стек оверлеев + scroll-lock, синхронно с открытием.\nconst { lock: lockBodyScroll, unlock: unlockBodyScroll } = useScrollLock()\n\nlet escEntryId: number | null = null\n\nfunction registerEsc(): void {\n  if (escEntryId !== null) return\n  escEntryId = pushGrModalEsc({\n    shouldClose: () => props.closeOnEsc,\n    close,\n  })\n}\n\nfunction unregisterEsc(): void {\n  if (escEntryId === null) return\n  removeGrModalEsc(escEntryId)\n  escEntryId = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) {\n      lockBodyScroll()\n      registerEsc()\n    }\n    else {\n      unlockBodyScroll()\n      unregisterEsc()\n    }\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  unlockBodyScroll()\n  unregisterEsc()\n})\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-gr-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-gr-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-gr-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-gr-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--gr-brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-gr-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ resolvedTitle }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"resolvedCloseLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-gr-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-gr-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--gr-brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDrawer/index.js

@@ -1,3 +1,3 @@
-import { n as grDrawerSafelist, t as grDrawerConfig } from "../../chunks/config-DUcu1D682.js";
-import { t as GrDrawer_default } from "./chunks/GrDrawer-SLGKCY2A.js";
+import { n as grDrawerSafelist, t as grDrawerConfig } from "../../chunks/config-BmNT0Fmx.js";
+import { t as GrDrawer_default } from "./chunks/GrDrawer-KevdZ5BB.js";
 export { GrDrawer_default as GrDrawer, GrDrawer_default as default, grDrawerConfig, grDrawerSafelist };

package/dist/components/GrDropdown/chunks/{GrDropdown-BnDMYP8v.js → GrDropdown-BKoy8hm-.js}

@@ -1,7 +1,7 @@
 import { vClickOutside } from "../../../directives/clickOutside.js";
 import { t as useFloating } from "../../../chunks/useFloating-DtM6TyE4.js";
 import { t as useEscapeToClose } from "../../../chunks/useEscapeToClose-C2t_S1gh.js";
-import { n as grDropdownOriginClass, r as grDropdownWidthClass, t as grDropdownContentClass } from "../../../chunks/grDropdownStyles-B_-DKytw.js";
+import { n as grDropdownOriginClass, r as grDropdownWidthClass, t as grDropdownContentClass } from "../../../chunks/grDropdownStyles-HBPkghVr.js";
 import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useId, vShow, watch, withCtx, withDirectives } from "vue";
 //#region src/components/GrDropdown/GrDropdown.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { "data-gr-dropdown": "" };

package/dist/components/GrDropdown/chunks/{GrDropdown-BnDMYP8v.js.map → GrDropdown-BKoy8hm-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDropdown-BnDMYP8v.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Элемент триггера, которому вернём фокус при закрытии (клавиатурный сценарий).\nlet triggerFocusEl: HTMLElement | null = null\n\n// Фокусируемые пункты панели для клавиатурной навигации (roving-фокус).\nfunction panelItems(): HTMLElement[] {\n  const root = panelEl.value\n  if (!root)\n    return []\n  const selector = '[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n  return Array.from(root.querySelectorAll<HTMLElement>(selector)).filter(el => el.offsetParent !== null || el === document.activeElement)\n}\n\nfunction focusItemAt(index: number): void {\n  const items = panelItems()\n  if (items.length === 0)\n    return\n  const clamped = (index + items.length) % items.length\n  items[clamped]?.focus()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  triggerFocusEl = (document.activeElement as HTMLElement) ?? null\n  open.value = true\n  await nextTick()\n  focusItemAt(first ? 0 : -1)\n}\n\nfunction returnFocusToTrigger(): void {\n  const target = triggerFocusEl\n  triggerFocusEl = null\n  target?.focus?.()\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<button v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': open.value,\n  'aria-controls': open.value ? panelId : undefined,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (open.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nfunction onPanelKeydown(event: KeyboardEvent): void {\n  const items = panelItems()\n  const currentIndex = items.indexOf(document.activeElement as HTMLElement)\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      focusItemAt(currentIndex + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      focusItemAt(currentIndex - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusItemAt(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusItemAt(-1)\n      break\n    case 'Tab':\n      close()\n      break\n  }\n}\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  const wasOpen = open.value\n  open.value = false\n  // Возвращаем фокус на триггер только если панель была открыта с клавиатуры.\n  if (wasOpen)\n    returnFocusToTrigger()\n}\n\nuseEscapeToClose(open, close)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" :triggerProps=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"onPanelKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Элемент триггера, которому вернём фокус при закрытии (клавиатурный сценарий).\nlet triggerFocusEl: HTMLElement | null = null\n\n// Фокусируемые пункты панели для клавиатурной навигации (roving-фокус).\nfunction panelItems(): HTMLElement[] {\n  const root = panelEl.value\n  if (!root)\n    return []\n  const selector = '[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n  return Array.from(root.querySelectorAll<HTMLElement>(selector)).filter(el => el.offsetParent !== null || el === document.activeElement)\n}\n\nfunction focusItemAt(index: number): void {\n  const items = panelItems()\n  if (items.length === 0)\n    return\n  const clamped = (index + items.length) % items.length\n  items[clamped]?.focus()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  triggerFocusEl = (document.activeElement as HTMLElement) ?? null\n  open.value = true\n  await nextTick()\n  focusItemAt(first ? 0 : -1)\n}\n\nfunction returnFocusToTrigger(): void {\n  const target = triggerFocusEl\n  triggerFocusEl = null\n  target?.focus?.()\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<button v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': open.value,\n  'aria-controls': open.value ? panelId : undefined,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (open.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nfunction onPanelKeydown(event: KeyboardEvent): void {\n  const items = panelItems()\n  const currentIndex = items.indexOf(document.activeElement as HTMLElement)\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      focusItemAt(currentIndex + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      focusItemAt(currentIndex - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusItemAt(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusItemAt(-1)\n      break\n    case 'Tab':\n      close()\n      break\n  }\n}\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  const wasOpen = open.value\n  open.value = false\n  // Возвращаем фокус на триггер только если панель была открыта с клавиатуры.\n  if (wasOpen)\n    returnFocusToTrigger()\n}\n\nuseEscapeToClose(open, close)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" :triggerProps=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"onPanelKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDropdown-BKoy8hm-.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Элемент триггера, которому вернём фокус при закрытии (клавиатурный сценарий).\nlet triggerFocusEl: HTMLElement | null = null\n\n// Фокусируемые пункты панели для клавиатурной навигации (roving-фокус).\nfunction panelItems(): HTMLElement[] {\n  const root = panelEl.value\n  if (!root)\n    return []\n  const selector = '[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n  return Array.from(root.querySelectorAll<HTMLElement>(selector)).filter(el => el.offsetParent !== null || el === document.activeElement)\n}\n\nfunction focusItemAt(index: number): void {\n  const items = panelItems()\n  if (items.length === 0)\n    return\n  const clamped = (index + items.length) % items.length\n  items[clamped]?.focus()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  triggerFocusEl = (document.activeElement as HTMLElement) ?? null\n  open.value = true\n  await nextTick()\n  focusItemAt(first ? 0 : -1)\n}\n\nfunction returnFocusToTrigger(): void {\n  const target = triggerFocusEl\n  triggerFocusEl = null\n  target?.focus?.()\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<button v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': open.value,\n  'aria-controls': open.value ? panelId : undefined,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (open.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nfunction onPanelKeydown(event: KeyboardEvent): void {\n  const items = panelItems()\n  const currentIndex = items.indexOf(document.activeElement as HTMLElement)\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      focusItemAt(currentIndex + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      focusItemAt(currentIndex - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusItemAt(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusItemAt(-1)\n      break\n    case 'Tab':\n      close()\n      break\n  }\n}\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  const wasOpen = open.value\n  open.value = false\n  // Возвращаем фокус на триггер только если панель была открыта с клавиатуры.\n  if (wasOpen)\n    returnFocusToTrigger()\n}\n\nuseEscapeToClose(open, close)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" :triggerProps=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"onPanelKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Элемент триггера, которому вернём фокус при закрытии (клавиатурный сценарий).\nlet triggerFocusEl: HTMLElement | null = null\n\n// Фокусируемые пункты панели для клавиатурной навигации (roving-фокус).\nfunction panelItems(): HTMLElement[] {\n  const root = panelEl.value\n  if (!root)\n    return []\n  const selector = '[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n  return Array.from(root.querySelectorAll<HTMLElement>(selector)).filter(el => el.offsetParent !== null || el === document.activeElement)\n}\n\nfunction focusItemAt(index: number): void {\n  const items = panelItems()\n  if (items.length === 0)\n    return\n  const clamped = (index + items.length) % items.length\n  items[clamped]?.focus()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  triggerFocusEl = (document.activeElement as HTMLElement) ?? null\n  open.value = true\n  await nextTick()\n  focusItemAt(first ? 0 : -1)\n}\n\nfunction returnFocusToTrigger(): void {\n  const target = triggerFocusEl\n  triggerFocusEl = null\n  target?.focus?.()\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<button v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': open.value,\n  'aria-controls': open.value ? panelId : undefined,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (open.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nfunction onPanelKeydown(event: KeyboardEvent): void {\n  const items = panelItems()\n  const currentIndex = items.indexOf(document.activeElement as HTMLElement)\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      focusItemAt(currentIndex + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      focusItemAt(currentIndex - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusItemAt(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusItemAt(-1)\n      break\n    case 'Tab':\n      close()\n      break\n  }\n}\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  const wasOpen = open.value\n  open.value = false\n  // Возвращаем фокус на триггер только если панель была открыта с клавиатуры.\n  if (wasOpen)\n    returnFocusToTrigger()\n}\n\nuseEscapeToClose(open, close)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" :triggerProps=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"onPanelKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDropdown/index.js

@@ -1,3 +1,3 @@
-import { t as GrDropdown_default } from "./chunks/GrDropdown-BnDMYP8v.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-C49QUoJL.js";
+import { t as GrDropdown_default } from "./chunks/GrDropdown-BKoy8hm-.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-BvVq2gbd.js";
 export { GrDropdown_default as GrDropdown, GrDropdown_default as default, grDropdownConfig, grDropdownSafelist };

package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu--g9Vofcq.js → GrDropdownMenu-zCatXzmt.js}

@@ -1,4 +1,4 @@
-import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-BnDMYP8v.js";
+import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-BKoy8hm-.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
 //#endregion
 //#region src/components/GrDropdownMenu/GrDropdownMenuList.vue
@@ -23,9 +23,9 @@ var GrDropdownMenuList_default = /* @__PURE__ */ defineComponent({
 		const className = computed(() => {
 			return [
 				"w-full",
-				props.dividers ? "divide-y divide-[var(--brd)]" : "",
-				props.borderTop ? "border-t border-[var(--brd)]" : "",
-				props.borderBottom ? "border-b border-[var(--brd)]" : ""
+				props.dividers ? "divide-y divide-[var(--gr-brd)]" : "",
+				props.borderTop ? "border-t border-[var(--gr-brd)]" : "",
+				props.borderBottom ? "border-b border-[var(--gr-brd)]" : ""
 			].filter(Boolean).join(" ");
 		});
 		return (_ctx, _cache) => {
@@ -132,7 +132,7 @@ var GrDropdownMenuColumns_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				"data-gr-dropdown-menu-columns": "",
-				class: normalizeClass(["w-full grid divide-x divide-[var(--brd)]", colsClass.value])
+				class: normalizeClass(["w-full grid divide-x divide-[var(--gr-brd)]", colsClass.value])
 			}, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
@@ -150,7 +150,7 @@ var GrDropdownMenuDivider_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", {
 				"data-gr-dropdown-menu-divider": "",
 				role: "separator",
-				class: normalizeClass(["border-t border-[var(--brd)]", __props.inset ? "mx-2" : ""])
+				class: normalizeClass(["border-t border-[var(--gr-brd)]", __props.inset ? "mx-2" : ""])
 			}, null, 2);
 		};
 	}
@@ -182,7 +182,7 @@ var GrDropdownMenuHeader_default = /* @__PURE__ */ defineComponent({
 			return isVisible.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				"data-gr-dropdown-menu-header": "",
-				class: normalizeClass(["px-4 py-2 text-[11px] tracking-wide text-[var(--muted-fg)]", [titleAlignClass.value, { uppercase: __props.uppercase }]])
+				class: normalizeClass(["px-4 py-2 text-[11px] tracking-wide text-[var(--gr-muted-fg)]", [titleAlignClass.value, { uppercase: __props.uppercase }]])
 			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("", true);
 		};
 	}
@@ -212,7 +212,7 @@ var GrDropdownMenuGroup_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const itemsClass = computed(() => {
-			return ["w-full", props.dividers ? "divide-y divide-[var(--brd)]" : ""].filter(Boolean).join(" ");
+			return ["w-full", props.dividers ? "divide-y divide-[var(--gr-brd)]" : ""].filter(Boolean).join(" ");
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [__props.title ? (openBlock(), createBlock(GrDropdownMenuHeader_default, {
@@ -255,7 +255,7 @@ var GrDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 		});
 		const variantClass = computed(() => {
 			if (props.variant === "danger") return "text-[var(--gr-danger)]";
-			return "text-[var(--fg)]";
+			return "text-[var(--gr-fg)]";
 		});
 		const disabledClass = computed(() => {
 			if (!props.disabled) return "";
@@ -263,7 +263,7 @@ var GrDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 		});
 		const interactiveClass = computed(() => {
 			if (props.disabled) return "";
-			return "hover:bg-[var(--accent)] hover:text-[var(--accent-fg)]";
+			return "hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]";
 		});
 		const className = computed(() => {
 			return [
@@ -271,7 +271,7 @@ var GrDropdownMenuItem_default = /* @__PURE__ */ defineComponent({
 				"flex items-center gap-2",
 				"text-[13px]",
 				"transition-colors duration-150",
-				"focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
+				"focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]",
 				alignClass.value,
 				variantClass.value,
 				interactiveClass.value,

package/dist/components/GrDropdownMenu/chunks/GrDropdownMenu-zCatXzmt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDropdownMenu-zCatXzmt.js","names":[],"sources":["../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--gr-brd)]' : '',\n    props.borderTop ? 'border-t border-[var(--gr-brd)]' : '',\n    props.borderBottom ? 'border-b border-[var(--gr-brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-gr-dropdown-menu-list :class=\"className\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--gr-brd)]' : '',\n    props.borderTop ? 'border-t border-[var(--gr-brd)]' : '',\n    props.borderBottom ? 'border-b border-[var(--gr-brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-gr-dropdown-menu-list :class=\"className\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\n\nexport type GrDropdownMenuAlign = 'left' | 'right' | 'center'\nexport type GrDropdownMenuWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport interface GrDropdownMenuProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownMenuAlign\n  /** Ширина панели. */\n  width?: GrDropdownMenuWidth\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n})\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :align=\"align\"\n    :width=\"width\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\" />\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\n\nexport type GrDropdownMenuAlign = 'left' | 'right' | 'center'\nexport type GrDropdownMenuWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport interface GrDropdownMenuProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownMenuAlign\n  /** Ширина панели. */\n  width?: GrDropdownMenuWidth\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n})\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :align=\"align\"\n    :width=\"width\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\" />\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nexport type GrDropdownMenuColumnAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\nconst alignClass: Record<GrDropdownMenuColumnAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    class=\"px-3 py-2 flex items-center\"\n    :class=\"alignClass[align]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nexport type GrDropdownMenuColumnAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\nconst alignClass: Record<GrDropdownMenuColumnAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    class=\"px-3 py-2 flex items-center\"\n    :class=\"alignClass[align]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: 2 | 3 | 4\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\nconst colsClass = computed(() => {\n  return {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  }[props.cols]\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    class=\"w-full grid divide-x divide-[var(--gr-brd)]\"\n    :class=\"colsClass\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: 2 | 3 | 4\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\nconst colsClass = computed(() => {\n  return {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  }[props.cols]\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    class=\"w-full grid divide-x divide-[var(--gr-brd)]\"\n    :class=\"colsClass\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-divider\n    role=\"separator\"\n    class=\"border-t border-[var(--gr-brd)]\"\n    :class=\"inset ? 'mx-2' : ''\"\n  />\n</template>\n","<script setup lang=\"ts\">\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-divider\n    role=\"separator\"\n    class=\"border-t border-[var(--gr-brd)]\"\n    :class=\"inset ? 'mx-2' : ''\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrDropdownMenuHeaderAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n\nconst titleAlignClass = computed(() => {\n  const map: Record<GrDropdownMenuHeaderAlign, string> = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  }\n  return map[props.align]\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-gr-dropdown-menu-header\n    class=\"px-4 py-2 text-[11px] tracking-wide text-[var(--gr-muted-fg)]\"\n    :class=\"[titleAlignClass, { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrDropdownMenuHeaderAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n\nconst titleAlignClass = computed(() => {\n  const map: Record<GrDropdownMenuHeaderAlign, string> = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  }\n  return map[props.align]\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-gr-dropdown-menu-header\n    class=\"px-4 py-2 text-[11px] tracking-wide text-[var(--gr-muted-fg)]\"\n    :class=\"[titleAlignClass, { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport type { GrDropdownMenuHeaderAlign } from './GrDropdownMenuHeader.vue'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst itemsClass = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--gr-brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-gr-dropdown-menu-group class=\"w-full\">\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport type { GrDropdownMenuHeaderAlign } from './GrDropdownMenuHeader.vue'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst itemsClass = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--gr-brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-gr-dropdown-menu-group class=\"w-full\">\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  align: 'left',\n  variant: 'default',\n})\n\nconst attrs = useAttrs()\n\nconst isNativeButton = computed(() => props.as === 'button' || props.as === undefined)\n\nconst alignClass = computed(() => {\n  const map: Record<GrDropdownMenuItemAlign, string> = {\n    left: 'justify-start text-left',\n    center: 'justify-center text-center',\n    right: 'justify-end text-right',\n  }\n\n  return map[props.align]\n})\n\nconst variantClass = computed(() => {\n  if (props.variant === 'danger')\n    return 'text-[var(--gr-danger)]'\n\n  return 'text-[var(--gr-fg)]'\n})\n\nconst disabledClass = computed(() => {\n  if (!props.disabled)\n    return ''\n\n  return 'cursor-not-allowed opacity-60 pointer-events-none'\n})\n\nconst interactiveClass = computed(() => {\n  if (props.disabled)\n    return ''\n\n  return 'hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]'\n})\n\nconst className = computed(() => {\n  return [\n    // block/flex + размеры\n    'w-full min-h-[40px] px-4 py-2.5',\n    'flex items-center gap-2',\n    // типографика\n    'text-[13px]',\n    // взаимодействие\n    'transition-colors duration-150',\n    'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]',\n    alignClass.value,\n    variantClass.value,\n    interactiveClass.value,\n    disabledClass.value,\n  ].filter(Boolean).join(' ')\n})\n\nfunction onClickCapture(e: MouseEvent) {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  e.stopPropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"attrs\"\n    data-gr-dropdown-menu-item\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :disabled=\"isNativeButton ? disabled : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : (attrs.tabindex as any)\"\n    @click.capture=\"onClickCapture\"\n  >\n    <slot />\n  </component>\n</template>","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  align: 'left',\n  variant: 'default',\n})\n\nconst attrs = useAttrs()\n\nconst isNativeButton = computed(() => props.as === 'button' || props.as === undefined)\n\nconst alignClass = computed(() => {\n  const map: Record<GrDropdownMenuItemAlign, string> = {\n    left: 'justify-start text-left',\n    center: 'justify-center text-center',\n    right: 'justify-end text-right',\n  }\n\n  return map[props.align]\n})\n\nconst variantClass = computed(() => {\n  if (props.variant === 'danger')\n    return 'text-[var(--gr-danger)]'\n\n  return 'text-[var(--gr-fg)]'\n})\n\nconst disabledClass = computed(() => {\n  if (!props.disabled)\n    return ''\n\n  return 'cursor-not-allowed opacity-60 pointer-events-none'\n})\n\nconst interactiveClass = computed(() => {\n  if (props.disabled)\n    return ''\n\n  return 'hover:bg-[var(--gr-accent)] hover:text-[var(--gr-accent-fg)]'\n})\n\nconst className = computed(() => {\n  return [\n    // block/flex + размеры\n    'w-full min-h-[40px] px-4 py-2.5',\n    'flex items-center gap-2',\n    // типографика\n    'text-[13px]',\n    // взаимодействие\n    'transition-colors duration-150',\n    'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]',\n    alignClass.value,\n    variantClass.value,\n    interactiveClass.value,\n    disabledClass.value,\n  ].filter(Boolean).join(' ')\n})\n\nfunction onClickCapture(e: MouseEvent) {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  e.stopPropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"attrs\"\n    data-gr-dropdown-menu-item\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :disabled=\"isNativeButton ? disabled : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : (attrs.tabindex as any)\"\n    @click.capture=\"onClickCapture\"\n  >\n    <slot />\n  </component>\n</template>"],"mappings":"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"}

package/dist/components/GrDropdownMenu/index.js

@@ -1,3 +1,3 @@
-import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./chunks/GrDropdownMenu--g9Vofcq.js";
+import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./chunks/GrDropdownMenu-zCatXzmt.js";
 import { t as grDropdownMenuConfig } from "../../chunks/config-Cb2PAlSD.js";
 export { GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenu_default as default, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, grDropdownMenuConfig };

package/dist/components/GrEmptyState/chunks/{GrEmptyState-CA3BiTV7.js → GrEmptyState-CNb0BzjG.js}

@@ -23,14 +23,14 @@ var inbox_default = markRaw({
 //#region src/components/GrEmptyState/GrEmptyState.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	"data-gr-empty-state": "",
-	class: "rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] p-6 text-center"
+	class: "rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] p-6 text-center"
 };
 var _hoisted_2 = { class: "flex justify-center" };
-var _hoisted_3 = { class: "h-12 w-12 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center text-[var(--muted-fg)]" };
+var _hoisted_3 = { class: "h-12 w-12 rounded-[12px] bg-[var(--gr-muted)] border border-[var(--gr-brd)] flex items-center justify-center text-[var(--gr-muted-fg)]" };
 var _hoisted_4 = { class: "mt-4 text-[14px] font-700" };
 var _hoisted_5 = {
 	key: 0,
-	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
+	class: "mt-1 text-[13px] text-[var(--gr-muted-fg)]"
 };
 var _hoisted_6 = {
 	key: 1,

package/dist/components/GrEmptyState/chunks/GrEmptyState-CNb0BzjG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrEmptyState-CNb0BzjG.js","names":["$slots"],"sources":["../../../../src/components/GrEmptyState/GrEmptyState.vue","../../../../src/components/GrEmptyState/GrEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrEmptyState — карточка пустого состояния с иконкой, заголовком,\n * опциональным описанием и CTA-слотом.\n *\n * - Иконка по умолчанию — `lucide/inbox`, кастомизируется через слот `#icon`.\n * - Default-слот рендерится как контейнер для действий (центрирован).\n */\nexport interface GrEmptyStateProps {\n  title: string\n  description?: string\n}\n\nwithDefaults(defineProps<GrEmptyStateProps>(), {\n  description: undefined,\n})\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    class=\"rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] p-6 text-center\"\n  >\n    <div class=\"flex justify-center\">\n      <div class=\"h-12 w-12 rounded-[12px] bg-[var(--gr-muted)] border border-[var(--gr-brd)] flex items-center justify-center text-[var(--gr-muted-fg)]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"24\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"mt-4 text-[14px] font-700\">\n      {{ title }}\n    </div>\n\n    <div v-if=\"description\" class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\">\n      {{ description }}\n    </div>\n\n    <div v-if=\"$slots.default\" class=\"mt-4 flex justify-center\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrEmptyState — карточка пустого состояния с иконкой, заголовком,\n * опциональным описанием и CTA-слотом.\n *\n * - Иконка по умолчанию — `lucide/inbox`, кастомизируется через слот `#icon`.\n * - Default-слот рендерится как контейнер для действий (центрирован).\n */\nexport interface GrEmptyStateProps {\n  title: string\n  description?: string\n}\n\nwithDefaults(defineProps<GrEmptyStateProps>(), {\n  description: undefined,\n})\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    class=\"rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] p-6 text-center\"\n  >\n    <div class=\"flex justify-center\">\n      <div class=\"h-12 w-12 rounded-[12px] bg-[var(--gr-muted)] border border-[var(--gr-brd)] flex items-center justify-center text-[var(--gr-muted-fg)]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"24\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"mt-4 text-[14px] font-700\">\n      {{ title }}\n    </div>\n\n    <div v-if=\"description\" class=\"mt-1 text-[13px] text-[var(--gr-muted-fg)]\">\n      {{ description }}\n    </div>\n\n    <div v-if=\"$slots.default\" class=\"mt-4 flex justify-center\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAuBE,mBAyBM,OAzBN,YAyBM;IArBJ,mBAQM,OARN,YAQM,CAPJ,mBAMM,OANN,YAMM,CALJ,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAHL,YAES,gBAAA,EAFA,MAAM,GAAE,GAAA;4BACiB,CAAhC,YAAgC,MAAA,aAAA,GAAA,EAArB,eAAY,OAAM,CAAA,CAAA,CAAA;;;IAMrC,mBAEM,OAFN,YAEM,gBADD,QAAA,KAAK,GAAA,CAAA;IAGC,QAAA,eAAA,UAAA,GAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAGLA,KAAAA,OAAO,WAAA,UAAA,GAAlB,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrEmptyState/index.js

@@ -1,3 +1,3 @@
-import { t as GrEmptyState_default } from "./chunks/GrEmptyState-CA3BiTV7.js";
+import { t as GrEmptyState_default } from "./chunks/GrEmptyState-CNb0BzjG.js";
 import { t as grEmptyStateConfig } from "../../chunks/config-Bah4oHwL.js";
 export { GrEmptyState_default as GrEmptyState, GrEmptyState_default as default, grEmptyStateConfig };