@feugene/granularity 0.9.4 → 0.11.0

package/dist/components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-BMvXREcv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrResponseErrorBanner-BMvXREcv.js","names":[],"sources":["../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/useResponseError.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}>()\n\nconst UPLOAD_TEXTS: Partial<ResponseErrorTexts> = {\n  networkTitle: 'Failed to upload files',\n  networkMessage: 'Check your connection and try again.',\n  validationTitle: 'Files did not pass validation',\n  validationMessage: 'Some of the files do not meet the requirements.',\n  serverTitle: 'Upload error on the server',\n  serverMessage: 'The server could not process the upload. Please try again.',\n}\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...UPLOAD_TEXTS,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}>()\n\nconst UPLOAD_TEXTS: Partial<ResponseErrorTexts> = {\n  networkTitle: 'Failed to upload files',\n  networkMessage: 'Check your connection and try again.',\n  validationTitle: 'Files did not pass validation',\n  validationMessage: 'Some of the files do not meet the requirements.',\n  serverTitle: 'Upload error on the server',\n  serverMessage: 'The server could not process the upload. Please try again.',\n}\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...UPLOAD_TEXTS,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}>()\n\nconst FORM_TEXTS: Partial<ResponseErrorTexts> = {\n  validationTitle: 'Check the form fields',\n  validationMessage: 'The server rejected the data. Fix the highlighted fields and try again.',\n  clientTitle: 'Failed to save',\n  serverTitle: 'Save error',\n  serverMessage: 'Could not save the data. Please try again later.',\n}\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...FORM_TEXTS,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}>()\n\nconst FORM_TEXTS: Partial<ResponseErrorTexts> = {\n  validationTitle: 'Check the form fields',\n  validationMessage: 'The server rejected the data. Fix the highlighted fields and try again.',\n  clientTitle: 'Failed to save',\n  serverTitle: 'Save error',\n  serverMessage: 'Could not save the data. Please try again later.',\n}\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...FORM_TEXTS,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","import { computed, ref, shallowRef } from 'vue'\nimport type { ComputedRef, Ref } from 'vue'\n\nimport { createResponseErrorClassifier, defaultResponseErrorParsers } from './parsers/createResponseErrorClassifier'\nimport { DEFAULT_AUTO_HIDE_KINDS, DEFAULT_RESPONSE_ERROR_TEXTS } from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from './responseError.types'\n\n/**\n * Опции для `useResponseError`. Все поля опциональны и поддерживают\n * **реактивные геттеры** (`() => value`) — чтобы пробрасывать пропсы\n * родителя без потери реактивности.\n */\nexport type UseResponseErrorOptions = {\n  /** Цепочка парсеров. По умолчанию — `defaultResponseErrorParsers`. */\n  parsers?: () => ResponseErrorParser[] | undefined\n  /** Частичный override текстов баннера. */\n  texts?: () => Partial<ResponseErrorTexts> | undefined\n  /**\n   * `kind`'ы, которые **не** выставляются в state (баннер останется скрытым).\n   * По умолчанию пусто — `aborted` показывается info-плашкой. Передайте\n   * `['aborted']`, если хотите тихо проглатывать отмены.\n   */\n  autoHideKinds?: () => ResponseErrorKind[] | undefined\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: () => string | undefined\n  /** Контекст, который попадёт в `ctx.meta` каждого парсера (`{ files, formId, ... }`). */\n  meta?: () => Record<string, unknown> | undefined\n  /** Побочка после успешной классификации (логирование, sentry). */\n  onClassify?: (info: ResponseErrorInfo) => void\n}\n\n/** Публичный возвращаемый API. */\nexport type UseResponseErrorReturn = {\n  /** Текущее состояние ошибки. `null` — баннер скрыт. */\n  currentError: Ref<ResponseErrorInfo | null>\n  /** `currentError.value !== null`. */\n  isVisible: ComputedRef<boolean>\n  /** Последний «сырой» вход (для retry/логов). */\n  lastRaw: Ref<unknown>\n\n  /**\n   * Главное API: классифицирует raw, сохраняет в state, возвращает info\n   * (или `null`, если `kind` в `autoHideKinds`). Возвращает Promise,\n   * т.к. нормализатор поддерживает `Response.json()` (async).\n   */\n  setRaw: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo | null>\n\n  /** Установить готовый info, не пропуская через парсеры. */\n  setError: (info: ResponseErrorInfo) => void\n\n  /** Чистая классификация без записи в state — для предпросмотра. */\n  classify: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo>\n\n  /** Сбросить state (скрыть баннер). */\n  dismiss: () => void\n  /** Алиас `dismiss`. */\n  reset: () => void\n\n  /**\n   * Хелпер: вызывает `handler(currentError)`. Если handler завершился без\n   * исключения — сбрасывает state. Если кинул — оставляет state, поднимает.\n   * Удобно бинать к кнопке «Повторить».\n   */\n  retry: (handler: (info: ResponseErrorInfo) => void | Promise<void>) => Promise<void>\n}\n\n/**\n * Stateful-композабл вокруг `createResponseErrorClassifier`. Хранит\n * `currentError`, инкапсулирует setRaw/retry/dismiss. Подходит для типичного\n * сценария «поймал ошибку запроса → показал баннер → ретрай/скрыть».\n */\nexport function useResponseError(options: UseResponseErrorOptions = {}): UseResponseErrorReturn {\n  const currentError = shallowRef<ResponseErrorInfo | null>(null)\n  const lastRaw = ref<unknown>(null)\n\n  function getClassifier() {\n    return createResponseErrorClassifier({\n      parsers: options.parsers?.() ?? defaultResponseErrorParsers,\n      texts: options.texts?.() ?? {},\n      messageKey: options.messageKey?.(),\n    })\n  }\n\n  function isAutoHidden(kind: ResponseErrorKind): boolean {\n    const list = options.autoHideKinds?.() ?? DEFAULT_AUTO_HIDE_KINDS\n    return list.includes(kind)\n  }\n\n  async function classify(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo> {\n    const classifier = getClassifier()\n    const meta = { ...(options.meta?.() ?? {}), ...(extra ?? {}) }\n    const info = await classifier(raw, meta)\n    options.onClassify?.(info)\n    return info\n  }\n\n  async function setRaw(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo | null> {\n    lastRaw.value = raw\n    const info = await classify(raw, extra)\n    if (isAutoHidden(info.kind)) {\n      currentError.value = null\n      return null\n    }\n    currentError.value = info\n    return info\n  }\n\n  function setError(info: ResponseErrorInfo): void {\n    currentError.value = info\n  }\n\n  function dismiss(): void {\n    currentError.value = null\n  }\n\n  async function retry(handler: (info: ResponseErrorInfo) => void | Promise<void>): Promise<void> {\n    const info = currentError.value\n    if (!info) return\n    await handler(info)\n    currentError.value = null\n  }\n\n  return {\n    currentError,\n    isVisible: computed(() => currentError.value !== null),\n    lastRaw,\n    setRaw,\n    setError,\n    classify,\n    dismiss,\n    reset: dismiss,\n    retry,\n  }\n}\n\nexport { DEFAULT_RESPONSE_ERROR_TEXTS }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAKb,MAAM,eAA4C;GAChD,cAAc;GACd,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,aAAa;GACb,eAAe;GACjB;EAEA,MAAM,cAAc,gBAA6C;GAC/D,GAAG;GACH,GAAG,MAAM;GACV,EAAC;EAEF,SAAS,QAAQ,MAA+B;AAC9C,QAAK,SAAS;IAAE,OAAO;IAAM,OAAO,MAAM;IAAO,CAAA;;;uBAKjD,YAWE,+BAAA;IAVC,OAAO,MAAM;IACb,OAAO,YAAA;IACP,MAAM,MAAM;IACZ,gBAAc,MAAM;IACpB,aAAW,MAAM;IACjB,eAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,kBAAgB,MAAM;IACf;IACP,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EExDlB,MAAM,QAAQ;EAqBd,MAAM,OAAO;EAKb,MAAM,aAA0C;GAC9C,iBAAiB;GACjB,mBAAmB;GACnB,aAAa;GACb,aAAa;GACb,eAAe;GACjB;EAEA,MAAM,cAAc,gBAA6C;GAC/D,GAAG;GACH,GAAG,MAAM;GACV,EAAC;;uBAIA,YAaE,+BAAA;IAZC,OAAO,MAAM;IACb,OAAO,YAAA;IACP,MAAM,MAAM;IACZ,gBAAc,MAAM;IACpB,gBAAc,MAAM;IACrB,qBAAA;IACC,aAAW,MAAM;IACjB,eAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,kBAAgB,MAAM;IACtB,SAAK,OAAA,OAAA,OAAA,MAAG,SAAS,KAAI,SAAU,KAAI;IACnC,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;;;;;;;;;;;;;;;;;;;;;;AEAlB,SAAgB,iBAAiB,UAAmC,EAAE,EAA0B;CAC9F,MAAM,eAAe,WAAqC,KAAK;CAC/D,MAAM,UAAU,IAAa,KAAK;CAElC,SAAS,gBAAgB;AACvB,SAAO,8BAA8B;GACnC,SAAS,QAAQ,WAAW,IAAI;GAChC,OAAO,QAAQ,SAAS,IAAI,EAAE;GAC9B,YAAY,QAAQ,cAAc;GACnC,CAAC;;CAGJ,SAAS,aAAa,MAAkC;AAEtD,UADa,QAAQ,iBAAiB,IAAI,yBAC9B,SAAS,KAAK;;CAG5B,eAAe,SAAS,KAAc,OAA6D;EAGjG,MAAM,OAAO,MAFM,eAAe,CAEJ,KADjB;GAAE,GAAI,QAAQ,QAAQ,IAAI,EAAE;GAAG,GAAI,SAAS,EAAE;GAAG,CACtB;AACxC,UAAQ,aAAa,KAAK;AAC1B,SAAO;;CAGT,eAAe,OAAO,KAAc,OAAoE;AACtG,UAAQ,QAAQ;EAChB,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM;AACvC,MAAI,aAAa,KAAK,KAAK,EAAE;AAC3B,gBAAa,QAAQ;AACrB,UAAO;;AAET,eAAa,QAAQ;AACrB,SAAO;;CAGT,SAAS,SAAS,MAA+B;AAC/C,eAAa,QAAQ;;CAGvB,SAAS,UAAgB;AACvB,eAAa,QAAQ;;CAGvB,eAAe,MAAM,SAA2E;EAC9F,MAAM,OAAO,aAAa;AAC1B,MAAI,CAAC,KAAM;AACX,QAAM,QAAQ,KAAK;AACnB,eAAa,QAAQ;;AAGvB,QAAO;EACL;EACA,WAAW,eAAe,aAAa,UAAU,KAAK;EACtD;EACA;EACA;EACA;EACA;EACA,OAAO;EACP;EACD"}

package/dist/components/GrSelect/chunks/GrSelect-CnHdbPlf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrSelect-CnHdbPlf.js","names":[],"sources":["../../../../src/components/GrSelect/GrSelect.vue","../../../../src/components/GrSelect/GrSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport GrInput from '../GrInput/GrInput.vue'\nimport { vClickOutside } from '../../directives'\n\nimport {\n  defaultBaseClass,\n  grSelectLinkNativeLabelClass,\n  grSelectLinkNativeOverlayClass,\n  grSelectNativeClass,\n  grSelectPanelClasses,\n  grSelectTriggerClass,\n  linkBaseClass,\n  type GrSelectModelValue,\n  type GrSelectOption,\n  type GrSelectOptionGroup,\n  type GrSelectOptionOrGroup,\n  type GrSelectOptionsView,\n  type GrSelectSize,\n  type GrSelectUnderline,\n  type GrSelectVariant,\n  type GrSelectView,\n} from './grSelectStyles'\n\nexport type {\n  GrSelectModelValue,\n  GrSelectOption,\n  GrSelectOptionGroup,\n  GrSelectOptionOrGroup,\n  GrSelectOptionsView,\n  GrSelectSize,\n  GrSelectUnderline,\n  GrSelectVariant,\n  GrSelectView,\n} from './grSelectStyles'\n\n/**\n * Пропсы публичного DS-примитива «Select».\n */\nexport interface GrSelectProps {\n  modelValue: GrSelectModelValue\n  /** Список опций. Поддерживает плоский массив опций и группы опций (`{ label, options }`). */\n  options?: GrSelectOptionOrGroup[]\n  disabled?: boolean\n  ariaLabel?: string\n  view?: GrSelectView\n  size?: GrSelectSize\n  /** Placeholder (показывается, когда значение не выбрано). */\n  placeholder?: string\n  /** Multiple selection. */\n  multiple?: boolean\n  /** Как отображать список опций: нативный `<select>` или кастомная панель. */\n  optionsView?: GrSelectOptionsView\n  /** Разрешает ввод/выбор значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Placeholder для инпута кастомного значения (только в `optionsView=\"panel\"`). */\n  customValuePlaceholder?: string\n  /** Максимальная высота панели (только в `optionsView=\"panel\"`). */\n  dropdownMaxHeight?: number\n  /** Закрывать панель после выбора (только в `optionsView=\"panel\"`). */\n  closeOnSelect?: boolean\n  /** Разрешает очистку выбранного значения. */\n  clearable?: boolean\n  /** i18n-label для кнопки очистки (`aria-label`). */\n  clearLabel?: string\n  /**\n   * Цвет/вариант ссылки для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  variant?: GrSelectVariant\n  /**\n   * Подчёркивание для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  underline?: GrSelectUnderline\n}\n\nconst props = withDefaults(\n  defineProps<GrSelectProps>(),\n  {\n    options: undefined,\n    disabled: false,\n    ariaLabel: undefined,\n    view: 'default',\n    size: 'md',\n\n    placeholder: undefined,\n    multiple: false,\n\n    optionsView: 'native',\n    allowCustomValue: false,\n    customValuePlaceholder: 'Add value…',\n    dropdownMaxHeight: 280,\n    closeOnSelect: true,\n    clearable: false,\n    clearLabel: 'Clear',\n    variant: 'primary',\n    underline: 'auto',\n  },\n)\n\nconst baseClassName = computed(() => props.view === 'link' ? linkBaseClass : defaultBaseClass)\n\nconst rootClass = computed(() => props.view === 'link' ? 'relative inline-block align-baseline' : 'relative w-full')\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrSelectModelValue): void\n}>()\n\nconst optionsResolved = computed<GrSelectOptionOrGroup[]>(() => props.options ?? [])\n\nfunction isOptionGroup(item: GrSelectOptionOrGroup): item is GrSelectOptionGroup {\n  return Array.isArray((item as GrSelectOptionGroup).options)\n}\n\n/** Плоский список всех опций (группы «развёрнуты»). Используется для всех вычислений по значениям. */\nconst flatOptions = computed<GrSelectOption[]>(() => {\n  const result: GrSelectOption[] = []\n  for (const item of optionsResolved.value) {\n    if (isOptionGroup(item)) result.push(...item.options)\n    else result.push(item)\n  }\n  return result\n})\n\nfunction modelToArray(value: GrSelectModelValue): string[] {\n  if (Array.isArray(value)) return value\n  if (!value) return []\n  return [value]\n}\n\nconst modelSingle = computed(() => {\n  return Array.isArray(props.modelValue) ? (props.modelValue[0] ?? '') : props.modelValue\n})\n\nconst modelMultiple = computed(() => modelToArray(props.modelValue))\n\nconst selectedValues = computed(() => {\n  return props.multiple ? modelMultiple.value : (modelSingle.value ? [modelSingle.value] : [])\n})\n\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nconst selectedOptions = computed<GrSelectOption[]>(() => {\n  const byValue = new Map(flatOptions.value.map(o => [o.value, o]))\n  return selectedValues.value.map((v) => byValue.get(v) ?? { value: v, label: v })\n})\n\nconst hasModelInOptions = computed(() => {\n  if (props.multiple) return false\n  return flatOptions.value.some((o) => o.value === modelSingle.value)\n})\n\nconst displayLabel = computed(() => {\n  if (props.multiple) {\n    if (!selectedValues.value.length) return ''\n    return selectedValues.value\n      .map((v) => flatOptions.value.find((o) => o.value === v)?.label ?? v)\n      .join(', ')\n  }\n\n  return flatOptions.value.find((o) => o.value === modelSingle.value)?.label ?? modelSingle.value\n})\n\nconst displayText = computed(() => {\n  if (hasSelection.value) return displayLabel.value\n  return props.placeholder ?? ''\n})\n\nconst nativeCustomOptionVisible = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return false\n  if (modelSingle.value === '') return false\n  return !hasModelInOptions.value\n})\n\nconst customValue = ref('')\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst customInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  width: '0px',\n  zIndex: '2147483647',\n})\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rect = root.getBoundingClientRect()\n\n  // Для `view='link'` ширина триггера = ширине выбранной опции (`inline-block w-auto`),\n  // и без отдельной обработки панель тоже становилась шириной выбранной опции, из-за чего\n  // её размер «прыгал» при выборе разных опций. Решение — отдать вычисление ширины браузеру:\n  // `width: max-content` (по самому длинному ребёнку — `w-full`-кнопкам с `whitespace-nowrap`),\n  // `min-width` равной ширине триггера (чтобы панель не была уже самого триггера).\n  // Это чисто CSS-подход — без JS-замеров и ResizeObserver, максимально перформантный.\n  if (props.view === 'link') {\n    panelStyle.value = {\n      left: `${rect.left}px`,\n      top: `${rect.bottom + 8}px`,\n      width: 'max-content',\n      minWidth: `${rect.width}px`,\n      zIndex: '2147483647',\n    }\n    return\n  }\n\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    top: `${rect.bottom + 8}px`,\n    width: `${rect.width}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', syncPanelPosition)\n  window.addEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', syncPanelPosition)\n  window.removeEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction closeDropdown(): void {\n  open.value = false\n}\n\nfunction toggleDropdown(): void {\n  if (props.disabled) return\n  open.value = !open.value\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') closeDropdown()\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) {\n      customValue.value = ''\n      return\n    }\n\n    bindPanelPositionListeners()\n    await nextTick()\n    syncPanelPosition()\n\n    if (props.allowCustomValue) {\n      customInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n})\n\nconst panelClasses = computed(() => {\n  return grSelectPanelClasses\n})\n\nfunction matchesQuery(option: GrSelectOption, query: string): boolean {\n  if (!query) return true\n  return option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query)\n}\n\n/**\n * Элемент рендера панели: либо заголовок группы, либо опция.\n * Группировка сохраняется, фильтрация по `customValue` скрывает пустые группы.\n */\ntype GrSelectPanelItem =\n  | { kind: 'group', label: string, key: string }\n  | { kind: 'option', option: GrSelectOption, key: string }\n\nconst panelItems = computed<GrSelectPanelItem[]>(() => {\n  const q = props.allowCustomValue ? customValue.value.trim().toLowerCase() : ''\n  const items: GrSelectPanelItem[] = []\n\n  // Опция для кастомного значения, которого нет в options (single).\n  if (props.allowCustomValue && !props.multiple && modelSingle.value !== '' && !hasModelInOptions.value) {\n    const custom: GrSelectOption = { value: modelSingle.value, label: modelSingle.value }\n    if (matchesQuery(custom, q)) {\n      items.push({ kind: 'option', option: custom, key: `__custom__${custom.value}` })\n    }\n  }\n\n  optionsResolved.value.forEach((item, index) => {\n    if (isOptionGroup(item)) {\n      const matched = item.options.filter((o) => matchesQuery(o, q))\n      if (!matched.length) return\n      items.push({ kind: 'group', label: item.label, key: `__group__${index}` })\n      for (const option of matched) {\n        items.push({ kind: 'option', option, key: option.value })\n      }\n      return\n    }\n\n    if (matchesQuery(item, q)) {\n      items.push({ kind: 'option', option: item, key: item.value })\n    }\n  })\n\n  return items\n})\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'panel') return false\n  const v = customValue.value.trim()\n  if (!v) return false\n\n  if (props.multiple) {\n    if (selectedValues.value.includes(v)) return false\n    return !flatOptions.value.some((o) => o.value === v)\n  }\n\n  if (v === modelSingle.value) return false\n  return !flatOptions.value.some((o) => o.value === v)\n})\n\nfunction emitValue(value: GrSelectModelValue): void {\n  emit('update:modelValue', value)\n}\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction selectValue(value: string): void {\n  emitValue(value)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction toggleValue(value: string): void {\n  if (!props.multiple) {\n    selectValue(value)\n    return\n  }\n\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) {\n    next.splice(idx, 1)\n  }\n  else {\n    next.push(value)\n  }\n\n  emitValue(next)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction addCustom(): void {\n  const v = customValue.value.trim()\n  if (!v) return\n  toggleValue(v)\n}\n\nconst showNativeChevron = computed(() => {\n  return props.optionsView === 'native' && props.view !== 'link' && !props.multiple\n})\n\nconst nativeClearOptionVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return true\n  return !flatOptions.value.some(o => o.value === '')\n})\n\nconst panelClearVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'panel') return false\n  if (props.view === 'link') return false\n  return hasSelection.value\n})\n\nconst nativeClassName = computed(() => {\n  return grSelectNativeClass({\n    view: props.view,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n    showNativeChevron: showNativeChevron.value,\n  })\n})\n\n/**\n * `view=\"link\"` в native-режиме: ширина обёртки должна определяться выбранной опцией,\n * а не самой длинной (как делает браузер по умолчанию). Поэтому рендерим прозрачный\n * `<select>`-overlay поверх видимого `<span>` с меткой — overlay принимает клики/клавиатуру,\n * span задаёт ширину компонента в закрытом состоянии.\n */\nconst isLinkNative = computed(() => props.view === 'link' && props.optionsView === 'native')\n\nconst linkNativeLabelClassName = computed(() => grSelectLinkNativeLabelClass({\n  size: props.size,\n  variant: props.variant,\n  underline: props.underline,\n  disabled: props.disabled,\n}))\n\nconst linkNativeDisplayText = computed(() => {\n  return displayText.value || props.placeholder || '\\u00A0'\n})\n\nconst triggerClassName = computed(() => {\n  return grSelectTriggerClass({\n    view: props.view,\n    optionsView: props.optionsView,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n  })\n})\n\nfunction onChange(e: Event): void {\n  const el = e.target as HTMLSelectElement\n\n  if (props.multiple) {\n    const values = Array.from(el.selectedOptions, o => o.value)\n    emit('update:modelValue', values)\n    return\n  }\n\n  emit('update:modelValue', el.value)\n}\n\nfunction clearSelection(): void {\n  if (props.disabled) return\n  emitValue(props.multiple ? [] : '')\n}\n</script>\n\n<template>\n  <div\n    v-if=\"optionsView === 'native'\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <select\n      data-ds-select-native\n      :value=\"multiple ? modelMultiple : modelSingle\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      :class=\"isLinkNative ? grSelectLinkNativeOverlayClass : [baseClassName, nativeClassName]\"\n      @change=\"onChange\"\n    >\n      <option v-if=\"nativeClearOptionVisible\" value=\"\" />\n\n      <slot>\n        <option v-if=\"nativeCustomOptionVisible\" :value=\"modelSingle\">\n          {{ modelSingle }}\n        </option>\n        <template v-for=\"(item, index) in optionsResolved\" :key=\"index\">\n          <optgroup v-if=\"isOptionGroup(item)\" :label=\"item.label\">\n            <option v-for=\"opt in item.options\" :key=\"opt.value\" :value=\"opt.value\">\n              {{ opt.label }}\n            </option>\n          </optgroup>\n          <option v-else :value=\"item.value\">\n            {{ item.label }}\n          </option>\n        </template>\n      </slot>\n    </select>\n\n    <span\n      v-if=\"isLinkNative\"\n      data-ds-select-link-label\n      aria-hidden=\"true\"\n      :class=\"linkNativeLabelClassName\"\n    >{{ linkNativeDisplayText }}</span>\n\n    <span\n      v-if=\"showNativeChevron\"\n      data-testid=\"ds-select-chevron\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n    >\n      <span class=\"i-lucide-chevron-down inline-block h-4 w-4\" aria-hidden=\"true\" />\n    </span>\n  </div>\n\n  <div\n    v-else\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <button\n      data-testid=\"ds-select-trigger\"\n      data-ds-select-trigger\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      role=\"combobox\"\n      aria-readonly=\"true\"\n      :aria-expanded=\"open ? 'true' : 'false'\"\n      :class=\"[baseClassName, triggerClassName]\"\n      @click=\"toggleDropdown\"\n    >\n      <span class=\"min-w-0 flex-1\">\n        <slot\n          name=\"value\"\n          :selected-options=\"selectedOptions\"\n          :selected-values=\"selectedValues\"\n          :display-label=\"displayLabel\"\n          :placeholder=\"placeholder\"\n          :has-selection=\"hasSelection\"\n        >\n          <span\n            class=\"block truncate\"\n            :class=\"!hasSelection ? 'text-[var(--muted-fg)]' : ''\"\n          >\n            {{ displayText }}\n          </span>\n        </slot>\n      </span>\n\n      <span\n        v-if=\"panelClearVisible\"\n        class=\"shrink-0 h-4 w-4\"\n        aria-hidden=\"true\"\n      />\n\n      <span\n        v-else\n        data-testid=\"ds-select-chevron\"\n        class=\"shrink-0 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down inline-block h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </button>\n\n    <button\n      v-if=\"panelClearVisible\"\n      data-testid=\"ds-select-clear\"\n      data-ds-select-clear\n      type=\"button\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n      :disabled=\"disabled\"\n      :aria-label=\"clearLabel\"\n      @click.stop=\"clearSelection\"\n    >\n      <span class=\"i-lucide-x inline-block h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <teleport to=\"body\">\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          ref=\"panelEl\"\n          data-testid=\"ds-select-panel\"\n          data-ds-select-panel\n          class=\"fixed w-full\"\n          :style=\"panelStyle\"\n        >\n          <div :class=\"panelClasses\">\n            <div v-if=\"allowCustomValue\" class=\"p-2 border-b border-[var(--brd)]\">\n              <GrInput\n                ref=\"customInputRef\"\n                v-model=\"customValue\"\n                data-testid=\"ds-select-custom-input\"\n                type=\"text\"\n                :placeholder=\"customValuePlaceholder\"\n                size=\"sm\"\n                @keydown.enter.prevent=\"addCustom\"\n              />\n            </div>\n\n            <div\n              data-ds-select-listbox\n              class=\"p-1 overflow-auto\"\n              :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <button\n                v-if=\"canAddCustom\"\n                data-testid=\"ds-select-add-option\"\n                data-ds-select-add-option\n                type=\"button\"\n                class=\"rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\" :class=\"[\n                  view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : 'w-full',\n                ]\"\n                @click=\"addCustom\"\n              >\n                Add “{{ customValue.trim() }}”\n              </button>\n\n              <template v-for=\"item in panelItems\" :key=\"item.key\">\n                <div\n                  v-if=\"item.kind === 'group'\"\n                  data-ds-select-group-label\n                  role=\"presentation\"\n                  class=\"px-3 pt-2 pb-1 text-[11px] font-semibold uppercase tracking-wide text-[var(--muted-fg)]\" :class=\"[\n                    view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : '',\n                  ]\"\n                >\n                  {{ item.label }}\n                </div>\n\n                <button\n                  v-else\n                  data-ds-select-option\n                  type=\"button\"\n                  role=\"option\"\n                  :aria-selected=\"isSelected(item.option.value) ? 'true' : 'false'\"\n                  class=\"rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\" :class=\"[\n                    view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : 'w-full',\n                  ]\"\n                  @click=\"toggleValue(item.option.value)\"\n                >\n                  <slot name=\"option\" :option=\"item.option\" :selected=\"isSelected(item.option.value)\">\n                    <span class=\"flex items-center gap-2 min-w-0\">\n                      <span\n                        class=\"inline-block h-4 w-4 shrink-0\"\n                        :class=\"isSelected(item.option.value) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                        aria-hidden=\"true\"\n                      />\n                      <span class=\"truncate\">{{ item.option.label }}</span>\n                    </span>\n                  </slot>\n                </button>\n              </template>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onUnmounted, ref, watch } from 'vue'\n\nimport GrInput from '../GrInput/GrInput.vue'\nimport { vClickOutside } from '../../directives'\n\nimport {\n  defaultBaseClass,\n  grSelectLinkNativeLabelClass,\n  grSelectLinkNativeOverlayClass,\n  grSelectNativeClass,\n  grSelectPanelClasses,\n  grSelectTriggerClass,\n  linkBaseClass,\n  type GrSelectModelValue,\n  type GrSelectOption,\n  type GrSelectOptionGroup,\n  type GrSelectOptionOrGroup,\n  type GrSelectOptionsView,\n  type GrSelectSize,\n  type GrSelectUnderline,\n  type GrSelectVariant,\n  type GrSelectView,\n} from './grSelectStyles'\n\nexport type {\n  GrSelectModelValue,\n  GrSelectOption,\n  GrSelectOptionGroup,\n  GrSelectOptionOrGroup,\n  GrSelectOptionsView,\n  GrSelectSize,\n  GrSelectUnderline,\n  GrSelectVariant,\n  GrSelectView,\n} from './grSelectStyles'\n\n/**\n * Пропсы публичного DS-примитива «Select».\n */\nexport interface GrSelectProps {\n  modelValue: GrSelectModelValue\n  /** Список опций. Поддерживает плоский массив опций и группы опций (`{ label, options }`). */\n  options?: GrSelectOptionOrGroup[]\n  disabled?: boolean\n  ariaLabel?: string\n  view?: GrSelectView\n  size?: GrSelectSize\n  /** Placeholder (показывается, когда значение не выбрано). */\n  placeholder?: string\n  /** Multiple selection. */\n  multiple?: boolean\n  /** Как отображать список опций: нативный `<select>` или кастомная панель. */\n  optionsView?: GrSelectOptionsView\n  /** Разрешает ввод/выбор значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Placeholder для инпута кастомного значения (только в `optionsView=\"panel\"`). */\n  customValuePlaceholder?: string\n  /** Максимальная высота панели (только в `optionsView=\"panel\"`). */\n  dropdownMaxHeight?: number\n  /** Закрывать панель после выбора (только в `optionsView=\"panel\"`). */\n  closeOnSelect?: boolean\n  /** Разрешает очистку выбранного значения. */\n  clearable?: boolean\n  /** i18n-label для кнопки очистки (`aria-label`). */\n  clearLabel?: string\n  /**\n   * Цвет/вариант ссылки для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  variant?: GrSelectVariant\n  /**\n   * Подчёркивание для `view=\"link\"` (аналогично `GrLink`).\n   * В `view=\"default\"` не используется.\n   */\n  underline?: GrSelectUnderline\n}\n\nconst props = withDefaults(\n  defineProps<GrSelectProps>(),\n  {\n    options: undefined,\n    disabled: false,\n    ariaLabel: undefined,\n    view: 'default',\n    size: 'md',\n\n    placeholder: undefined,\n    multiple: false,\n\n    optionsView: 'native',\n    allowCustomValue: false,\n    customValuePlaceholder: 'Add value…',\n    dropdownMaxHeight: 280,\n    closeOnSelect: true,\n    clearable: false,\n    clearLabel: 'Clear',\n    variant: 'primary',\n    underline: 'auto',\n  },\n)\n\nconst baseClassName = computed(() => props.view === 'link' ? linkBaseClass : defaultBaseClass)\n\nconst rootClass = computed(() => props.view === 'link' ? 'relative inline-block align-baseline' : 'relative w-full')\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrSelectModelValue): void\n}>()\n\nconst optionsResolved = computed<GrSelectOptionOrGroup[]>(() => props.options ?? [])\n\nfunction isOptionGroup(item: GrSelectOptionOrGroup): item is GrSelectOptionGroup {\n  return Array.isArray((item as GrSelectOptionGroup).options)\n}\n\n/** Плоский список всех опций (группы «развёрнуты»). Используется для всех вычислений по значениям. */\nconst flatOptions = computed<GrSelectOption[]>(() => {\n  const result: GrSelectOption[] = []\n  for (const item of optionsResolved.value) {\n    if (isOptionGroup(item)) result.push(...item.options)\n    else result.push(item)\n  }\n  return result\n})\n\nfunction modelToArray(value: GrSelectModelValue): string[] {\n  if (Array.isArray(value)) return value\n  if (!value) return []\n  return [value]\n}\n\nconst modelSingle = computed(() => {\n  return Array.isArray(props.modelValue) ? (props.modelValue[0] ?? '') : props.modelValue\n})\n\nconst modelMultiple = computed(() => modelToArray(props.modelValue))\n\nconst selectedValues = computed(() => {\n  return props.multiple ? modelMultiple.value : (modelSingle.value ? [modelSingle.value] : [])\n})\n\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nconst selectedOptions = computed<GrSelectOption[]>(() => {\n  const byValue = new Map(flatOptions.value.map(o => [o.value, o]))\n  return selectedValues.value.map((v) => byValue.get(v) ?? { value: v, label: v })\n})\n\nconst hasModelInOptions = computed(() => {\n  if (props.multiple) return false\n  return flatOptions.value.some((o) => o.value === modelSingle.value)\n})\n\nconst displayLabel = computed(() => {\n  if (props.multiple) {\n    if (!selectedValues.value.length) return ''\n    return selectedValues.value\n      .map((v) => flatOptions.value.find((o) => o.value === v)?.label ?? v)\n      .join(', ')\n  }\n\n  return flatOptions.value.find((o) => o.value === modelSingle.value)?.label ?? modelSingle.value\n})\n\nconst displayText = computed(() => {\n  if (hasSelection.value) return displayLabel.value\n  return props.placeholder ?? ''\n})\n\nconst nativeCustomOptionVisible = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return false\n  if (modelSingle.value === '') return false\n  return !hasModelInOptions.value\n})\n\nconst customValue = ref('')\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst customInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  width: '0px',\n  zIndex: '2147483647',\n})\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rect = root.getBoundingClientRect()\n\n  // Для `view='link'` ширина триггера = ширине выбранной опции (`inline-block w-auto`),\n  // и без отдельной обработки панель тоже становилась шириной выбранной опции, из-за чего\n  // её размер «прыгал» при выборе разных опций. Решение — отдать вычисление ширины браузеру:\n  // `width: max-content` (по самому длинному ребёнку — `w-full`-кнопкам с `whitespace-nowrap`),\n  // `min-width` равной ширине триггера (чтобы панель не была уже самого триггера).\n  // Это чисто CSS-подход — без JS-замеров и ResizeObserver, максимально перформантный.\n  if (props.view === 'link') {\n    panelStyle.value = {\n      left: `${rect.left}px`,\n      top: `${rect.bottom + 8}px`,\n      width: 'max-content',\n      minWidth: `${rect.width}px`,\n      zIndex: '2147483647',\n    }\n    return\n  }\n\n  panelStyle.value = {\n    left: `${rect.left}px`,\n    top: `${rect.bottom + 8}px`,\n    width: `${rect.width}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', syncPanelPosition)\n  window.addEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', syncPanelPosition)\n  window.removeEventListener('scroll', syncPanelPosition, true)\n}\n\nfunction closeDropdown(): void {\n  open.value = false\n}\n\nfunction toggleDropdown(): void {\n  if (props.disabled) return\n  open.value = !open.value\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') closeDropdown()\n}\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) {\n      customValue.value = ''\n      return\n    }\n\n    bindPanelPositionListeners()\n    await nextTick()\n    syncPanelPosition()\n\n    if (props.allowCustomValue) {\n      customInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n})\n\nconst panelClasses = computed(() => {\n  return grSelectPanelClasses\n})\n\nfunction matchesQuery(option: GrSelectOption, query: string): boolean {\n  if (!query) return true\n  return option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query)\n}\n\n/**\n * Элемент рендера панели: либо заголовок группы, либо опция.\n * Группировка сохраняется, фильтрация по `customValue` скрывает пустые группы.\n */\ntype GrSelectPanelItem =\n  | { kind: 'group', label: string, key: string }\n  | { kind: 'option', option: GrSelectOption, key: string }\n\nconst panelItems = computed<GrSelectPanelItem[]>(() => {\n  const q = props.allowCustomValue ? customValue.value.trim().toLowerCase() : ''\n  const items: GrSelectPanelItem[] = []\n\n  // Опция для кастомного значения, которого нет в options (single).\n  if (props.allowCustomValue && !props.multiple && modelSingle.value !== '' && !hasModelInOptions.value) {\n    const custom: GrSelectOption = { value: modelSingle.value, label: modelSingle.value }\n    if (matchesQuery(custom, q)) {\n      items.push({ kind: 'option', option: custom, key: `__custom__${custom.value}` })\n    }\n  }\n\n  optionsResolved.value.forEach((item, index) => {\n    if (isOptionGroup(item)) {\n      const matched = item.options.filter((o) => matchesQuery(o, q))\n      if (!matched.length) return\n      items.push({ kind: 'group', label: item.label, key: `__group__${index}` })\n      for (const option of matched) {\n        items.push({ kind: 'option', option, key: option.value })\n      }\n      return\n    }\n\n    if (matchesQuery(item, q)) {\n      items.push({ kind: 'option', option: item, key: item.value })\n    }\n  })\n\n  return items\n})\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  if (props.optionsView !== 'panel') return false\n  const v = customValue.value.trim()\n  if (!v) return false\n\n  if (props.multiple) {\n    if (selectedValues.value.includes(v)) return false\n    return !flatOptions.value.some((o) => o.value === v)\n  }\n\n  if (v === modelSingle.value) return false\n  return !flatOptions.value.some((o) => o.value === v)\n})\n\nfunction emitValue(value: GrSelectModelValue): void {\n  emit('update:modelValue', value)\n}\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction selectValue(value: string): void {\n  emitValue(value)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction toggleValue(value: string): void {\n  if (!props.multiple) {\n    selectValue(value)\n    return\n  }\n\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) {\n    next.splice(idx, 1)\n  }\n  else {\n    next.push(value)\n  }\n\n  emitValue(next)\n  if (props.closeOnSelect) {\n    closeDropdown()\n  }\n}\n\nfunction addCustom(): void {\n  const v = customValue.value.trim()\n  if (!v) return\n  toggleValue(v)\n}\n\nconst showNativeChevron = computed(() => {\n  return props.optionsView === 'native' && props.view !== 'link' && !props.multiple\n})\n\nconst nativeClearOptionVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'native') return false\n  if (props.multiple) return false\n  if (!props.options) return true\n  return !flatOptions.value.some(o => o.value === '')\n})\n\nconst panelClearVisible = computed(() => {\n  if (!props.clearable) return false\n  if (props.optionsView !== 'panel') return false\n  if (props.view === 'link') return false\n  return hasSelection.value\n})\n\nconst nativeClassName = computed(() => {\n  return grSelectNativeClass({\n    view: props.view,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n    showNativeChevron: showNativeChevron.value,\n  })\n})\n\n/**\n * `view=\"link\"` в native-режиме: ширина обёртки должна определяться выбранной опцией,\n * а не самой длинной (как делает браузер по умолчанию). Поэтому рендерим прозрачный\n * `<select>`-overlay поверх видимого `<span>` с меткой — overlay принимает клики/клавиатуру,\n * span задаёт ширину компонента в закрытом состоянии.\n */\nconst isLinkNative = computed(() => props.view === 'link' && props.optionsView === 'native')\n\nconst linkNativeLabelClassName = computed(() => grSelectLinkNativeLabelClass({\n  size: props.size,\n  variant: props.variant,\n  underline: props.underline,\n  disabled: props.disabled,\n}))\n\nconst linkNativeDisplayText = computed(() => {\n  return displayText.value || props.placeholder || '\\u00A0'\n})\n\nconst triggerClassName = computed(() => {\n  return grSelectTriggerClass({\n    view: props.view,\n    optionsView: props.optionsView,\n    size: props.size,\n    disabled: props.disabled,\n    variant: props.variant,\n    underline: props.underline,\n  })\n})\n\nfunction onChange(e: Event): void {\n  const el = e.target as HTMLSelectElement\n\n  if (props.multiple) {\n    const values = Array.from(el.selectedOptions, o => o.value)\n    emit('update:modelValue', values)\n    return\n  }\n\n  emit('update:modelValue', el.value)\n}\n\nfunction clearSelection(): void {\n  if (props.disabled) return\n  emitValue(props.multiple ? [] : '')\n}\n</script>\n\n<template>\n  <div\n    v-if=\"optionsView === 'native'\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <select\n      data-ds-select-native\n      :value=\"multiple ? modelMultiple : modelSingle\"\n      :multiple=\"multiple\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      :class=\"isLinkNative ? grSelectLinkNativeOverlayClass : [baseClassName, nativeClassName]\"\n      @change=\"onChange\"\n    >\n      <option v-if=\"nativeClearOptionVisible\" value=\"\" />\n\n      <slot>\n        <option v-if=\"nativeCustomOptionVisible\" :value=\"modelSingle\">\n          {{ modelSingle }}\n        </option>\n        <template v-for=\"(item, index) in optionsResolved\" :key=\"index\">\n          <optgroup v-if=\"isOptionGroup(item)\" :label=\"item.label\">\n            <option v-for=\"opt in item.options\" :key=\"opt.value\" :value=\"opt.value\">\n              {{ opt.label }}\n            </option>\n          </optgroup>\n          <option v-else :value=\"item.value\">\n            {{ item.label }}\n          </option>\n        </template>\n      </slot>\n    </select>\n\n    <span\n      v-if=\"isLinkNative\"\n      data-ds-select-link-label\n      aria-hidden=\"true\"\n      :class=\"linkNativeLabelClassName\"\n    >{{ linkNativeDisplayText }}</span>\n\n    <span\n      v-if=\"showNativeChevron\"\n      data-testid=\"ds-select-chevron\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--muted-fg)] pointer-events-none\"\n    >\n      <span class=\"i-lucide-chevron-down inline-block h-4 w-4\" aria-hidden=\"true\" />\n    </span>\n  </div>\n\n  <div\n    v-else\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-ds-select\n    :class=\"rootClass\"\n  >\n    <button\n      data-testid=\"ds-select-trigger\"\n      data-ds-select-trigger\n      type=\"button\"\n      :disabled=\"disabled\"\n      :aria-label=\"ariaLabel\"\n      role=\"combobox\"\n      aria-readonly=\"true\"\n      :aria-expanded=\"open ? 'true' : 'false'\"\n      :class=\"[baseClassName, triggerClassName]\"\n      @click=\"toggleDropdown\"\n    >\n      <span class=\"min-w-0 flex-1\">\n        <slot\n          name=\"value\"\n          :selected-options=\"selectedOptions\"\n          :selected-values=\"selectedValues\"\n          :display-label=\"displayLabel\"\n          :placeholder=\"placeholder\"\n          :has-selection=\"hasSelection\"\n        >\n          <span\n            class=\"block truncate\"\n            :class=\"!hasSelection ? 'text-[var(--muted-fg)]' : ''\"\n          >\n            {{ displayText }}\n          </span>\n        </slot>\n      </span>\n\n      <span\n        v-if=\"panelClearVisible\"\n        class=\"shrink-0 h-4 w-4\"\n        aria-hidden=\"true\"\n      />\n\n      <span\n        v-else\n        data-testid=\"ds-select-chevron\"\n        class=\"shrink-0 text-[var(--muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down inline-block h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </button>\n\n    <button\n      v-if=\"panelClearVisible\"\n      data-testid=\"ds-select-clear\"\n      data-ds-select-clear\n      type=\"button\"\n      class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50\"\n      :disabled=\"disabled\"\n      :aria-label=\"clearLabel\"\n      @click.stop=\"clearSelection\"\n    >\n      <span class=\"i-lucide-x inline-block h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <teleport to=\"body\">\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          ref=\"panelEl\"\n          data-testid=\"ds-select-panel\"\n          data-ds-select-panel\n          class=\"fixed w-full\"\n          :style=\"panelStyle\"\n        >\n          <div :class=\"panelClasses\">\n            <div v-if=\"allowCustomValue\" class=\"p-2 border-b border-[var(--brd)]\">\n              <GrInput\n                ref=\"customInputRef\"\n                v-model=\"customValue\"\n                data-testid=\"ds-select-custom-input\"\n                type=\"text\"\n                :placeholder=\"customValuePlaceholder\"\n                size=\"sm\"\n                @keydown.enter.prevent=\"addCustom\"\n              />\n            </div>\n\n            <div\n              data-ds-select-listbox\n              class=\"p-1 overflow-auto\"\n              :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <button\n                v-if=\"canAddCustom\"\n                data-testid=\"ds-select-add-option\"\n                data-ds-select-add-option\n                type=\"button\"\n                class=\"rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\" :class=\"[\n                  view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : 'w-full',\n                ]\"\n                @click=\"addCustom\"\n              >\n                Add “{{ customValue.trim() }}”\n              </button>\n\n              <template v-for=\"item in panelItems\" :key=\"item.key\">\n                <div\n                  v-if=\"item.kind === 'group'\"\n                  data-ds-select-group-label\n                  role=\"presentation\"\n                  class=\"px-3 pt-2 pb-1 text-[11px] font-semibold uppercase tracking-wide text-[var(--muted-fg)]\" :class=\"[\n                    view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : '',\n                  ]\"\n                >\n                  {{ item.label }}\n                </div>\n\n                <button\n                  v-else\n                  data-ds-select-option\n                  type=\"button\"\n                  role=\"option\"\n                  :aria-selected=\"isSelected(item.option.value) ? 'true' : 'false'\"\n                  class=\"rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--muted)_30%,transparent)]\" :class=\"[\n                    view === 'link' ? 'block min-w-full w-max whitespace-nowrap' : 'w-full',\n                  ]\"\n                  @click=\"toggleValue(item.option.value)\"\n                >\n                  <slot name=\"option\" :option=\"item.option\" :selected=\"isSelected(item.option.value)\">\n                    <span class=\"flex items-center gap-2 min-w-0\">\n                      <span\n                        class=\"inline-block h-4 w-4 shrink-0\"\n                        :class=\"isSelected(item.option.value) ? 'i-lucide-check text-[var(--primary)]' : ''\"\n                        aria-hidden=\"true\"\n                      />\n                      <span class=\"truncate\">{{ item.option.label }}</span>\n                    </span>\n                  </slot>\n                </button>\n              </template>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrSidebar/chunks/GrSidebar-BpBtAGBs.js

@@ -1,44 +0,0 @@
-import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
-//#region src/components/GrSidebar/GrSidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	"data-ds-sidebar": "",
-	class: "border-r border-[var(--sidebar-brd)] bg-[var(--sidebar)] text-[var(--sidebar-fg)]"
-};
-var _hoisted_2 = {
-	key: 0,
-	"data-ds-sidebar-header": "",
-	class: "border-b border-[var(--sidebar-brd)] px-4 py-4"
-};
-var _hoisted_3 = {
-	key: 0,
-	"data-ds-sidebar-subtitle": "",
-	class: "text-[14px] text-[var(--muted-fg)]"
-};
-var _hoisted_4 = {
-	key: 1,
-	"data-ds-sidebar-title": "",
-	class: "text-[18px] font-700"
-};
-var _hoisted_5 = { class: "p-3" };
-//#endregion
-//#region src/components/GrSidebar/GrSidebar.vue
-var GrSidebar_default = /* @__PURE__ */ defineComponent({
-	__name: "GrSidebar",
-	props: {
-		title: { default: void 0 },
-		subtitle: { default: void 0 }
-	},
-	setup(__props) {
-		/**
-		* GrSidebar — боковая панель приложения с заголовком и слотом контента.
-		*
-		* Слоты `#title` / `#subtitle` имеют приоритет над одноимёнными пропами
-		* и позволяют передать произвольную разметку (иконки, бейджи, действия).
-		*/
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("aside", _hoisted_1, [_ctx.$slots.title || __props.title || _ctx.$slots.subtitle || __props.subtitle ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.$slots.subtitle || __props.subtitle ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "subtitle", {}, () => [createTextVNode(toDisplayString(__props.subtitle), 1)])])) : createCommentVNode("", true), _ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])])) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")])]);
-		};
-	}
-});
-//#endregion
-export { GrSidebar_default as t };

package/dist/components/GrSidebar/chunks/GrSidebar-BpBtAGBs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrSidebar-BpBtAGBs.js","names":["$slots"],"sources":["../../../../src/components/GrSidebar/GrSidebar.vue","../../../../src/components/GrSidebar/GrSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrSidebar — боковая панель приложения с заголовком и слотом контента.\n *\n * Слоты `#title` / `#subtitle` имеют приоритет над одноимёнными пропами\n * и позволяют передать произвольную разметку (иконки, бейджи, действия).\n */\nexport interface GrSidebarProps {\n  title?: string\n  subtitle?: string\n}\n\nwithDefaults(defineProps<GrSidebarProps>(), {\n  title: undefined,\n  subtitle: undefined,\n})\n</script>\n\n<template>\n  <aside\n    data-ds-sidebar\n    class=\"border-r border-[var(--sidebar-brd)] bg-[var(--sidebar)] text-[var(--sidebar-fg)]\"\n  >\n    <div\n      v-if=\"$slots.title || title || $slots.subtitle || subtitle\"\n      data-ds-sidebar-header\n      class=\"border-b border-[var(--sidebar-brd)] px-4 py-4\"\n    >\n      <div\n        v-if=\"$slots.subtitle || subtitle\"\n        data-ds-sidebar-subtitle\n        class=\"text-[14px] text-[var(--muted-fg)]\"\n      >\n        <slot name=\"subtitle\">\n          {{ subtitle }}\n        </slot>\n      </div>\n      <div\n        v-if=\"$slots.title || title\"\n        data-ds-sidebar-title\n        class=\"text-[18px] font-700\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n    <div class=\"p-3\">\n      <slot />\n    </div>\n  </aside>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrSidebar — боковая панель приложения с заголовком и слотом контента.\n *\n * Слоты `#title` / `#subtitle` имеют приоритет над одноимёнными пропами\n * и позволяют передать произвольную разметку (иконки, бейджи, действия).\n */\nexport interface GrSidebarProps {\n  title?: string\n  subtitle?: string\n}\n\nwithDefaults(defineProps<GrSidebarProps>(), {\n  title: undefined,\n  subtitle: undefined,\n})\n</script>\n\n<template>\n  <aside\n    data-ds-sidebar\n    class=\"border-r border-[var(--sidebar-brd)] bg-[var(--sidebar)] text-[var(--sidebar-fg)]\"\n  >\n    <div\n      v-if=\"$slots.title || title || $slots.subtitle || subtitle\"\n      data-ds-sidebar-header\n      class=\"border-b border-[var(--sidebar-brd)] px-4 py-4\"\n    >\n      <div\n        v-if=\"$slots.subtitle || subtitle\"\n        data-ds-sidebar-subtitle\n        class=\"text-[14px] text-[var(--muted-fg)]\"\n      >\n        <slot name=\"subtitle\">\n          {{ subtitle }}\n        </slot>\n      </div>\n      <div\n        v-if=\"$slots.title || title\"\n        data-ds-sidebar-title\n        class=\"text-[18px] font-700\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n    </div>\n    <div class=\"p-3\">\n      <slot />\n    </div>\n  </aside>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAmBE,mBA+BQ,SA/BR,YA+BQ,CA1BEA,KAAAA,OAAO,SAAS,QAAA,SAASA,KAAAA,OAAO,YAAY,QAAA,YAAA,WAAA,EADpD,mBAuBM,OAvBN,YAuBM,CAjBIA,KAAAA,OAAO,YAAY,QAAA,YAAA,WAAA,EAD3B,mBAQM,OARN,YAQM,CAHJ,WAEO,KAAA,QAAA,YAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,SAAQ,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAIPA,KAAAA,OAAO,SAAS,QAAA,SAAA,WAAA,EADxB,mBAQM,OARN,YAQM,CAHJ,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAId,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrToaster/chunks/GrToaster-DluJmR5D.js

@@ -1,171 +0,0 @@
-import { n as check_circle_default, r as alert_triangle_default, t as x_circle_default } from "../../../chunks/x-circle-DQSlBLmX.js";
-import { t as info_default } from "../../../chunks/info-C0bHmdZq.js";
-import { t as x_default } from "../../../chunks/x-Pa6C2hwi.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
-import { useToast } from "../../../composables/useToast.js";
-import { r as PLACEMENT_CLASS } from "../../../chunks/config-CetsgpaZ2.js";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
-//#region src/components/GrToaster/GrToaster.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = [
-	"data-tone",
-	"role",
-	"aria-live"
-];
-var _hoisted_3 = { class: "flex items-start gap-3" };
-var _hoisted_4 = { class: "min-w-0 flex-1" };
-var _hoisted_5 = { class: "text-[13px] font-700" };
-var _hoisted_6 = {
-	key: 0,
-	class: "mt-0.5 text-[13px] text-[var(--muted-fg)]"
-};
-//#endregion
-//#region src/components/GrToaster/GrToaster.vue
-var GrToaster_default = /* @__PURE__ */ defineComponent({
-	__name: "GrToaster",
-	props: {
-		placement: { default: "top-right" },
-		dismissLabel: { default: "Dismiss" },
-		regionLabel: { default: "Notifications" }
-	},
-	setup(__props) {
-		/**
-		* GrToaster — DS-примитив области уведомлений (toast).
-		*
-		* Модель состояния берётся из `useToast` (модульный синглтон), поэтому
-		* в приложении предполагается **один активный `GrToaster`** на корень.
-		*
-		* A11y:
-		* - контейнер — `role="region"` с `aria-label` (i18n-проп `regionLabel`);
-		* - каждый toast — `role="status"` + `aria-live="polite"` для `info`/`success`
-		*   и `role="alert"` + `aria-live="assertive"` для `warning`/`danger`
-		*   (критичные сообщения должны прерывать скринридер).
-		*
-		* UX:
-		* - появление/исчезновение анимируется `TransitionGroup`;
-		* - `placement` настраивает угол экрана;
-		* - `z-[60]` — выше, чем `GrModal` (`z-50`), чтобы уведомления не перекрывались диалогом.
-		*/
-		const TONE_META = {
-			primary: {
-				icon: info_default,
-				color: "var(--primary)",
-				role: "status",
-				live: "polite"
-			},
-			neutral: {
-				icon: info_default,
-				color: "var(--muted-fg)",
-				role: "status",
-				live: "polite"
-			},
-			info: {
-				icon: info_default,
-				color: "var(--ds-info)",
-				role: "status",
-				live: "polite"
-			},
-			success: {
-				icon: check_circle_default,
-				color: "var(--ds-success)",
-				role: "status",
-				live: "polite"
-			},
-			warning: {
-				icon: alert_triangle_default,
-				color: "var(--ds-warning)",
-				role: "alert",
-				live: "assertive"
-			},
-			danger: {
-				icon: x_circle_default,
-				color: "var(--ds-danger)",
-				role: "alert",
-				live: "assertive"
-			},
-			slate: {
-				icon: info_default,
-				color: "var(--ds-slate)",
-				role: "status",
-				live: "polite"
-			},
-			azure: {
-				icon: info_default,
-				color: "var(--ds-azure)",
-				role: "status",
-				live: "polite"
-			}
-		};
-		const props = __props;
-		const { list, dismiss } = useToast();
-		const isClient = typeof window !== "undefined";
-		function metaFor(tone) {
-			return TONE_META[tone] ?? TONE_META.info;
-		}
-		const containerClass = computed(() => PLACEMENT_CLASS[props.placement]);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, {
-				to: "body",
-				disabled: !isClient
-			}, [createElementVNode("div", {
-				"data-ds-toaster": "",
-				role: "region",
-				"aria-label": __props.regionLabel,
-				class: normalizeClass(["fixed z-[60] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3", containerClass.value])
-			}, [createVNode(TransitionGroup, {
-				tag: "div",
-				class: "grid gap-3",
-				"enter-active-class": "transition duration-200 ease-out",
-				"enter-from-class": "opacity-0 translate-y-2",
-				"enter-to-class": "opacity-100 translate-y-0",
-				"leave-active-class": "transition duration-150 ease-in absolute",
-				"leave-from-class": "opacity-100 translate-y-0",
-				"leave-to-class": "opacity-0 translate-y-2",
-				"move-class": "transition-transform duration-200 ease-out"
-			}, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (toast) => {
-					return openBlock(), createElementBlock("div", {
-						key: toast.id,
-						"data-ds-toast": "",
-						"data-tone": toast.tone,
-						role: metaFor(toast.tone).role,
-						"aria-live": metaFor(toast.tone).live,
-						"aria-atomic": "true",
-						class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--ds-shadow-2)]"
-					}, [createElementVNode("div", _hoisted_3, [
-						createVNode(unref(GrIcon_default), {
-							size: "md",
-							class: "mt-0.5",
-							style: normalizeStyle({ color: metaFor(toast.tone).color }),
-							"aria-hidden": "true"
-						}, {
-							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(metaFor(toast.tone).icon)))]),
-							_: 2
-						}, 1032, ["style"]),
-						createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, toDisplayString(toast.title), 1), toast.message ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(toast.message), 1)) : createCommentVNode("", true)]),
-						createVNode(unref(GrButton_default), {
-							variant: "ghost",
-							size: "sm",
-							square: "",
-							"aria-label": __props.dismissLabel,
-							onClick: ($event) => unref(dismiss)(toast.id)
-						}, {
-							default: withCtx(() => [createVNode(unref(GrIcon_default), {
-								size: "sm",
-								"aria-hidden": "true"
-							}, {
-								default: withCtx(() => [createVNode(unref(x_default))]),
-								_: 1
-							})]),
-							_: 1
-						}, 8, ["aria-label", "onClick"])
-					])], 8, _hoisted_2);
-				}), 128))]),
-				_: 1
-			})], 10, _hoisted_1)], 8, ["disabled"]);
-		};
-	}
-});
-//#endregion
-export { GrToaster_default as t };

package/dist/components/GrToaster/chunks/GrToaster-DluJmR5D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrToaster-DluJmR5D.js","names":[],"sources":["../../../../src/components/GrToaster/GrToaster.vue","../../../../src/components/GrToaster/GrToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrToaster — DS-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast` (модульный синглтон), поэтому\n * в приложении предполагается **один активный `GrToaster`** на корень.\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - каждый toast — `role=\"status\"` + `aria-live=\"polite\"` для `info`/`success`\n *   и `role=\"alert\"` + `aria-live=\"assertive\"` для `warning`/`danger`\n *   (критичные сообщения должны прерывать скринридер).\n *\n * UX:\n * - появление/исчезновение анимируется `TransitionGroup`;\n * - `placement` настраивает угол экрана;\n * - `z-[60]` — выше, чем `GrModal` (`z-50`), чтобы уведомления не перекрывались диалогом.\n */\nimport {computed} from 'vue'\nimport type {Component} from 'vue'\n\nimport {useToast} from '../../composables/useToast'\nimport type {GrToastTone} from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport {PLACEMENT_CLASS, type GrToasterPlacement} from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type {GrToasterPlacement}\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n  live: 'polite' | 'assertive'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль и «напор» live-региона.\n// На уровне модуля — чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: {icon: IconInfo, color: 'var(--primary)', role: 'status', live: 'polite'},\n  neutral: {icon: IconInfo, color: 'var(--muted-fg)', role: 'status', live: 'polite'},\n  info: {icon: IconInfo, color: 'var(--ds-info)', role: 'status', live: 'polite'},\n  success: {icon: IconCheck, color: 'var(--ds-success)', role: 'status', live: 'polite'},\n  warning: {icon: IconWarning, color: 'var(--ds-warning)', role: 'alert', live: 'assertive'},\n  danger: {icon: IconError, color: 'var(--ds-danger)', role: 'alert', live: 'assertive'},\n  slate: {icon: IconInfo, color: 'var(--ds-slate)', role: 'status', live: 'polite'},\n  azure: {icon: IconInfo, color: 'var(--ds-azure)', role: 'status', live: 'polite'},\n}\n\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  dismissLabel: 'Dismiss',\n  regionLabel: 'Notifications',\n})\n\nconst {list, dismiss} = useToast()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <div\n        data-ds-toaster\n        role=\"region\"\n        :aria-label=\"regionLabel\"\n        class=\"fixed z-[60] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3\"\n        :class=\"containerClass\"\n    >\n      <TransitionGroup\n          tag=\"div\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-200 ease-out\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-150 ease-in absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-200 ease-out\"\n      >\n        <div\n            v-for=\"toast in list\"\n            :key=\"toast.id\"\n            data-ds-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            :aria-live=\"metaFor(toast.tone).live\"\n            aria-atomic=\"true\"\n            class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--ds-shadow-2)]\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\" aria-hidden=\"true\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[13px] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[13px] text-[var(--muted-fg)]\">\n                {{ toast.message }}\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"dismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrToaster — DS-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast` (модульный синглтон), поэтому\n * в приложении предполагается **один активный `GrToaster`** на корень.\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - каждый toast — `role=\"status\"` + `aria-live=\"polite\"` для `info`/`success`\n *   и `role=\"alert\"` + `aria-live=\"assertive\"` для `warning`/`danger`\n *   (критичные сообщения должны прерывать скринридер).\n *\n * UX:\n * - появление/исчезновение анимируется `TransitionGroup`;\n * - `placement` настраивает угол экрана;\n * - `z-[60]` — выше, чем `GrModal` (`z-50`), чтобы уведомления не перекрывались диалогом.\n */\nimport {computed} from 'vue'\nimport type {Component} from 'vue'\n\nimport {useToast} from '../../composables/useToast'\nimport type {GrToastTone} from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport {PLACEMENT_CLASS, type GrToasterPlacement} from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type {GrToasterPlacement}\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n  live: 'polite' | 'assertive'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль и «напор» live-региона.\n// На уровне модуля — чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: {icon: IconInfo, color: 'var(--primary)', role: 'status', live: 'polite'},\n  neutral: {icon: IconInfo, color: 'var(--muted-fg)', role: 'status', live: 'polite'},\n  info: {icon: IconInfo, color: 'var(--ds-info)', role: 'status', live: 'polite'},\n  success: {icon: IconCheck, color: 'var(--ds-success)', role: 'status', live: 'polite'},\n  warning: {icon: IconWarning, color: 'var(--ds-warning)', role: 'alert', live: 'assertive'},\n  danger: {icon: IconError, color: 'var(--ds-danger)', role: 'alert', live: 'assertive'},\n  slate: {icon: IconInfo, color: 'var(--ds-slate)', role: 'status', live: 'polite'},\n  azure: {icon: IconInfo, color: 'var(--ds-azure)', role: 'status', live: 'polite'},\n}\n\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  dismissLabel: 'Dismiss',\n  regionLabel: 'Notifications',\n})\n\nconst {list, dismiss} = useToast()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <div\n        data-ds-toaster\n        role=\"region\"\n        :aria-label=\"regionLabel\"\n        class=\"fixed z-[60] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3\"\n        :class=\"containerClass\"\n    >\n      <TransitionGroup\n          tag=\"div\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-200 ease-out\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-150 ease-in absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-200 ease-out\"\n      >\n        <div\n            v-for=\"toast in list\"\n            :key=\"toast.id\"\n            data-ds-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            :aria-live=\"metaFor(toast.tone).live\"\n            aria-atomic=\"true\"\n            class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--ds-shadow-2)]\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\" aria-hidden=\"true\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[13px] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[13px] text-[var(--muted-fg)]\">\n                {{ toast.message }}\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"dismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,YAA2C;GAC/C,SAAS;IAAC,MAAM;IAAU,OAAO;IAAkB,MAAM;IAAU,MAAM;IAAS;GAClF,SAAS;IAAC,MAAM;IAAU,OAAO;IAAmB,MAAM;IAAU,MAAM;IAAS;GACnF,MAAM;IAAC,MAAM;IAAU,OAAO;IAAkB,MAAM;IAAU,MAAM;IAAS;GAC/E,SAAS;IAAC,MAAM;IAAW,OAAO;IAAqB,MAAM;IAAU,MAAM;IAAS;GACtF,SAAS;IAAC,MAAM;IAAa,OAAO;IAAqB,MAAM;IAAS,MAAM;IAAY;GAC1F,QAAQ;IAAC,MAAM;IAAW,OAAO;IAAoB,MAAM;IAAS,MAAM;IAAY;GACtF,OAAO;IAAC,MAAM;IAAU,OAAO;IAAmB,MAAM;IAAU,MAAM;IAAS;GACjF,OAAO;IAAC,MAAM;IAAU,OAAO;IAAmB,MAAM;IAAU,MAAM;IAAS;GACnF;EAYA,MAAM,QAAQ;EAMd,MAAM,EAAC,MAAM,YAAW,UAAS;EAGjC,MAAM,WAAW,OAAO,WAAW;EAEnC,SAAS,QAAQ,MAA6B;AAC5C,UAAO,UAAU,SAAS,UAAU;;EAGtC,MAAM,iBAAiB,eAAe,gBAAgB,MAAM,WAAU;;uBAIpE,YAwDW,UAAA;IAxDD,IAAG;IAAQ,UAAQ,CAAG;OAC9B,mBAsDM,OAAA;IArDF,mBAAA;IACA,MAAK;IACJ,cAAY,QAAA;IACb,OAAK,eAAA,CAAC,8DACE,eAAA,MAAc,CAAA;OAExB,YA8CkB,iBAAA;IA7Cd,KAAI;IACJ,OAAM;IACN,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,cAAW;;2BAGY,EAAA,UAAA,KAAA,EADzB,mBAkCM,UAAA,MAAA,WAjCc,MAAA,KAAI,GAAb,UAAK;yBADhB,mBAkCM,OAAA;MAhCD,KAAK,MAAM;MACZ,iBAAA;MACC,aAAW,MAAM;MACjB,MAAM,QAAQ,MAAM,KAAI,CAAE;MAC1B,aAAW,QAAQ,MAAM,KAAI,CAAE;MAChC,eAAY;MACZ,OAAM;SAER,mBAuBM,OAvBN,YAuBM;MAtBJ,YAES,MAAA,eAAA,EAAA;OAFD,MAAK;OAAK,OAAM;OAAU,OAAK,eAAA,EAAA,OAAW,QAAQ,MAAM,KAAI,CAAE,OAAK,CAAA;OAAI,eAAY;;8BAC7C,EAAA,WAAA,EAA5C,YAA4C,wBAA5B,QAAQ,MAAM,KAAI,CAAE,KAAI,CAAA,EAAA,CAAA;;;MAE1C,mBAOM,OAPN,YAOM,CANJ,mBAEM,OAFN,YAEM,gBADD,MAAM,MAAK,EAAA,EAAA,EAEL,MAAM,WAAA,WAAA,EAAjB,mBAEM,OAFN,YAEM,gBADD,MAAM,QAAO,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;MAGpB,YAUW,MAAA,iBAAA,EAAA;OATP,SAAQ;OACR,MAAK;OACL,QAAA;OACC,cAAY,QAAA;OACZ,UAAK,WAAE,MAAA,QAAO,CAAC,MAAM,GAAE;;8BAIjB,CAFT,YAES,MAAA,eAAA,EAAA;QAFD,MAAK;QAAK,eAAY;;+BACf,CAAb,YAAa,MAAA,UAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrTooltip/chunks/GrTooltip-B7I1AVIC.js

@@ -1,55 +0,0 @@
-import { t as info_default } from "../../../chunks/info-C0bHmdZq.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useId, withCtx } from "vue";
-//#region src/components/GrTooltip/GrTooltip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	"data-ds-tooltip": "",
-	class: "group relative inline-flex"
-};
-//#endregion
-//#region src/components/GrTooltip/GrTooltip.vue
-var GrTooltip_default = /* @__PURE__ */ defineComponent({
-	__name: "GrTooltip",
-	props: {
-		text: {},
-		iconColor: { default: "var(--muted-fg)" }
-	},
-	setup(__props) {
-		/**
-		* GrTooltip — DS-примитив инлайн-подсказки на hover/focus.
-		*
-		* По умолчанию триггер — иконка info; можно заменить через слот.
-		* A11y: `<span role="tooltip">` связывается с триггером через
-		* уникальный `aria-describedby`, чтобы скринридер озвучил подсказку
-		* при фокусе.
-		*
-		* Ограничения: без автопозиционирования/flip — подсказка всегда
-		* сверху по центру триггера.
-		*/
-		const props = __props;
-		const tooltipId = `ds-tooltip-${useId()}`;
-		const triggerStyle = computed(() => ({ color: props.iconColor }));
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("span", {
-				"data-ds-tooltip-trigger": "",
-				"data-testid": "ds-tooltip-trigger",
-				tabindex: "0",
-				"aria-describedby": tooltipId,
-				class: "inline-flex items-center justify-center focus:outline-none",
-				style: normalizeStyle(triggerStyle.value)
-			}, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(GrIcon_default), {
-				size: "sm",
-				"aria-hidden": "true"
-			}, {
-				default: withCtx(() => [createVNode(unref(info_default))]),
-				_: 1
-			})])], 4), createElementVNode("span", {
-				id: tooltipId,
-				role: "tooltip",
-				class: "pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 z-10 -translate-x-1/2 whitespace-nowrap rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] opacity-0 shadow-[var(--ds-shadow-1)] transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100"
-			}, toDisplayString(__props.text), 1)]);
-		};
-	}
-});
-//#endregion
-export { GrTooltip_default as t };

package/dist/components/GrTooltip/chunks/GrTooltip-B7I1AVIC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTooltip-B7I1AVIC.js","names":[],"sources":["../../../../src/components/GrTooltip/GrTooltip.vue","../../../../src/components/GrTooltip/GrTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTooltip — DS-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y: `<span role=\"tooltip\">` связывается с триггером через\n * уникальный `aria-describedby`, чтобы скринридер озвучил подсказку\n * при фокусе.\n *\n * Ограничения: без автопозиционирования/flip — подсказка всегда\n * сверху по центру триггера.\n */\nimport { computed, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--muted-fg)',\n})\n\nconst tooltipId = `ds-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n</script>\n\n<template>\n  <span data-ds-tooltip class=\"group relative inline-flex\">\n    <span\n      data-ds-tooltip-trigger\n      data-testid=\"ds-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n    <span\n      :id=\"tooltipId\"\n      role=\"tooltip\"\n      class=\"pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 z-10 -translate-x-1/2 whitespace-nowrap rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] opacity-0 shadow-[var(--ds-shadow-1)] transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100\"\n    >\n      {{ text }}\n    </span>\n  </span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTooltip — DS-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y: `<span role=\"tooltip\">` связывается с триггером через\n * уникальный `aria-describedby`, чтобы скринридер озвучил подсказку\n * при фокусе.\n *\n * Ограничения: без автопозиционирования/flip — подсказка всегда\n * сверху по центру триггера.\n */\nimport { computed, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--muted-fg)',\n})\n\nconst tooltipId = `ds-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n</script>\n\n<template>\n  <span data-ds-tooltip class=\"group relative inline-flex\">\n    <span\n      data-ds-tooltip-trigger\n      data-testid=\"ds-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n    <span\n      :id=\"tooltipId\"\n      role=\"tooltip\"\n      class=\"pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 z-10 -translate-x-1/2 whitespace-nowrap rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] opacity-0 shadow-[var(--ds-shadow-1)] transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100\"\n    >\n      {{ text }}\n    </span>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAId,MAAM,YAAY,cAAc,OAAO;EAEvC,MAAM,eAAe,gBAAgB,EAAE,OAAO,MAAM,WAAW,EAAC;;uBAI9D,mBAsBO,QAtBP,YAsBO,CArBL,mBAaO,QAAA;IAZL,2BAAA;IACA,eAAY;IACZ,UAAS;IACR,oBAAkB;IACnB,OAAM;IACL,OAAK,eAAE,aAAA,MAAY;OAEpB,WAIO,KAAA,QAAA,WAAA,EAAA,QAAA,CAHL,YAES,MAAA,eAAA,EAAA;IAFD,MAAK;IAAK,eAAY;;2BAChB,CAAZ,YAAY,MAAA,aAAA,CAAA,CAAA,CAAA;;cAIlB,mBAMO,QAAA;IALJ,IAAI;IACL,MAAK;IACL,OAAM;sBAEH,QAAA,KAAI,EAAA,EAAA,CAAA,CAAA"}