@feugene/granularity 0.36.0 → 0.37.0

package/dist/components/GrRadioGroup/chunks/{GrRadioGroup-y9LVdTWh.js.map → GrRadioGroup-UgitrBFl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrRadioGroup-y9LVdTWh.js","names":["$slots"],"sources":["../../../../src/components/GrRadioGroup/GrRadioGroup.vue","../../../../src/components/GrRadioGroup/GrRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, provide, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio/grRadioGroupContext'\nimport type { GrRadioEntry, GrRadioValue } from '../GrRadio/grRadioGroupContext'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport type GrRadioGroupOrientation = 'vertical' | 'horizontal'\nexport interface GrRadioGroupOption {\n  value: GrRadioValue\n  label: string\n  /** Отключить одну опцию, не переходя на слот. */\n  disabled?: boolean\n  /** Пояснение под подписью. Рисуется только в варианте `radiobox`. */\n  description?: string\n}\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: GrRadioValue\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  variant?: GrRadioGroupVariant\n  /**\n   * Раскладка варианта `radiobox`. Кнопочный вариант всегда горизонтальный —\n   * его собирает `GrButtonGroup`.\n   */\n  orientation?: GrRadioGroupOrientation\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nexport interface GrRadioGroupEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n  (e: 'change', value: GrRadioValue): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  variant: 'radiobox',\n  orientation: 'vertical',\n  size: undefined,\n  ariaLabel: undefined,\n})\n\n// Эффективный размер группы: локальный проп → `GrConfigProvider` → `md`.\n// Дочерние `GrRadio` получают уже разрешённое значение через контекст, поэтому\n// провайдер работает и для них — без второго чтения конфига.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrRadioGroup' })\n\n// Контекст `GrFormField`. Группа — не labelable-элемент, поэтому имя приходит\n// через `aria-labelledby` на подпись поля, а не через `<label for>`.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\n\nconst emit = defineEmits<GrRadioGroupEmits>()\ndefineSlots<{\n  /** Собственная разметка переключателей вместо генерации из `options`. */\n  default?: () => any\n}>()\n\nfunction setValue(next: GrRadioValue): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nconst listClass = computed(() => (props.orientation === 'horizontal'\n  ? 'flex flex-wrap items-start gap-x-6 gap-y-2'\n  : 'grid gap-2'))\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Фокус ходит между радиокнопками: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\n\nconst entries = ref<GrRadioEntry[]>([])\n\nfunction register(entry: GrRadioEntry): () => void {\n  entries.value.push(entry)\n  return () => {\n    const index = entries.value.indexOf(entry)\n    if (index >= 0)\n      entries.value.splice(index, 1)\n  }\n}\n\nfunction entryOf(value: GrRadioValue): GrRadioEntry | undefined {\n  return entries.value.find(entry => entry.value() === value)\n}\n\n/**\n * Кольцо roving-фокуса. Живёт в группе, а не в переключателе: состав знает\n * только она. Обе оси работают всегда — требование паттерна `radiogroup`,\n * стрелки зациклены, выключенные перешагиваются.\n */\nconst roving = useRovingFocus<GrRadioValue>({\n  items: () => entries.value.map(entry => entry.value()),\n  elementFor: value => entryOf(value)?.el() ?? null,\n  isDisabled: value => entryOf(value)?.disabled() ?? true,\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  // Выбранное значение держит остановку `Tab` — но только пока переключатель\n  // доступен: на выключенном `GrRadio` ставит `tabindex=\"-1\"` сам, и остановка\n  // на нём означала бы, что `Tab` не приводит никуда.\n  initialKey: () => {\n    const entry = entryOf(props.modelValue)\n    return entry && !entry.disabled() ? props.modelValue : undefined\n  },\n  // В `radiogroup` стрелка переносит выбор, а не только фокус.\n  onMove: value => setValue(value),\n  // Выбор меняет разметку: фокус ставим по перерисовке, иначе следующая\n  // стрелка отсчитывалась бы от прежнего элемента.\n  beforeFocus: () => nextTick(),\n})\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый элемент. */\nfunction rovingElement(): HTMLElement | null {\n  const value = roving.rovingKey.value\n  return value === undefined ? null : entryOf(value)?.el() ?? null\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => isDisabled.value),\n  readonly: isReadonly,\n  invalid: isInvalid,\n  size: resolvedSize,\n  setValue,\n  register,\n  rovingValue: roving.rovingKey,\n  handleNavigationKeys: roving.handleNavigationKeys,\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootEl\"\n    data-gr-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n          variant=\"button\"\n          :size=\"resolvedSize\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        >\n          {{ opt.label }}\n\n          <template v-if=\"opt.description\" #description>\n            {{ opt.description }}\n          </template>\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, provide, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio/grRadioGroupContext'\nimport type { GrRadioEntry, GrRadioValue } from '../GrRadio/grRadioGroupContext'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport type GrRadioGroupOrientation = 'vertical' | 'horizontal'\nexport interface GrRadioGroupOption {\n  value: GrRadioValue\n  label: string\n  /** Отключить одну опцию, не переходя на слот. */\n  disabled?: boolean\n  /** Пояснение под подписью. Рисуется только в варианте `radiobox`. */\n  description?: string\n}\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: GrRadioValue\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  variant?: GrRadioGroupVariant\n  /**\n   * Раскладка варианта `radiobox`. Кнопочный вариант всегда горизонтальный —\n   * его собирает `GrButtonGroup`.\n   */\n  orientation?: GrRadioGroupOrientation\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nexport interface GrRadioGroupEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n  (e: 'change', value: GrRadioValue): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  variant: 'radiobox',\n  orientation: 'vertical',\n  size: undefined,\n  ariaLabel: undefined,\n})\n\n// Эффективный размер группы: локальный проп → `GrConfigProvider` → `md`.\n// Дочерние `GrRadio` получают уже разрешённое значение через контекст, поэтому\n// провайдер работает и для них — без второго чтения конфига.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrRadioGroup' })\n\n// Контекст `GrFormField`. Группа — не labelable-элемент, поэтому имя приходит\n// через `aria-labelledby` на подпись поля, а не через `<label for>`.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\n\nconst emit = defineEmits<GrRadioGroupEmits>()\ndefineSlots<{\n  /** Собственная разметка переключателей вместо генерации из `options`. */\n  default?: () => any\n}>()\n\nfunction setValue(next: GrRadioValue): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nconst listClass = computed(() => (props.orientation === 'horizontal'\n  ? 'flex flex-wrap items-start gap-x-6 gap-y-2'\n  : 'grid gap-2'))\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Фокус ходит между радиокнопками: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\n\nconst entries = ref<GrRadioEntry[]>([])\n\nfunction register(entry: GrRadioEntry): () => void {\n  entries.value.push(entry)\n  return () => {\n    const index = entries.value.indexOf(entry)\n    if (index >= 0)\n      entries.value.splice(index, 1)\n  }\n}\n\nfunction entryOf(value: GrRadioValue): GrRadioEntry | undefined {\n  return entries.value.find(entry => entry.value() === value)\n}\n\n/**\n * Кольцо roving-фокуса. Живёт в группе, а не в переключателе: состав знает\n * только она. Обе оси работают всегда — требование паттерна `radiogroup`,\n * стрелки зациклены, выключенные перешагиваются.\n */\nconst roving = useRovingFocus<GrRadioValue>({\n  items: () => entries.value.map(entry => entry.value()),\n  elementFor: value => entryOf(value)?.el() ?? null,\n  isDisabled: value => entryOf(value)?.disabled() ?? true,\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  // Выбранное значение держит остановку `Tab` — но только пока переключатель\n  // доступен: на выключенном `GrRadio` ставит `tabindex=\"-1\"` сам, и остановка\n  // на нём означала бы, что `Tab` не приводит никуда.\n  initialKey: () => {\n    const entry = entryOf(props.modelValue)\n    return entry && !entry.disabled() ? props.modelValue : undefined\n  },\n  // В `radiogroup` стрелка переносит выбор, а не только фокус.\n  onMove: value => setValue(value),\n  // Выбор меняет разметку: фокус ставим по перерисовке, иначе следующая\n  // стрелка отсчитывалась бы от прежнего элемента.\n  beforeFocus: () => nextTick(),\n})\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый элемент. */\nfunction rovingElement(): HTMLElement | null {\n  const value = roving.rovingKey.value\n  return value === undefined ? null : entryOf(value)?.el() ?? null\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => isDisabled.value),\n  readonly: isReadonly,\n  invalid: isInvalid,\n  size: resolvedSize,\n  setValue,\n  register,\n  rovingValue: roving.rovingKey,\n  handleNavigationKeys: roving.handleNavigationKeys,\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootEl\"\n    data-gr-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n          variant=\"button\"\n          :size=\"resolvedSize\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        >\n          {{ opt.label }}\n\n          <template v-if=\"opt.description\" #description>\n            {{ opt.description }}\n          </template>\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrRadioGroup-UgitrBFl.js","names":["$slots"],"sources":["../../../../src/components/GrRadioGroup/GrRadioGroup.vue","../../../../src/components/GrRadioGroup/GrRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, provide, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio/grRadioGroupContext'\nimport type { GrRadioEntry, GrRadioValue } from '../GrRadio/grRadioGroupContext'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport type GrRadioGroupOrientation = 'vertical' | 'horizontal'\nexport interface GrRadioGroupOption {\n  value: GrRadioValue\n  label: string\n  /** Отключить одну опцию, не переходя на слот. */\n  disabled?: boolean\n  /** Пояснение под подписью. Рисуется только в варианте `radiobox`. */\n  description?: string\n}\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: GrRadioValue\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  variant?: GrRadioGroupVariant\n  /**\n   * Раскладка варианта `radiobox`. Кнопочный вариант всегда горизонтальный —\n   * его собирает `GrButtonGroup`.\n   */\n  orientation?: GrRadioGroupOrientation\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nexport interface GrRadioGroupEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n  (e: 'change', value: GrRadioValue): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  variant: 'radiobox',\n  orientation: 'vertical',\n  size: undefined,\n  ariaLabel: undefined,\n})\n\n// Эффективный размер группы: локальный проп → `GrConfigProvider` → `md`.\n// Дочерние `GrRadio` получают уже разрешённое значение через контекст, поэтому\n// провайдер работает и для них — без второго чтения конфига.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrRadioGroup' })\n\n// Контекст `GrFormField`. Группа — не labelable-элемент, поэтому имя приходит\n// через `aria-labelledby` на подпись поля, а не через `<label for>`.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\n\nconst emit = defineEmits<GrRadioGroupEmits>()\ndefineSlots<{\n  /** Собственная разметка переключателей вместо генерации из `options`. */\n  default?: () => any\n}>()\n\nfunction setValue(next: GrRadioValue): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nconst listClass = computed(() => (props.orientation === 'horizontal'\n  ? 'flex flex-wrap items-start gap-x-6 gap-y-2'\n  : 'grid gap-2'))\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Фокус ходит между радиокнопками: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\n\nconst entries = ref<GrRadioEntry[]>([])\n\nfunction register(entry: GrRadioEntry): () => void {\n  entries.value.push(entry)\n  return () => {\n    const index = entries.value.indexOf(entry)\n    if (index >= 0)\n      entries.value.splice(index, 1)\n  }\n}\n\nfunction entryOf(value: GrRadioValue): GrRadioEntry | undefined {\n  return entries.value.find(entry => entry.value() === value)\n}\n\n/**\n * Кольцо roving-фокуса. Живёт в группе, а не в переключателе: состав знает\n * только она. Обе оси работают всегда — требование паттерна `radiogroup`,\n * стрелки зациклены, выключенные перешагиваются.\n */\nconst roving = useRovingFocus<GrRadioValue>({\n  items: () => entries.value.map(entry => entry.value()),\n  elementFor: value => entryOf(value)?.el() ?? null,\n  isDisabled: value => entryOf(value)?.disabled() ?? true,\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  // Выбранное значение держит остановку `Tab` — но только пока переключатель\n  // доступен: на выключенном `GrRadio` ставит `tabindex=\"-1\"` сам, и остановка\n  // на нём означала бы, что `Tab` не приводит никуда.\n  initialKey: () => {\n    const entry = entryOf(props.modelValue)\n    return entry && !entry.disabled() ? props.modelValue : undefined\n  },\n  // В `radiogroup` стрелка переносит выбор, а не только фокус.\n  onMove: value => setValue(value),\n  // Выбор меняет разметку: фокус ставим по перерисовке, иначе следующая\n  // стрелка отсчитывалась бы от прежнего элемента.\n  beforeFocus: () => nextTick(),\n})\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый элемент. */\nfunction rovingElement(): HTMLElement | null {\n  const value = roving.rovingKey.value\n  return value === undefined ? null : entryOf(value)?.el() ?? null\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => isDisabled.value),\n  readonly: isReadonly,\n  invalid: isInvalid,\n  size: resolvedSize,\n  setValue,\n  register,\n  rovingValue: roving.rovingKey,\n  handleNavigationKeys: roving.handleNavigationKeys,\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootEl\"\n    data-gr-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n          variant=\"button\"\n          :size=\"resolvedSize\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        >\n          {{ opt.label }}\n\n          <template v-if=\"opt.description\" #description>\n            {{ opt.description }}\n          </template>\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, provide, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio/grRadioGroupContext'\nimport type { GrRadioEntry, GrRadioValue } from '../GrRadio/grRadioGroupContext'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport type GrRadioGroupOrientation = 'vertical' | 'horizontal'\nexport interface GrRadioGroupOption {\n  value: GrRadioValue\n  label: string\n  /** Отключить одну опцию, не переходя на слот. */\n  disabled?: boolean\n  /** Пояснение под подписью. Рисуется только в варианте `radiobox`. */\n  description?: string\n}\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: GrRadioValue\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  variant?: GrRadioGroupVariant\n  /**\n   * Раскладка варианта `radiobox`. Кнопочный вариант всегда горизонтальный —\n   * его собирает `GrButtonGroup`.\n   */\n  orientation?: GrRadioGroupOrientation\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nexport interface GrRadioGroupEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n  (e: 'change', value: GrRadioValue): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  variant: 'radiobox',\n  orientation: 'vertical',\n  size: undefined,\n  ariaLabel: undefined,\n})\n\n// Эффективный размер группы: локальный проп → `GrConfigProvider` → `md`.\n// Дочерние `GrRadio` получают уже разрешённое значение через контекст, поэтому\n// провайдер работает и для них — без второго чтения конфига.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrRadioGroup' })\n\n// Контекст `GrFormField`. Группа — не labelable-элемент, поэтому имя приходит\n// через `aria-labelledby` на подпись поля, а не через `<label for>`.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\n\nconst emit = defineEmits<GrRadioGroupEmits>()\ndefineSlots<{\n  /** Собственная разметка переключателей вместо генерации из `options`. */\n  default?: () => any\n}>()\n\nfunction setValue(next: GrRadioValue): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nconst listClass = computed(() => (props.orientation === 'horizontal'\n  ? 'flex flex-wrap items-start gap-x-6 gap-y-2'\n  : 'grid gap-2'))\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Фокус ходит между радиокнопками: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\n\nconst entries = ref<GrRadioEntry[]>([])\n\nfunction register(entry: GrRadioEntry): () => void {\n  entries.value.push(entry)\n  return () => {\n    const index = entries.value.indexOf(entry)\n    if (index >= 0)\n      entries.value.splice(index, 1)\n  }\n}\n\nfunction entryOf(value: GrRadioValue): GrRadioEntry | undefined {\n  return entries.value.find(entry => entry.value() === value)\n}\n\n/**\n * Кольцо roving-фокуса. Живёт в группе, а не в переключателе: состав знает\n * только она. Обе оси работают всегда — требование паттерна `radiogroup`,\n * стрелки зациклены, выключенные перешагиваются.\n */\nconst roving = useRovingFocus<GrRadioValue>({\n  items: () => entries.value.map(entry => entry.value()),\n  elementFor: value => entryOf(value)?.el() ?? null,\n  isDisabled: value => entryOf(value)?.disabled() ?? true,\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  // Выбранное значение держит остановку `Tab` — но только пока переключатель\n  // доступен: на выключенном `GrRadio` ставит `tabindex=\"-1\"` сам, и остановка\n  // на нём означала бы, что `Tab` не приводит никуда.\n  initialKey: () => {\n    const entry = entryOf(props.modelValue)\n    return entry && !entry.disabled() ? props.modelValue : undefined\n  },\n  // В `radiogroup` стрелка переносит выбор, а не только фокус.\n  onMove: value => setValue(value),\n  // Выбор меняет разметку: фокус ставим по перерисовке, иначе следующая\n  // стрелка отсчитывалась бы от прежнего элемента.\n  beforeFocus: () => nextTick(),\n})\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый элемент. */\nfunction rovingElement(): HTMLElement | null {\n  const value = roving.rovingKey.value\n  return value === undefined ? null : entryOf(value)?.el() ?? null\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => isDisabled.value),\n  readonly: isReadonly,\n  invalid: isInvalid,\n  size: resolvedSize,\n  setValue,\n  register,\n  rovingValue: roving.rovingKey,\n  handleNavigationKeys: roving.handleNavigationKeys,\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootEl\"\n    data-gr-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n          variant=\"button\"\n          :size=\"resolvedSize\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        >\n          {{ opt.label }}\n\n          <template v-if=\"opt.description\" #description>\n            {{ opt.description }}\n          </template>\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrRadioGroup/index.js

@@ -1,3 +1,3 @@
-import { t as GrRadioGroup_default } from "./chunks/GrRadioGroup-y9LVdTWh.js";
+import { t as GrRadioGroup_default } from "./chunks/GrRadioGroup-UgitrBFl.js";
 import { t as grRadioGroupConfig } from "../../chunks/config-QaIc_gRa.js";
 export { GrRadioGroup_default as GrRadioGroup, GrRadioGroup_default as default, grRadioGroupConfig };

package/dist/components/GrRating/chunks/{GrRating-IEiTOdnF.js → GrRating-DTriyyqG.js}

@@ -1,4 +1,4 @@
-import { a as useGrComponentSize } from "../../../chunks/context-CTbuwcYs.js";
+import { a as useGrComponentSize } from "../../../chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "../../../composables/useGrFormControl.js";

package/dist/components/GrRating/chunks/{GrRating-IEiTOdnF.js.map → GrRating-DTriyyqG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrRating-IEiTOdnF.js","names":["$slots"],"sources":["../../../../src/components/GrRating/GrRating.vue","../../../../src/components/GrRating/GrRating.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, type Component } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { iconClass, iconTag } from '../shared/icon'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (Vue-компонент или класс иконки) либо слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /**\n   * Символ вместо встроенной звезды: Vue-компонент либо класс иконки вашей\n   * UnoCSS-сборки (`'i-lucide-heart'` — тогда нужен ваш `presetIcons`,\n   * см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value))\n    return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0)\n    return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText)\n    return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf)\n    return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue)\n    emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value)\n    return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared)\n    emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value)\n    return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null)\n    return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value)\n    return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, type Component } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { iconClass, iconTag } from '../shared/icon'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (Vue-компонент или класс иконки) либо слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /**\n   * Символ вместо встроенной звезды: Vue-компонент либо класс иконки вашей\n   * UnoCSS-сборки (`'i-lucide-heart'` — тогда нужен ваш `presetIcons`,\n   * см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value))\n    return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0)\n    return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText)\n    return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf)\n    return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue)\n    emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value)\n    return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared)\n    emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value)\n    return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null)\n    return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value)\n    return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrRating-DTriyyqG.js","names":["$slots"],"sources":["../../../../src/components/GrRating/GrRating.vue","../../../../src/components/GrRating/GrRating.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, type Component } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { iconClass, iconTag } from '../shared/icon'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (Vue-компонент или класс иконки) либо слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /**\n   * Символ вместо встроенной звезды: Vue-компонент либо класс иконки вашей\n   * UnoCSS-сборки (`'i-lucide-heart'` — тогда нужен ваш `presetIcons`,\n   * см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value))\n    return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0)\n    return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText)\n    return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf)\n    return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue)\n    emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value)\n    return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared)\n    emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value)\n    return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null)\n    return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value)\n    return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, type Component } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { iconClass, iconTag } from '../shared/icon'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (Vue-компонент или класс иконки) либо слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /**\n   * Символ вместо встроенной звезды: Vue-компонент либо класс иконки вашей\n   * UnoCSS-сборки (`'i-lucide-heart'` — тогда нужен ваш `presetIcons`,\n   * см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value))\n    return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0)\n    return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText)\n    return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf)\n    return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue)\n    emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value)\n    return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared)\n    emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value)\n    return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null)\n    return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value)\n    return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrRating/index.js

@@ -1,3 +1,3 @@
 import { n as grRatingSafelist, t as grRatingConfig } from "../../chunks/config-DRbojEzO.js";
-import { t as GrRating_default } from "./chunks/GrRating-IEiTOdnF.js";
+import { t as GrRating_default } from "./chunks/GrRating-DTriyyqG.js";
 export { GrRating_default as GrRating, GrRating_default as default, grRatingConfig, grRatingSafelist };

package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-DMeOWlzj.js → GrResponseErrorBanner-NEEJZ8zi.js}

@@ -1,6 +1,6 @@
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as GrAlert_default } from "../../GrAlert/chunks/GrAlert-FAVf-ksH.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-7GP0zObj.js";
+import { t as GrAlert_default } from "../../GrAlert/chunks/GrAlert-D72y1IEh.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CS4TqMtG.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, withCtx } from "vue";
 //#region src/components/GrResponseErrorBanner/responseError.defaults.ts
 /**