@feugene/granularity 0.11.0 → 0.13.0

package/dist/components/GrAutocomplete/chunks/GrAutocomplete-BVLoQ5tZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrAutocomplete-BVLoQ5tZ.js","names":[],"sources":["../../../../src/components/GrAutocomplete/GrAutocomplete.vue","../../../../src/components/GrAutocomplete/GrAutocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\n\nimport {\n  autocompleteChipClass,\n  autocompletePanelClasses,\n  autocompleteShellClass,\n  type GrAutocompleteModelValue,\n  type GrAutocompleteOption,\n  type GrAutocompleteSize,\n} from './grAutocompleteStyles'\n\nexport type {\n  GrAutocompleteModelValue,\n  GrAutocompleteOption,\n  GrAutocompleteSize,\n} from './grAutocompleteStyles'\n\n/**\n * Публичный GR-примитив «Autocomplete / Combobox» (WAI-ARIA editable combobox).\n *\n * В отличие от `GrSelect` (select-only combobox с кнопкой-триггером), здесь\n * combobox-ом является сам текстовый `<input>`: набранный текст — это поисковый\n * запрос, а выбор опции заполняет поле. Поддерживает локальную фильтрацию,\n * удалённую (async) загрузку через событие `search` + внешний проп `loading`,\n * произвольные значения (`allowCustomValue`) и multiple с удаляемыми chips.\n */\nexport interface GrAutocompleteProps {\n  /** Выбранное значение (single — строка, multiple — массив строк). */\n  modelValue: GrAutocompleteModelValue\n  /**\n   * Доступные опции. Для локального режима — полный список (фильтруется на клиенте).\n   * Для remote-режима (`filterable=false`) — список, который родитель обновляет\n   * в ответ на событие `search`.\n   */\n  options?: GrAutocompleteOption[]\n  multiple?: boolean\n  disabled?: boolean\n  size?: GrAutocompleteSize\n  placeholder?: string\n  ariaLabel?: string\n  /** Кнопка очистки выбранного значения/запроса. */\n  clearable?: boolean\n  /** Внешне управляемое состояние загрузки (для async-сценариев). */\n  loading?: boolean\n  /**\n   * Локальная фильтрация опций по введённому запросу. Отключите (`false`) для\n   * чисто удалённого поиска — тогда `options` показываются как есть, а фильтрацию\n   * выполняет сервер по событию `search`.\n   */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. По умолчанию — подстрока в `label`/`value`. */\n  filter?: (option: GrAutocompleteOption, query: string) => boolean\n  /** Минимальная длина запроса до эмита `search` (для дебаунса remote-загрузки). */\n  minQueryLength?: number\n  /** Задержка дебаунса события `search`, мс. */\n  debounce?: number\n  /** Разрешить ввод/коммит значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Закрывать панель после выбора (single всегда закрывает). */\n  closeOnSelect?: boolean\n  /** Максимальная высота панели, px. */\n  dropdownMaxHeight?: number\n  /** i18n-тексты состояний панели / aria. */\n  loadingText?: string\n  noResultsText?: string\n  clearLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrAutocompleteProps>(),\n  {\n    options: undefined,\n    multiple: false,\n    disabled: false,\n    size: undefined,\n    placeholder: undefined,\n    ariaLabel: undefined,\n    clearable: undefined,\n    loading: false,\n    filterable: true,\n    filter: undefined,\n    minQueryLength: 0,\n    debounce: 250,\n    allowCustomValue: false,\n    closeOnSelect: true,\n    dropdownMaxHeight: 280,\n    loadingText: undefined,\n    noResultsText: undefined,\n    clearLabel: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrAutocomplete' })\nconst resolvedClearable = useGrComponentProp('GrAutocomplete', 'clearable', () => props.clearable, false)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrAutocompleteModelValue): void\n  /** Дебаунснутый поисковый запрос — точка входа для удалённой загрузки опций. */\n  (e: 'search', query: string): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.autocomplete.loading', 'Loading…'))\nconst resolvedNoResultsText = computed(() => props.noResultsText ?? t('gr.autocomplete.noResults', 'No results'))\nconst resolvedClearLabel = computed(() => props.clearLabel ?? t('gr.common.clear', 'Clear'))\nconst resolvedTypeMoreText = computed(() =>\n  t('gr.autocomplete.typeMore', 'Type at least {n} characters', { n: props.minQueryLength }),\n)\n\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required).\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst isInvalid = computed(() => Boolean(field?.invalid.value))\nconst describedBy = computed(() => field?.describedById.value)\nconst isRequired = computed(() => Boolean(field?.required.value))\n\nconst optionsResolved = computed<GrAutocompleteOption[]>(() => props.options ?? [])\n\nfunction toArray(value: GrAutocompleteModelValue): string[] {\n  if (Array.isArray(value)) return value\n  if (!value) return []\n  return [value]\n}\n\nconst modelSingle = computed(() => (Array.isArray(props.modelValue) ? (props.modelValue[0] ?? '') : props.modelValue))\nconst selectedValues = computed(() => (props.multiple ? toArray(props.modelValue) : (modelSingle.value ? [modelSingle.value] : [])))\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nfunction labelFor(value: string): string {\n  return optionsResolved.value.find(o => o.value === value)?.label ?? value\n}\n\n/** Опции выбранных значений (для chips в multiple). Неизвестные значения показываем как есть. */\nconst selectedOptions = computed<GrAutocompleteOption[]>(() =>\n  selectedValues.value.map(v => optionsResolved.value.find(o => o.value === v) ?? { value: v, label: v }),\n)\n\nconst singleSelectedLabel = computed(() => (props.multiple || !modelSingle.value ? '' : labelFor(modelSingle.value)))\n\n// ————— Состояние.\nconst query = ref('')\n// `dirty` — пользователь начал вводить запрос. Нужно, чтобы в single-режиме при\n// открытии заполненного поля показать весь список (а не отфильтровать по метке\n// уже выбранной опции). Сбрасывается при программной установке `query`.\nconst dirty = ref(false)\nconst open = ref(false)\nconst activeIndex = ref(-1)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nuseEscapeToClose(open, closeDropdown)\n\n// ————— Фильтрация.\nconst searchQuery = computed(() => {\n  if (!props.filterable) return ''\n  // single: пока пользователь не начал вводить — показываем весь список.\n  if (!props.multiple && !dirty.value) return ''\n  return query.value.trim()\n})\n\nfunction defaultFilter(option: GrAutocompleteOption, q: string): boolean {\n  const needle = q.toLowerCase()\n  return option.label.toLowerCase().includes(needle) || option.value.toLowerCase().includes(needle)\n}\n\nconst filteredOptions = computed<GrAutocompleteOption[]>(() => {\n  const q = searchQuery.value\n  if (!q) return optionsResolved.value\n  const matcher = props.filter ?? defaultFilter\n  return optionsResolved.value.filter(o => matcher(o, q))\n})\n\nconst navigableValues = computed<string[]>(() =>\n  filteredOptions.value.filter(o => !o.disabled).map(o => o.value),\n)\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  const v = query.value.trim()\n  if (!v) return false\n  if (props.multiple && selectedValues.value.includes(v)) return false\n  if (!props.multiple && v === modelSingle.value) return false\n  // Не предлагаем «Add», если такое значение/метка уже есть среди опций.\n  return !optionsResolved.value.some(o => o.value === v || o.label === v)\n})\n\nconst belowMinQuery = computed(() => props.minQueryLength > 0 && query.value.trim().length < props.minQueryLength)\n\nconst showLoading = computed(() => props.loading)\nconst showEmpty = computed(() =>\n  !props.loading && filteredOptions.value.length === 0 && !canAddCustom.value,\n)\n\n// ————— Панель: id/aria-activedescendant.\nconst listboxId = useId()\n\nfunction optionDomId(value: string): string {\n  return `${listboxId}-opt-${value}`\n}\n\nconst activeValue = computed(() => (activeIndex.value >= 0 ? navigableValues.value[activeIndex.value] : undefined))\nconst activeDescendantId = computed(() =>\n  open.value && activeValue.value !== undefined ? optionDomId(activeValue.value) : undefined,\n)\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction clampActive(index: number): number {\n  const len = navigableValues.value.length\n  if (len === 0) return -1\n  return ((index % len) + len) % len\n}\n\nasync function scrollActiveIntoView(): Promise<void> {\n  await nextTick()\n  const value = activeValue.value\n  if (value === undefined) return\n  document.getElementById(optionDomId(value))?.scrollIntoView?.({ block: 'nearest' })\n}\n\nfunction setActive(index: number): void {\n  activeIndex.value = clampActive(index)\n  void scrollActiveIntoView()\n}\n\nfunction initActiveIndex(): void {\n  const selectedIdx = navigableValues.value.findIndex(v => isSelected(v))\n  activeIndex.value = selectedIdx >= 0 ? selectedIdx : (navigableValues.value.length ? 0 : -1)\n}\n\n// Пересчёт активной опции при изменении списка (фильтрация/remote-загрузка).\nwatch(navigableValues, () => {\n  if (!open.value) return\n  if (activeIndex.value >= navigableValues.value.length) activeIndex.value = navigableValues.value.length - 1\n  if (activeIndex.value < 0 && navigableValues.value.length) activeIndex.value = 0\n})\n\n// ————— Открытие/закрытие.\nfunction openDropdown(): void {\n  if (props.disabled || open.value) return\n  open.value = true\n}\n\nfunction closeDropdown(): void {\n  open.value = false\n}\n\nfunction focusInput(): void {\n  inputEl.value?.focus()\n}\n\n// ————— Дебаунснутый эмит `search` для remote-загрузки.\nlet searchTimer: ReturnType<typeof setTimeout> | null = null\nfunction scheduleSearch(value: string): void {\n  if (searchTimer) clearTimeout(searchTimer)\n  searchTimer = setTimeout(() => {\n    if (props.minQueryLength > 0 && value.trim().length < props.minQueryLength) return\n    emit('search', value.trim())\n  }, props.debounce)\n}\n\nonBeforeUnmount(() => {\n  if (searchTimer) clearTimeout(searchTimer)\n})\n\n// ————— Ввод.\nfunction onInput(event: Event): void {\n  const value = (event.target as HTMLInputElement).value\n  query.value = value\n  dirty.value = true\n  openDropdown()\n  scheduleSearch(value)\n}\n\nfunction onFocus(): void {\n  if (props.disabled) return\n  openDropdown()\n}\n\nfunction setQuery(value: string): void {\n  query.value = value\n  dirty.value = false\n}\n\n// ————— Выбор значений.\nfunction selectSingle(value: string, label: string): void {\n  emit('update:modelValue', value)\n  setQuery(label)\n  closeDropdown()\n}\n\nfunction toggleMultiple(value: string): void {\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) next.splice(idx, 1)\n  else next.push(value)\n  emit('update:modelValue', next)\n  setQuery('')\n  if (props.closeOnSelect) closeDropdown()\n  else void nextTick(focusInput)\n}\n\nfunction chooseOption(option: GrAutocompleteOption): void {\n  if (option.disabled) return\n  if (props.multiple) toggleMultiple(option.value)\n  else selectSingle(option.value, option.label)\n}\n\nfunction commitCustom(): void {\n  const v = query.value.trim()\n  if (!v) return\n  if (props.multiple) toggleMultiple(v)\n  else selectSingle(v, v)\n}\n\nfunction removeValue(value: string): void {\n  const next = selectedValues.value.filter(v => v !== value)\n  emit('update:modelValue', next)\n  void nextTick(focusInput)\n}\n\nfunction clearSelection(): void {\n  if (props.disabled) return\n  emit('update:modelValue', props.multiple ? [] : '')\n  setQuery('')\n  void nextTick(focusInput)\n}\n\nconst showClear = computed(() =>\n  resolvedClearable.value && !props.disabled && (hasSelection.value || query.value.length > 0),\n)\n\n// ————— Клавиатура.\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n\n  if (!open.value && ['ArrowDown', 'ArrowUp'].includes(event.key)) {\n    event.preventDefault()\n    openDropdown()\n    return\n  }\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      setActive(activeIndex.value + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      setActive(activeIndex.value - 1)\n      break\n    case 'Home':\n      if (!open.value) break\n      event.preventDefault()\n      setActive(0)\n      break\n    case 'End':\n      if (!open.value) break\n      event.preventDefault()\n      setActive(navigableValues.value.length - 1)\n      break\n    case 'Enter':\n      if (!open.value) break\n      event.preventDefault()\n      if (activeValue.value !== undefined) {\n        const opt = filteredOptions.value.find(o => o.value === activeValue.value)\n        if (opt) chooseOption(opt)\n      }\n      else if (canAddCustom.value) {\n        commitCustom()\n      }\n      break\n    case 'Backspace':\n      // multiple: пустой запрос + Backspace удаляет последний chip.\n      if (props.multiple && query.value === '' && selectedValues.value.length) {\n        event.preventDefault()\n        removeValue(selectedValues.value[selectedValues.value.length - 1])\n      }\n      break\n    case 'Tab':\n      closeDropdown()\n      break\n  }\n}\n\n// ————— Синхронизация query с выбранным значением (single).\nwatch(\n  [singleSelectedLabel, () => props.multiple],\n  ([label, multiple]) => {\n    if (multiple) return\n    // Не перетираем то, что пользователь сейчас набирает.\n    if (open.value || dirty.value) return\n    setQuery(label)\n  },\n  { immediate: true },\n)\n\nwatch(open, (isOpen) => {\n  if (isOpen) {\n    initActiveIndex()\n    return\n  }\n  // Закрытие: сбрасываем активную опцию и «черновик».\n  activeIndex.value = -1\n  if (props.multiple) {\n    setQuery('')\n  }\n  else {\n    // single: возвращаем метку выбранной опции (revert ввода без выбора).\n    setQuery(singleSelectedLabel.value)\n  }\n})\n\nconst ariaAutocomplete = computed(() => (props.allowCustomValue ? 'both' : 'list'))\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-gr-autocomplete\n    class=\"relative w-full\"\n  >\n    <div\n      data-gr-autocomplete-shell\n      :class=\"autocompleteShellClass({ size: resolvedSize, disabled, invalid: isInvalid })\"\n      @mousedown.self.prevent=\"focusInput\"\n    >\n      <!-- Chips выбранных значений (multiple). -->\n      <template v-if=\"multiple\">\n        <span\n          v-for=\"option in selectedOptions\"\n          :key=\"option.value\"\n          data-gr-autocomplete-chip\n          :class=\"autocompleteChipClass\"\n        >\n          <span class=\"truncate\">{{ option.label }}</span>\n          <button\n            v-if=\"!disabled\"\n            type=\"button\"\n            data-gr-autocomplete-chip-remove\n            class=\"inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n            :aria-label=\"t('gr.inputTag.removeTag', 'Remove tag')\"\n            tabindex=\"-1\"\n            @click=\"removeValue(option.value)\"\n          >\n            <span class=\"i-lucide-x block h-3 w-3\" aria-hidden=\"true\" />\n          </button>\n        </span>\n      </template>\n\n      <input\n        :id=\"resolvedId\"\n        ref=\"inputEl\"\n        data-gr-autocomplete-input\n        data-testid=\"gr-autocomplete-input\"\n        type=\"text\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        role=\"combobox\"\n        :value=\"query\"\n        :disabled=\"disabled\"\n        :placeholder=\"hasSelection && multiple ? undefined : placeholder\"\n        :aria-label=\"ariaLabel\"\n        :aria-invalid=\"isInvalid ? 'true' : undefined\"\n        :aria-describedby=\"describedBy\"\n        :aria-required=\"isRequired ? 'true' : undefined\"\n        aria-haspopup=\"listbox\"\n        :aria-autocomplete=\"ariaAutocomplete\"\n        :aria-controls=\"open ? listboxId : undefined\"\n        :aria-activedescendant=\"activeDescendantId\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        class=\"min-w-0 flex-1 bg-transparent text-inherit placeholder:text-[var(--gr-muted-fg)] focus:outline-none disabled:cursor-not-allowed\"\n        @input=\"onInput\"\n        @focus=\"onFocus\"\n        @keydown=\"onKeydown\"\n      >\n\n      <!-- Trailing: спиннер / очистка / шеврон. -->\n      <span\n        v-if=\"loading\"\n        data-gr-autocomplete-spinner\n        class=\"shrink-0 flex items-center text-[var(--gr-muted-fg)]\"\n      >\n        <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n      </span>\n\n      <button\n        v-else-if=\"showClear\"\n        type=\"button\"\n        data-testid=\"gr-autocomplete-clear\"\n        data-gr-autocomplete-clear\n        class=\"shrink-0 inline-flex h-5 w-5 items-center justify-center rounded-md text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n        :aria-label=\"resolvedClearLabel\"\n        tabindex=\"-1\"\n        @click=\"clearSelection\"\n      >\n        <span class=\"i-lucide-x block h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"gr-autocomplete-chevron\"\n        class=\"shrink-0 flex items-center text-[var(--gr-muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down block h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </div>\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=\"gr-autocomplete-panel\"\n          data-gr-autocomplete-panel\n          :style=\"floatingStyle\"\n        >\n          <div :class=\"autocompletePanelClasses\">\n            <div\n              :id=\"listboxId\"\n              data-gr-autocomplete-listbox\n              class=\"p-1 overflow-auto\"\n              :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <!-- «Add custom» опция. -->\n              <button\n                v-if=\"canAddCustom\"\n                type=\"button\"\n                data-testid=\"gr-autocomplete-add-option\"\n                data-gr-autocomplete-add-option\n                class=\"w-full rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--gr-muted)_30%,transparent)]\"\n                @click=\"commitCustom\"\n              >\n                {{ t('gr.autocomplete.addOption', 'Add \"{value}\"', { value: query.trim() }) }}\n              </button>\n\n              <button\n                v-for=\"option in filteredOptions\"\n                :id=\"optionDomId(option.value)\"\n                :key=\"option.value\"\n                data-gr-autocomplete-option\n                type=\"button\"\n                role=\"option\"\n                :disabled=\"option.disabled\"\n                :aria-selected=\"isSelected(option.value) ? 'true' : 'false'\"\n                :aria-disabled=\"option.disabled ? 'true' : undefined\"\n                class=\"w-full rounded-[10px] px-3 py-2 text-left text-[13px]\" :class=\"[\n                  option.disabled ? 'cursor-not-allowed opacity-50' : 'hover:bg-[color-mix(in_srgb,var(--gr-muted)_30%,transparent)]',\n                  activeValue === option.value && !option.disabled ? 'bg-[color-mix(in_srgb,var(--gr-muted)_30%,transparent)]' : '',\n                ]\"\n                @click=\"chooseOption(option)\"\n                @mousemove=\"activeIndex = navigableValues.indexOf(option.value)\"\n              >\n                <slot name=\"option\" :option=\"option\" :selected=\"isSelected(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(option.value) ? 'i-lucide-check text-[var(--gr-primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ option.label }}</span>\n                  </span>\n                </slot>\n              </button>\n\n              <!-- Состояния: загрузка / подсказка minQueryLength / пусто. -->\n              <div\n                v-if=\"showLoading\"\n                data-gr-autocomplete-loading\n                class=\"flex items-center gap-2 px-3 py-2 text-[13px] text-[var(--gr-muted-fg)]\"\n              >\n                <slot name=\"loading\">\n                  <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n                  <span>{{ resolvedLoadingText }}</span>\n                </slot>\n              </div>\n\n              <div\n                v-else-if=\"showEmpty && belowMinQuery\"\n                data-gr-autocomplete-hint\n                class=\"px-3 py-2 text-[13px] text-[var(--gr-muted-fg)]\"\n              >\n                {{ resolvedTypeMoreText }}\n              </div>\n\n              <div\n                v-else-if=\"showEmpty\"\n                data-gr-autocomplete-empty\n                class=\"px-3 py-2 text-[13px] text-[var(--gr-muted-fg)]\"\n              >\n                <slot name=\"empty\">\n                  {{ resolvedNoResultsText }}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\n\nimport {\n  autocompleteChipClass,\n  autocompletePanelClasses,\n  autocompleteShellClass,\n  type GrAutocompleteModelValue,\n  type GrAutocompleteOption,\n  type GrAutocompleteSize,\n} from './grAutocompleteStyles'\n\nexport type {\n  GrAutocompleteModelValue,\n  GrAutocompleteOption,\n  GrAutocompleteSize,\n} from './grAutocompleteStyles'\n\n/**\n * Публичный GR-примитив «Autocomplete / Combobox» (WAI-ARIA editable combobox).\n *\n * В отличие от `GrSelect` (select-only combobox с кнопкой-триггером), здесь\n * combobox-ом является сам текстовый `<input>`: набранный текст — это поисковый\n * запрос, а выбор опции заполняет поле. Поддерживает локальную фильтрацию,\n * удалённую (async) загрузку через событие `search` + внешний проп `loading`,\n * произвольные значения (`allowCustomValue`) и multiple с удаляемыми chips.\n */\nexport interface GrAutocompleteProps {\n  /** Выбранное значение (single — строка, multiple — массив строк). */\n  modelValue: GrAutocompleteModelValue\n  /**\n   * Доступные опции. Для локального режима — полный список (фильтруется на клиенте).\n   * Для remote-режима (`filterable=false`) — список, который родитель обновляет\n   * в ответ на событие `search`.\n   */\n  options?: GrAutocompleteOption[]\n  multiple?: boolean\n  disabled?: boolean\n  size?: GrAutocompleteSize\n  placeholder?: string\n  ariaLabel?: string\n  /** Кнопка очистки выбранного значения/запроса. */\n  clearable?: boolean\n  /** Внешне управляемое состояние загрузки (для async-сценариев). */\n  loading?: boolean\n  /**\n   * Локальная фильтрация опций по введённому запросу. Отключите (`false`) для\n   * чисто удалённого поиска — тогда `options` показываются как есть, а фильтрацию\n   * выполняет сервер по событию `search`.\n   */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. По умолчанию — подстрока в `label`/`value`. */\n  filter?: (option: GrAutocompleteOption, query: string) => boolean\n  /** Минимальная длина запроса до эмита `search` (для дебаунса remote-загрузки). */\n  minQueryLength?: number\n  /** Задержка дебаунса события `search`, мс. */\n  debounce?: number\n  /** Разрешить ввод/коммит значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Закрывать панель после выбора (single всегда закрывает). */\n  closeOnSelect?: boolean\n  /** Максимальная высота панели, px. */\n  dropdownMaxHeight?: number\n  /** i18n-тексты состояний панели / aria. */\n  loadingText?: string\n  noResultsText?: string\n  clearLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrAutocompleteProps>(),\n  {\n    options: undefined,\n    multiple: false,\n    disabled: false,\n    size: undefined,\n    placeholder: undefined,\n    ariaLabel: undefined,\n    clearable: undefined,\n    loading: false,\n    filterable: true,\n    filter: undefined,\n    minQueryLength: 0,\n    debounce: 250,\n    allowCustomValue: false,\n    closeOnSelect: true,\n    dropdownMaxHeight: 280,\n    loadingText: undefined,\n    noResultsText: undefined,\n    clearLabel: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrAutocomplete' })\nconst resolvedClearable = useGrComponentProp('GrAutocomplete', 'clearable', () => props.clearable, false)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrAutocompleteModelValue): void\n  /** Дебаунснутый поисковый запрос — точка входа для удалённой загрузки опций. */\n  (e: 'search', query: string): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.autocomplete.loading', 'Loading…'))\nconst resolvedNoResultsText = computed(() => props.noResultsText ?? t('gr.autocomplete.noResults', 'No results'))\nconst resolvedClearLabel = computed(() => props.clearLabel ?? t('gr.common.clear', 'Clear'))\nconst resolvedTypeMoreText = computed(() =>\n  t('gr.autocomplete.typeMore', 'Type at least {n} characters', { n: props.minQueryLength }),\n)\n\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required).\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst isInvalid = computed(() => Boolean(field?.invalid.value))\nconst describedBy = computed(() => field?.describedById.value)\nconst isRequired = computed(() => Boolean(field?.required.value))\n\nconst optionsResolved = computed<GrAutocompleteOption[]>(() => props.options ?? [])\n\nfunction toArray(value: GrAutocompleteModelValue): string[] {\n  if (Array.isArray(value)) return value\n  if (!value) return []\n  return [value]\n}\n\nconst modelSingle = computed(() => (Array.isArray(props.modelValue) ? (props.modelValue[0] ?? '') : props.modelValue))\nconst selectedValues = computed(() => (props.multiple ? toArray(props.modelValue) : (modelSingle.value ? [modelSingle.value] : [])))\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nfunction labelFor(value: string): string {\n  return optionsResolved.value.find(o => o.value === value)?.label ?? value\n}\n\n/** Опции выбранных значений (для chips в multiple). Неизвестные значения показываем как есть. */\nconst selectedOptions = computed<GrAutocompleteOption[]>(() =>\n  selectedValues.value.map(v => optionsResolved.value.find(o => o.value === v) ?? { value: v, label: v }),\n)\n\nconst singleSelectedLabel = computed(() => (props.multiple || !modelSingle.value ? '' : labelFor(modelSingle.value)))\n\n// ————— Состояние.\nconst query = ref('')\n// `dirty` — пользователь начал вводить запрос. Нужно, чтобы в single-режиме при\n// открытии заполненного поля показать весь список (а не отфильтровать по метке\n// уже выбранной опции). Сбрасывается при программной установке `query`.\nconst dirty = ref(false)\nconst open = ref(false)\nconst activeIndex = ref(-1)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nuseEscapeToClose(open, closeDropdown)\n\n// ————— Фильтрация.\nconst searchQuery = computed(() => {\n  if (!props.filterable) return ''\n  // single: пока пользователь не начал вводить — показываем весь список.\n  if (!props.multiple && !dirty.value) return ''\n  return query.value.trim()\n})\n\nfunction defaultFilter(option: GrAutocompleteOption, q: string): boolean {\n  const needle = q.toLowerCase()\n  return option.label.toLowerCase().includes(needle) || option.value.toLowerCase().includes(needle)\n}\n\nconst filteredOptions = computed<GrAutocompleteOption[]>(() => {\n  const q = searchQuery.value\n  if (!q) return optionsResolved.value\n  const matcher = props.filter ?? defaultFilter\n  return optionsResolved.value.filter(o => matcher(o, q))\n})\n\nconst navigableValues = computed<string[]>(() =>\n  filteredOptions.value.filter(o => !o.disabled).map(o => o.value),\n)\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  const v = query.value.trim()\n  if (!v) return false\n  if (props.multiple && selectedValues.value.includes(v)) return false\n  if (!props.multiple && v === modelSingle.value) return false\n  // Не предлагаем «Add», если такое значение/метка уже есть среди опций.\n  return !optionsResolved.value.some(o => o.value === v || o.label === v)\n})\n\nconst belowMinQuery = computed(() => props.minQueryLength > 0 && query.value.trim().length < props.minQueryLength)\n\nconst showLoading = computed(() => props.loading)\nconst showEmpty = computed(() =>\n  !props.loading && filteredOptions.value.length === 0 && !canAddCustom.value,\n)\n\n// ————— Панель: id/aria-activedescendant.\nconst listboxId = useId()\n\nfunction optionDomId(value: string): string {\n  return `${listboxId}-opt-${value}`\n}\n\nconst activeValue = computed(() => (activeIndex.value >= 0 ? navigableValues.value[activeIndex.value] : undefined))\nconst activeDescendantId = computed(() =>\n  open.value && activeValue.value !== undefined ? optionDomId(activeValue.value) : undefined,\n)\n\nfunction isSelected(value: string): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction clampActive(index: number): number {\n  const len = navigableValues.value.length\n  if (len === 0) return -1\n  return ((index % len) + len) % len\n}\n\nasync function scrollActiveIntoView(): Promise<void> {\n  await nextTick()\n  const value = activeValue.value\n  if (value === undefined) return\n  document.getElementById(optionDomId(value))?.scrollIntoView?.({ block: 'nearest' })\n}\n\nfunction setActive(index: number): void {\n  activeIndex.value = clampActive(index)\n  void scrollActiveIntoView()\n}\n\nfunction initActiveIndex(): void {\n  const selectedIdx = navigableValues.value.findIndex(v => isSelected(v))\n  activeIndex.value = selectedIdx >= 0 ? selectedIdx : (navigableValues.value.length ? 0 : -1)\n}\n\n// Пересчёт активной опции при изменении списка (фильтрация/remote-загрузка).\nwatch(navigableValues, () => {\n  if (!open.value) return\n  if (activeIndex.value >= navigableValues.value.length) activeIndex.value = navigableValues.value.length - 1\n  if (activeIndex.value < 0 && navigableValues.value.length) activeIndex.value = 0\n})\n\n// ————— Открытие/закрытие.\nfunction openDropdown(): void {\n  if (props.disabled || open.value) return\n  open.value = true\n}\n\nfunction closeDropdown(): void {\n  open.value = false\n}\n\nfunction focusInput(): void {\n  inputEl.value?.focus()\n}\n\n// ————— Дебаунснутый эмит `search` для remote-загрузки.\nlet searchTimer: ReturnType<typeof setTimeout> | null = null\nfunction scheduleSearch(value: string): void {\n  if (searchTimer) clearTimeout(searchTimer)\n  searchTimer = setTimeout(() => {\n    if (props.minQueryLength > 0 && value.trim().length < props.minQueryLength) return\n    emit('search', value.trim())\n  }, props.debounce)\n}\n\nonBeforeUnmount(() => {\n  if (searchTimer) clearTimeout(searchTimer)\n})\n\n// ————— Ввод.\nfunction onInput(event: Event): void {\n  const value = (event.target as HTMLInputElement).value\n  query.value = value\n  dirty.value = true\n  openDropdown()\n  scheduleSearch(value)\n}\n\nfunction onFocus(): void {\n  if (props.disabled) return\n  openDropdown()\n}\n\nfunction setQuery(value: string): void {\n  query.value = value\n  dirty.value = false\n}\n\n// ————— Выбор значений.\nfunction selectSingle(value: string, label: string): void {\n  emit('update:modelValue', value)\n  setQuery(label)\n  closeDropdown()\n}\n\nfunction toggleMultiple(value: string): void {\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) next.splice(idx, 1)\n  else next.push(value)\n  emit('update:modelValue', next)\n  setQuery('')\n  if (props.closeOnSelect) closeDropdown()\n  else void nextTick(focusInput)\n}\n\nfunction chooseOption(option: GrAutocompleteOption): void {\n  if (option.disabled) return\n  if (props.multiple) toggleMultiple(option.value)\n  else selectSingle(option.value, option.label)\n}\n\nfunction commitCustom(): void {\n  const v = query.value.trim()\n  if (!v) return\n  if (props.multiple) toggleMultiple(v)\n  else selectSingle(v, v)\n}\n\nfunction removeValue(value: string): void {\n  const next = selectedValues.value.filter(v => v !== value)\n  emit('update:modelValue', next)\n  void nextTick(focusInput)\n}\n\nfunction clearSelection(): void {\n  if (props.disabled) return\n  emit('update:modelValue', props.multiple ? [] : '')\n  setQuery('')\n  void nextTick(focusInput)\n}\n\nconst showClear = computed(() =>\n  resolvedClearable.value && !props.disabled && (hasSelection.value || query.value.length > 0),\n)\n\n// ————— Клавиатура.\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n\n  if (!open.value && ['ArrowDown', 'ArrowUp'].includes(event.key)) {\n    event.preventDefault()\n    openDropdown()\n    return\n  }\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      setActive(activeIndex.value + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      setActive(activeIndex.value - 1)\n      break\n    case 'Home':\n      if (!open.value) break\n      event.preventDefault()\n      setActive(0)\n      break\n    case 'End':\n      if (!open.value) break\n      event.preventDefault()\n      setActive(navigableValues.value.length - 1)\n      break\n    case 'Enter':\n      if (!open.value) break\n      event.preventDefault()\n      if (activeValue.value !== undefined) {\n        const opt = filteredOptions.value.find(o => o.value === activeValue.value)\n        if (opt) chooseOption(opt)\n      }\n      else if (canAddCustom.value) {\n        commitCustom()\n      }\n      break\n    case 'Backspace':\n      // multiple: пустой запрос + Backspace удаляет последний chip.\n      if (props.multiple && query.value === '' && selectedValues.value.length) {\n        event.preventDefault()\n        removeValue(selectedValues.value[selectedValues.value.length - 1])\n      }\n      break\n    case 'Tab':\n      closeDropdown()\n      break\n  }\n}\n\n// ————— Синхронизация query с выбранным значением (single).\nwatch(\n  [singleSelectedLabel, () => props.multiple],\n  ([label, multiple]) => {\n    if (multiple) return\n    // Не перетираем то, что пользователь сейчас набирает.\n    if (open.value || dirty.value) return\n    setQuery(label)\n  },\n  { immediate: true },\n)\n\nwatch(open, (isOpen) => {\n  if (isOpen) {\n    initActiveIndex()\n    return\n  }\n  // Закрытие: сбрасываем активную опцию и «черновик».\n  activeIndex.value = -1\n  if (props.multiple) {\n    setQuery('')\n  }\n  else {\n    // single: возвращаем метку выбранной опции (revert ввода без выбора).\n    setQuery(singleSelectedLabel.value)\n  }\n})\n\nconst ariaAutocomplete = computed(() => (props.allowCustomValue ? 'both' : 'list'))\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-gr-autocomplete\n    class=\"relative w-full\"\n  >\n    <div\n      data-gr-autocomplete-shell\n      :class=\"autocompleteShellClass({ size: resolvedSize, disabled, invalid: isInvalid })\"\n      @mousedown.self.prevent=\"focusInput\"\n    >\n      <!-- Chips выбранных значений (multiple). -->\n      <template v-if=\"multiple\">\n        <span\n          v-for=\"option in selectedOptions\"\n          :key=\"option.value\"\n          data-gr-autocomplete-chip\n          :class=\"autocompleteChipClass\"\n        >\n          <span class=\"truncate\">{{ option.label }}</span>\n          <button\n            v-if=\"!disabled\"\n            type=\"button\"\n            data-gr-autocomplete-chip-remove\n            class=\"inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n            :aria-label=\"t('gr.inputTag.removeTag', 'Remove tag')\"\n            tabindex=\"-1\"\n            @click=\"removeValue(option.value)\"\n          >\n            <span class=\"i-lucide-x block h-3 w-3\" aria-hidden=\"true\" />\n          </button>\n        </span>\n      </template>\n\n      <input\n        :id=\"resolvedId\"\n        ref=\"inputEl\"\n        data-gr-autocomplete-input\n        data-testid=\"gr-autocomplete-input\"\n        type=\"text\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        role=\"combobox\"\n        :value=\"query\"\n        :disabled=\"disabled\"\n        :placeholder=\"hasSelection && multiple ? undefined : placeholder\"\n        :aria-label=\"ariaLabel\"\n        :aria-invalid=\"isInvalid ? 'true' : undefined\"\n        :aria-describedby=\"describedBy\"\n        :aria-required=\"isRequired ? 'true' : undefined\"\n        aria-haspopup=\"listbox\"\n        :aria-autocomplete=\"ariaAutocomplete\"\n        :aria-controls=\"open ? listboxId : undefined\"\n        :aria-activedescendant=\"activeDescendantId\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        class=\"min-w-0 flex-1 bg-transparent text-inherit placeholder:text-[var(--gr-muted-fg)] focus:outline-none disabled:cursor-not-allowed\"\n        @input=\"onInput\"\n        @focus=\"onFocus\"\n        @keydown=\"onKeydown\"\n      >\n\n      <!-- Trailing: спиннер / очистка / шеврон. -->\n      <span\n        v-if=\"loading\"\n        data-gr-autocomplete-spinner\n        class=\"shrink-0 flex items-center text-[var(--gr-muted-fg)]\"\n      >\n        <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n      </span>\n\n      <button\n        v-else-if=\"showClear\"\n        type=\"button\"\n        data-testid=\"gr-autocomplete-clear\"\n        data-gr-autocomplete-clear\n        class=\"shrink-0 inline-flex h-5 w-5 items-center justify-center rounded-md text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n        :aria-label=\"resolvedClearLabel\"\n        tabindex=\"-1\"\n        @click=\"clearSelection\"\n      >\n        <span class=\"i-lucide-x block h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"gr-autocomplete-chevron\"\n        class=\"shrink-0 flex items-center text-[var(--gr-muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down block h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </div>\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=\"gr-autocomplete-panel\"\n          data-gr-autocomplete-panel\n          :style=\"floatingStyle\"\n        >\n          <div :class=\"autocompletePanelClasses\">\n            <div\n              :id=\"listboxId\"\n              data-gr-autocomplete-listbox\n              class=\"p-1 overflow-auto\"\n              :style=\"{ maxHeight: `${dropdownMaxHeight}px` }\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <!-- «Add custom» опция. -->\n              <button\n                v-if=\"canAddCustom\"\n                type=\"button\"\n                data-testid=\"gr-autocomplete-add-option\"\n                data-gr-autocomplete-add-option\n                class=\"w-full rounded-[10px] px-3 py-2 text-left text-[13px] hover:bg-[color-mix(in_srgb,var(--gr-muted)_30%,transparent)]\"\n                @click=\"commitCustom\"\n              >\n                {{ t('gr.autocomplete.addOption', 'Add \"{value}\"', { value: query.trim() }) }}\n              </button>\n\n              <button\n                v-for=\"option in filteredOptions\"\n                :id=\"optionDomId(option.value)\"\n                :key=\"option.value\"\n                data-gr-autocomplete-option\n                type=\"button\"\n                role=\"option\"\n                :disabled=\"option.disabled\"\n                :aria-selected=\"isSelected(option.value) ? 'true' : 'false'\"\n                :aria-disabled=\"option.disabled ? 'true' : undefined\"\n                class=\"w-full rounded-[10px] px-3 py-2 text-left text-[13px]\" :class=\"[\n                  option.disabled ? 'cursor-not-allowed opacity-50' : 'hover:bg-[color-mix(in_srgb,var(--gr-muted)_30%,transparent)]',\n                  activeValue === option.value && !option.disabled ? 'bg-[color-mix(in_srgb,var(--gr-muted)_30%,transparent)]' : '',\n                ]\"\n                @click=\"chooseOption(option)\"\n                @mousemove=\"activeIndex = navigableValues.indexOf(option.value)\"\n              >\n                <slot name=\"option\" :option=\"option\" :selected=\"isSelected(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(option.value) ? 'i-lucide-check text-[var(--gr-primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ option.label }}</span>\n                  </span>\n                </slot>\n              </button>\n\n              <!-- Состояния: загрузка / подсказка minQueryLength / пусто. -->\n              <div\n                v-if=\"showLoading\"\n                data-gr-autocomplete-loading\n                class=\"flex items-center gap-2 px-3 py-2 text-[13px] text-[var(--gr-muted-fg)]\"\n              >\n                <slot name=\"loading\">\n                  <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n                  <span>{{ resolvedLoadingText }}</span>\n                </slot>\n              </div>\n\n              <div\n                v-else-if=\"showEmpty && belowMinQuery\"\n                data-gr-autocomplete-hint\n                class=\"px-3 py-2 text-[13px] text-[var(--gr-muted-fg)]\"\n              >\n                {{ resolvedTypeMoreText }}\n              </div>\n\n              <div\n                v-else-if=\"showEmpty\"\n                data-gr-autocomplete-empty\n                class=\"px-3 py-2 text-[13px] text-[var(--gr-muted-fg)]\"\n              >\n                <slot name=\"empty\">\n                  {{ resolvedNoResultsText }}\n                </slot>\n              </div>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrAutocomplete/index.js

@@ -0,0 +1,3 @@
+import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "../../chunks/config-DToHb81g.js";
+import { t as GrAutocomplete_default } from "./chunks/GrAutocomplete-BVLoQ5tZ.js";
+export { GrAutocomplete_default as GrAutocomplete, GrAutocomplete_default as default, grAutocompleteConfig, grAutocompleteSafelist };

package/dist/components/GrAvatar/chunks/{GrAvatar-96CpTCq5.js → GrAvatar-CTOUVBF7.js}

@@ -27,7 +27,7 @@ var GrAvatar_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", {
 				style: normalizeStyle(style.value),
-				class: normalizeClass(["inline-flex items-center justify-center overflow-hidden border border-[var(--brd)] bg-[var(--muted)] text-[var(--muted-fg)] font-700", className.value])
+				class: normalizeClass(["inline-flex items-center justify-center overflow-hidden border border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] font-700", className.value])
 			}, [props.src ? (openBlock(), createElementBlock("img", {
 				key: 0,
 				src: props.src,

package/dist/components/GrAvatar/chunks/GrAvatar-CTOUVBF7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrAvatar-CTOUVBF7.js","names":[],"sources":["../../../../src/components/GrAvatar/GrAvatar.vue","../../../../src/components/GrAvatar/GrAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grAvatarClass } from './grAvatarStyles'\nimport type { GrAvatarShape } from './grAvatarStyles'\n\nconst props = withDefaults(defineProps<{\n  size?: number\n  src?: string\n  alt?: string\n  shape?: GrAvatarShape\n}>(), {\n  size: 40,\n  src: undefined,\n  alt: '',\n  shape: 'circle',\n})\n\nconst style = computed(() => {\n  const px = `${props.size}px`\n\n  return {\n    width: px,\n    height: px,\n  }\n})\n\nconst className = computed(() => {\n  return grAvatarClass(props.shape)\n})\n</script>\n\n<template>\n  <span :style=\"style\" class=\"inline-flex items-center justify-center overflow-hidden border border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] font-700\" :class=\"className\">\n    <img v-if=\"props.src\" :src=\"props.src\" :alt=\"props.alt\" class=\"h-full w-full object-cover\">\n    <slot v-else />\n  </span>\n</template>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grAvatarClass } from './grAvatarStyles'\nimport type { GrAvatarShape } from './grAvatarStyles'\n\nconst props = withDefaults(defineProps<{\n  size?: number\n  src?: string\n  alt?: string\n  shape?: GrAvatarShape\n}>(), {\n  size: 40,\n  src: undefined,\n  alt: '',\n  shape: 'circle',\n})\n\nconst style = computed(() => {\n  const px = `${props.size}px`\n\n  return {\n    width: px,\n    height: px,\n  }\n})\n\nconst className = computed(() => {\n  return grAvatarClass(props.shape)\n})\n</script>\n\n<template>\n  <span :style=\"style\" class=\"inline-flex items-center justify-center overflow-hidden border border-[var(--gr-brd)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] font-700\" :class=\"className\">\n    <img v-if=\"props.src\" :src=\"props.src\" :alt=\"props.alt\" class=\"h-full w-full object-cover\">\n    <slot v-else />\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAYd,MAAM,QAAQ,eAAe;GAC3B,MAAM,KAAK,GAAG,MAAM,KAAK;GAEzB,OAAO;IACL,OAAO;IACP,QAAQ;GACV;EACF,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,cAAc,MAAM,KAAK;EAClC,CAAC;;uBAIC,mBAGO,QAAA;IAHA,OAAK,eAAE,MAAA,KAAK;IAAE,OAAK,eAAA,CAAC,iJAAwJ,UAAA,KAAS,CAAA;OAC/K,MAAM,OAAA,UAAA,GAAjB,mBAA2F,OAAA;;IAApE,KAAK,MAAM;IAAM,KAAK,MAAM;IAAK,OAAM;8BAC9D,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/GrAvatar/index.js

@@ -1,3 +1,3 @@
 import { n as grAvatarSafelist, t as grAvatarConfig } from "../../chunks/config-QYGvEBu5.js";
-import { t as GrAvatar_default } from "./chunks/GrAvatar-96CpTCq5.js";
+import { t as GrAvatar_default } from "./chunks/GrAvatar-CTOUVBF7.js";
 export { GrAvatar_default as GrAvatar, GrAvatar_default as default, grAvatarConfig, grAvatarSafelist };

package/dist/components/GrBadge/chunks/{GrBadge-B77XlaqE.js → GrBadge-D1jefy4S.js}

@@ -1,4 +1,5 @@
-import { n as grBadgeClass } from "../../../chunks/grBadgeStyles-DrycBuKT.js";
+import { a as useGrComponentProp } from "../../../chunks/context-DfWYCBB-.js";
+import { n as grBadgeClass } from "../../../chunks/grBadgeStyles-D3dFjr_N.js";
 import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 import '../../../GrBadge.css';//#region src/components/GrBadge/GrBadge.vue?vue&type=script&setup=true&lang.ts
@@ -9,28 +10,31 @@ var _hoisted_2 = { class: "gr-badge__text" };
 var GrBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "GrBadge",
 	props: {
-		tone: { default: "neutral" },
+		tone: { default: void 0 },
 		dark: {
 			type: Boolean,
 			default: false
 		},
-		size: { default: "sm" },
-		radius: { default: "round" }
+		size: { default: void 0 },
+		radius: { default: void 0 }
 	},
 	setup(__props) {
 		const props = __props;
+		const resolvedTone = useGrComponentProp("GrBadge", "tone", () => props.tone, "neutral");
+		const resolvedSize = useGrComponentProp("GrBadge", "size", () => props.size, "sm");
+		const resolvedRadius = useGrComponentProp("GrBadge", "radius", () => props.radius, "round");
 		const className = computed(() => {
 			return grBadgeClass({
-				tone: props.tone,
+				tone: resolvedTone.value,
 				dark: props.dark,
-				size: props.size,
-				radius: props.radius
+				size: resolvedSize.value,
+				radius: resolvedRadius.value
 			});
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", { class: normalizeClass(["gr-badge inline-block border whitespace-nowrap leading-none", className.value]) }, [createElementVNode("span", _hoisted_1, [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])])], 2);
 		};
 	}
-}), [["__scopeId", "data-v-c44afbc8"]]);
+}), [["__scopeId", "data-v-39b6bab2"]]);
 //#endregion
 export { GrBadge_default as t };

package/dist/components/GrBadge/chunks/GrBadge-D1jefy4S.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrBadge-D1jefy4S.js","names":[],"sources":["../../../../src/components/GrBadge/GrBadge.vue","../../../../src/components/GrBadge/GrBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\n\nexport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles'\n\nimport {\n  grBadgeClass,\n  type GrBadgeRadius,\n  type GrBadgeSize,\n  type GrBadgeTone,\n} from './grBadgeStyles'\n\nconst props = withDefaults(\n    defineProps<{\n      tone?: GrBadgeTone\n      dark?: boolean\n      size?: GrBadgeSize\n      radius?: GrBadgeRadius\n    }>(),\n    {\n      // `tone`/`size`/`radius` настраиваются через `GrConfigProvider`, поэтому\n      // их дефолты живут в резолверах ниже, а не в `withDefaults`.\n      tone: undefined,\n      dark: false,\n      size: undefined,\n      radius: undefined,\n    },\n)\n\n// Эффективные значения: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedTone = useGrComponentProp('GrBadge', 'tone', () => props.tone, 'neutral')\nconst resolvedSize = useGrComponentProp('GrBadge', 'size', () => props.size, 'sm')\nconst resolvedRadius = useGrComponentProp('GrBadge', 'radius', () => props.radius, 'round')\n\nconst className = computed(() => {\n  return grBadgeClass({\n    tone: resolvedTone.value,\n    dark: props.dark,\n    size: resolvedSize.value,\n    radius: resolvedRadius.value,\n  })\n})\n</script>\n\n<template>\n  <span\n      class=\"gr-badge inline-block border whitespace-nowrap leading-none\"\n      :class=\"className\"\n  >\n    <span class=\"gr-badge__label\">\n      <span class=\"gr-badge__text\">\n        <slot />\n      </span>\n    </span>\n  </span>\n</template>\n\n<style scoped>\n/*\n * Оптически центрируем текст по вертикали независимо от регистра,\n * не уменьшая высоту самого бейджа.\n *\n * Раньше `text-box-trim` висел прямо на тексте и обрезал line-box до\n * cap-height: текст центрировался корректно, но высота контента\n * падала до cap-height, из-за чего бейдж становился ниже.\n *\n * Теперь высоту держит обёртка `.gr-badge__label` (`min-height: 1lh` —\n * исходная высота line-box при `leading-none`), а сам текст\n * (`.gr-badge__text`) обрезается до cap-height/базовой линии и\n * центрируется внутри этой высоты через flex. В итоге высота бейджа\n * не меняется, а строчный/заглавный текст выглядит по центру.\n */\n.gr-badge__label {\n  display: flex;\n  align-items: center;\n  min-height: 1lh;\n}\n\n.gr-badge__text {\n  display: block;\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n  /* Шорткат для браузеров с поддержкой нового синтаксиса. */\n  text-box: trim-both cap alphabetic;\n}\n</style>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\n\nexport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles'\n\nimport {\n  grBadgeClass,\n  type GrBadgeRadius,\n  type GrBadgeSize,\n  type GrBadgeTone,\n} from './grBadgeStyles'\n\nconst props = withDefaults(\n    defineProps<{\n      tone?: GrBadgeTone\n      dark?: boolean\n      size?: GrBadgeSize\n      radius?: GrBadgeRadius\n    }>(),\n    {\n      // `tone`/`size`/`radius` настраиваются через `GrConfigProvider`, поэтому\n      // их дефолты живут в резолверах ниже, а не в `withDefaults`.\n      tone: undefined,\n      dark: false,\n      size: undefined,\n      radius: undefined,\n    },\n)\n\n// Эффективные значения: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedTone = useGrComponentProp('GrBadge', 'tone', () => props.tone, 'neutral')\nconst resolvedSize = useGrComponentProp('GrBadge', 'size', () => props.size, 'sm')\nconst resolvedRadius = useGrComponentProp('GrBadge', 'radius', () => props.radius, 'round')\n\nconst className = computed(() => {\n  return grBadgeClass({\n    tone: resolvedTone.value,\n    dark: props.dark,\n    size: resolvedSize.value,\n    radius: resolvedRadius.value,\n  })\n})\n</script>\n\n<template>\n  <span\n      class=\"gr-badge inline-block border whitespace-nowrap leading-none\"\n      :class=\"className\"\n  >\n    <span class=\"gr-badge__label\">\n      <span class=\"gr-badge__text\">\n        <slot />\n      </span>\n    </span>\n  </span>\n</template>\n\n<style scoped>\n/*\n * Оптически центрируем текст по вертикали независимо от регистра,\n * не уменьшая высоту самого бейджа.\n *\n * Раньше `text-box-trim` висел прямо на тексте и обрезал line-box до\n * cap-height: текст центрировался корректно, но высота контента\n * падала до cap-height, из-за чего бейдж становился ниже.\n *\n * Теперь высоту держит обёртка `.gr-badge__label` (`min-height: 1lh` —\n * исходная высота line-box при `leading-none`), а сам текст\n * (`.gr-badge__text`) обрезается до cap-height/базовой линии и\n * центрируется внутри этой высоты через flex. В итоге высота бейджа\n * не меняется, а строчный/заглавный текст выглядит по центру.\n */\n.gr-badge__label {\n  display: flex;\n  align-items: center;\n  min-height: 1lh;\n}\n\n.gr-badge__text {\n  display: block;\n  text-box-trim: trim-both;\n  text-box-edge: cap alphabetic;\n  /* Шорткат для браузеров с поддержкой нового синтаксиса. */\n  text-box: trim-both cap alphabetic;\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAkBd,MAAM,eAAe,mBAAmB,WAAW,cAAc,MAAM,MAAM,SAAS;EACtF,MAAM,eAAe,mBAAmB,WAAW,cAAc,MAAM,MAAM,IAAI;EACjF,MAAM,iBAAiB,mBAAmB,WAAW,gBAAgB,MAAM,QAAQ,OAAO;EAE1F,MAAM,YAAY,eAAe;GAC/B,OAAO,aAAa;IAClB,MAAM,aAAa;IACnB,MAAM,MAAM;IACZ,MAAM,aAAa;IACnB,QAAQ,eAAe;GACzB,CAAC;EACH,CAAC;;uBAIC,mBASO,QAAA,EARH,OAAK,eAAA,CAAC,+DACE,UAAA,KAAS,CAAA,EAAA,GAAA,CAEnB,mBAIO,QAJP,YAIO,CAHL,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/GrBadge/index.js

@@ -1,3 +1,3 @@
-import { t as GrBadge_default } from "./chunks/GrBadge-B77XlaqE.js";
-import { n as grBadgeSafelist, t as grBadgeConfig } from "../../chunks/config-jBp9wVv-.js";
+import { t as GrBadge_default } from "./chunks/GrBadge-D1jefy4S.js";
+import { n as grBadgeSafelist, t as grBadgeConfig } from "../../chunks/config-D_myOZbA.js";
 export { GrBadge_default as GrBadge, GrBadge_default as default, grBadgeConfig, grBadgeSafelist };

package/dist/components/GrBadgeWrap/chunks/{GrBadgeWrap-CcktMOdg.js → GrBadgeWrap-DWDxHdiQ.js}

@@ -8,7 +8,7 @@ var _hoisted_2 = {
 };
 var _hoisted_3 = {
 	key: 1,
-	class: "absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--gr-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center",
+	class: "absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--gr-danger)] text-[var(--gr-destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center",
 	"aria-hidden": "true"
 };
 //#endregion

package/dist/components/GrBadgeWrap/chunks/GrBadgeWrap-DWDxHdiQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrBadgeWrap-DWDxHdiQ.js","names":[],"sources":["../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue","../../../../src/components/GrBadgeWrap/GrBadgeWrap.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--gr-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--gr-danger)] text-[var(--gr-destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>","<script setup lang=\"ts\">\nconst props = withDefaults(defineProps<{\n  value?: string | number\n  dot?: boolean\n}>(), {\n  value: undefined,\n  dot: false,\n})\n</script>\n\n<template>\n  <span class=\"relative inline-flex\">\n    <slot />\n\n    <span\n      v-if=\"props.dot\"\n      class=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--gr-danger)]\"\n      aria-hidden=\"true\"\n    />\n\n    <span\n      v-else-if=\"props.value !== undefined\"\n      class=\"absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--gr-danger)] text-[var(--gr-destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center\"\n      aria-hidden=\"true\"\n    >\n      {{ props.value }}\n    </span>\n  </span>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EACA,MAAM,QAAQ;;uBAUZ,mBAgBO,QAhBP,YAgBO,CAfL,WAAQ,KAAA,QAAA,SAAA,GAGA,MAAM,OAAA,UAAA,GADd,mBAIE,QAJF,UAIE,KAGW,MAAM,UAAU,KAAA,KAAA,UAAA,GAD7B,mBAMO,QANP,YAMO,gBADF,MAAM,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

package/dist/components/GrBadgeWrap/index.js

@@ -1,3 +1,3 @@
-import { t as GrBadgeWrap_default } from "./chunks/GrBadgeWrap-CcktMOdg.js";
+import { t as GrBadgeWrap_default } from "./chunks/GrBadgeWrap-DWDxHdiQ.js";
 import { t as grBadgeWrapConfig } from "../../chunks/config-Dxuwwepq.js";
 export { GrBadgeWrap_default as GrBadgeWrap, GrBadgeWrap_default as default, grBadgeWrapConfig };

package/dist/components/GrBottomNav/chunks/{GrBottomNav-usuMgG8_.js → GrBottomNav-vSE4LXmk.js}

@@ -1,6 +1,6 @@
 import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
 //#region src/components/GrBottomNav/GrBottomNav.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden" };
+var _hoisted_1 = { class: "fixed bottom-0 left-0 right-0 border-t border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden" };
 var _hoisted_2 = { class: "h-14 flex items-center justify-around" };
 var _hoisted_3 = ["onClick"];
 //#endregion
@@ -20,7 +20,7 @@ var GrBottomNav_default = /* @__PURE__ */ defineComponent({
 				return openBlock(), createElementBlock("button", {
 					key: it.value,
 					type: "button",
-					class: normalizeClass(["min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]", it.value === props.modelValue ? "text-[var(--primary)]" : "text-[var(--muted-fg)] hover:text-[var(--fg)]"]),
+					class: normalizeClass(["min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]", it.value === props.modelValue ? "text-[var(--gr-primary)]" : "text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]"]),
 					onClick: ($event) => emit("update:modelValue", it.value)
 				}, toDisplayString(it.label), 11, _hoisted_3);
 			}), 128))])]);

package/dist/components/GrBottomNav/chunks/GrBottomNav-vSE4LXmk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrBottomNav-vSE4LXmk.js","names":[],"sources":["../../../../src/components/GrBottomNav/GrBottomNav.vue","../../../../src/components/GrBottomNav/GrBottomNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--gr-primary)]' : 'text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>","<script setup lang=\"ts\">\nexport type GrBottomNavItem = {\n  label: string\n  value: string\n}\n\nconst props = defineProps<{\n  modelValue: string\n  items: GrBottomNavItem[]\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n</script>\n\n<template>\n  <nav class=\"fixed bottom-0 left-0 right-0 border-t border-[var(--gr-brd)] bg-[var(--gr-bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden\">\n    <div class=\"h-14 flex items-center justify-around\">\n      <button\n        v-for=\"it in props.items\"\n        :key=\"it.value\"\n        type=\"button\"\n        class=\"min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n        :class=\"it.value === props.modelValue ? 'text-[var(--gr-primary)]' : 'text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]'\"\n        @click=\"emit('update:modelValue', it.value)\"\n      >\n        {{ it.label }}\n      </button>\n    </div>\n  </nav>\n</template>"],"mappings":";;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,OAAO;;uBAMX,mBAaM,OAbN,YAaM,CAZJ,mBAWM,OAXN,YAWM,EAAA,UAAA,IAAA,GAVJ,mBASS,UAAA,MAAA,WARM,MAAM,QAAZ,OAAE;wBADX,mBASS,UAAA;KAPN,KAAK,GAAG;KACT,MAAK;KACL,OAAK,eAAA,CAAC,4JACE,GAAG,UAAU,MAAM,aAAU,6BAAA,qDAAA,CAAA;KACpC,UAAK,WAAE,KAAI,qBAAsB,GAAG,KAAK;uBAEvC,GAAG,KAAK,GAAA,IAAA,UAAA"}

package/dist/components/GrBottomNav/index.js

@@ -1,3 +1,3 @@
-import { t as GrBottomNav_default } from "./chunks/GrBottomNav-usuMgG8_.js";
+import { t as GrBottomNav_default } from "./chunks/GrBottomNav-vSE4LXmk.js";
 import { t as grBottomNavConfig } from "../../chunks/config-C9AcVDkv.js";
 export { GrBottomNav_default as GrBottomNav, GrBottomNav_default as default, grBottomNavConfig };

package/dist/components/GrButton/chunks/{GrButton-BlffdeJr.js → GrButton-DCi4CUpo.js}

@@ -1,14 +1,15 @@
+import { a as useGrComponentProp, o as useGrComponentSize } from "../../../chunks/context-DfWYCBB-.js";
 import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
-import { n as grButtonBaseClass, r as grButtonClass } from "../../../chunks/grButtonStyles-C7Yga_Q1.js";
+import { n as grButtonBaseClass, r as grButtonClass } from "../../../chunks/grButtonStyles-DRBgDmOp.js";
 import { computed, createBlock, createCommentVNode, defineComponent, markRaw, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/GrButton/GrButton.vue
 var GrButton_default = /* @__PURE__ */ defineComponent({
 	__name: "GrButton",
 	props: {
-		variant: { default: "primary" },
-		tone: { default: "primary" },
-		size: { default: "md" },
+		variant: { default: void 0 },
+		tone: { default: void 0 },
+		size: { default: void 0 },
 		loading: {
 			type: Boolean,
 			default: false
@@ -19,7 +20,7 @@ var GrButton_default = /* @__PURE__ */ defineComponent({
 		},
 		square: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		type: { default: "button" },
 		ariaLabel: { default: void 0 },
@@ -34,7 +35,10 @@ var GrButton_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
-		const isSquare = computed(() => props.square);
+		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrButton" });
+		const resolvedVariant = useGrComponentProp("GrButton", "variant", () => props.variant, "primary");
+		const resolvedTone = useGrComponentProp("GrButton", "tone", () => props.tone, "primary");
+		const isSquare = useGrComponentProp("GrButton", "square", () => props.square, false);
 		const isLink = computed(() => Boolean(props.as || props.href));
 		const renderAs = computed(() => {
 			if (props.as) return typeof props.as === "string" ? props.as : markRaw(props.as);
@@ -54,9 +58,9 @@ var GrButton_default = /* @__PURE__ */ defineComponent({
 		const squareStyle = computed(() => {
 			if (!isSquare.value) return void 0;
 			const v = `${(() => {
-				if (props.size === "xs") return 28;
-				if (props.size === "sm") return 32;
-				if (props.size === "lg") return 44;
+				if (resolvedSize.value === "xs") return 28;
+				if (resolvedSize.value === "sm") return 32;
+				if (resolvedSize.value === "lg") return 44;
 				return 40;
 			})()}px`;
 			return {
@@ -68,17 +72,17 @@ var GrButton_default = /* @__PURE__ */ defineComponent({
 		});
 		const className = computed(() => {
 			return grButtonClass({
-				variant: props.variant,
-				tone: props.tone,
-				size: props.size,
+				variant: resolvedVariant.value,
+				tone: resolvedTone.value,
+				size: resolvedSize.value,
 				square: isSquare.value
 			});
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(renderAs.value), {
 				"data-gr-button": "",
-				"data-gr-variant": props.variant,
-				"data-gr-tone": props.tone,
+				"data-gr-variant": unref(resolvedVariant),
+				"data-gr-tone": unref(resolvedTone),
 				type: renderAs.value === "button" ? props.type : void 0,
 				disabled: nativeDisabled.value,
 				href: isLink.value && !props.disabled ? props.href : void 0,

package/dist/components/GrButton/chunks/GrButton-DCi4CUpo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrButton-DCi4CUpo.js","names":[],"sources":["../../../../src/components/GrButton/GrButton.vue","../../../../src/components/GrButton/GrButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, markRaw, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nexport type { GrButtonSize, GrButtonTone, GrButtonVariant } from './grButtonStyles'\n\nimport {\n  grButtonBaseClass,\n  grButtonClass,\n  type GrButtonSize,\n  type GrButtonTone,\n  type GrButtonVariant,\n} from './grButtonStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: GrButtonVariant\n    tone?: GrButtonTone\n    size?: GrButtonSize\n    loading?: boolean\n    disabled?: boolean\n    square?: boolean\n    type?: 'button' | 'submit' | 'reset'\n    ariaLabel?: string\n    /** Полиморфизм: кастомный корневой тег/компонент (например, RouterLink). */\n    as?: string | Component\n    /** Рендерит кнопку как `<a href>` (если не задан `as`). */\n    href?: string\n    target?: string\n    rel?: string\n    external?: boolean\n  }>(),\n  {\n    // `variant`/`tone`/`size`/`square` настраиваются через `GrConfigProvider`,\n    // поэтому их дефолты живут в резолверах ниже, а не здесь: Vue подставил бы\n    // дефолт до того, как компонент успеет заглянуть в конфиг.\n    variant: undefined,\n    tone: undefined,\n    size: undefined,\n    loading: false,\n    disabled: false,\n    square: undefined,\n    type: 'button',\n    ariaLabel: undefined,\n    as: undefined,\n    href: undefined,\n    target: undefined,\n    rel: undefined,\n    external: false,\n  },\n)\n\n// Эффективные значения: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrButton' })\nconst resolvedVariant = useGrComponentProp('GrButton', 'variant', () => props.variant, 'primary')\nconst resolvedTone = useGrComponentProp('GrButton', 'tone', () => props.tone, 'primary')\nconst isSquare = useGrComponentProp('GrButton', 'square', () => props.square, false)\n\n// Полиморфный корень: `as` → `<a href>` → `<button>`.\nconst isLink = computed(() => Boolean(props.as || props.href))\nconst renderAs = computed<string | Component>(() => {\n  if (props.as) return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  return props.href ? 'a' : 'button'\n})\n\n// Неинтерактивно при явном `disabled` ИЛИ во время `loading`.\nconst blocked = computed(() => props.disabled || props.loading)\n\n// Ключевое: `loading` НЕ ставит нативный `disabled` (элемент бы выпал из фокуса и\n// скринридер потерял бы контекст) — вместо этого `aria-disabled` + перехват клика.\n// Нативный `disabled` (только у `<button>`) оставляем лишь для явного `disabled`.\nconst nativeDisabled = computed(() => (renderAs.value === 'button' && props.disabled) ? true : undefined)\nconst ariaDisabled = computed(() => (props.loading || (isLink.value && props.disabled)) ? 'true' : undefined)\n\nconst resolvedTarget = computed(() => props.target ?? (props.external ? '_blank' : undefined))\nconst resolvedRel = computed(() => props.rel ?? (resolvedTarget.value === '_blank' ? 'noopener noreferrer' : undefined))\n\nfunction onClickCapture(e: MouseEvent): void {\n  // Блокируем и дефолт (submit/навигация), и внешние обработчики (в т.ч. по Enter/Space),\n  // сохраняя фокус на элементе.\n  if (blocked.value) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n  }\n}\n\nconst squareStyle = computed(() => {\n  if (!isSquare.value) return undefined\n\n  const px = (() => {\n    if (resolvedSize.value === 'xs') return 28\n    if (resolvedSize.value === 'sm') return 32\n    if (resolvedSize.value === 'lg') return 44\n    return 40\n  })()\n\n  const v = `${px}px`\n  return {\n    width: v,\n    minWidth: v,\n    height: v,\n    padding: '0px',\n  } as const\n})\n\nconst className = computed(() => {\n  return grButtonClass({\n    variant: resolvedVariant.value,\n    tone: resolvedTone.value,\n    size: resolvedSize.value,\n    square: isSquare.value,\n  })\n})\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    data-gr-button\n    :data-gr-variant=\"resolvedVariant\"\n    :data-gr-tone=\"resolvedTone\"\n    :type=\"renderAs === 'button' ? props.type : undefined\"\n    :disabled=\"nativeDisabled\"\n    :href=\"isLink && !props.disabled ? props.href : undefined\"\n    :target=\"isLink && !props.disabled ? resolvedTarget : undefined\"\n    :rel=\"isLink && !props.disabled ? resolvedRel : undefined\"\n    :aria-busy=\"props.loading ? 'true' : undefined\"\n    :aria-disabled=\"ariaDisabled\"\n    :aria-label=\"props.ariaLabel\"\n    :tabindex=\"isLink && props.disabled ? -1 : undefined\"\n    :class=\"[grButtonBaseClass, className, blocked ? 'cursor-not-allowed' : '']\"\n    :style=\"squareStyle\"\n    @click.capture=\"onClickCapture\"\n  >\n    <IconLoader v-if=\"props.loading\" class=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nexport type { GrButtonSize, GrButtonTone, GrButtonVariant } from './grButtonStyles'\n\nimport {\n  grButtonBaseClass,\n  grButtonClass,\n  type GrButtonSize,\n  type GrButtonTone,\n  type GrButtonVariant,\n} from './grButtonStyles'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: GrButtonVariant\n    tone?: GrButtonTone\n    size?: GrButtonSize\n    loading?: boolean\n    disabled?: boolean\n    square?: boolean\n    type?: 'button' | 'submit' | 'reset'\n    ariaLabel?: string\n    /** Полиморфизм: кастомный корневой тег/компонент (например, RouterLink). */\n    as?: string | Component\n    /** Рендерит кнопку как `<a href>` (если не задан `as`). */\n    href?: string\n    target?: string\n    rel?: string\n    external?: boolean\n  }>(),\n  {\n    // `variant`/`tone`/`size`/`square` настраиваются через `GrConfigProvider`,\n    // поэтому их дефолты живут в резолверах ниже, а не здесь: Vue подставил бы\n    // дефолт до того, как компонент успеет заглянуть в конфиг.\n    variant: undefined,\n    tone: undefined,\n    size: undefined,\n    loading: false,\n    disabled: false,\n    square: undefined,\n    type: 'button',\n    ariaLabel: undefined,\n    as: undefined,\n    href: undefined,\n    target: undefined,\n    rel: undefined,\n    external: false,\n  },\n)\n\n// Эффективные значения: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrButton' })\nconst resolvedVariant = useGrComponentProp('GrButton', 'variant', () => props.variant, 'primary')\nconst resolvedTone = useGrComponentProp('GrButton', 'tone', () => props.tone, 'primary')\nconst isSquare = useGrComponentProp('GrButton', 'square', () => props.square, false)\n\n// Полиморфный корень: `as` → `<a href>` → `<button>`.\nconst isLink = computed(() => Boolean(props.as || props.href))\nconst renderAs = computed<string | Component>(() => {\n  if (props.as) return typeof props.as === 'string' ? props.as : markRaw(props.as)\n  return props.href ? 'a' : 'button'\n})\n\n// Неинтерактивно при явном `disabled` ИЛИ во время `loading`.\nconst blocked = computed(() => props.disabled || props.loading)\n\n// Ключевое: `loading` НЕ ставит нативный `disabled` (элемент бы выпал из фокуса и\n// скринридер потерял бы контекст) — вместо этого `aria-disabled` + перехват клика.\n// Нативный `disabled` (только у `<button>`) оставляем лишь для явного `disabled`.\nconst nativeDisabled = computed(() => (renderAs.value === 'button' && props.disabled) ? true : undefined)\nconst ariaDisabled = computed(() => (props.loading || (isLink.value && props.disabled)) ? 'true' : undefined)\n\nconst resolvedTarget = computed(() => props.target ?? (props.external ? '_blank' : undefined))\nconst resolvedRel = computed(() => props.rel ?? (resolvedTarget.value === '_blank' ? 'noopener noreferrer' : undefined))\n\nfunction onClickCapture(e: MouseEvent): void {\n  // Блокируем и дефолт (submit/навигация), и внешние обработчики (в т.ч. по Enter/Space),\n  // сохраняя фокус на элементе.\n  if (blocked.value) {\n    e.preventDefault()\n    e.stopImmediatePropagation()\n  }\n}\n\nconst squareStyle = computed(() => {\n  if (!isSquare.value) return undefined\n\n  const px = (() => {\n    if (resolvedSize.value === 'xs') return 28\n    if (resolvedSize.value === 'sm') return 32\n    if (resolvedSize.value === 'lg') return 44\n    return 40\n  })()\n\n  const v = `${px}px`\n  return {\n    width: v,\n    minWidth: v,\n    height: v,\n    padding: '0px',\n  } as const\n})\n\nconst className = computed(() => {\n  return grButtonClass({\n    variant: resolvedVariant.value,\n    tone: resolvedTone.value,\n    size: resolvedSize.value,\n    square: isSquare.value,\n  })\n})\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    data-gr-button\n    :data-gr-variant=\"resolvedVariant\"\n    :data-gr-tone=\"resolvedTone\"\n    :type=\"renderAs === 'button' ? props.type : undefined\"\n    :disabled=\"nativeDisabled\"\n    :href=\"isLink && !props.disabled ? props.href : undefined\"\n    :target=\"isLink && !props.disabled ? resolvedTarget : undefined\"\n    :rel=\"isLink && !props.disabled ? resolvedRel : undefined\"\n    :aria-busy=\"props.loading ? 'true' : undefined\"\n    :aria-disabled=\"ariaDisabled\"\n    :aria-label=\"props.ariaLabel\"\n    :tabindex=\"isLink && props.disabled ? -1 : undefined\"\n    :class=\"[grButtonBaseClass, className, blocked ? 'cursor-not-allowed' : '']\"\n    :style=\"squareStyle\"\n    @click.capture=\"onClickCapture\"\n  >\n    <IconLoader v-if=\"props.loading\" class=\"h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAuCd,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,WAAW,CAAC;EACnF,MAAM,kBAAkB,mBAAmB,YAAY,iBAAiB,MAAM,SAAS,SAAS;EAChG,MAAM,eAAe,mBAAmB,YAAY,cAAc,MAAM,MAAM,SAAS;EACvF,MAAM,WAAW,mBAAmB,YAAY,gBAAgB,MAAM,QAAQ,KAAK;EAGnF,MAAM,SAAS,eAAe,QAAQ,MAAM,MAAM,MAAM,IAAI,CAAC;EAC7D,MAAM,WAAW,eAAmC;GAClD,IAAI,MAAM,IAAI,OAAO,OAAO,MAAM,OAAO,WAAW,MAAM,KAAK,QAAQ,MAAM,EAAE;GAC/E,OAAO,MAAM,OAAO,MAAM;EAC5B,CAAC;EAGD,MAAM,UAAU,eAAe,MAAM,YAAY,MAAM,OAAO;EAK9D,MAAM,iBAAiB,eAAgB,SAAS,UAAU,YAAY,MAAM,WAAY,OAAO,KAAA,CAAS;EACxG,MAAM,eAAe,eAAgB,MAAM,WAAY,OAAO,SAAS,MAAM,WAAa,SAAS,KAAA,CAAS;EAE5G,MAAM,iBAAiB,eAAe,MAAM,WAAW,MAAM,WAAW,WAAW,KAAA,EAAU;EAC7F,MAAM,cAAc,eAAe,MAAM,QAAQ,eAAe,UAAU,WAAW,wBAAwB,KAAA,EAAU;EAEvH,SAAS,eAAe,GAAqB;GAG3C,IAAI,QAAQ,OAAO;IACjB,EAAE,eAAe;IACjB,EAAE,yBAAyB;GAC7B;EACF;EAEA,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,SAAS,OAAO,OAAO,KAAA;GAS5B,MAAM,IAAI,UAPQ;IAChB,IAAI,aAAa,UAAU,MAAM,OAAO;IACxC,IAAI,aAAa,UAAU,MAAM,OAAO;IACxC,IAAI,aAAa,UAAU,MAAM,OAAO;IACxC,OAAO;GACT,EAAA,CAEa,EAAG;GAChB,OAAO;IACL,OAAO;IACP,UAAU;IACV,QAAQ;IACR,SAAS;GACX;EACF,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO,cAAc;IACnB,SAAS,gBAAgB;IACzB,MAAM,aAAa;IACnB,MAAM,aAAa;IACnB,QAAQ,SAAS;GACnB,CAAC;EACH,CAAC;;uBAIC,YAoBY,wBAnBL,SAAA,KAAQ,GAAA;IACb,kBAAA;IACC,mBAAiB,MAAA,eAAA;IACjB,gBAAc,MAAA,YAAA;IACd,MAAM,SAAA,UAAQ,WAAgB,MAAM,OAAO,KAAA;IAC3C,UAAU,eAAA;IACV,MAAM,OAAA,SAAM,CAAK,MAAM,WAAW,MAAM,OAAO,KAAA;IAC/C,QAAQ,OAAA,SAAM,CAAK,MAAM,WAAW,eAAA,QAAiB,KAAA;IACrD,KAAK,OAAA,SAAM,CAAK,MAAM,WAAW,YAAA,QAAc,KAAA;IAC/C,aAAW,MAAM,UAAO,SAAY,KAAA;IACpC,iBAAe,aAAA;IACf,cAAY,MAAM;IAClB,UAAU,OAAA,SAAU,MAAM,WAAQ,KAAQ,KAAA;IAC1C,OAAK,eAAA;KAAG,MAAA,iBAAA;KAAmB,UAAA;KAAW,QAAA,QAAO,uBAAA;IAAA,CAAA;IAC7C,OAAK,eAAE,YAAA,KAAW;IACH;;2BAEmE,CAAjE,MAAM,WAAA,UAAA,GAAxB,YAAmF,MAAA,qBAAA,GAAA;;KAAlD,OAAM;KAAuB,eAAY;wCAC1E,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/GrButton/index.js

@@ -1,5 +1,5 @@
-import { r as grButtonClass } from "../../chunks/grButtonStyles-C7Yga_Q1.js";
-import { t as GrButton_default } from "./chunks/GrButton-BlffdeJr.js";
-import { n as grButtonSafelist, t as grButtonClassTokens } from "../../chunks/safelist-Do2RtzLB.js";
-import { t as grButtonConfig } from "../../chunks/config-C4snOIXg.js";
+import { r as grButtonClass } from "../../chunks/grButtonStyles-DRBgDmOp.js";
+import { t as GrButton_default } from "./chunks/GrButton-DCi4CUpo.js";
+import { n as grButtonSafelist, t as grButtonClassTokens } from "../../chunks/safelist-BvO8HPnE.js";
+import { t as grButtonConfig } from "../../chunks/config-KXuionN3.js";
 export { GrButton_default as GrButton, GrButton_default as default, grButtonClass, grButtonClassTokens, grButtonConfig, grButtonSafelist };

package/dist/components/GrCard/chunks/{GrCard-DUNMkuHW.js → GrCard-CxCjyHMb.js}

@@ -2,7 +2,7 @@ import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-
 import { createElementBlock, openBlock, renderSlot } from "vue";
 //#region src/components/GrCard/GrCard.vue
 var _sfc_main = {};
-var _hoisted_1 = { class: "rounded-[var(--gr-radius-lg)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-sm" };
+var _hoisted_1 = { class: "rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-sm" };
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
 }

package/dist/components/GrCard/chunks/GrCard-CxCjyHMb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrCard-CxCjyHMb.js","names":[],"sources":["../../../../src/components/GrCard/GrCard.vue"],"sourcesContent":["<template>\n  <div\n      class=\"rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-sm\"\n>\n    <slot />\n  </div>\n</template>"],"mappings":";;;;mBAEM,OAAM,qHAAoH;;qBAD9H,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/GrCard/index.js

@@ -1,3 +1,3 @@
-import { t as GrCard_default } from "./chunks/GrCard-DUNMkuHW.js";
+import { t as GrCard_default } from "./chunks/GrCard-CxCjyHMb.js";
 import { t as grCardConfig } from "../../chunks/config-CThzliFi.js";
 export { GrCard_default as GrCard, GrCard_default as default, grCardConfig };

package/dist/components/GrCheckbox/chunks/{GrCheckbox-DJhzZZdO.js → GrCheckbox-BbIDRXtl.js}

@@ -57,7 +57,7 @@ var _hoisted_2 = [
 	"required",
 	"form"
 ];
-var _hoisted_3 = { class: "text-sm text-[var(--muted-fg)]" };
+var _hoisted_3 = { class: "text-sm text-[var(--gr-muted-fg)]" };
 //#endregion
 //#region src/components/GrCheckbox/GrCheckbox.vue
 var GrCheckbox_default = /* @__PURE__ */ defineComponent({
@@ -138,7 +138,7 @@ var GrCheckbox_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				"data-gr-checkbox": "",
-				class: normalizeClass(["inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]", __props.disabled ? "cursor-not-allowed opacity-70" : "cursor-pointer"]),
+				class: normalizeClass(["inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]", __props.disabled ? "cursor-not-allowed opacity-70" : "cursor-pointer"]),
 				role: "checkbox",
 				"aria-checked": __props.indeterminate ? "mixed" : __props.modelValue ? "true" : "false",
 				"aria-disabled": __props.disabled ? "true" : void 0,
@@ -165,13 +165,13 @@ var GrCheckbox_default = /* @__PURE__ */ defineComponent({
 				createElementVNode("span", {
 					"data-gr-checkbox-indicator": "",
 					"aria-hidden": "true",
-					class: normalizeClass(["h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150", __props.modelValue || __props.indeterminate ? "border-[var(--primary)] bg-[var(--primary)]" : "border-[var(--brd)] bg-[var(--bg)]"])
+					class: normalizeClass(["h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150", __props.modelValue || __props.indeterminate ? "border-[var(--gr-primary)] bg-[var(--gr-primary)]" : "border-[var(--gr-brd)] bg-[var(--gr-bg)]"])
 				}, [__props.indeterminate ? (openBlock(), createBlock(unref(minus_default), {
 					key: 0,
-					class: "gr-checkbox-icon h-3.5 w-3.5 text-[var(--primary-fg)]"
+					class: "gr-checkbox-icon h-3.5 w-3.5 text-[var(--gr-primary-fg)]"
 				})) : (openBlock(), createBlock(unref(check_default), {
 					key: 1,
-					class: normalizeClass(["gr-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150", __props.modelValue ? "opacity-100 scale-100 text-[var(--primary-fg)]" : "opacity-0 scale-75 text-transparent"])
+					class: normalizeClass(["gr-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150", __props.modelValue ? "opacity-100 scale-100 text-[var(--gr-primary-fg)]" : "opacity-0 scale-75 text-transparent"])
 				}, null, 8, ["class"]))], 2),
 				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])
 			], 42, _hoisted_1);

package/dist/components/GrCheckbox/chunks/GrCheckbox-BbIDRXtl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrCheckbox-BbIDRXtl.js","names":[],"sources":["../../../../src/components/GrCheckbox/GrCheckbox.vue","../../../../src/components/GrCheckbox/GrCheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrCheckbox — GR-примитив чекбокса с нативным скрытым `<input type=\"checkbox\">`\n * для интеграции с HTML-формами (`FormData`, `required`, `form`).\n *\n * Источник истины — нативный input: клик по нему (в т.ч. по внешнему\n * `<label for=\"...\">`) слушается через `@change` и эмитит модель. Клик по видимой\n * части компонента переключает через корневой обработчик.\n *\n * Клавиатура: `Space` переключает значение (Enter — намеренно нет, это нестандартно\n * для чекбоксов). Фокус — на корневом элементе.\n * A11y: `role=\"checkbox\"` + `aria-checked` (`true`/`false`/`mixed`) + `aria-disabled`.\n */\nimport { onMounted, ref, watch } from 'vue'\nimport IconCheck from '~icons/lucide/check'\nimport IconMinus from '~icons/lucide/minus'\n\nexport interface GrCheckboxProps {\n  modelValue?: boolean\n  disabled?: boolean\n  name?: string\n  value?: string\n  required?: boolean\n  form?: string\n  /** Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`. */\n  id?: string\n  /** Промежуточное («смешанное») состояние: `aria-checked=\"mixed\"`, индикатор — тире. */\n  indeterminate?: boolean\n}\n\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrCheckboxProps>(), {\n  modelValue: false,\n  disabled: false,\n  name: undefined,\n  value: 'on',\n  required: false,\n  form: undefined,\n  id: undefined,\n  indeterminate: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\n// Держим `.checked` на нативном input синхронно с пропом — `:checked`-биндинг\n// на скрытом элементе иногда отстаёт при программных обновлениях.\nconst nativeInput = ref<HTMLInputElement | null>(null)\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (nativeInput.value && nativeInput.value.checked !== value)\n      nativeInput.value.checked = value\n  },\n)\n\n// `indeterminate` можно выставить только через JS-свойство (не атрибут).\nfunction syncIndeterminate(): void {\n  if (nativeInput.value)\n    nativeInput.value.indeterminate = props.indeterminate\n}\nwatch(() => props.indeterminate, syncIndeterminate)\nonMounted(syncIndeterminate)\n\nfunction setChecked(next: boolean): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', next)\n}\n\nfunction toggle(): void {\n  // Из промежуточного состояния переключаемся во «включено» (стандартное поведение).\n  setChecked(props.indeterminate ? true : !props.modelValue)\n}\n\n// Клик по нативному input (в т.ч. по внешнему `<label for=\"...\">`) уже переключил его\n// `.checked` — берём значение как источник истины и эмитим модель.\nfunction onNativeChange(e: Event): void {\n  setChecked((e.target as HTMLInputElement).checked)\n}\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  const el = target as HTMLElement | null\n  if (!el)\n    return false\n  return !!el.closest('a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]')\n}\n\nfunction onClick(e: MouseEvent): void {\n  if (isInteractiveTarget(e.target))\n    return\n  toggle()\n}\n</script>\n<template>\n  <div\n    data-gr-checkbox\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]\"\n    role=\"checkbox\"\n    :aria-checked=\"indeterminate ? 'mixed' : (modelValue ? 'true' : 'false')\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"disabled ? 'cursor-not-allowed opacity-70' : 'cursor-pointer'\"\n    @click=\"onClick\"\n    @keydown.space.prevent=\"toggle\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"nativeInput\"\n      type=\"checkbox\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :name=\"name\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n      @change=\"onNativeChange\"\n    >\n    <span\n      data-gr-checkbox-indicator\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150\"\n      :class=\"(modelValue || indeterminate)\n        ? 'border-[var(--gr-primary)] bg-[var(--gr-primary)]'\n        : 'border-[var(--gr-brd)] bg-[var(--gr-bg)]'\"\n    >\n      <IconMinus\n        v-if=\"indeterminate\"\n        class=\"gr-checkbox-icon h-3.5 w-3.5 text-[var(--gr-primary-fg)]\"\n      />\n      <IconCheck\n        v-else\n        class=\"gr-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150\"\n        :class=\"modelValue\n          ? 'opacity-100 scale-100 text-[var(--gr-primary-fg)]'\n          : 'opacity-0 scale-75 text-transparent'\"\n      />\n    </span>\n    <span class=\"text-sm text-[var(--gr-muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrCheckbox — GR-примитив чекбокса с нативным скрытым `<input type=\"checkbox\">`\n * для интеграции с HTML-формами (`FormData`, `required`, `form`).\n *\n * Источник истины — нативный input: клик по нему (в т.ч. по внешнему\n * `<label for=\"...\">`) слушается через `@change` и эмитит модель. Клик по видимой\n * части компонента переключает через корневой обработчик.\n *\n * Клавиатура: `Space` переключает значение (Enter — намеренно нет, это нестандартно\n * для чекбоксов). Фокус — на корневом элементе.\n * A11y: `role=\"checkbox\"` + `aria-checked` (`true`/`false`/`mixed`) + `aria-disabled`.\n */\nimport { onMounted, ref, watch } from 'vue'\nimport IconCheck from '~icons/lucide/check'\nimport IconMinus from '~icons/lucide/minus'\n\nexport interface GrCheckboxProps {\n  modelValue?: boolean\n  disabled?: boolean\n  name?: string\n  value?: string\n  required?: boolean\n  form?: string\n  /** Пробрасывается на скрытый нативный `<input>`, чтобы работал `<label for=\"...\">`. */\n  id?: string\n  /** Промежуточное («смешанное») состояние: `aria-checked=\"mixed\"`, индикатор — тире. */\n  indeterminate?: boolean\n}\n\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrCheckboxProps>(), {\n  modelValue: false,\n  disabled: false,\n  name: undefined,\n  value: 'on',\n  required: false,\n  form: undefined,\n  id: undefined,\n  indeterminate: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\n// Держим `.checked` на нативном input синхронно с пропом — `:checked`-биндинг\n// на скрытом элементе иногда отстаёт при программных обновлениях.\nconst nativeInput = ref<HTMLInputElement | null>(null)\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (nativeInput.value && nativeInput.value.checked !== value)\n      nativeInput.value.checked = value\n  },\n)\n\n// `indeterminate` можно выставить только через JS-свойство (не атрибут).\nfunction syncIndeterminate(): void {\n  if (nativeInput.value)\n    nativeInput.value.indeterminate = props.indeterminate\n}\nwatch(() => props.indeterminate, syncIndeterminate)\nonMounted(syncIndeterminate)\n\nfunction setChecked(next: boolean): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', next)\n}\n\nfunction toggle(): void {\n  // Из промежуточного состояния переключаемся во «включено» (стандартное поведение).\n  setChecked(props.indeterminate ? true : !props.modelValue)\n}\n\n// Клик по нативному input (в т.ч. по внешнему `<label for=\"...\">`) уже переключил его\n// `.checked` — берём значение как источник истины и эмитим модель.\nfunction onNativeChange(e: Event): void {\n  setChecked((e.target as HTMLInputElement).checked)\n}\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  const el = target as HTMLElement | null\n  if (!el)\n    return false\n  return !!el.closest('a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]')\n}\n\nfunction onClick(e: MouseEvent): void {\n  if (isInteractiveTarget(e.target))\n    return\n  toggle()\n}\n</script>\n<template>\n  <div\n    data-gr-checkbox\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]\"\n    role=\"checkbox\"\n    :aria-checked=\"indeterminate ? 'mixed' : (modelValue ? 'true' : 'false')\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :class=\"disabled ? 'cursor-not-allowed opacity-70' : 'cursor-pointer'\"\n    @click=\"onClick\"\n    @keydown.space.prevent=\"toggle\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"nativeInput\"\n      type=\"checkbox\"\n      :checked=\"modelValue\"\n      :disabled=\"disabled\"\n      :name=\"name\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n      @change=\"onNativeChange\"\n    >\n    <span\n      data-gr-checkbox-indicator\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150\"\n      :class=\"(modelValue || indeterminate)\n        ? 'border-[var(--gr-primary)] bg-[var(--gr-primary)]'\n        : 'border-[var(--gr-brd)] bg-[var(--gr-bg)]'\"\n    >\n      <IconMinus\n        v-if=\"indeterminate\"\n        class=\"gr-checkbox-icon h-3.5 w-3.5 text-[var(--gr-primary-fg)]\"\n      />\n      <IconCheck\n        v-else\n        class=\"gr-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150\"\n        :class=\"modelValue\n          ? 'opacity-100 scale-100 text-[var(--gr-primary-fg)]'\n          : 'opacity-0 scale-75 text-transparent'\"\n      />\n    </span>\n    <span class=\"text-sm text-[var(--gr-muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,mBAAmB;GACvB,UAAU;GACV,SAAS;GACT,OAAO;GACP,QAAQ;GACR,eAAe;EACjB;EAEA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAMb,MAAM,cAAc,IAA6B,IAAI;EACrD,YACQ,MAAM,aACX,UAAU;GACT,IAAI,YAAY,SAAS,YAAY,MAAM,YAAY,OACrD,YAAY,MAAM,UAAU;EAChC,CACF;EAGA,SAAS,oBAA0B;GACjC,IAAI,YAAY,OACd,YAAY,MAAM,gBAAgB,MAAM;EAC5C;EACA,YAAY,MAAM,eAAe,iBAAiB;EAClD,UAAU,iBAAiB;EAE3B,SAAS,WAAW,MAAqB;GACvC,IAAI,MAAM,UACR;GACF,KAAK,qBAAqB,IAAI;EAChC;EAEA,SAAS,SAAe;GAEtB,WAAW,MAAM,gBAAgB,OAAO,CAAC,MAAM,UAAU;EAC3D;EAIA,SAAS,eAAe,GAAgB;GACtC,WAAY,EAAE,OAA4B,OAAO;EACnD;EAEA,SAAS,oBAAoB,QAAqC;GAChE,MAAM,KAAK;GACX,IAAI,CAAC,IACH,OAAO;GACT,OAAO,CAAC,CAAC,GAAG,QAAQ,wEAAoE;EAC1F;EAEA,SAAS,QAAQ,GAAqB;GACpC,IAAI,oBAAoB,EAAE,MAAM,GAC9B;GACF,OAAO;EACT;;uBAGE,mBAiDM,OAAA;IAhDJ,oBAAA;IACA,OAAK,eAAA,CAAC,4KAKE,QAAA,WAAQ,kCAAA,gBAAA,CAAA;IAJhB,MAAK;IACJ,gBAAc,QAAA,gBAAa,UAAc,QAAA,aAAU,SAAA;IACnD,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,UAAU,QAAA,WAAQ,KAAA;IAEX;IACP,WAAO,SAAA,cAAgB,QAAM,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;;IAE9B,mBAcC,SAAA;KAbE,IAAI,QAAA;cACD;KAAJ,KAAI;KACJ,MAAK;KACJ,SAAS,QAAA;KACT,UAAU,QAAA;KACV,MAAM,QAAA;KACN,OAAO,QAAA;KACP,UAAU,QAAA;KACV,MAAM,QAAA;KACP,UAAS;KACT,eAAY;KACX,OAAO;KACP,UAAQ;;IAEX,mBAmBO,QAAA;KAlBL,8BAAA;KACA,eAAY;KACZ,OAAK,eAAA,CAAC,0FACG,QAAA,cAAc,QAAA,gBAAA,sDAAA,0CAAA,CAAA;QAKf,QAAA,iBAAA,UAAA,GADR,YAGE,MAAA,aAAA,GAAA;;KADA,OAAM;wBAER,YAME,MAAA,aAAA,GAAA;;KAJA,OAAK,eAAA,CAAC,qFACE,QAAA,aAAA,sDAAA,qCAAA,CAAA;;IAKZ,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/GrCheckbox/index.js

@@ -1,3 +1,3 @@
-import { t as GrCheckbox_default } from "./chunks/GrCheckbox-DJhzZZdO.js";
+import { t as GrCheckbox_default } from "./chunks/GrCheckbox-BbIDRXtl.js";
 import { t as grCheckboxConfig } from "../../chunks/config-DICOd-2X.js";
 export { GrCheckbox_default as GrCheckbox, GrCheckbox_default as default, grCheckboxConfig };

package/dist/components/GrCollapse/chunks/{GrCollapse-CPPLh_xU.js → GrCollapse-DApXztn8.js}

@@ -1,4 +1,4 @@
-import { t as GrCard_default } from "../../GrCard/chunks/GrCard-DUNMkuHW.js";
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-CxCjyHMb.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
 import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, inject, markRaw, normalizeClass, openBlock, provide, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/GrCollapse/grCollapseContext.ts
@@ -57,7 +57,7 @@ var GrCollapse_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(GrCard_default), { "data-gr-collapse": "" }, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(__props.divided ? "divide-y divide-[var(--brd)]" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(__props.divided ? "divide-y divide-[var(--gr-brd)]" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
 				_: 3
 			});
 		};
@@ -88,14 +88,14 @@ var chevron_down_default = markRaw({
 //#region src/components/GrCollapse/GrCollapseItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	"data-gr-collapse-item": "",
-	class: "text-[var(--fg)]"
+	class: "text-[var(--gr-fg)]"
 };
 var _hoisted_2 = { class: "m-0" };
 var _hoisted_3 = ["aria-expanded", "disabled"];
 var _hoisted_4 = { class: "min-w-0" };
 var _hoisted_5 = { class: "text-sm font-600" };
 var _hoisted_6 = { class: "overflow-hidden" };
-var _hoisted_7 = { class: "px-4 pb-4 text-sm text-[var(--muted-fg)]" };
+var _hoisted_7 = { class: "px-4 pb-4 text-sm text-[var(--gr-muted-fg)]" };
 //#endregion
 //#region src/components/GrCollapse/GrCollapseItem.vue
 var GrCollapseItem_default = /* @__PURE__ */ defineComponent({
@@ -181,14 +181,14 @@ var GrCollapseItem_default = /* @__PURE__ */ defineComponent({
 				"aria-expanded": expanded.value ? "true" : "false",
 				"aria-controls": panelId,
 				disabled: resolvedDisabled.value,
-				class: normalizeClass(["w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed", resolvedDisabled.value ? "" : "hover:bg-[var(--muted)]"]),
+				class: normalizeClass(["w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:opacity-50 disabled:cursor-not-allowed", resolvedDisabled.value ? "" : "hover:bg-[var(--gr-muted)]"]),
 				onClick: onToggle,
 				onKeydown
 			}, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_5, toDisplayString(__props.title), 1)])]), createVNode(unref(GrIcon_default), {
 				size: "sm",
 				"aria-hidden": "true",
 				"data-gr-collapse-chevron": "",
-				class: normalizeClass(["shrink-0 transition-transform duration-150 text-[var(--muted-fg)]", expanded.value ? "rotate-180" : ""])
+				class: normalizeClass(["shrink-0 transition-transform duration-150 text-[var(--gr-muted-fg)]", expanded.value ? "rotate-180" : ""])
 			}, {
 				default: withCtx(() => [createVNode(unref(chevron_down_default))]),
 				_: 1