@feugene/granularity 0.36.0 → 0.37.0

package/dist/composables/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrButtonSize, GrButtonVariant } from '../components/GrButton/grButtonStyles'\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\n/**\n * Опциональная action-кнопка тоста: `label` — текст, `onClick` — обработчик.\n * По клику вызывается `onClick`, затем тост закрывается (если `dismissOnClick`\n * не установлен в `false`). `size`/`variant` настраивают вид кнопки.\n */\nexport type ToastAction = {\n  label: string\n  onClick: () => void\n  /** Закрывать ли тост после клика по действию. По умолчанию `true`. */\n  dismissOnClick?: boolean\n  /** Размер кнопки действия. По умолчанию `sm`. */\n  size?: GrButtonSize\n  /** Вариант кнопки действия. По умолчанию `outline`. */\n  variant?: GrButtonVariant\n}\n\nexport type ToastInput = {\n  title: string\n  message?: string\n  tone?: GrToastTone\n  /**\n   * Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n   * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n   */\n  timeoutMs?: number\n  /** Одна action-кнопка в теле тоста (шорткат для `actions: [action]`). */\n  action?: ToastAction\n  /** Несколько action-кнопок в теле тоста. Рендерятся после `action`. */\n  actions?: ToastAction[]\n  /**\n   * Схлопывать повтор: `push` с уже занятым ключом обновляет **живой** тост\n   * и перезапускает его автозакрытие вместо того, чтобы завести второй.\n   *\n   * Ключ действует только пока тост на экране. Это не то же самое, что помнить\n   * последнее показанное: повтор действия с тем же текстом обязан показаться\n   * снова, иначе второе «Сохранено» пропадёт молча.\n   */\n  dedupeKey?: string\n}\n\n/**\n * Сообщения для `promise`. Строка — шорткат для `{ title }`; функция получает\n * результат промиса (или причину отказа), чтобы подставить его в текст.\n */\nexport type ToastPromiseMessages<T> = {\n  loading: string | ToastInput\n  success: string | ToastInput | ((value: T) => string | ToastInput)\n  error: string | ToastInput | ((reason: unknown) => string | ToastInput)\n}\n\nexport type Toast = {\n  id: string\n  title: string\n  message?: string\n  tone: GrToastTone\n  /** Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. */\n  timeoutMs: number\n  /** Одна action-кнопка в теле тоста. */\n  action?: ToastAction\n  /** Несколько action-кнопок в теле тоста. */\n  actions?: ToastAction[]\n  /** Ключ схлопывания повторов, если тост создан с ним. */\n  dedupeKey?: string\n}\n\nconst DEFAULT_TIMEOUT_MS = 3500\nconst IS_SERVER = typeof window === 'undefined'\n\n// Метаданные таймера автозакрытия с поддержкой pause/resume (WCAG 2.2.1: под\n// курсором/фокусом отсчёт должен останавливаться).\ntype ToastTimer = {\n  handle: number | null\n  /** Сколько мс осталось до автозакрытия на момент последней паузы/старта. */\n  remaining: number\n  /** `performance.now()` момента запуска текущего отрезка (для вычисления остатка). */\n  startedAt: number\n}\n\nexport type ToastState = {\n  toasts: Toast[]\n  timers: Map<string, ToastTimer>\n  /** Потолок очереди: сверх него самые старые тосты вытесняются. */\n  maxToasts: number\n}\n\n/**\n * Потолок очереди по умолчанию. `maxVisible` у `GrToaster` режет только видимые,\n * поэтому без него поток событий (переподключение сокета, цикл ошибок) копил бы\n * очередь и вываливал её на пользователя, когда стек освободится.\n */\nconst DEFAULT_MAX_TOASTS = 20\n\nexport type GranularityToastPluginOptions = {\n  /** Потолок очереди. По умолчанию `20`. */\n  maxToasts?: number\n}\n\nfunction createToastState(maxToasts = DEFAULT_MAX_TOASTS): ToastState {\n  return {\n    toasts: reactive<Toast[]>([]),\n    timers: new Map<string, ToastTimer>(),\n    maxToasts: Math.max(1, Math.trunc(maxToasts)),\n  }\n}\n\n/** Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). */\nexport const GRANULARITY_TOAST_STATE: InjectionKey<ToastState> = Symbol.for('@feugene/granularity/toast-state')\n\n/**\n * Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов\n * через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной\n * странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе\n * модульное состояние течёт между запросами).\n *\n * ```ts\n * app.use(granularityToastPlugin)\n * app.use(granularityToastPlugin, { maxToasts: 50 })\n * ```\n */\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedToastProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityToastPlugin = {\n  install(app: App, options: GranularityToastPluginOptions = {}) {\n    appScopedToastProvided = true\n    app.provide(GRANULARITY_TOAST_STATE, createToastState(options.maxToasts))\n  },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState | null = null\n\n/** Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. */\nexport function resetToastContextWarning(): void {\n  contextFallbackWarned = false\n}\n\nfunction resolveToastState(): ToastState {\n  // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n  // `app.runWithContext(() => useToast())` — `hasInjectionContext` покрывает оба,\n  // поэтому вызов из router guard / интерцептора достаёт состояние приложения.\n  if (hasInjectionContext()) {\n    const provided = inject(GRANULARITY_TOAST_STATE, null)\n    if (provided)\n      return provided\n  }\n\n  // В SSR модульный фолбэк запрещён: одно mutable-состояние на модуль утекало бы\n  // между запросами. Требуем установленный плагин (app.provide).\n  if (IS_SERVER) {\n    throw new Error(\n      '[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — '\n      + 'the module-singleton fallback is disabled server-side to avoid state leaking between requests.',\n    )\n  }\n\n  // Дедуп и текст — прямо под гардом: `__GR_DEV__` разворачивается в условие\n  // на сборке, и у потребителя вся ветка выкидывается вместе с сообщением.\n  if (\n    appScopedToastProvided && !contextFallbackWarned\n    && __GR_DEV__\n  ) {\n    contextFallbackWarned = true\n    console.warn(\n      '[granularity] useToast() вызван вне setup/inject-контекста: app-scoped состояние '\n      + 'granularityToastPlugin недоступно, использован модульный синглтон — эти тосты не попадут '\n      + 'в GrToaster приложения. Оберните вызов: app.runWithContext(() => useToast()).',\n    )\n  }\n\n  if (!moduleToastState)\n    moduleToastState = createToastState()\n\n  return moduleToastState\n}\n\nfunction now(): number {\n  return typeof performance !== 'undefined' ? performance.now() : Date.now()\n}\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nexport function useToast() {\n  const state = resolveToastState()\n  const list = computed(() => state.toasts)\n\n  function armTimer(id: string, timer: ToastTimer): void {\n    if (timer.remaining <= 0 || typeof window === 'undefined')\n      return\n    timer.startedAt = now()\n    timer.handle = window.setTimeout(() => {\n      state.timers.delete(id)\n      dismiss(id)\n    }, timer.remaining)\n  }\n\n  function clearTimer(id: string): void {\n    const timer = state.timers.get(id)\n    if (timer?.handle != null) {\n      clearTimeout(timer.handle)\n      timer.handle = null\n    }\n    state.timers.delete(id)\n  }\n\n  function push(input: ToastInput): string {\n    const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n\n    // Схлопывание ищет тост только среди живых. Помнить последний показанный\n    // ключ нельзя: тогда повтор того же действия («Сохранено» второй раз)\n    // не показался бы вообще — тост уже ушёл, а ключ ещё занят.\n    if (input.dedupeKey !== undefined) {\n      const existing = state.toasts.find(item => item.dedupeKey === input.dedupeKey)\n      if (existing) {\n        // Замена целиком, а не патч: повторный `push` — это законченное\n        // высказывание, и `message` от прошлого раза донашивать он не должен.\n        applyStage(existing.id, { ...input, tone: input.tone ?? 'info', timeoutMs: timeout })\n        return existing.id\n      }\n    }\n\n    const id = makeId()\n    const toast: Toast = {\n      id,\n      title: input.title,\n      message: input.message,\n      tone: input.tone ?? 'info',\n      timeoutMs: timeout > 0 ? timeout : 0,\n      action: input.action,\n      actions: input.actions,\n      dedupeKey: input.dedupeKey,\n    }\n\n    state.toasts.unshift(toast)\n    trimQueue()\n\n    if (toast.timeoutMs > 0) {\n      const timer: ToastTimer = { handle: null, remaining: toast.timeoutMs, startedAt: now() }\n      state.timers.set(id, timer)\n      armTimer(id, timer)\n    }\n\n    return id\n  }\n\n  // Вытесняем с хвоста — там самые старые: при потоке событий устаревшее\n  // уведомление менее ценно, чем свежее. Таймеры снимаем, иначе остались бы\n  // висящие `setTimeout` на тосты, которых больше нет.\n  //\n  // Это флуд-защита уровня состояния, а не очередь показа (`GrToaster` держит\n  // видимыми старейших): при переполнении потолка вытеснен может быть и тост,\n  // который сейчас на экране, — осознанный компромисс.\n  function trimQueue(): void {\n    while (state.toasts.length > state.maxToasts) {\n      const dropped = state.toasts.pop()\n      if (dropped)\n        clearTimer(dropped.id)\n    }\n  }\n\n  /**\n   * Меняет показанный тост на месте. `timeoutMs` в патче перезапускает таймер\n   * (`0` — снова «навсегда»), поэтому «вечный» loading может стать\n   * самозакрывающимся success.\n   *\n   * Возвращает `false`, если тоста уже нет: пользователь мог закрыть его руками,\n   * и воскрешать его нельзя.\n   */\n  function update(id: string, patch: Partial<ToastInput>): boolean {\n    const toast = state.toasts.find(item => item.id === id)\n    if (!toast)\n      return false\n\n    if (patch.title !== undefined)\n      toast.title = patch.title\n    if (patch.message !== undefined)\n      toast.message = patch.message\n    if (patch.tone !== undefined)\n      toast.tone = patch.tone\n    if (patch.action !== undefined)\n      toast.action = patch.action\n    if (patch.actions !== undefined)\n      toast.actions = patch.actions\n\n    if (patch.timeoutMs !== undefined)\n      toast.timeoutMs = rearmTimer(id, patch.timeoutMs)\n\n    return true\n  }\n\n  /** Перезапускает автозакрытие с нового таймаута; `0` и меньше — «навсегда». */\n  function rearmTimer(id: string, timeoutMs: number): number {\n    clearTimer(id)\n    const next = timeoutMs > 0 ? timeoutMs : 0\n\n    if (next > 0) {\n      const timer: ToastTimer = { handle: null, remaining: next, startedAt: now() }\n      state.timers.set(id, timer)\n      armTimer(id, timer)\n    }\n\n    return next\n  }\n\n  /**\n   * Полная замена стадии для `promise()`. В отличие от `update`, поле без\n   * значения очищается: успех не должен донашивать `message` и action-кнопки\n   * загрузки — патч-семантика оставляла бы их в тосте навсегда.\n   */\n  function applyStage(id: string, stage: ToastInput & { tone: GrToastTone, timeoutMs: number }): void {\n    const toast = state.toasts.find(item => item.id === id)\n    if (!toast)\n      return\n\n    toast.title = stage.title\n    toast.message = stage.message\n    toast.tone = stage.tone\n    toast.action = stage.action\n    toast.actions = stage.actions\n    toast.timeoutMs = rearmTimer(id, stage.timeoutMs)\n  }\n\n  /**\n   * Один тост на весь жизненный цикл промиса: «загружаем» переписывается в\n   * успех или ошибку, а не закрывается ради нового — стек не дёргается.\n   *\n   * Каждая стадия **заменяет** предыдущую целиком: поле, не заданное в\n   * success/error, очищается, а не наследуется от loading.\n   *\n   * Возвращает исходный промис и **не глотает отказ**: тост не заменяет\n   * обработку ошибки, вызывающий по-прежнему обязан её обработать.\n   */\n  function promise<T>(input: Promise<T>, messages: ToastPromiseMessages<T>): Promise<T> {\n    const id = push({ tone: 'info', ...toToastInput(messages.loading), timeoutMs: 0 })\n\n    input.then(\n      (value) => {\n        const stage = resolveMessage(messages.success, value)\n        applyStage(id, { ...stage, tone: stage.tone ?? 'success', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n      },\n      (reason: unknown) => {\n        const stage = resolveMessage(messages.error, reason)\n        applyStage(id, { ...stage, tone: stage.tone ?? 'danger', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n      },\n    )\n\n    return input\n  }\n\n  /** Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). */\n  function pause(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle == null)\n      return\n\n    clearTimeout(timer.handle)\n    timer.handle = null\n    timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt))\n  }\n\n  /** Возобновляет отсчёт с сохранённого остатка (идемпотентно). */\n  function resume(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle != null)\n      return\n\n    armTimer(id, timer)\n  }\n\n  function dismiss(id: string): void {\n    clearTimer(id)\n    const index = state.toasts.findIndex(toast => toast.id === id)\n    if (index >= 0)\n      state.toasts.splice(index, 1)\n  }\n\n  function clear(): void {\n    for (const id of [...state.timers.keys()]) clearTimer(id)\n    state.toasts.splice(0, state.toasts.length)\n  }\n\n  return {\n    list,\n    push,\n    update,\n    promise,\n    dismiss,\n    clear,\n    pause,\n    resume,\n  }\n}\n\nfunction toToastInput(message: string | ToastInput): ToastInput {\n  return typeof message === 'string' ? { title: message } : message\n}\n\nfunction resolveMessage<T>(\n  message: string | ToastInput | ((value: T) => string | ToastInput),\n  value: T,\n): ToastInput {\n  return toToastInput(typeof message === 'function' ? message(value) : message)\n}\n"],"mappings":"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"}
+{"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrButtonSize, GrButtonVariant } from '../components/GrButton/grButtonStyles'\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\n/**\n * Опциональная action-кнопка тоста: `label` — текст, `onClick` — обработчик.\n * По клику вызывается `onClick`, затем тост закрывается (если `dismissOnClick`\n * не установлен в `false`). `size`/`variant` настраивают вид кнопки.\n */\nexport type ToastAction = {\n  label: string\n  onClick: () => void\n  /** Закрывать ли тост после клика по действию. По умолчанию `true`. */\n  dismissOnClick?: boolean\n  /** Размер кнопки действия. По умолчанию `sm`. */\n  size?: GrButtonSize\n  /** Вариант кнопки действия. По умолчанию `outline`. */\n  variant?: GrButtonVariant\n}\n\nexport type ToastInput = {\n  title: string\n  message?: string\n  tone?: GrToastTone\n  /**\n   * Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n   * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n   */\n  timeoutMs?: number\n  /** Одна action-кнопка в теле тоста (шорткат для `actions: [action]`). */\n  action?: ToastAction\n  /** Несколько action-кнопок в теле тоста. Рендерятся после `action`. */\n  actions?: ToastAction[]\n  /**\n   * Схлопывать повтор: `push` с уже занятым ключом обновляет **живой** тост\n   * и перезапускает его автозакрытие вместо того, чтобы завести второй.\n   *\n   * Ключ действует только пока тост на экране. Это не то же самое, что помнить\n   * последнее показанное: повтор действия с тем же текстом обязан показаться\n   * снова, иначе второе «Сохранено» пропадёт молча.\n   */\n  dedupeKey?: string\n}\n\n/**\n * Сообщения для `promise`. Строка — шорткат для `{ title }`; функция получает\n * результат промиса (или причину отказа), чтобы подставить его в текст.\n */\nexport type ToastPromiseMessages<T> = {\n  loading: string | ToastInput\n  success: string | ToastInput | ((value: T) => string | ToastInput)\n  error: string | ToastInput | ((reason: unknown) => string | ToastInput)\n}\n\nexport type Toast = {\n  id: string\n  title: string\n  message?: string\n  tone: GrToastTone\n  /** Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. */\n  timeoutMs: number\n  /** Одна action-кнопка в теле тоста. */\n  action?: ToastAction\n  /** Несколько action-кнопок в теле тоста. */\n  actions?: ToastAction[]\n  /** Ключ схлопывания повторов, если тост создан с ним. */\n  dedupeKey?: string\n}\n\nconst DEFAULT_TIMEOUT_MS = 3500\nconst IS_SERVER = typeof window === 'undefined'\n\n// Метаданные таймера автозакрытия с поддержкой pause/resume (WCAG 2.2.1: под\n// курсором/фокусом отсчёт должен останавливаться).\ntype ToastTimer = {\n  handle: number | null\n  /** Сколько мс осталось до автозакрытия на момент последней паузы/старта. */\n  remaining: number\n  /** `performance.now()` момента запуска текущего отрезка (для вычисления остатка). */\n  startedAt: number\n}\n\nexport type ToastState = {\n  toasts: Toast[]\n  timers: Map<string, ToastTimer>\n  /** Потолок очереди: сверх него самые старые тосты вытесняются. */\n  maxToasts: number\n}\n\n/**\n * Потолок очереди по умолчанию. `maxVisible` у `GrToaster` режет только видимые,\n * поэтому без него поток событий (переподключение сокета, цикл ошибок) копил бы\n * очередь и вываливал её на пользователя, когда стек освободится.\n */\nconst DEFAULT_MAX_TOASTS = 20\n\nexport type GranularityToastPluginOptions = {\n  /** Потолок очереди. По умолчанию `20`. */\n  maxToasts?: number\n}\n\nfunction createToastState(maxToasts = DEFAULT_MAX_TOASTS): ToastState {\n  return {\n    toasts: reactive<Toast[]>([]),\n    timers: new Map<string, ToastTimer>(),\n    maxToasts: Math.max(1, Math.trunc(maxToasts)),\n  }\n}\n\n/** Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). */\nexport const GRANULARITY_TOAST_STATE: InjectionKey<ToastState> = Symbol.for('@feugene/granularity/toast-state')\n\n/**\n * Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов\n * через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной\n * странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе\n * модульное состояние течёт между запросами).\n *\n * ```ts\n * app.use(granularityToastPlugin)\n * app.use(granularityToastPlugin, { maxToasts: 50 })\n * ```\n */\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedToastProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityToastPlugin = {\n  install(app: App, options: GranularityToastPluginOptions = {}) {\n    appScopedToastProvided = true\n    app.provide(GRANULARITY_TOAST_STATE, createToastState(options.maxToasts))\n  },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState | null = null\n\n/** Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. */\nexport function resetToastContextWarning(): void {\n  contextFallbackWarned = false\n}\n\nfunction resolveToastState(): ToastState {\n  // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n  // `app.runWithContext(() => useToast())` — `hasInjectionContext` покрывает оба,\n  // поэтому вызов из router guard / интерцептора достаёт состояние приложения.\n  if (hasInjectionContext()) {\n    const provided = inject(GRANULARITY_TOAST_STATE, null)\n    if (provided)\n      return provided\n  }\n\n  // В SSR модульный фолбэк запрещён: одно mutable-состояние на модуль утекало бы\n  // между запросами. Требуем установленный плагин (app.provide).\n  if (IS_SERVER) {\n    throw new Error(\n      '[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — '\n      + 'the module-singleton fallback is disabled server-side to avoid state leaking between requests.',\n    )\n  }\n\n  // Дедуп и текст — прямо под гардом: `__GR_DEV__` разворачивается в условие\n  // на сборке, и у потребителя вся ветка выкидывается вместе с сообщением.\n  if (\n    appScopedToastProvided && !contextFallbackWarned\n    && __GR_DEV__\n  ) {\n    contextFallbackWarned = true\n    console.warn(\n      '[granularity] useToast() вызван вне setup/inject-контекста: app-scoped состояние '\n      + 'granularityToastPlugin недоступно, использован модульный синглтон — эти тосты не попадут '\n      + 'в GrToaster приложения. Оберните вызов: app.runWithContext(() => useToast()).',\n    )\n  }\n\n  if (!moduleToastState)\n    moduleToastState = createToastState()\n\n  return moduleToastState\n}\n\nfunction now(): number {\n  return typeof performance !== 'undefined' ? performance.now() : Date.now()\n}\n\nfunction makeId(): string {\n  return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nexport function useToast() {\n  const state = resolveToastState()\n  const list = computed(() => state.toasts)\n\n  function armTimer(id: string, timer: ToastTimer): void {\n    if (timer.remaining <= 0 || typeof window === 'undefined')\n      return\n    timer.startedAt = now()\n    timer.handle = window.setTimeout(() => {\n      state.timers.delete(id)\n      dismiss(id)\n    }, timer.remaining)\n  }\n\n  function clearTimer(id: string): void {\n    const timer = state.timers.get(id)\n    if (timer?.handle != null) {\n      clearTimeout(timer.handle)\n      timer.handle = null\n    }\n    state.timers.delete(id)\n  }\n\n  function push(input: ToastInput): string {\n    const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n\n    // Схлопывание ищет тост только среди живых. Помнить последний показанный\n    // ключ нельзя: тогда повтор того же действия («Сохранено» второй раз)\n    // не показался бы вообще — тост уже ушёл, а ключ ещё занят.\n    if (input.dedupeKey !== undefined) {\n      const existing = state.toasts.find(item => item.dedupeKey === input.dedupeKey)\n      if (existing) {\n        // Замена целиком, а не патч: повторный `push` — это законченное\n        // высказывание, и `message` от прошлого раза донашивать он не должен.\n        applyStage(existing.id, { ...input, tone: input.tone ?? 'info', timeoutMs: timeout })\n        return existing.id\n      }\n    }\n\n    const id = makeId()\n    const toast: Toast = {\n      id,\n      title: input.title,\n      message: input.message,\n      tone: input.tone ?? 'info',\n      timeoutMs: timeout > 0 ? timeout : 0,\n      action: input.action,\n      actions: input.actions,\n      dedupeKey: input.dedupeKey,\n    }\n\n    state.toasts.unshift(toast)\n    trimQueue()\n\n    if (toast.timeoutMs > 0) {\n      const timer: ToastTimer = { handle: null, remaining: toast.timeoutMs, startedAt: now() }\n      state.timers.set(id, timer)\n      armTimer(id, timer)\n    }\n\n    return id\n  }\n\n  // Вытесняем с хвоста — там самые старые: при потоке событий устаревшее\n  // уведомление менее ценно, чем свежее. Таймеры снимаем, иначе остались бы\n  // висящие `setTimeout` на тосты, которых больше нет.\n  //\n  // Это флуд-защита уровня состояния, а не очередь показа (`GrToaster` держит\n  // видимыми старейших): при переполнении потолка вытеснен может быть и тост,\n  // который сейчас на экране, — осознанный компромисс.\n  function trimQueue(): void {\n    while (state.toasts.length > state.maxToasts) {\n      const dropped = state.toasts.pop()\n      if (dropped)\n        clearTimer(dropped.id)\n    }\n  }\n\n  /**\n   * Меняет показанный тост на месте. `timeoutMs` в патче перезапускает таймер\n   * (`0` — снова «навсегда»), поэтому «вечный» loading может стать\n   * самозакрывающимся success.\n   *\n   * Возвращает `false`, если тоста уже нет: пользователь мог закрыть его руками,\n   * и воскрешать его нельзя.\n   */\n  function update(id: string, patch: Partial<ToastInput>): boolean {\n    const toast = state.toasts.find(item => item.id === id)\n    if (!toast)\n      return false\n\n    if (patch.title !== undefined)\n      toast.title = patch.title\n    if (patch.message !== undefined)\n      toast.message = patch.message\n    if (patch.tone !== undefined)\n      toast.tone = patch.tone\n    if (patch.action !== undefined)\n      toast.action = patch.action\n    if (patch.actions !== undefined)\n      toast.actions = patch.actions\n\n    if (patch.timeoutMs !== undefined)\n      toast.timeoutMs = rearmTimer(id, patch.timeoutMs)\n\n    return true\n  }\n\n  /** Перезапускает автозакрытие с нового таймаута; `0` и меньше — «навсегда». */\n  function rearmTimer(id: string, timeoutMs: number): number {\n    clearTimer(id)\n    const next = timeoutMs > 0 ? timeoutMs : 0\n\n    if (next > 0) {\n      const timer: ToastTimer = { handle: null, remaining: next, startedAt: now() }\n      state.timers.set(id, timer)\n      armTimer(id, timer)\n    }\n\n    return next\n  }\n\n  /**\n   * Полная замена стадии для `promise()`. В отличие от `update`, поле без\n   * значения очищается: успех не должен донашивать `message` и action-кнопки\n   * загрузки — патч-семантика оставляла бы их в тосте навсегда.\n   */\n  function applyStage(id: string, stage: ToastInput & { tone: GrToastTone, timeoutMs: number }): void {\n    const toast = state.toasts.find(item => item.id === id)\n    if (!toast)\n      return\n\n    toast.title = stage.title\n    toast.message = stage.message\n    toast.tone = stage.tone\n    toast.action = stage.action\n    toast.actions = stage.actions\n    toast.timeoutMs = rearmTimer(id, stage.timeoutMs)\n  }\n\n  /**\n   * Один тост на весь жизненный цикл промиса: «загружаем» переписывается в\n   * успех или ошибку, а не закрывается ради нового — стек не дёргается.\n   *\n   * Каждая стадия **заменяет** предыдущую целиком: поле, не заданное в\n   * success/error, очищается, а не наследуется от loading.\n   *\n   * Возвращает исходный промис и **не глотает отказ**: тост не заменяет\n   * обработку ошибки, вызывающий по-прежнему обязан её обработать.\n   */\n  function promise<T>(input: Promise<T>, messages: ToastPromiseMessages<T>): Promise<T> {\n    const id = push({ tone: 'info', ...toToastInput(messages.loading), timeoutMs: 0 })\n\n    input.then(\n      (value) => {\n        const stage = resolveMessage(messages.success, value)\n        applyStage(id, { ...stage, tone: stage.tone ?? 'success', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n      },\n      (reason: unknown) => {\n        const stage = resolveMessage(messages.error, reason)\n        applyStage(id, { ...stage, tone: stage.tone ?? 'danger', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n      },\n    )\n\n    return input\n  }\n\n  /** Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). */\n  function pause(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle == null)\n      return\n\n    clearTimeout(timer.handle)\n    timer.handle = null\n    timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt))\n  }\n\n  /** Возобновляет отсчёт с сохранённого остатка (идемпотентно). */\n  function resume(id: string): void {\n    const timer = state.timers.get(id)\n    if (!timer || timer.handle != null)\n      return\n\n    armTimer(id, timer)\n  }\n\n  function dismiss(id: string): void {\n    clearTimer(id)\n    const index = state.toasts.findIndex(toast => toast.id === id)\n    if (index >= 0)\n      state.toasts.splice(index, 1)\n  }\n\n  function clear(): void {\n    for (const id of [...state.timers.keys()]) clearTimer(id)\n    state.toasts.splice(0, state.toasts.length)\n  }\n\n  return {\n    list,\n    push,\n    update,\n    promise,\n    dismiss,\n    clear,\n    pause,\n    resume,\n  }\n}\n\nfunction toToastInput(message: string | ToastInput): ToastInput {\n  return typeof message === 'string' ? { title: message } : message\n}\n\nfunction resolveMessage<T>(\n  message: string | ToastInput | ((value: T) => string | ToastInput),\n  value: T,\n): ToastInput {\n  return toToastInput(typeof message === 'function' ? message(value) : message)\n}\n"],"mappings":"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"}

package/dist/composables/useVirtualList.js

@@ -183,11 +183,9 @@ function useVirtualList(options) {
 			case "center":
 				next = start + size / 2 - height / 2;
 				break;
-			case "auto":
-				if (start < el.scrollTop) next = start;
-				else if (end > el.scrollTop + height) next = end - height;
-				else return;
-				break;
+			case "auto": if (start < el.scrollTop) next = start;
+			else if (end > el.scrollTop + height) next = end - height;
+			else return;
 		}
 		el.scrollTop = Math.max(0, Math.min(next, offsetAt(count) - height));
 		scrollTop.value = el.scrollTop;

package/dist/composables/useVirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualList.js","names":[],"sources":["../../src/composables/useVirtualList.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue'\nimport { computed, onScopeDispose, ref, watch } from 'vue'\n\n/**\n * Виртуализация длинного списка: в DOM живёт только окно вокруг вьюпорта.\n *\n * Композабл считает геометрию и отдаёт три числа — какой срез рисовать\n * (`range`), какой высоты держать распорку (`totalSize`) и на сколько сдвинуть\n * отрисованное (`offset`). Разметку строит потребитель: примитив ничего не\n * рендерит и ничего не знает про роли и клавиатуру своего списка.\n *\n * Скролл-протяжённость держат псевдоэлементы контейнера: `spacerStyle` отдаёт\n * их высоты переменными, а правило живёт в `<style>` компонента. Так\n * отрисованные строки остаются **прямыми детьми** контейнера, и роль вроде\n * `tree` или `listbox` не теряет обязательных потомков.\n *\n * ```vue\n * const container = useTemplateRef('scroller')\n * const { range, spacerStyle, measure } = useVirtualList({\n *   container,\n *   count: () => rows.value.length,\n *   itemSize: 28,\n *   viewportSize: () => props.maxHeight,\n * })\n *\n * <div\n *   ref=\"scroller\"\n *   role=\"tree\"\n *   data-gr-virtual\n *   :style=\"{ overflow: 'auto', maxHeight: '280px', ...spacerStyle }\"\n * >\n *   <Row v-for=\"i in window\" :key=\"…\" :ref=\"el => measure(i, el)\" />\n * </div>\n *\n * <style scoped>\n * [data-gr-virtual]::before,\n * [data-gr-virtual]::after { content: ''; display: block; flex: none; }\n * [data-gr-virtual]::before { height: var(--gr-virtual-before, 0px); }\n * [data-gr-virtual]::after { height: var(--gr-virtual-after, 0px); }\n * </style>\n * ```\n *\n * Почему правило повторяется в каждом компоненте, а не лежит в одном файле:\n * единственный глобальный стиль пакета (`styles/base.css`) потребитель вправе\n * не подключать, и уехавшее туда правило молча ломало бы прокрутку. Сверяет\n * копии гейт `src/__tests__/virtualSpacer.test.ts`.\n */\n\n/** Куда поставить элемент относительно вьюпорта при прокрутке к нему. */\nexport type GrVirtualAlign = 'auto' | 'start' | 'center' | 'end'\n\nexport interface UseVirtualListOptions {\n  /** Скроллящийся контейнер. До монтирования — `null`. */\n  container: Ref<HTMLElement | null>\n  /** Сколько элементов в списке. */\n  count: () => number\n  /**\n   * Оценка высоты элемента. Фактическая берётся из замера, как только элемент\n   * отрисован, — строки пакета заданы через `min-height`, и точного числа тут\n   * знать неоткуда.\n   */\n  itemSize: number | ((index: number) => number)\n  /**\n   * Высота вьюпорта до первого замера контейнера. Нужна, чтобы **первый рендер\n   * был детерминированным**: на сервере контейнера нет вовсе, а на клиенте он\n   * ещё не измерен. Без неё сервер и клиент нарисовали бы разные окна и\n   * гидрация разъехалась бы; с ней оба считают окно от одного числа.\n   */\n  viewportSize?: () => number | undefined\n  /**\n   * Идентити-токен данных списка — обычно сам массив. Смена идентичности\n   * сбрасывает все замеры (`invalidate()`): они привязаны к индексам, и после\n   * сортировки или замены массива хранили бы высоты чужих строк.\n   *\n   * Правило потребителя: **мутация массива на месте сохраняет замеры, замена\n   * массива сбрасывает**. Append в тот же реактивный массив (инфинити-скролл)\n   * идентичность не меняет — префикс замеров остаётся валидным.\n   */\n  source?: () => unknown\n  /**\n   * Зазор между элементами в пикселях (`gap` у flex/grid-контейнера).\n   *\n   * Замер элемента его не видит — `getBoundingClientRect` меряет коробку, а не\n   * шаг раскладки. Без этого числа список считался бы короче, чем он есть,\n   * и окно уползало бы тем сильнее, чем дальше прокрутка.\n   */\n  gap?: number\n  /** Сколько элементов рисовать за пределами вьюпорта. По умолчанию `4`. */\n  overscan?: number\n}\n\nexport interface UseVirtualListReturn {\n  /** Полуинтервал индексов к отрисовке: `[start, end)`. */\n  range: ComputedRef<{ start: number, end: number }>\n  /** Полная высота содержимого: распорка, которая держит скроллбар. */\n  totalSize: ComputedRef<number>\n  /** Отступ сверху: высота срезанного до окна. */\n  offset: ComputedRef<number>\n  /** Отступ снизу: высота срезанного после окна. */\n  offsetEnd: ComputedRef<number>\n  /**\n   * Стиль контейнера: высоты распорок и выключенный scroll anchoring.\n   *\n   * Имена переменных приезжают готовыми, поэтому написать их руками — и\n   * разойтись с правилом в `<style>` — нельзя. Опечатка в имени давала бы\n   * список без прокрутки, и увидеть это можно было бы только глазами.\n   */\n  spacerStyle: ComputedRef<Record<string, string>>\n  /** Регистрация отрисованного элемента: замер и подписка на изменение высоты. */\n  measure: (index: number, el: Element | null) => void\n  /** Прокрутка к элементу. Без выравнивания — минимальным движением. */\n  scrollToIndex: (index: number, align?: GrVirtualAlign) => void\n  /**\n   * Сбрасывает замеры с индекса `from` (по умолчанию — все) к оценкам.\n   * Видимые строки перемеряются первым же рендером; для смены данных обычно\n   * достаточно опции `source` — ручной вызов нужен, когда высоты строк\n   * изменились без замены массива (смена плотности, ресайз колонок).\n   */\n  invalidate: (from?: number) => void\n}\n\nconst DEFAULT_OVERSCAN = 4\n\n/** Порог, ниже которого разницу замеров считаем шумом округления. */\nconst SIZE_EPSILON = 0.5\n\nfunction readSize(el: Element): number {\n  const box = el.getBoundingClientRect().height\n  if (box > 0)\n    return box\n\n  // jsdom не считает layout: `getBoundingClientRect` там всегда нулевой, а\n  // `offsetHeight` тест может задать сам.\n  return (el as HTMLElement).offsetHeight ?? 0\n}\n\nexport function useVirtualList(options: UseVirtualListOptions): UseVirtualListReturn {\n  const overscan = Math.max(0, Math.trunc(options.overscan ?? DEFAULT_OVERSCAN))\n  const gap = Math.max(0, options.gap ?? 0)\n  const estimateOf = typeof options.itemSize === 'function'\n    ? options.itemSize\n    : () => options.itemSize as number\n\n  const scrollTop = ref(0)\n  const measuredViewport = ref(0)\n\n  const measured = new Map<number, number>()\n  const observedIndex = new WeakMap<Element, number>()\n\n  // `ResizeObserver` нет ни на сервере, ни в jsdom. Без него композабл работает\n  // на оценках и явных замерах из `measure()` — это рабочий режим, а не отказ.\n  const hasResizeObserver = typeof ResizeObserver !== 'undefined'\n  const sizeObserver = hasResizeObserver\n    ? new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const index = observedIndex.get(entry.target)\n          if (index !== undefined)\n            applySize(index, readSize(entry.target))\n        }\n      })\n    : null\n  const viewportObserver = hasResizeObserver ? new ResizeObserver(() => syncViewport()) : null\n  let attachedTo: HTMLElement | null = null\n  let offsets: number[] = [0]\n  /** До какого индекса префикс-суммы актуальны. */\n  let builtTo = 0\n\n  /** Шаг раскладки: коробка элемента плюс зазор до следующего. */\n  function sizeAt(index: number): number {\n    return (measured.get(index) ?? estimateOf(index)) + gap\n  }\n\n  /**\n   * Достраивает префикс-суммы до нужного индекса.\n   *\n   * Замер инвалидирует хвост от своего индекса, а не весь массив: иначе каждая\n   * отрисованная строка стоила бы полного пересчёта по всему списку.\n   */\n  function buildTo(index: number): void {\n    const limit = Math.min(index, options.count())\n    while (builtTo < limit) {\n      offsets[builtTo + 1] = offsets[builtTo] + sizeAt(builtTo)\n      builtTo += 1\n    }\n  }\n\n  function offsetAt(index: number): number {\n    buildTo(index)\n    return offsets[Math.min(Math.max(index, 0), builtTo)] ?? 0\n  }\n\n  function invalidateFrom(index: number): void {\n    if (index < builtTo)\n      builtTo = Math.max(0, index)\n  }\n\n  /** Последний индекс, чьё начало не ниже `px`. */\n  function indexAt(px: number): number {\n    const count = options.count()\n    if (count === 0)\n      return 0\n\n    buildTo(count)\n\n    let low = 0\n    let high = builtTo\n    while (low < high) {\n      const mid = (low + high + 1) >> 1\n      if ((offsets[mid] ?? 0) <= px)\n        low = mid\n      else high = mid - 1\n    }\n\n    return Math.min(low, count - 1)\n  }\n\n  function viewportSize(): number {\n    return measuredViewport.value || options.viewportSize?.() || 0\n  }\n\n  /**\n   * Геометрия окна одним снимком.\n   *\n   * Считается явно, а не `computed`'ом поверх смещений: массив префикс-сумм\n   * мутируется на месте (иначе каждый замер пересоздавал бы десять тысяч чисел),\n   * и вывести из него реактивную зависимость нечем — трекер увидел бы только те\n   * индексы, которые пересчитывались в последний проход.\n   */\n  const geometry = ref({ start: 0, end: 0, offset: 0, offsetEnd: 0, total: 0 })\n\n  function recompute(): void {\n    const count = options.count()\n    if (count === 0) {\n      geometry.value = { start: 0, end: 0, offset: 0, offsetEnd: 0, total: 0 }\n      return\n    }\n\n    const totalSize = offsetAt(count)\n    const height = viewportSize()\n\n    // Высота неизвестна (контейнера нет и оценки не дали) — рисуем всё: меньше\n    // «списка целиком» отрисовать нечего без риска, что до замера так и не\n    // дойдёт ни одна строка.\n    if (height <= 0) {\n      geometry.value = { start: 0, end: count, offset: 0, offsetEnd: 0, total: totalSize }\n      return\n    }\n\n    const start = Math.max(0, indexAt(scrollTop.value) - overscan)\n    const end = Math.min(count, indexAt(scrollTop.value + height) + 1 + overscan)\n\n    geometry.value = {\n      start,\n      end,\n      offset: offsetAt(start),\n      offsetEnd: Math.max(0, totalSize - offsetAt(end)),\n      total: totalSize,\n    }\n  }\n\n  const range = computed(() => ({ start: geometry.value.start, end: geometry.value.end }))\n  const total = computed(() => geometry.value.total)\n  const offset = computed(() => geometry.value.offset)\n  const offsetEnd = computed(() => geometry.value.offsetEnd)\n\n  const spacerStyle = computed(() => ({\n    // Браузерный scroll anchoring обязан быть выключен. Он удерживает видимый\n    // узел на месте, подправляя `scrollTop`, когда меняется высота содержимого\n    // выше него, — а окно меняет её на каждом кадре прокрутки. Дальше пересчёт\n    // окна и якорь начинают двигать список навстречу друг другу, и прокрутка\n    // уезжает тем сильнее, чем дальше оценка строки от фактической высоты.\n    'overflow-anchor': 'none',\n    '--gr-virtual-before': `${geometry.value.offset}px`,\n    '--gr-virtual-after': `${geometry.value.offsetEnd}px`,\n  }))\n\n  function syncScrollTop(): void {\n    const el = options.container.value\n    if (!el)\n      return\n\n    scrollTop.value = el.scrollTop\n    recompute()\n  }\n\n  function syncViewport(): void {\n    const el = options.container.value\n    if (!el)\n      return\n\n    measuredViewport.value = el.clientHeight\n    recompute()\n  }\n\n  function measure(index: number, el: Element | null): void {\n    if (!el)\n      return\n\n    observedIndex.set(el, index)\n    sizeObserver?.observe(el)\n\n    applySize(index, readSize(el))\n  }\n\n  function applySize(index: number, size: number): void {\n    if (size <= 0)\n      return\n\n    const previous = measured.get(index)\n    if (previous !== undefined && Math.abs(previous - size) < SIZE_EPSILON)\n      return\n\n    // Считаем смещение ДО правки: строка ниже вьюпорта позицию не двигает, а\n    // строка выше — двигает всё содержимое под курсором.\n    const start = offsetAt(index)\n    const delta = size - (previous ?? estimateOf(index))\n\n    measured.set(index, size)\n    invalidateFrom(index)\n\n    const el = options.container.value\n    // Компенсация: без неё уточнение высоты уже прокрученных строк выглядит как\n    // рывок списка вверх или вниз ровно в момент замера.\n    if (delta !== 0 && start < scrollTop.value && el) {\n      el.scrollTop += delta\n      scrollTop.value = el.scrollTop\n    }\n\n    recompute()\n  }\n\n  function scrollToIndex(index: number, align: GrVirtualAlign = 'auto'): void {\n    const el = options.container.value\n    const count = options.count()\n    if (!el || count === 0)\n      return\n\n    const clamped = Math.min(Math.max(index, 0), count - 1)\n    const start = offsetAt(clamped)\n    const size = sizeAt(clamped)\n    const height = el.clientHeight || viewportSize()\n    const end = start + size\n\n    let next: number\n    switch (align) {\n      case 'start':\n        next = start\n        break\n      case 'end':\n        next = end - height\n        break\n      case 'center':\n        next = start + size / 2 - height / 2\n        break\n      case 'auto':\n        if (start < el.scrollTop)\n          next = start\n        else if (end > el.scrollTop + height)\n          next = end - height\n        else return\n        break\n    }\n\n    el.scrollTop = Math.max(0, Math.min(next, offsetAt(count) - height))\n    scrollTop.value = el.scrollTop\n    recompute()\n  }\n\n  function detach(): void {\n    if (!attachedTo)\n      return\n    attachedTo.removeEventListener('scroll', syncScrollTop)\n    viewportObserver?.unobserve(attachedTo)\n    attachedTo = null\n  }\n\n  // Первый снимок до всякого монтирования: на сервере и на первом клиентском\n  // рендере контейнера ещё нет, а окно уже должно быть посчитано — и одинаково.\n  recompute()\n\n  watch(options.container, (el) => {\n    detach()\n    if (!el)\n      return\n\n    attachedTo = el\n    el.addEventListener('scroll', syncScrollTop, { passive: true })\n    viewportObserver?.observe(el)\n    syncViewport()\n    syncScrollTop()\n  }, { immediate: true })\n\n  // Длина списка изменилась. Сокращение дополнительно чистит хвост смещений и\n  // замеров: он относится к строкам, которых больше нет.\n  watch(() => options.count(), (count) => {\n    if (count < builtTo)\n      truncate(count)\n    recompute()\n  })\n\n  function invalidate(from = 0): void {\n    for (const index of [...measured.keys()]) {\n      if (index >= from)\n        measured.delete(index)\n    }\n    invalidateFrom(from)\n    recompute()\n  }\n\n  if (options.source) {\n    // Идентичность данных сменилась — замеры принадлежат прошлому набору.\n    watch(options.source, () => invalidate())\n  }\n\n  function truncate(count: number): void {\n    builtTo = count\n    offsets = offsets.slice(0, count + 1)\n    for (const index of [...measured.keys()]) {\n      if (index >= count)\n        measured.delete(index)\n    }\n  }\n\n  onScopeDispose(() => {\n    detach()\n    sizeObserver?.disconnect()\n    viewportObserver?.disconnect()\n  })\n\n  return { range, totalSize: total, offset, offsetEnd, spacerStyle, measure, scrollToIndex, invalidate }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useVirtualList.js","names":[],"sources":["../../src/composables/useVirtualList.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue'\nimport { computed, onScopeDispose, ref, watch } from 'vue'\n\n/**\n * Виртуализация длинного списка: в DOM живёт только окно вокруг вьюпорта.\n *\n * Композабл считает геометрию и отдаёт три числа — какой срез рисовать\n * (`range`), какой высоты держать распорку (`totalSize`) и на сколько сдвинуть\n * отрисованное (`offset`). Разметку строит потребитель: примитив ничего не\n * рендерит и ничего не знает про роли и клавиатуру своего списка.\n *\n * Скролл-протяжённость держат псевдоэлементы контейнера: `spacerStyle` отдаёт\n * их высоты переменными, а правило живёт в `<style>` компонента. Так\n * отрисованные строки остаются **прямыми детьми** контейнера, и роль вроде\n * `tree` или `listbox` не теряет обязательных потомков.\n *\n * ```vue\n * const container = useTemplateRef('scroller')\n * const { range, spacerStyle, measure } = useVirtualList({\n *   container,\n *   count: () => rows.value.length,\n *   itemSize: 28,\n *   viewportSize: () => props.maxHeight,\n * })\n *\n * <div\n *   ref=\"scroller\"\n *   role=\"tree\"\n *   data-gr-virtual\n *   :style=\"{ overflow: 'auto', maxHeight: '280px', ...spacerStyle }\"\n * >\n *   <Row v-for=\"i in window\" :key=\"…\" :ref=\"el => measure(i, el)\" />\n * </div>\n *\n * <style scoped>\n * [data-gr-virtual]::before,\n * [data-gr-virtual]::after { content: ''; display: block; flex: none; }\n * [data-gr-virtual]::before { height: var(--gr-virtual-before, 0px); }\n * [data-gr-virtual]::after { height: var(--gr-virtual-after, 0px); }\n * </style>\n * ```\n *\n * Почему правило повторяется в каждом компоненте, а не лежит в одном файле:\n * единственный глобальный стиль пакета (`styles/base.css`) потребитель вправе\n * не подключать, и уехавшее туда правило молча ломало бы прокрутку. Сверяет\n * копии гейт `src/__tests__/virtualSpacer.test.ts`.\n */\n\n/** Куда поставить элемент относительно вьюпорта при прокрутке к нему. */\nexport type GrVirtualAlign = 'auto' | 'start' | 'center' | 'end'\n\nexport interface UseVirtualListOptions {\n  /** Скроллящийся контейнер. До монтирования — `null`. */\n  container: Ref<HTMLElement | null>\n  /** Сколько элементов в списке. */\n  count: () => number\n  /**\n   * Оценка высоты элемента. Фактическая берётся из замера, как только элемент\n   * отрисован, — строки пакета заданы через `min-height`, и точного числа тут\n   * знать неоткуда.\n   */\n  itemSize: number | ((index: number) => number)\n  /**\n   * Высота вьюпорта до первого замера контейнера. Нужна, чтобы **первый рендер\n   * был детерминированным**: на сервере контейнера нет вовсе, а на клиенте он\n   * ещё не измерен. Без неё сервер и клиент нарисовали бы разные окна и\n   * гидрация разъехалась бы; с ней оба считают окно от одного числа.\n   */\n  viewportSize?: () => number | undefined\n  /**\n   * Идентити-токен данных списка — обычно сам массив. Смена идентичности\n   * сбрасывает все замеры (`invalidate()`): они привязаны к индексам, и после\n   * сортировки или замены массива хранили бы высоты чужих строк.\n   *\n   * Правило потребителя: **мутация массива на месте сохраняет замеры, замена\n   * массива сбрасывает**. Append в тот же реактивный массив (инфинити-скролл)\n   * идентичность не меняет — префикс замеров остаётся валидным.\n   */\n  source?: () => unknown\n  /**\n   * Зазор между элементами в пикселях (`gap` у flex/grid-контейнера).\n   *\n   * Замер элемента его не видит — `getBoundingClientRect` меряет коробку, а не\n   * шаг раскладки. Без этого числа список считался бы короче, чем он есть,\n   * и окно уползало бы тем сильнее, чем дальше прокрутка.\n   */\n  gap?: number\n  /** Сколько элементов рисовать за пределами вьюпорта. По умолчанию `4`. */\n  overscan?: number\n}\n\nexport interface UseVirtualListReturn {\n  /** Полуинтервал индексов к отрисовке: `[start, end)`. */\n  range: ComputedRef<{ start: number, end: number }>\n  /** Полная высота содержимого: распорка, которая держит скроллбар. */\n  totalSize: ComputedRef<number>\n  /** Отступ сверху: высота срезанного до окна. */\n  offset: ComputedRef<number>\n  /** Отступ снизу: высота срезанного после окна. */\n  offsetEnd: ComputedRef<number>\n  /**\n   * Стиль контейнера: высоты распорок и выключенный scroll anchoring.\n   *\n   * Имена переменных приезжают готовыми, поэтому написать их руками — и\n   * разойтись с правилом в `<style>` — нельзя. Опечатка в имени давала бы\n   * список без прокрутки, и увидеть это можно было бы только глазами.\n   */\n  spacerStyle: ComputedRef<Record<string, string>>\n  /** Регистрация отрисованного элемента: замер и подписка на изменение высоты. */\n  measure: (index: number, el: Element | null) => void\n  /** Прокрутка к элементу. Без выравнивания — минимальным движением. */\n  scrollToIndex: (index: number, align?: GrVirtualAlign) => void\n  /**\n   * Сбрасывает замеры с индекса `from` (по умолчанию — все) к оценкам.\n   * Видимые строки перемеряются первым же рендером; для смены данных обычно\n   * достаточно опции `source` — ручной вызов нужен, когда высоты строк\n   * изменились без замены массива (смена плотности, ресайз колонок).\n   */\n  invalidate: (from?: number) => void\n}\n\nconst DEFAULT_OVERSCAN = 4\n\n/** Порог, ниже которого разницу замеров считаем шумом округления. */\nconst SIZE_EPSILON = 0.5\n\nfunction readSize(el: Element): number {\n  const box = el.getBoundingClientRect().height\n  if (box > 0)\n    return box\n\n  // jsdom не считает layout: `getBoundingClientRect` там всегда нулевой, а\n  // `offsetHeight` тест может задать сам.\n  return (el as HTMLElement).offsetHeight ?? 0\n}\n\nexport function useVirtualList(options: UseVirtualListOptions): UseVirtualListReturn {\n  const overscan = Math.max(0, Math.trunc(options.overscan ?? DEFAULT_OVERSCAN))\n  const gap = Math.max(0, options.gap ?? 0)\n  const estimateOf = typeof options.itemSize === 'function'\n    ? options.itemSize\n    : () => options.itemSize as number\n\n  const scrollTop = ref(0)\n  const measuredViewport = ref(0)\n\n  const measured = new Map<number, number>()\n  const observedIndex = new WeakMap<Element, number>()\n\n  // `ResizeObserver` нет ни на сервере, ни в jsdom. Без него композабл работает\n  // на оценках и явных замерах из `measure()` — это рабочий режим, а не отказ.\n  const hasResizeObserver = typeof ResizeObserver !== 'undefined'\n  const sizeObserver = hasResizeObserver\n    ? new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const index = observedIndex.get(entry.target)\n          if (index !== undefined)\n            applySize(index, readSize(entry.target))\n        }\n      })\n    : null\n  const viewportObserver = hasResizeObserver ? new ResizeObserver(() => syncViewport()) : null\n  let attachedTo: HTMLElement | null = null\n  let offsets: number[] = [0]\n  /** До какого индекса префикс-суммы актуальны. */\n  let builtTo = 0\n\n  /** Шаг раскладки: коробка элемента плюс зазор до следующего. */\n  function sizeAt(index: number): number {\n    return (measured.get(index) ?? estimateOf(index)) + gap\n  }\n\n  /**\n   * Достраивает префикс-суммы до нужного индекса.\n   *\n   * Замер инвалидирует хвост от своего индекса, а не весь массив: иначе каждая\n   * отрисованная строка стоила бы полного пересчёта по всему списку.\n   */\n  function buildTo(index: number): void {\n    const limit = Math.min(index, options.count())\n    while (builtTo < limit) {\n      offsets[builtTo + 1] = offsets[builtTo] + sizeAt(builtTo)\n      builtTo += 1\n    }\n  }\n\n  function offsetAt(index: number): number {\n    buildTo(index)\n    return offsets[Math.min(Math.max(index, 0), builtTo)] ?? 0\n  }\n\n  function invalidateFrom(index: number): void {\n    if (index < builtTo)\n      builtTo = Math.max(0, index)\n  }\n\n  /** Последний индекс, чьё начало не ниже `px`. */\n  function indexAt(px: number): number {\n    const count = options.count()\n    if (count === 0)\n      return 0\n\n    buildTo(count)\n\n    let low = 0\n    let high = builtTo\n    while (low < high) {\n      const mid = (low + high + 1) >> 1\n      if ((offsets[mid] ?? 0) <= px)\n        low = mid\n      else high = mid - 1\n    }\n\n    return Math.min(low, count - 1)\n  }\n\n  function viewportSize(): number {\n    return measuredViewport.value || options.viewportSize?.() || 0\n  }\n\n  /**\n   * Геометрия окна одним снимком.\n   *\n   * Считается явно, а не `computed`'ом поверх смещений: массив префикс-сумм\n   * мутируется на месте (иначе каждый замер пересоздавал бы десять тысяч чисел),\n   * и вывести из него реактивную зависимость нечем — трекер увидел бы только те\n   * индексы, которые пересчитывались в последний проход.\n   */\n  const geometry = ref({ start: 0, end: 0, offset: 0, offsetEnd: 0, total: 0 })\n\n  function recompute(): void {\n    const count = options.count()\n    if (count === 0) {\n      geometry.value = { start: 0, end: 0, offset: 0, offsetEnd: 0, total: 0 }\n      return\n    }\n\n    const totalSize = offsetAt(count)\n    const height = viewportSize()\n\n    // Высота неизвестна (контейнера нет и оценки не дали) — рисуем всё: меньше\n    // «списка целиком» отрисовать нечего без риска, что до замера так и не\n    // дойдёт ни одна строка.\n    if (height <= 0) {\n      geometry.value = { start: 0, end: count, offset: 0, offsetEnd: 0, total: totalSize }\n      return\n    }\n\n    const start = Math.max(0, indexAt(scrollTop.value) - overscan)\n    const end = Math.min(count, indexAt(scrollTop.value + height) + 1 + overscan)\n\n    geometry.value = {\n      start,\n      end,\n      offset: offsetAt(start),\n      offsetEnd: Math.max(0, totalSize - offsetAt(end)),\n      total: totalSize,\n    }\n  }\n\n  const range = computed(() => ({ start: geometry.value.start, end: geometry.value.end }))\n  const total = computed(() => geometry.value.total)\n  const offset = computed(() => geometry.value.offset)\n  const offsetEnd = computed(() => geometry.value.offsetEnd)\n\n  const spacerStyle = computed(() => ({\n    // Браузерный scroll anchoring обязан быть выключен. Он удерживает видимый\n    // узел на месте, подправляя `scrollTop`, когда меняется высота содержимого\n    // выше него, — а окно меняет её на каждом кадре прокрутки. Дальше пересчёт\n    // окна и якорь начинают двигать список навстречу друг другу, и прокрутка\n    // уезжает тем сильнее, чем дальше оценка строки от фактической высоты.\n    'overflow-anchor': 'none',\n    '--gr-virtual-before': `${geometry.value.offset}px`,\n    '--gr-virtual-after': `${geometry.value.offsetEnd}px`,\n  }))\n\n  function syncScrollTop(): void {\n    const el = options.container.value\n    if (!el)\n      return\n\n    scrollTop.value = el.scrollTop\n    recompute()\n  }\n\n  function syncViewport(): void {\n    const el = options.container.value\n    if (!el)\n      return\n\n    measuredViewport.value = el.clientHeight\n    recompute()\n  }\n\n  function measure(index: number, el: Element | null): void {\n    if (!el)\n      return\n\n    observedIndex.set(el, index)\n    sizeObserver?.observe(el)\n\n    applySize(index, readSize(el))\n  }\n\n  function applySize(index: number, size: number): void {\n    if (size <= 0)\n      return\n\n    const previous = measured.get(index)\n    if (previous !== undefined && Math.abs(previous - size) < SIZE_EPSILON)\n      return\n\n    // Считаем смещение ДО правки: строка ниже вьюпорта позицию не двигает, а\n    // строка выше — двигает всё содержимое под курсором.\n    const start = offsetAt(index)\n    const delta = size - (previous ?? estimateOf(index))\n\n    measured.set(index, size)\n    invalidateFrom(index)\n\n    const el = options.container.value\n    // Компенсация: без неё уточнение высоты уже прокрученных строк выглядит как\n    // рывок списка вверх или вниз ровно в момент замера.\n    if (delta !== 0 && start < scrollTop.value && el) {\n      el.scrollTop += delta\n      scrollTop.value = el.scrollTop\n    }\n\n    recompute()\n  }\n\n  function scrollToIndex(index: number, align: GrVirtualAlign = 'auto'): void {\n    const el = options.container.value\n    const count = options.count()\n    if (!el || count === 0)\n      return\n\n    const clamped = Math.min(Math.max(index, 0), count - 1)\n    const start = offsetAt(clamped)\n    const size = sizeAt(clamped)\n    const height = el.clientHeight || viewportSize()\n    const end = start + size\n\n    let next: number\n    switch (align) {\n      case 'start':\n        next = start\n        break\n      case 'end':\n        next = end - height\n        break\n      case 'center':\n        next = start + size / 2 - height / 2\n        break\n      case 'auto':\n        if (start < el.scrollTop)\n          next = start\n        else if (end > el.scrollTop + height)\n          next = end - height\n        else return\n        break\n    }\n\n    el.scrollTop = Math.max(0, Math.min(next, offsetAt(count) - height))\n    scrollTop.value = el.scrollTop\n    recompute()\n  }\n\n  function detach(): void {\n    if (!attachedTo)\n      return\n    attachedTo.removeEventListener('scroll', syncScrollTop)\n    viewportObserver?.unobserve(attachedTo)\n    attachedTo = null\n  }\n\n  // Первый снимок до всякого монтирования: на сервере и на первом клиентском\n  // рендере контейнера ещё нет, а окно уже должно быть посчитано — и одинаково.\n  recompute()\n\n  watch(options.container, (el) => {\n    detach()\n    if (!el)\n      return\n\n    attachedTo = el\n    el.addEventListener('scroll', syncScrollTop, { passive: true })\n    viewportObserver?.observe(el)\n    syncViewport()\n    syncScrollTop()\n  }, { immediate: true })\n\n  // Длина списка изменилась. Сокращение дополнительно чистит хвост смещений и\n  // замеров: он относится к строкам, которых больше нет.\n  watch(() => options.count(), (count) => {\n    if (count < builtTo)\n      truncate(count)\n    recompute()\n  })\n\n  function invalidate(from = 0): void {\n    for (const index of [...measured.keys()]) {\n      if (index >= from)\n        measured.delete(index)\n    }\n    invalidateFrom(from)\n    recompute()\n  }\n\n  if (options.source) {\n    // Идентичность данных сменилась — замеры принадлежат прошлому набору.\n    watch(options.source, () => invalidate())\n  }\n\n  function truncate(count: number): void {\n    builtTo = count\n    offsets = offsets.slice(0, count + 1)\n    for (const index of [...measured.keys()]) {\n      if (index >= count)\n        measured.delete(index)\n    }\n  }\n\n  onScopeDispose(() => {\n    detach()\n    sizeObserver?.disconnect()\n    viewportObserver?.disconnect()\n  })\n\n  return { range, totalSize: total, offset, offsetEnd, spacerStyle, measure, scrollToIndex, invalidate }\n}\n"],"mappings":"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"}

package/dist/directives/loading.js

@@ -1,6 +1,6 @@
 import { t as ensurePortalRoot } from "../chunks/portalRoot-CVhCgdG6.js";
 import { n as markInert, t as inertableOutside } from "../chunks/inert-DIHCCn_1.js";
-import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-CMD3Ri9P.js";
+import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-BDrlrup_.js";
 import { createVNode, render } from "vue";
 //#region src/directives/loading.ts
 function isHTMLElement(value) {

package/dist/granular-provider-node.js

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-Bp_BCBnr.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-DP2gk0oa.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/granular-provider.js

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-Bp_BCBnr.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-DP2gk0oa.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/index.js

@@ -1,17 +1,17 @@
-import { a as useGrComponentSize, i as useGrComponentProp, n as resolveGrConfig, o as useGrConfig, r as useGrComponentDefaults, s as useGrThemeAttrs } from "./chunks/context-CTbuwcYs.js";
+import { a as useGrComponentSize, i as useGrComponentProp, n as resolveGrConfig, o as useGrConfig, r as useGrComponentDefaults, s as useGrThemeAttrs } from "./chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "./chunks/granularityI18n-BC5zsj_d.js";
-import { t as GrAlert_default } from "./components/GrAlert/chunks/GrAlert-FAVf-ksH.js";
+import { t as GrAlert_default } from "./components/GrAlert/chunks/GrAlert-D72y1IEh.js";
 import { t as grAlertConfig } from "./chunks/config-BNu8lFQB.js";
 import "./components/GrAlert/index.js";
-import { t as usePortalTarget } from "./chunks/usePortalTarget-C0p-mhaM.js";
+import { t as usePortalTarget } from "./chunks/usePortalTarget-BhrRgdqW.js";
 import { vAutofocus } from "./directives/autofocus.js";
 import { vAutosize } from "./directives/autosize.js";
 import { vClickOutside } from "./directives/clickOutside.js";
 import { p as FileValidationError } from "./chunks/fileValidation-D5TFBhbv.js";
 import { vDropzone } from "./directives/dropzone.js";
 import { vHotkey } from "./directives/hotkey.js";
-import { t as GrIcon_default } from "./components/GrIcon/chunks/GrIcon-Dmf0c9ba.js";
-import { t as GrLoading_default } from "./components/GrLoading/chunks/GrLoading-CMD3Ri9P.js";
+import { t as GrIcon_default } from "./components/GrIcon/chunks/GrIcon-DTZIgmje.js";
+import { t as GrLoading_default } from "./components/GrLoading/chunks/GrLoading-BDrlrup_.js";
 import { createLoading, vLoading } from "./directives/loading.js";
 import { useFloating } from "./composables/useFloating.js";
 import { useOverlayLayer } from "./composables/useOverlayLayer.js";
@@ -21,191 +21,191 @@ import { n as useGrFormFieldContext } from "./chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "./composables/useGrFormControl.js";
 import { useComboboxNavigation } from "./composables/useComboboxNavigation.js";
 import { useRovingFocus } from "./composables/useRovingFocus.js";
-import { t as GrChip_default } from "./components/GrChip/chunks/GrChip-BTivtwff.js";
+import { t as GrChip_default } from "./components/GrChip/chunks/GrChip-CKqyzYcv.js";
 import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "./chunks/config-CYthTVK2.js";
-import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-BQsSE7sj.js";
+import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-BpmFmpKs.js";
 import { t as GrSkeleton_default } from "./components/GrSkeleton/chunks/GrSkeleton-CgfXxPQ2.js";
-import { n as GrAvatar_default, t as GrAvatarGroup_default } from "./components/GrAvatar/chunks/GrAvatar-CNmLmgcr.js";
+import { n as GrAvatar_default, t as GrAvatarGroup_default } from "./components/GrAvatar/chunks/GrAvatar-dWEXiCJG.js";
 import { c as initialsFrom, n as grAvatarSafelist, t as grAvatarConfig } from "./chunks/config-B3J0alyY.js";
-import { t as GrBadge_default } from "./components/GrBadge/chunks/GrBadge-DpUDXKbq.js";
+import { t as GrBadge_default } from "./components/GrBadge/chunks/GrBadge-DBeQXEir.js";
 import { t as grBadgeSafelist } from "./chunks/safelist-x8USecK8.js";
 import { t as grBadgeConfig } from "./chunks/config-BscVxZR3.js";
 import { n as grBadgeWrapSafelist, o as formatBadgeValue, t as grBadgeWrapConfig } from "./chunks/config-DwABJHEo.js";
-import { t as GrBadgeWrap_default } from "./components/GrBadgeWrap/chunks/GrBadgeWrap-B-A3PRkE.js";
+import { t as GrBadgeWrap_default } from "./components/GrBadgeWrap/chunks/GrBadgeWrap-wdfxaXiu.js";
 import { n as grBottomNavSafelist, t as grBottomNavConfig } from "./chunks/config-DM0lsduD.js";
-import { t as GrBottomNav_default } from "./components/GrBottomNav/chunks/GrBottomNav-wtFatLjB.js";
-import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-DYXw3W9w.js";
+import { t as GrBottomNav_default } from "./components/GrBottomNav/chunks/GrBottomNav-nE08pVUJ.js";
+import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-DwWErumU.js";
 import { g as resolveBreadcrumbsLayout, h as resolveBreadcrumbsFit, n as grBreadcrumbsSafelist, t as grBreadcrumbsConfig } from "./chunks/config-C0Eu8jpG.js";
-import { t as GrBreadcrumbs_default } from "./components/GrBreadcrumbs/chunks/GrBreadcrumbs-DRDNan_n.js";
+import { t as GrBreadcrumbs_default } from "./components/GrBreadcrumbs/chunks/GrBreadcrumbs-DOpwY2EF.js";
 import { n as useGrButtonGroup } from "./chunks/context-BfIQv7m1.js";
-import { t as GrButton_default } from "./components/GrButton/chunks/GrButton-7GP0zObj.js";
+import { t as GrButton_default } from "./components/GrButton/chunks/GrButton-CS4TqMtG.js";
 import { t as grButtonSafelist } from "./chunks/safelist-DxkMj5IW.js";
 import { t as grButtonConfig } from "./chunks/config-87fszqnD.js";
 import { t as GrButtonGroup_default } from "./components/GrButtonGroup/chunks/GrButtonGroup-CKyiAV8K.js";
-import { t as grButtonGroupConfig } from "./chunks/config-DBmdgoVf2.js";
+import { t as grButtonGroupConfig } from "./chunks/config-DBmdgoVf.js";
 import "./components/GrButtonGroup/index.js";
 import { n as grCardSafelist, t as grCardConfig } from "./chunks/config-DUbbGcfw.js";
-import { t as GrCard_default } from "./components/GrCard/chunks/GrCard-BttXz1pQ.js";
-import { t as GrCheckbox_default } from "./components/GrCheckbox/chunks/GrCheckbox-CEcHIsXM.js";
+import { t as GrCard_default } from "./components/GrCard/chunks/GrCard-Ck5--lMF.js";
+import { t as GrCheckbox_default } from "./components/GrCheckbox/chunks/GrCheckbox-Dp201frb.js";
 import { n as grCheckboxSafelist, t as grCheckboxConfig } from "./chunks/config-DZCUPHPU.js";
 import "./components/GrCheckbox/index.js";
-import { t as GrCheckboxGroup_default } from "./components/GrCheckboxGroup/chunks/GrCheckboxGroup-BOwrVcFr.js";
+import { t as GrCheckboxGroup_default } from "./components/GrCheckboxGroup/chunks/GrCheckboxGroup-IpqG5qwm.js";
 import { t as grCheckboxGroupConfig } from "./chunks/config-BuGlNPE9.js";
 import { n as grChipSafelist, t as grChipConfig } from "./chunks/config-2vrOFn2f.js";
 import "./components/GrChip/index.js";
 import { n as grChipGroupSafelist, t as grChipGroupConfig } from "./chunks/config-CZPDPJlg.js";
-import { t as GrChipGroup_default } from "./components/GrChipGroup/chunks/GrChipGroup-C78Vcwos.js";
+import { t as GrChipGroup_default } from "./components/GrChipGroup/chunks/GrChipGroup-dDGwnC04.js";
 import { useAnnouncer } from "./composables/useAnnouncer.js";
-import { t as GrCodeBlock_default } from "./components/GrCodeBlock/chunks/GrCodeBlock-Dp0eEBTZ.js";
+import { t as GrCodeBlock_default } from "./components/GrCodeBlock/chunks/GrCodeBlock-BUOwKwQE.js";
 import { n as grCodeBlockSafelist, t as grCodeBlockConfig } from "./chunks/config-DolULhjJ.js";
 import { n as grCollapseSafelist, t as grCollapseConfig } from "./chunks/config-BoUI0t-t.js";
-import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-BlW6ybdL.js";
+import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-DWH3QAnU.js";
 import { n as grIconSafelist, t as grIconConfig } from "./chunks/config-3bQeQvqd.js";
-import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-CJ7eu3fR.js";
+import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-TFeBm3gQ.js";
 import { t as useFocusTrap } from "./chunks/useFocusTrap-D9bIPNF6.js";
-import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-DEFxDffj.js";
+import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-BakLcWkX.js";
 import { useDragGesture } from "./composables/useDragGesture.js";
-import { t as GrSlider_default } from "./components/GrSlider/chunks/GrSlider-DM6W6U9c.js";
-import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-B-L4CWMt.js";
+import { t as GrSlider_default } from "./components/GrSlider/chunks/GrSlider-Db-jACXz.js";
+import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-BNtpj_P6.js";
 import { n as grColorPickerSafelist, t as grColorPickerConfig } from "./chunks/config-DIDz_E5m.js";
-import { a as GR_KBD_TOKENS, o as findKbdToken, t as GrKbd_default } from "./components/GrKbd/chunks/GrKbd-D2ga1H9i.js";
-import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-DixnhJcu.js";
-import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-8HkYmMVP.js";
+import { a as GR_KBD_TOKENS, o as findKbdToken, t as GrKbd_default } from "./components/GrKbd/chunks/GrKbd-D_a1mPLe.js";
+import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-xIWaJozo.js";
+import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-BVZEd4yy.js";
 import { n as grCommandPaletteSafelist, t as grCommandPaletteConfig } from "./chunks/config-D0NzGYaE.js";
-import { t as GrConfigProvider_default } from "./components/GrConfigProvider/chunks/GrConfigProvider-BF7R3hgg.js";
+import { t as GrConfigProvider_default } from "./components/GrConfigProvider/chunks/GrConfigProvider-t9x2UToH.js";
 import { t as grConfigProviderConfig } from "./chunks/config-B7W9VlZ7.js";
-import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-CKNbnxwO.js";
-import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-DMeOWlzj.js";
-import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-CZEO2JR4.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-CeJubnKJ.js";
+import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-NEEJZ8zi.js";
+import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-K5ht2cYq.js";
 import { t as grConfirmDialogConfig } from "./chunks/config-A-bBiotF.js";
 import "./components/GrConfirmDialog/index.js";
 import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, o as GrDropdownMenuGroup_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuList_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenuList-B33ZzwfB.js";
-import { t as GrContextMenu_default } from "./components/GrContextMenu/chunks/GrContextMenu-DlFWm0eW.js";
+import { t as GrContextMenu_default } from "./components/GrContextMenu/chunks/GrContextMenu-Dd2tgMoL.js";
 import { t as grContextMenuConfig } from "./chunks/config-CsCUuukB.js";
-import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-jhUTczjv.js";
+import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-iwzHvlMC.js";
 import { t as useDragSort } from "./chunks/useDragSort-0l47h4yb.js";
-import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-4JAgOQ-7.js";
+import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-BYYG_XZA.js";
 import { n as grDataTableSafelist, t as grDataTableConfig } from "./chunks/config-DeyT9dJl.js";
-import { t as GrDelta_default } from "./components/GrDelta/chunks/GrDelta-BZwkgQW-.js";
+import { t as GrDelta_default } from "./components/GrDelta/chunks/GrDelta-BpfqebEV.js";
 import { n as grValueSafelist, t as grValueConfig } from "./chunks/config-Z5LeUXys.js";
 import { t as GrValue_default } from "./components/GrValue/chunks/GrValue-ezkQM05Q.js";
 import { n as deltaTone, t as deltaDirection } from "./chunks/deltaTone-B5OoS1vo.js";
 import { n as grDeltaSafelist, t as grDeltaConfig } from "./chunks/config-CjWOTgLL.js";
-import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "./chunks/config-CnYdE3HZ2.js";
-import { t as GrDescriptionList_default } from "./components/GrDescriptionList/chunks/GrDescriptionList-BMeCgFV3.js";
+import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "./chunks/config-CnYdE3HZ.js";
+import { t as GrDescriptionList_default } from "./components/GrDescriptionList/chunks/GrDescriptionList-D8ANFpn_.js";
 import { t as grDialogSafelist } from "./chunks/safelist-Y3zrlhOa.js";
 import "./components/GrDialog/index.js";
 import { n as useGrFormContext } from "./chunks/context-Bfrgsluh.js";
-import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-DSylU7IU.js";
-import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-DinXG12-.js";
-import { n as getByPath, o as runFieldRules, r as isEmpty, s as setByPath, t as createGrFormMessageResolver } from "./chunks/validation-5HhpanPP.js";
-import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-Ckeombia.js";
-import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-Ut8iiBQh.js";
+import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-DO61vxpS.js";
+import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-BII3w61K.js";
+import { n as getByPath, o as runFieldRules, r as isEmpty, s as setByPath, t as createGrFormMessageResolver } from "./chunks/validation-BDjqsuGB.js";
+import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-C9Y1ifE_.js";
+import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-BArvw1DV.js";
 import { t as grDialogServiceConfig } from "./chunks/config-CjXjhphs.js";
 import { n as grDividerSafelist, t as grDividerConfig } from "./chunks/config-D82r782v.js";
-import { t as GrDivider_default } from "./components/GrDivider/chunks/GrDivider-BXavGcMX.js";
+import { t as GrDivider_default } from "./components/GrDivider/chunks/GrDivider-DxA-zV25.js";
 import { n as grDrawerSafelist, t as grDrawerConfig } from "./chunks/config-ChPg-BQv.js";
-import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-xfoy-MCj.js";
-import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-7r772-Cq.js";
+import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-BBHNgeH0.js";
+import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-CUlviqMi.js";
 import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-CT4lP6S4.js";
 import "./components/GrDropdown/index.js";
-import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-DNurbsWc.js";
+import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-COOR1LCs.js";
 import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "./chunks/config-_jbgsFpw.js";
-import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-RqsWvgI9.js";
+import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-BbvwE-E0.js";
 import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "./chunks/config-CWtfxkM9.js";
-import { n as fileKindOf, r as isPreviewableKind, t as GrFilePreview_default } from "./components/GrFilePreview/chunks/GrFilePreview-C9Z7hMK8.js";
+import { n as fileKindOf, r as isPreviewableKind, t as GrFilePreview_default } from "./components/GrFilePreview/chunks/GrFilePreview-PabkLgYX.js";
 import { n as grFilePreviewSafelist, t as grFilePreviewConfig } from "./chunks/config-BaWANzzB.js";
-import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-Cd7AaJtR.js";
-import { n as GrUploadAbortError, r as GrUploadHttpError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-C0ROpmOY.js";
+import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-C3NRBqIP.js";
+import { n as GrUploadAbortError, r as GrUploadHttpError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-BwMR71zN.js";
 import { n as grFileUploadSafelist, t as grFileUploadConfig } from "./chunks/config-BlJa1Mj9.js";
-import { t as GrForm_default } from "./components/GrForm/chunks/GrForm-CrnfCsgj.js";
+import { t as GrForm_default } from "./components/GrForm/chunks/GrForm-xTtavR-K.js";
 import { t as grFormConfig } from "./chunks/config-Droqn55j.js";
 import { n as grFormFieldSafelist, t as grFormFieldConfig } from "./chunks/config-B0uvcTPH.js";
 import "./components/GrFormField/index.js";
-import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-B1jGZyIj.js";
+import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-Dlxx-9zi.js";
 import { n as grFormFileSafelist, t as grFormFileConfig } from "./chunks/config-BcXX7S7B.js";
 import { n as grFormSectionSafelist, t as grFormSectionConfig } from "./chunks/config-BEO7brpO.js";
-import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-ejieOg9H.js";
-import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer--BU8yrfx.js";
+import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-DV1S6R_N.js";
+import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer-BjYw-uTF.js";
 import { n as grImageViewerSafelist, t as grImageViewerConfig } from "./chunks/config-BDSaD-5p.js";
 import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-CIkdsWUk.js";
 import "./components/GrInput/index.js";
 import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-BqT6PMzO.js";
-import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-ByD9NugQ.js";
-import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-Ci6CZfKR.js";
-import { t as GrJsonViewer_default } from "./components/GrJsonViewer/chunks/GrJsonViewer-BXG7DdTe.js";
-import { n as grJsonViewerSafelist, t as grJsonViewerConfig } from "./chunks/config-DpAYidyY2.js";
+import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-DhfUNOA5.js";
+import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-CkELQwR8.js";
+import { t as GrJsonViewer_default } from "./components/GrJsonViewer/chunks/GrJsonViewer-CdtmUpZ3.js";
+import { n as grJsonViewerSafelist, t as grJsonViewerConfig } from "./chunks/config-DpAYidyY.js";
 import { n as grKbdSafelist, t as grKbdConfig } from "./chunks/config-BRESvs9g.js";
 import "./components/GrKbd/index.js";
-import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-CQLNjc9X2.js";
+import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-CQLNjc9X.js";
 import "./components/GrLink/index.js";
 import { n as grListSafelist, t as grListConfig } from "./chunks/config-D0W8mGFD.js";
-import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-B_CRJB4c.js";
+import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-Unya-LXb.js";
 import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-Bjn30smH.js";
 import "./components/GrLoading/index.js";
 import { n as grModalSafelist, t as grModalConfig } from "./chunks/config-DBi0GVce.js";
 import "./components/GrModal/index.js";
-import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-Dr8e5kW-.js";
+import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-BRGuksiy.js";
 import { n as grNavbarSafelist, t as grNavbarConfig } from "./chunks/config-2ZHRsdOc.js";
-import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-MmPym-Z72.js";
-import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-DQ59YICu.js";
-import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-Bm3Jugx8.js";
+import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-MmPym-Z7.js";
+import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-BqPydXpK.js";
+import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-Do1iAyp1.js";
 import { n as grPaginationSafelist, t as grPaginationConfig } from "./chunks/config-CjKpUcmy.js";
-import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-68iyAwQz.js";
-import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-DVCNvhIG2.js";
+import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-DhbNZHEF.js";
+import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-DVCNvhIG.js";
 import "./components/GrPopover/index.js";
 import { n as grProgressBarSafelist, r as GR_TONES, t as grProgressBarConfig } from "./chunks/config-DWL81-aM.js";
 import "./components/GrProgressBar/index.js";
-import { t as GrProgressCircle_default } from "./components/GrProgressCircle/chunks/GrProgressCircle-D3yWXYDa.js";
+import { t as GrProgressCircle_default } from "./components/GrProgressCircle/chunks/GrProgressCircle-CdvbINQc.js";
 import { n as grProgressCircleSafelist, t as grProgressCircleConfig } from "./chunks/config-CJzmDHfI.js";
 import { t as grPromptDialogConfig } from "./chunks/config-C0Ea9ePP.js";
 import "./components/GrPromptDialog/index.js";
-import { t as GrRadio_default } from "./components/GrRadio/chunks/GrRadio-Aq3v8XgG.js";
-import { n as grRadioSafelist, t as grRadioConfig } from "./chunks/config-CuQmUkMw2.js";
+import { t as GrRadio_default } from "./components/GrRadio/chunks/GrRadio-B1776V9D.js";
+import { n as grRadioSafelist, t as grRadioConfig } from "./chunks/config-BUNxHnEz.js";
 import "./components/GrRadio/index.js";
-import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRadioGroup-y9LVdTWh.js";
+import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRadioGroup-UgitrBFl.js";
 import { t as grRadioGroupConfig } from "./chunks/config-QaIc_gRa.js";
 import { n as grRatingSafelist, t as grRatingConfig } from "./chunks/config-DRbojEzO.js";
-import { t as GrRating_default } from "./components/GrRating/chunks/GrRating-IEiTOdnF.js";
-import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CBVRpgIG.js";
-import { n as titleWhenTruncated, t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-CB-VR-yL.js";
+import { t as GrRating_default } from "./components/GrRating/chunks/GrRating-DTriyyqG.js";
+import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-ZvBvEQDZ.js";
+import { n as titleWhenTruncated, t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-NKTi9bMG.js";
 import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-rLkc9Zn2.js";
 import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-DOYz_SVK.js";
 import "./components/GrSelect/index.js";
 import { n as grSidebarSafelist, t as grSidebarConfig } from "./chunks/config-DNDgp9bB.js";
-import { n as GrSidebarItem_default, r as GrSidebar_default, t as GrSidebarGroup_default } from "./components/GrSidebar/chunks/GrSidebar-alkwBUzL.js";
+import { n as GrSidebarItem_default, r as GrSidebar_default, t as GrSidebarGroup_default } from "./components/GrSidebar/chunks/GrSidebar-DoKLlHSw.js";
 import { t as grSkeletonConfig } from "./chunks/config-8Pcutu1j.js";
 import "./components/GrSkeleton/index.js";
 import { n as grSliderSafelist, t as grSliderConfig } from "./chunks/config-E1cTyRVV.js";
 import "./components/GrSlider/index.js";
 import { n as grSortableListSafelist, t as grSortableListConfig } from "./chunks/config-CbEbLyDE.js";
-import { t as GrSortableList_default } from "./components/GrSortableList/chunks/GrSortableList-HyKX--rO.js";
+import { t as GrSortableList_default } from "./components/GrSortableList/chunks/GrSortableList-CQCaWivn.js";
 import { n as grSplitterSafelist, t as grSplitterConfig } from "./chunks/config-CvbVM4ep.js";
-import { n as sizeFromPointer, t as GrSplitter_default } from "./components/GrSplitter/chunks/GrSplitter-MltjaADn.js";
-import { n as formatStatisticValue, t as GrStatistic_default } from "./components/GrStatistic/chunks/GrStatistic-BoLkXw7F.js";
+import { n as sizeFromPointer, t as GrSplitter_default } from "./components/GrSplitter/chunks/GrSplitter-C-XQzq7q.js";
+import { n as formatStatisticValue, t as GrStatistic_default } from "./components/GrStatistic/chunks/GrStatistic-C1_nY4Gc.js";
 import { n as grStatisticSafelist, t as grStatisticConfig } from "./chunks/config-DGC00bTp.js";
 import { n as grStepsSafelist, t as grStepsConfig } from "./chunks/config-CLjjjPZj.js";
-import { t as GrSteps_default } from "./components/GrSteps/chunks/GrSteps-CpGHXLOc.js";
+import { t as GrSteps_default } from "./components/GrSteps/chunks/GrSteps-DXj7m-WO.js";
 import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-Yy67uWHY.js";
-import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-7Oe5QfQZ.js";
+import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-CriHWT2A.js";
 import { n as grTableSafelist, t as grTableConfig } from "./chunks/config-DCq4JySZ.js";
 import "./components/GrTable/index.js";
-import { n as GrTabPanels_default, t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-BZQS8-JM.js";
+import { n as GrTabPanels_default, t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-5zsbqS1v.js";
 import { t as grTabPanelsConfig } from "./chunks/config-eXB87DOi.js";
-import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-CT2nk_HV.js";
+import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-DHfv67cp.js";
 import { n as grTabsSafelist, t as grTabsConfig } from "./chunks/config-CMNfZO7S.js";
 import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-BhfNgyWL.js";
 import "./components/GrTextarea/index.js";
-import { n as GrTimeline_default, t as GrTimelineItem_default } from "./components/GrTimeline/chunks/GrTimeline-BiHpArsg.js";
+import { n as GrTimeline_default, t as GrTimelineItem_default } from "./components/GrTimeline/chunks/GrTimeline-Bs60huw0.js";
 import { n as grTimelineSafelist, t as grTimelineConfig } from "./chunks/config-Bd7QfiGj.js";
 import { GRANULARITY_TOAST_STATE, granularityToastPlugin, useToast } from "./composables/useToast.js";
 import { n as grToasterSafelist, t as grToasterConfig } from "./chunks/config-B5SBUa6u.js";
-import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-COXIBKzq.js";
+import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-D-sV-9of.js";
 import { n as grTooltipSafelist, t as grTooltipConfig } from "./chunks/config-BTmfQFwi.js";
-import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-uYETdbCD.js";
+import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-BUiTbROv.js";
 import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-CDat1wXf.js";
 import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-DUNH02Fg.js";
-import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-MGsyvkJV.js";
+import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-DurwZ7Cz.js";
 import "./composables/useGrComponentConfig.js";
 import "./composables/useGranularityTranslations.js";
 import { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, useTheme } from "./composables/useTheme.js";

package/dist/testing.js

@@ -1,4 +1,4 @@
-import { t as GR_CONFIG_KEY } from "./chunks/context-CTbuwcYs.js";
+import { t as GR_CONFIG_KEY } from "./chunks/context-CPMRfwVr.js";
 import { t as GRANULARITY_I18N_KEY } from "./chunks/adapter-CAOxmn2G.js";
 import { n as resetPortalRoot } from "./chunks/portalRoot-CVhCgdG6.js";
 import { resetAnnouncer } from "./composables/useAnnouncer.js";