@feugene/granularity 0.18.0 → 0.19.0

package/dist/components/GrRating/chunks/{GrRating-LarIiwJL.js → GrRating-DVFH3lYu.js}

@@ -2,8 +2,9 @@ import { o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.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";
+import { n as iconTag, t as iconClass } from "../../../chunks/icon-Dag2tIMs.js";
 import { a as ratingSymbolClass, i as ratingRootClass, o as ratingTextSizeBySize, r as ratingFillClassByTone, s as ratingVoidClass } from "../../../chunks/config-Baj7Wvx-.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref } from "vue";
 //#region src/components/GrRating/GrRating.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["name", "value"];
 var _hoisted_2 = [
@@ -286,10 +287,10 @@ var GrRating_default = /* @__PURE__ */ defineComponent({
 					}, [renderSlot(_ctx.$slots, "symbol", {
 						index,
 						filled: false
-					}, () => [__props.icon ? (openBlock(), createElementBlock("span", {
+					}, () => [__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(unref(iconTag)(__props.icon)), {
 						key: 0,
-						class: normalizeClass(["block h-full w-full", __props.icon])
-					}, null, 2)) : (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [createElementVNode("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" }, null, -1)])]))])], 2), createElementVNode("span", {
+						class: normalizeClass(["block h-full w-full", unref(iconClass)(__props.icon)])
+					}, null, 8, ["class"])) : (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[1] || (_cache[1] = [createElementVNode("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" }, null, -1)])]))])], 2), createElementVNode("span", {
 						"data-gr-rating-fill": "",
 						class: normalizeClass(["pointer-events-none absolute inset-y-0 left-0 overflow-hidden", unref(ratingFillClassByTone)[__props.tone]]),
 						style: normalizeStyle({ width: `${fillRatio(index) * 100}%` }),
@@ -297,10 +298,10 @@ var GrRating_default = /* @__PURE__ */ defineComponent({
 					}, [createElementVNode("span", { class: normalizeClass(unref(ratingSymbolClass)(unref(resolvedSize))) }, [renderSlot(_ctx.$slots, "symbol", {
 						index,
 						filled: true
-					}, () => [__props.icon ? (openBlock(), createElementBlock("span", {
+					}, () => [__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(unref(iconTag)(__props.icon)), {
 						key: 0,
-						class: normalizeClass(["block h-full w-full", __props.icon])
-					}, null, 2)) : (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[2] || (_cache[2] = [createElementVNode("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" }, null, -1)])]))])], 2)], 6)], 42, _hoisted_3);
+						class: normalizeClass(["block h-full w-full", unref(iconClass)(__props.icon)])
+					}, null, 8, ["class"])) : (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[2] || (_cache[2] = [createElementVNode("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" }, null, -1)])]))])], 2)], 6)], 42, _hoisted_3);
 				}), 128))], 42, _hoisted_2),
 				__props.showText || _ctx.$slots.text ? (openBlock(), createElementBlock("span", {
 					key: 1,

package/dist/components/GrRating/chunks/GrRating-DVFH3lYu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrRating-DVFH3lYu.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\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, required: isRequired, readonly: isReadonly } = 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)) 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) 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) 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) 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) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value) return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared) 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) return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null) return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value) 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\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, required: isRequired, readonly: isReadonly } = 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)) 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) 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) 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) 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) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value) return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared) 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) return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null) return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value) 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-Baj7Wvx-.js";
-import { t as GrRating_default } from "./chunks/GrRating-LarIiwJL.js";
+import { t as GrRating_default } from "./chunks/GrRating-DVFH3lYu.js";
 export { GrRating_default as GrRating, GrRating_default as default, grRatingConfig, grRatingSafelist };

package/dist/components/GrSelect/chunks/{GrSelect-DAdu044K.js → GrSelect-B-Voni7D.js}

@@ -1,8 +1,10 @@
+import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
 import { a as useGrComponentProp, c as useGrThemeAttrs, o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as usePortalTarget } from "../../../chunks/usePortalTarget-RyzEgNTb.js";
+import { t as usePortalTarget } from "../../../chunks/usePortalTarget-Cn-Wiz5d.js";
 import { vClickOutside } from "../../../directives/clickOutside.js";
 import { r as isComposingEvent } from "../../../chunks/keyboard-DE2yhz_b.js";
+import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
 import { useFloating } from "../../../composables/useFloating.js";
 import { useDismissible } from "../../../composables/useDismissible.js";
 import { useVirtualList } from "../../../composables/useVirtualList.js";
@@ -15,6 +17,8 @@ import { a as resolveSelectedOptions, i as normalizeOptionQuery, n as matchesOpt
 import { t as useControlAddons } from "../../../chunks/useControlAddons-asUr10Pf.js";
 import { t as GrBadge_default } from "../../GrBadge/chunks/GrBadge-B1tgqfGQ.js";
 import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
+import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";
+import { t as chevron_down_default } from "../../../chunks/chevron-down-CQS2OG_s.js";
 import { t as GrInput_default } from "../../GrInput/chunks/GrInput-2wd7Crs0.js";
 import { c as grSelectNativeClass, d as grSelectTriggerClass, i as grSelectLinkNativeLabelClass, l as grSelectOptionClass, n as defaultBaseClass, p as linkBaseClass, s as grSelectLinkNativeOverlayClass, u as grSelectPanelClasses } from "../../../chunks/grSelectStyles-eTz4uPMP.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
@@ -540,30 +544,34 @@ var _hoisted_11 = {
 	class: "shrink-0 h-4 w-6",
 	"aria-hidden": "true"
 };
-var _hoisted_12 = { class: "inline-flex max-w-full items-center gap-1 align-middle" };
-var _hoisted_13 = { class: "truncate" };
-var _hoisted_14 = ["aria-label", "onClick"];
-var _hoisted_15 = ["disabled", "aria-label"];
-var _hoisted_16 = {
+var _hoisted_12 = {
+	"data-testid": "gr-select-chevron",
+	class: "shrink-0 flex items-center text-[var(--gr-muted-fg)] pointer-events-none"
+};
+var _hoisted_13 = { class: "inline-flex max-w-full items-center gap-1 align-middle" };
+var _hoisted_14 = { class: "truncate" };
+var _hoisted_15 = ["aria-label", "onClick"];
+var _hoisted_16 = ["disabled", "aria-label"];
+var _hoisted_17 = {
 	key: 0,
 	class: "p-2 border-b border-[var(--gr-brd)]"
 };
-var _hoisted_17 = {
+var _hoisted_18 = {
 	key: 1,
 	"data-gr-select-loading": "",
 	class: "flex items-center justify-center gap-2 px-3 py-4 text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]",
 	role: "status",
 	"aria-live": "polite"
 };
-var _hoisted_18 = [
+var _hoisted_19 = [
 	"id",
 	"data-gr-virtual",
 	"aria-multiselectable"
 ];
-var _hoisted_19 = ["id"];
-var _hoisted_20 = ["aria-labelledby", "aria-label"];
-var _hoisted_21 = ["id"];
-var _hoisted_22 = [
+var _hoisted_20 = ["id"];
+var _hoisted_21 = ["aria-labelledby", "aria-label"];
+var _hoisted_22 = ["id"];
+var _hoisted_23 = [
 	"id",
 	"disabled",
 	"aria-selected",
@@ -571,9 +579,13 @@ var _hoisted_22 = [
 	"onClick",
 	"onMousemove"
 ];
-var _hoisted_23 = { class: "flex items-center gap-2 min-w-0" };
-var _hoisted_24 = { class: "truncate" };
-var _hoisted_25 = [
+var _hoisted_24 = { class: "flex items-center gap-2 min-w-0" };
+var _hoisted_25 = {
+	class: "inline-block h-4 w-4 shrink-0",
+	"aria-hidden": "true"
+};
+var _hoisted_26 = { class: "truncate" };
+var _hoisted_27 = [
 	"id",
 	"disabled",
 	"aria-selected",
@@ -581,9 +593,13 @@ var _hoisted_25 = [
 	"onClick",
 	"onMousemove"
 ];
-var _hoisted_26 = { class: "flex items-center gap-2 min-w-0" };
-var _hoisted_27 = { class: "truncate" };
-var _hoisted_28 = {
+var _hoisted_28 = { class: "flex items-center gap-2 min-w-0" };
+var _hoisted_29 = {
+	class: "inline-block h-4 w-4 shrink-0",
+	"aria-hidden": "true"
+};
+var _hoisted_30 = { class: "truncate" };
+var _hoisted_31 = {
 	key: 3,
 	"data-gr-select-empty": "",
 	class: "px-3 py-4 text-center text-[length:var(--gr-text-sm)] text-[var(--gr-muted-fg)]",
@@ -1066,10 +1082,10 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					"aria-hidden": "true",
 					class: normalizeClass(linkNativeLabelClassName.value)
 				}, toDisplayString(linkNativeDisplayText.value), 3)) : createCommentVNode("", true),
-				showNativeChevron.value ? (openBlock(), createElementBlock("span", _hoisted_7, [..._cache[8] || (_cache[8] = [createElementVNode("span", {
-					class: "i-lucide-chevron-down block h-4 w-4",
+				showNativeChevron.value ? (openBlock(), createElementBlock("span", _hoisted_7, [createVNode(unref(chevron_down_default), {
+					class: "block h-4 w-4",
 					"aria-hidden": "true"
-				}, null, -1)])])) : createCommentVNode("", true)
+				})])) : createCommentVNode("", true)
 			], 34)) : withDirectives((openBlock(), createElementBlock("div", {
 				key: 1,
 				ref_key: "rootEl",
@@ -1134,13 +1150,10 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 						"aria-hidden": "true"
 					}, [renderSlot(_ctx.$slots, "suffix", {}, void 0, true)], 4)) : createCommentVNode("", true),
 					panelClearVisible.value ? (openBlock(), createElementBlock("span", _hoisted_11)) : createCommentVNode("", true),
-					_cache[9] || (_cache[9] = createElementVNode("span", {
-						"data-testid": "gr-select-chevron",
-						class: "shrink-0 flex items-center text-[var(--gr-muted-fg)] pointer-events-none"
-					}, [createElementVNode("span", {
-						class: "i-lucide-chevron-down block h-4 w-4",
+					createElementVNode("span", _hoisted_12, [createVNode(unref(chevron_down_default), {
+						class: "block h-4 w-4",
 						"aria-hidden": "true"
-					})], -1))
+					})])
 				], 42, _hoisted_9),
 				showTags.value && unref(hasSelection) ? (openBlock(), createElementBlock("div", {
 					key: 1,
@@ -1157,17 +1170,17 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 						size: __props.tagSize,
 						radius: __props.tagRadius
 					}, {
-						default: withCtx(() => [createElementVNode("span", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(opt.label), 1), !unref(isDisabled) && !unref(isReadonly) ? (openBlock(), createElementBlock("button", {
+						default: withCtx(() => [createElementVNode("span", _hoisted_13, [createElementVNode("span", _hoisted_14, toDisplayString(opt.label), 1), !unref(isDisabled) && !unref(isReadonly) ? (openBlock(), createElementBlock("button", {
 							key: 0,
 							"data-gr-select-tag-remove": "",
 							type: "button",
 							"aria-label": tagRemoveLabel(opt),
 							class: "inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-[var(--gr-radius-xs)] text-current focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]",
 							onClick: withModifiers(($event) => removeValue(opt.value), ["stop"])
-						}, [..._cache[10] || (_cache[10] = [createElementVNode("span", {
-							class: "i-lucide-x block h-3 w-3",
+						}, [createVNode(unref(x_default), {
+							class: "block h-3 w-3",
 							"aria-hidden": "true"
-						}, null, -1)])], 8, _hoisted_14)) : createCommentVNode("", true)])]),
+						})], 8, _hoisted_15)) : createCommentVNode("", true)])]),
 						_: 2
 					}, 1032, [
 						"tone",
@@ -1201,10 +1214,10 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					disabled: unref(isDisabled),
 					"aria-label": resolvedClearLabel.value,
 					onClick: withModifiers(clearSelection, ["stop"])
-				}, [..._cache[11] || (_cache[11] = [createElementVNode("span", {
-					class: "i-lucide-x inline-block h-4 w-4",
+				}, [createVNode(unref(x_default), {
+					class: "inline-block h-4 w-4",
 					"aria-hidden": "true"
-				}, null, -1)])], 8, _hoisted_15)) : createCommentVNode("", true),
+				})], 8, _hoisted_16)) : createCommentVNode("", true),
 				(openBlock(), createBlock(Teleport, {
 					to: unref(portalTarget),
 					disabled: !unref(teleportEnabled)
@@ -1225,7 +1238,7 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 						"data-gr-overlay-root": "",
 						style: unref(floatingStyle)
 					}), [createElementVNode("div", { class: normalizeClass(panelClasses.value) }, [
-						showSearchInput.value ? (openBlock(), createElementBlock("div", _hoisted_16, [createVNode(GrInput_default, {
+						showSearchInput.value ? (openBlock(), createElementBlock("div", _hoisted_17, [createVNode(GrInput_default, {
 							ref_key: "customInputRef",
 							ref: customInputRef,
 							modelValue: customValue.value,
@@ -1251,10 +1264,10 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 							"loading",
 							"onKeydown"
 						])])) : createCommentVNode("", true),
-						__props.loading ? (openBlock(), createElementBlock("div", _hoisted_17, [renderSlot(_ctx.$slots, "loading", {}, () => [_cache[12] || (_cache[12] = createElementVNode("span", {
-							class: "i-lucide-loader-circle block h-4 w-4 animate-spin",
+						__props.loading ? (openBlock(), createElementBlock("div", _hoisted_18, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(unref(loader_circle_default), {
+							class: "block h-4 w-4 animate-spin",
 							"aria-hidden": "true"
-						}, null, -1)), createElementVNode("span", null, toDisplayString(resolvedLoadingText.value), 1)], true)])) : (openBlock(), createElementBlock("div", {
+						}), createElementVNode("span", null, toDisplayString(resolvedLoadingText.value), 1)], true)])) : (openBlock(), createElementBlock("div", {
 							key: 2,
 							id: unref(listboxId),
 							ref_key: "listboxEl",
@@ -1283,7 +1296,7 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 							onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["prevent"])),
 							onClick: addCustom,
 							onMousemove: _cache[5] || (_cache[5] = ($event) => activeIndex.value = 0)
-						}), toDisplayString(unref(t)("gr.select.addOption", "Add \"{value}\"", { value: customValue.value.trim() })), 17, _hoisted_19)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(renderedPanelRows), (row) => {
+						}), toDisplayString(unref(t)("gr.select.addOption", "Add \"{value}\"", { value: customValue.value.trim() })), 17, _hoisted_20)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(renderedPanelRows), (row) => {
 							return openBlock(), createElementBlock(Fragment, { key: row.key }, [row.kind === "group" ? (openBlock(), createElementBlock("div", {
 								key: 0,
 								"data-gr-select-group": "",
@@ -1299,7 +1312,7 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 								"data-gr-select-group-label": "",
 								role: "presentation",
 								class: normalizeClass(["px-3 pt-2 pb-1 text-[length:var(--gr-text-xs)] font-semibold uppercase tracking-wide text-[var(--gr-muted-fg)]", [__props.view === "link" ? "block min-w-full w-max whitespace-nowrap" : ""]])
-							}, toDisplayString(row.label), 11, _hoisted_21)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(row.options, (child) => {
+							}, toDisplayString(row.label), 11, _hoisted_22)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(row.options, (child) => {
 								return openBlock(), createElementBlock("button", mergeProps({
 									id: optionDomId(child.index),
 									key: child.key,
@@ -1324,11 +1337,11 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 								}), [renderSlot(_ctx.$slots, "option", {
 									option: child.option,
 									selected: isSelected(child.option.value)
-								}, () => [createElementVNode("span", _hoisted_23, [createElementVNode("span", {
-									class: normalizeClass(["inline-block h-4 w-4 shrink-0", isSelected(child.option.value) ? "i-lucide-check text-[var(--gr-primary)]" : ""]),
-									"aria-hidden": "true"
-								}, null, 2), createElementVNode("span", _hoisted_24, toDisplayString(child.option.label), 1)])], true)], 16, _hoisted_22);
-							}), 128))], 10, _hoisted_20)) : (openBlock(), createElementBlock("button", mergeProps({
+								}, () => [createElementVNode("span", _hoisted_24, [createElementVNode("span", _hoisted_25, [isSelected(child.option.value) ? (openBlock(), createBlock(unref(check_default), {
+									key: 0,
+									class: "block h-4 w-4 text-[var(--gr-primary)]"
+								})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_26, toDisplayString(child.option.label), 1)])], true)], 16, _hoisted_23);
+							}), 128))], 10, _hoisted_21)) : (openBlock(), createElementBlock("button", mergeProps({
 								key: 1,
 								id: optionDomId(row.index),
 								ref_for: true,
@@ -1352,12 +1365,12 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 							}), [renderSlot(_ctx.$slots, "option", {
 								option: row.option,
 								selected: isSelected(row.option.value)
-							}, () => [createElementVNode("span", _hoisted_26, [createElementVNode("span", {
-								class: normalizeClass(["inline-block h-4 w-4 shrink-0", isSelected(row.option.value) ? "i-lucide-check text-[var(--gr-primary)]" : ""]),
-								"aria-hidden": "true"
-							}, null, 2), createElementVNode("span", _hoisted_27, toDisplayString(row.option.label), 1)])], true)], 16, _hoisted_25))], 64);
-						}), 128))], 14, _hoisted_18)),
-						!__props.loading && !unref(panelItems).length && !unref(canAddCustom) ? (openBlock(), createElementBlock("div", _hoisted_28, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(resolvedNoResultsText.value), 1)], true)])) : createCommentVNode("", true)
+							}, () => [createElementVNode("span", _hoisted_28, [createElementVNode("span", _hoisted_29, [isSelected(row.option.value) ? (openBlock(), createBlock(unref(check_default), {
+								key: 0,
+								class: "block h-4 w-4 text-[var(--gr-primary)]"
+							})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_30, toDisplayString(row.option.label), 1)])], true)], 16, _hoisted_27))], 64);
+						}), 128))], 14, _hoisted_19)),
+						!__props.loading && !unref(panelItems).length && !unref(canAddCustom) ? (openBlock(), createElementBlock("div", _hoisted_31, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(resolvedNoResultsText.value), 1)], true)])) : createCommentVNode("", true)
 					], 2)], 16), [[vShow, unref(open)]])]),
 					_: 3
 				})], 8, ["to", "disabled"]))
@@ -1368,6 +1381,6 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6566dcb5"]]);
+}), [["__scopeId", "data-v-69cc3e0a"]]);
 //#endregion
 export { GrSelect_default as t };