@feugene/granularity 0.12.0 → 0.16.0

package/dist/components/GrPromptDialog/chunks/GrPromptDialog-Ct174NVD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrPromptDialog-Ct174NVD.js","names":[],"sources":["../../../../src/components/GrPromptDialog/GrPromptDialog.vue","../../../../src/components/GrPromptDialog/GrPromptDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrPromptDialog — GR-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n *\n * Проверки сверх `required` описываются пропом `rules` — тем же движком, что и\n * у `GrForm`: третий частный случай валидации в пакете заводить незачем.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTextarea from '../GrTextarea/GrTextarea.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Именованные импорты чистых функций: разметки не тянут, поэтому в\n// `config.dependencies` не объявляются (см. правило про зависимости).\nimport { createGrFormMessageResolver, rulesForTrigger, runFieldRules } from '../GrForm/validation'\nimport type { GrFormRule, GrFormTrigger } from '../GrForm/validation'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\n/**\n * Тип поля выводим из самого `GrInput`, а не заводим ему именованный алиас:\n * алиас в пропе `GrInput` заменил бы в таблице API витрины список допустимых\n * значений на своё имя — документация стала бы беднее ради удобства обёртки.\n */\ntype GrInputType = NonNullable<InstanceType<typeof GrInput>['$props']['type']>\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\nimport type { InputHTMLAttributes } from 'vue'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /** Тип однострочного поля. В многострочном режиме не применяется. */\n  inputType?: GrInputType\n  /** Программная клавиатура на мобильных. */\n  inputmode?: InputHTMLAttributes['inputmode']\n  /** Ограничение длины; со `showCount` рисуется счётчик. */\n  maxlength?: number\n  showCount?: boolean\n  /** Многострочный ввод: вместо `GrInput` рисуется `GrTextarea`. */\n  multiline?: boolean\n  /** Высота многострочного поля в строках. */\n  rows?: number\n  /** Автоподбор высоты многострочного поля под содержимое. */\n  autosize?: boolean\n  /**\n   * Правила проверки значения — те же, что у `GrForm` (`required`, `type`,\n   * `min`/`max`/`len`, `pattern`, свой в т.ч. асинхронный `validator`).\n   * Прогоняются на blur (после первого касания) и на подтверждении.\n   */\n  rules?: GrFormRule | GrFormRule[]\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n   * подтверждение или проверка `rules`. Кнопка закрытия и «Отмена» остаются:\n   * окно без единого выхода — ловушка.\n   */\n  persistent?: boolean\n}\n\nexport interface GrPromptDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  label: undefined,\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  requiredErrorText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  inputType: 'text',\n  inputmode: undefined,\n  maxlength: undefined,\n  showCount: false,\n  multiline: false,\n  rows: undefined,\n  autosize: false,\n  rules: undefined,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n  persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrPromptDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrPromptDialogEmits>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.prompt.title', 'Prompt'))\nconst resolvedLabel = computed(() => props.label ?? t('gr.dialog.prompt.label', 'Value'))\nconst resolvedRequiredErrorText = computed(() => props.requiredErrorText ?? t('gr.dialog.prompt.required', 'Enter a value.'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst textareaRef = ref<InstanceType<typeof GrTextarea> | null>(null)\n\n/** Ошибка последнего прогона `rules`; `required` считается отдельно и мгновенно. */\nconst ruleError = ref<string | undefined>(undefined)\nconst validating = ref(false)\n\n// Сторож устаревших прогонов: асинхронное правило может ответить после того,\n// как значение уже сменилось, и дописать чужую ошибку.\nlet validationRun = 0\n\nwatch(\n  () => props.modelValue,\n  (isOpen) => {\n    if (!isOpen) return\n\n    touched.value = false\n    ruleError.value = undefined\n    validationRun += 1\n  },\n)\n\nconst resolveMessage = createGrFormMessageResolver(t)\n\nconst normalizedRules = computed<GrFormRule[]>(() => {\n  if (!props.rules) return []\n  return Array.isArray(props.rules) ? props.rules : [props.rules]\n})\n\nconst requiredError = computed(() => {\n  if (!props.required) return undefined\n  return valueModel.value.trim().length > 0 ? undefined : resolvedRequiredErrorText.value\n})\n\nconst canConfirm = computed(() => !requiredError.value)\n\nconst validationError = computed(() => {\n  if (!touched.value) return undefined\n  return requiredError.value ?? ruleError.value\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\n/**\n * Прогоняет `rules` для триггера. Возвращает сообщение или `undefined`.\n * `required` здесь не участвует: он синхронный и считается отдельно, чтобы\n * пустое поле блокировало кнопку без похода в асинхронный движок.\n */\nasync function runRules(trigger: GrFormTrigger): Promise<string | undefined> {\n  const rules = rulesForTrigger(normalizedRules.value, trigger)\n  if (!rules.length) return undefined\n\n  const run = ++validationRun\n  validating.value = true\n  try {\n    const message = await runFieldRules(valueModel.value, rules, { value: valueModel.value }, resolveMessage)\n    // Ответ устарел — значение или сам диалог успели смениться.\n    if (run !== validationRun) return undefined\n\n    ruleError.value = message\n    return message\n  }\n  finally {\n    if (run === validationRun) validating.value = false\n  }\n}\n\nfunction onBlur(): void {\n  touched.value = true\n  void runRules('blur')\n}\n\n// Пока подтверждение или проверка в полёте, случайное движение не должно\n// оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && (props.confirmLoading || validating.value))\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction focusField(): void {\n  if (props.multiline) textareaRef.value?.focus()\n  else inputRef.value?.focus()\n}\n\nasync function onConfirm(): Promise<void> {\n  touched.value = true\n\n  if (!canConfirm.value) {\n    focusField()\n    return\n  }\n\n  if (await runRules('submit')) {\n    focusField()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n\n/**\n * `Enter` подтверждает — базовое ожидание от окна, единственный смысл которого\n * ввести одно значение. В многострочном режиме `Enter` остаётся переводом\n * строки, поэтому обработчик висит только на однострочном поле.\n */\nfunction onEnter(): void {\n  void onConfirm()\n}\n\n// Фокус в поле, а не на панель: диалог существует ровно ради ввода.\n//\n// Через `initialFocus` у `GrModal` это не решается: элемент рождается внутри\n// поддерева диалога, и возврат его же пропом наверх замыкает рендер в цикл\n// («Maximum recursive updates» — проверено). Поэтому фокус ставит содержимое,\n// после отрисовки (`flush: 'post'` + кадр), то есть заведомо позже, чем\n// ловушка фокуса `GrModal` переводит фокус на панель.\n// Источник — не только `modelValue`, но и само поле: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n  [() => props.modelValue, inputRef, textareaRef],\n  () => {\n    if (!props.modelValue) return\n    focusField()\n  },\n  // `immediate`: окно могут смонтировать уже открытым — тогда смены пропа не\n  // будет вовсе, и без этого фокус остался бы на панели.\n  { immediate: true, flush: 'post' },\n)\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"resolvedSize\"\n    :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n    :close-on-esc=\"resolvedCloseOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[length:var(--gr-control-text-md)] text-[var(--gr-muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <!-- `id` полю не задаём: `GrFormField` генерирует его сам, а поле читает\n           из контекста. Литеральный id ломал два открытых диалога сразу. -->\n      <GrFormField :label=\"resolvedLabel\" :error=\"fieldErrorMessage\">\n        <GrTextarea\n          v-if=\"multiline\"\n          ref=\"textareaRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :placeholder=\"placeholder\"\n          :rows=\"rows\"\n          :autosize=\"autosize\"\n          :maxlength=\"maxlength\"\n          :show-count=\"showCount\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"onBlur\"\n        />\n        <GrInput\n          v-else\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :type=\"inputType\"\n          :inputmode=\"inputmode\"\n          :placeholder=\"placeholder\"\n          :maxlength=\"maxlength\"\n          :show-count=\"showCount\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"onBlur\"\n          @keydown.enter=\"onEnter\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading || validating\"\n            :disabled=\"confirmDisabled || (touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrPromptDialog — GR-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n *\n * Проверки сверх `required` описываются пропом `rules` — тем же движком, что и\n * у `GrForm`: третий частный случай валидации в пакете заводить незачем.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTextarea from '../GrTextarea/GrTextarea.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Именованные импорты чистых функций: разметки не тянут, поэтому в\n// `config.dependencies` не объявляются (см. правило про зависимости).\nimport { createGrFormMessageResolver, rulesForTrigger, runFieldRules } from '../GrForm/validation'\nimport type { GrFormRule, GrFormTrigger } from '../GrForm/validation'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\n/**\n * Тип поля выводим из самого `GrInput`, а не заводим ему именованный алиас:\n * алиас в пропе `GrInput` заменил бы в таблице API витрины список допустимых\n * значений на своё имя — документация стала бы беднее ради удобства обёртки.\n */\ntype GrInputType = NonNullable<InstanceType<typeof GrInput>['$props']['type']>\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\nimport type { InputHTMLAttributes } from 'vue'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /** Тип однострочного поля. В многострочном режиме не применяется. */\n  inputType?: GrInputType\n  /** Программная клавиатура на мобильных. */\n  inputmode?: InputHTMLAttributes['inputmode']\n  /** Ограничение длины; со `showCount` рисуется счётчик. */\n  maxlength?: number\n  showCount?: boolean\n  /** Многострочный ввод: вместо `GrInput` рисуется `GrTextarea`. */\n  multiline?: boolean\n  /** Высота многострочного поля в строках. */\n  rows?: number\n  /** Автоподбор высоты многострочного поля под содержимое. */\n  autosize?: boolean\n  /**\n   * Правила проверки значения — те же, что у `GrForm` (`required`, `type`,\n   * `min`/`max`/`len`, `pattern`, свой в т.ч. асинхронный `validator`).\n   * Прогоняются на blur (после первого касания) и на подтверждении.\n   */\n  rules?: GrFormRule | GrFormRule[]\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n   * подтверждение или проверка `rules`. Кнопка закрытия и «Отмена» остаются:\n   * окно без единого выхода — ловушка.\n   */\n  persistent?: boolean\n}\n\nexport interface GrPromptDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  label: undefined,\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  requiredErrorText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  inputType: 'text',\n  inputmode: undefined,\n  maxlength: undefined,\n  showCount: false,\n  multiline: false,\n  rows: undefined,\n  autosize: false,\n  rules: undefined,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n  persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrPromptDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrPromptDialogEmits>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.prompt.title', 'Prompt'))\nconst resolvedLabel = computed(() => props.label ?? t('gr.dialog.prompt.label', 'Value'))\nconst resolvedRequiredErrorText = computed(() => props.requiredErrorText ?? t('gr.dialog.prompt.required', 'Enter a value.'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst textareaRef = ref<InstanceType<typeof GrTextarea> | null>(null)\n\n/** Ошибка последнего прогона `rules`; `required` считается отдельно и мгновенно. */\nconst ruleError = ref<string | undefined>(undefined)\nconst validating = ref(false)\n\n// Сторож устаревших прогонов: асинхронное правило может ответить после того,\n// как значение уже сменилось, и дописать чужую ошибку.\nlet validationRun = 0\n\nwatch(\n  () => props.modelValue,\n  (isOpen) => {\n    if (!isOpen) return\n\n    touched.value = false\n    ruleError.value = undefined\n    validationRun += 1\n  },\n)\n\nconst resolveMessage = createGrFormMessageResolver(t)\n\nconst normalizedRules = computed<GrFormRule[]>(() => {\n  if (!props.rules) return []\n  return Array.isArray(props.rules) ? props.rules : [props.rules]\n})\n\nconst requiredError = computed(() => {\n  if (!props.required) return undefined\n  return valueModel.value.trim().length > 0 ? undefined : resolvedRequiredErrorText.value\n})\n\nconst canConfirm = computed(() => !requiredError.value)\n\nconst validationError = computed(() => {\n  if (!touched.value) return undefined\n  return requiredError.value ?? ruleError.value\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\n/**\n * Прогоняет `rules` для триггера. Возвращает сообщение или `undefined`.\n * `required` здесь не участвует: он синхронный и считается отдельно, чтобы\n * пустое поле блокировало кнопку без похода в асинхронный движок.\n */\nasync function runRules(trigger: GrFormTrigger): Promise<string | undefined> {\n  const rules = rulesForTrigger(normalizedRules.value, trigger)\n  if (!rules.length) return undefined\n\n  const run = ++validationRun\n  validating.value = true\n  try {\n    const message = await runFieldRules(valueModel.value, rules, { value: valueModel.value }, resolveMessage)\n    // Ответ устарел — значение или сам диалог успели смениться.\n    if (run !== validationRun) return undefined\n\n    ruleError.value = message\n    return message\n  }\n  finally {\n    if (run === validationRun) validating.value = false\n  }\n}\n\nfunction onBlur(): void {\n  touched.value = true\n  void runRules('blur')\n}\n\n// Пока подтверждение или проверка в полёте, случайное движение не должно\n// оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && (props.confirmLoading || validating.value))\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction focusField(): void {\n  if (props.multiline) textareaRef.value?.focus()\n  else inputRef.value?.focus()\n}\n\nasync function onConfirm(): Promise<void> {\n  touched.value = true\n\n  if (!canConfirm.value) {\n    focusField()\n    return\n  }\n\n  if (await runRules('submit')) {\n    focusField()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n\n/**\n * `Enter` подтверждает — базовое ожидание от окна, единственный смысл которого\n * ввести одно значение. В многострочном режиме `Enter` остаётся переводом\n * строки, поэтому обработчик висит только на однострочном поле.\n */\nfunction onEnter(): void {\n  void onConfirm()\n}\n\n// Фокус в поле, а не на панель: диалог существует ровно ради ввода.\n//\n// Через `initialFocus` у `GrModal` это не решается: элемент рождается внутри\n// поддерева диалога, и возврат его же пропом наверх замыкает рендер в цикл\n// («Maximum recursive updates» — проверено). Поэтому фокус ставит содержимое,\n// после отрисовки (`flush: 'post'` + кадр), то есть заведомо позже, чем\n// ловушка фокуса `GrModal` переводит фокус на панель.\n// Источник — не только `modelValue`, но и само поле: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n  [() => props.modelValue, inputRef, textareaRef],\n  () => {\n    if (!props.modelValue) return\n    focusField()\n  },\n  // `immediate`: окно могут смонтировать уже открытым — тогда смены пропа не\n  // будет вовсе, и без этого фокус остался бы на панели.\n  { immediate: true, flush: 'post' },\n)\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"resolvedSize\"\n    :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n    :close-on-esc=\"resolvedCloseOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[length:var(--gr-control-text-md)] text-[var(--gr-muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <!-- `id` полю не задаём: `GrFormField` генерирует его сам, а поле читает\n           из контекста. Литеральный id ломал два открытых диалога сразу. -->\n      <GrFormField :label=\"resolvedLabel\" :error=\"fieldErrorMessage\">\n        <GrTextarea\n          v-if=\"multiline\"\n          ref=\"textareaRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :placeholder=\"placeholder\"\n          :rows=\"rows\"\n          :autosize=\"autosize\"\n          :maxlength=\"maxlength\"\n          :show-count=\"showCount\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"onBlur\"\n        />\n        <GrInput\n          v-else\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :type=\"inputType\"\n          :inputmode=\"inputmode\"\n          :placeholder=\"placeholder\"\n          :maxlength=\"maxlength\"\n          :show-count=\"showCount\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"onBlur\"\n          @keydown.enter=\"onEnter\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading || validating\"\n            :disabled=\"confirmDisabled || (touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":"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"}

package/dist/components/GrPromptDialog/index.js

@@ -1,3 +1,3 @@
-import { t as GrPromptDialog_default } from "./chunks/GrPromptDialog-C-_BMNuY.js";
-import { t as grPromptDialogConfig } from "../../chunks/config-BUHuGBik.js";
+import { t as GrPromptDialog_default } from "./chunks/GrPromptDialog-Ct174NVD.js";
+import { t as grPromptDialogConfig } from "../../chunks/config-C0Ea9ePP.js";
 export { GrPromptDialog_default as GrPromptDialog, GrPromptDialog_default as default, grPromptDialogConfig };

package/dist/components/GrRadio/chunks/GrRadio-DksDro_U.js

@@ -0,0 +1,277 @@
+import { o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
+import { a as grRadioDescriptionSizes, c as grRadioDotSizes, i as grRadioControlClass, l as grRadioLabelClassFor, o as grRadioDotBaseClass, r as grRadioButtonClass, s as grRadioDotClass, u as grRadioRootClass } from "../../../chunks/config-BqFjr3tN.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, nextTick, normalizeClass, onUnmounted, openBlock, ref, renderSlot, unref, useId, useSlots, withKeys, withModifiers } from "vue";
+//#region src/components/GrRadio/grRadioGroupContext.ts
+var GR_RADIO_GROUP_CONTEXT = Symbol("GR_RADIO_GROUP_CONTEXT");
+//#endregion
+//#region src/components/GrRadio/GrRadio.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-checked",
+	"aria-label",
+	"aria-disabled",
+	"aria-invalid",
+	"aria-required",
+	"data-value",
+	"tabindex",
+	"onKeydown"
+];
+var _hoisted_2 = [
+	"name",
+	"value",
+	"form"
+];
+var _hoisted_3 = [
+	"id",
+	"aria-checked",
+	"aria-label",
+	"aria-disabled",
+	"aria-invalid",
+	"aria-required",
+	"aria-describedby",
+	"data-value",
+	"tabindex",
+	"onKeydown"
+];
+var _hoisted_4 = [
+	"name",
+	"value",
+	"form"
+];
+var _hoisted_5 = { class: "grid gap-0.5" };
+var _hoisted_6 = ["id"];
+//#endregion
+//#region src/components/GrRadio/GrRadio.vue
+var GrRadio_default = /* @__PURE__ */ defineComponent({
+	__name: "GrRadio",
+	props: {
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		name: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: false
+		},
+		form: { default: void 0 },
+		id: { default: void 0 },
+		size: { default: void 0 },
+		variant: { default: "radiobox" },
+		buttonVariant: { default: "outline" },
+		buttonTone: { default: "neutral" },
+		selectedButtonVariant: { default: "primary" },
+		selectedButtonTone: { default: "primary" },
+		ariaLabel: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const group = inject(GR_RADIO_GROUP_CONTEXT, null);
+		const resolvedModelValue = computed(() => {
+			if (props.modelValue !== void 0) return props.modelValue;
+			return group?.modelValue.value ?? "";
+		});
+		const resolvedDisabled = computed(() => {
+			if (props.disabled !== void 0) return props.disabled;
+			return group?.disabled.value ?? false;
+		});
+		const resolvedReadonly = computed(() => group?.readonly.value ?? false);
+		const resolvedInvalid = computed(() => props.invalid || (group?.invalid.value ?? false));
+		const resolvedName = computed(() => {
+			if (props.name) return props.name;
+			return group?.name.value;
+		});
+		const resolvedSize = useGrComponentSize(() => props.size ?? group?.size.value, { component: "GrRadio" });
+		const checked = computed(() => resolvedModelValue.value === props.value);
+		/** В DOM значение живёт строкой: `data-value` и скрытый input иначе не умеют. */
+		const domValue = computed(() => String(props.value));
+		const submitsValue = computed(() => checked.value && !resolvedDisabled.value && Boolean(resolvedName.value));
+		const descriptionId = useId();
+		const hasDescription = computed(() => Boolean(slots.description));
+		const buttonClassName = computed(() => {
+			return grRadioButtonClass({
+				checked: checked.value,
+				disabled: resolvedDisabled.value,
+				readonly: resolvedReadonly.value,
+				size: resolvedSize.value,
+				buttonVariant: props.buttonVariant,
+				buttonTone: props.buttonTone,
+				selectedButtonVariant: props.selectedButtonVariant,
+				selectedButtonTone: props.selectedButtonTone
+			});
+		});
+		const rootClassName = computed(() => grRadioRootClass({
+			disabled: resolvedDisabled.value,
+			readonly: resolvedReadonly.value
+		}));
+		const controlClassName = computed(() => grRadioControlClass({
+			size: resolvedSize.value,
+			checked: checked.value,
+			disabled: resolvedDisabled.value,
+			invalid: resolvedInvalid.value
+		}));
+		const dotClassName = computed(() => grRadioDotClass({
+			checked: checked.value,
+			disabled: resolvedDisabled.value
+		}));
+		const labelClassName = computed(() => grRadioLabelClassFor(resolvedSize.value, checked.value));
+		const dotSizeClassName = computed(() => grRadioDotSizes[resolvedSize.value]);
+		const descriptionClassName = computed(() => grRadioDescriptionSizes[resolvedSize.value]);
+		function setValue(next) {
+			if (resolvedDisabled.value) return;
+			if (props.modelValue !== void 0) {
+				emit("update:modelValue", next);
+				return;
+			}
+			group?.setValue(next);
+		}
+		function onButtonClick() {
+			setValue(props.value);
+		}
+		const rovingTabindex = computed(() => {
+			if (resolvedDisabled.value) return -1;
+			if (!group) return 0;
+			return group.rovingValue.value === props.value ? 0 : -1;
+		});
+		const rootEl = ref(null);
+		/**
+		* Фокус переезжает вслед за выбором — иначе следующая стрелка отсчитывалась бы
+		* от прежнего элемента.
+		*/
+		function focusValue(next) {
+			if (next === void 0) return;
+			nextTick(() => {
+				[...(rootEl.value?.closest("[data-gr-radio-group]"))?.querySelectorAll("[data-gr-radio]") ?? []].find((el) => el.dataset.value === String(next))?.focus();
+			});
+		}
+		function onArrow(direction, event) {
+			if (!group || resolvedDisabled.value) return;
+			event.preventDefault();
+			focusValue(group.moveSelection(props.value, direction));
+		}
+		function onEdge(edge, event) {
+			if (!group || resolvedDisabled.value) return;
+			event.preventDefault();
+			focusValue(group.selectEdge(edge));
+		}
+		const unregister = group?.register({
+			value: () => props.value,
+			disabled: () => resolvedDisabled.value
+		});
+		onUnmounted(() => unregister?.());
+		return (_ctx, _cache) => {
+			return __props.variant === "button" ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: __props.id,
+				ref_key: "rootEl",
+				ref: rootEl,
+				"data-gr-button": "",
+				"data-gr-radio": "",
+				role: "radio",
+				"aria-checked": checked.value ? "true" : "false",
+				"aria-label": __props.ariaLabel,
+				"aria-disabled": resolvedDisabled.value ? "true" : void 0,
+				"aria-invalid": resolvedInvalid.value ? "true" : void 0,
+				"aria-required": __props.required ? "true" : void 0,
+				"data-value": domValue.value,
+				tabindex: rovingTabindex.value,
+				class: normalizeClass(buttonClassName.value),
+				onClick: onButtonClick,
+				onKeydown: [
+					withKeys(withModifiers(onButtonClick, ["prevent"]), ["space"]),
+					withKeys(withModifiers(onButtonClick, ["prevent"]), ["enter"]),
+					_cache[0] || (_cache[0] = withKeys(($event) => onArrow(1, $event), ["down"])),
+					_cache[1] || (_cache[1] = withKeys(($event) => onArrow(1, $event), ["right"])),
+					_cache[2] || (_cache[2] = withKeys(($event) => onArrow(-1, $event), ["up"])),
+					_cache[3] || (_cache[3] = withKeys(($event) => onArrow(-1, $event), ["left"])),
+					_cache[4] || (_cache[4] = withKeys(($event) => onEdge("first", $event), ["home"])),
+					_cache[5] || (_cache[5] = withKeys(($event) => onEdge("last", $event), ["end"]))
+				]
+			}, [submitsValue.value ? (openBlock(), createElementBlock("input", {
+				key: 0,
+				type: "hidden",
+				name: resolvedName.value,
+				value: domValue.value,
+				form: __props.form
+			}, null, 8, _hoisted_2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				id: __props.id,
+				ref_key: "rootEl",
+				ref: rootEl,
+				"data-gr-radio": "",
+				role: "radio",
+				"aria-checked": checked.value ? "true" : "false",
+				"aria-label": __props.ariaLabel,
+				"aria-disabled": resolvedDisabled.value ? "true" : void 0,
+				"aria-invalid": resolvedInvalid.value ? "true" : void 0,
+				"aria-required": __props.required ? "true" : void 0,
+				"aria-describedby": hasDescription.value ? unref(descriptionId) : void 0,
+				"data-value": domValue.value,
+				tabindex: rovingTabindex.value,
+				class: normalizeClass(["inline-flex items-start gap-2 select-none focus-visible:outline-none focus-visible:rounded-[var(--gr-radius-md)] focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]", rootClassName.value]),
+				onClick: onButtonClick,
+				onKeydown: [
+					withKeys(withModifiers(onButtonClick, ["prevent"]), ["space"]),
+					withKeys(withModifiers(onButtonClick, ["prevent"]), ["enter"]),
+					_cache[6] || (_cache[6] = withKeys(($event) => onArrow(1, $event), ["down"])),
+					_cache[7] || (_cache[7] = withKeys(($event) => onArrow(1, $event), ["right"])),
+					_cache[8] || (_cache[8] = withKeys(($event) => onArrow(-1, $event), ["up"])),
+					_cache[9] || (_cache[9] = withKeys(($event) => onArrow(-1, $event), ["left"])),
+					_cache[10] || (_cache[10] = withKeys(($event) => onEdge("first", $event), ["home"])),
+					_cache[11] || (_cache[11] = withKeys(($event) => onEdge("last", $event), ["end"]))
+				]
+			}, [
+				submitsValue.value ? (openBlock(), createElementBlock("input", {
+					key: 0,
+					type: "hidden",
+					name: resolvedName.value,
+					value: domValue.value,
+					form: __props.form
+				}, null, 8, _hoisted_4)) : createCommentVNode("", true),
+				createElementVNode("span", {
+					"data-gr-radio-control": "",
+					"aria-hidden": "true",
+					class: normalizeClass(["mt-0.5 shrink-0 rounded-[var(--gr-radius-full)] border flex items-center justify-center transition-colors duration-[var(--gr-duration-fast)]", controlClassName.value])
+				}, [createElementVNode("span", {
+					"data-gr-radio-dot": "",
+					class: normalizeClass([
+						unref(grRadioDotBaseClass),
+						dotSizeClassName.value,
+						dotClassName.value
+					])
+				}, null, 2)], 2),
+				createElementVNode("span", _hoisted_5, [createElementVNode("span", {
+					"data-gr-radio-label": "",
+					class: normalizeClass(labelClassName.value)
+				}, [renderSlot(_ctx.$slots, "default")], 2), hasDescription.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					id: unref(descriptionId),
+					"data-gr-radio-description": "",
+					class: normalizeClass(descriptionClassName.value)
+				}, [renderSlot(_ctx.$slots, "description")], 10, _hoisted_6)) : createCommentVNode("", true)])
+			], 42, _hoisted_3));
+		};
+	}
+});
+//#endregion
+export { GR_RADIO_GROUP_CONTEXT as n, GrRadio_default as t };

package/dist/components/GrRadio/chunks/GrRadio-DksDro_U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrRadio-DksDro_U.js","names":[],"sources":["../../../../src/components/GrRadio/grRadioGroupContext.ts","../../../../src/components/GrRadio/GrRadio.vue","../../../../src/components/GrRadio/GrRadio.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nimport type { GrButtonSize } from '../GrButton/grButtonStyles'\n\n/**\n * Значение переключателя. Не только строка: перечисления в реальных формах —\n * это id числом или флаг. Объекты сюда намеренно не входят: значение уходит в\n * `data-value` и в скрытый input нативной формы, а значит должно иметь\n * однозначное строковое представление.\n */\nexport type GrRadioValue = string | number | boolean\n\nexport type GrRadioEntry = {\n  value: () => GrRadioValue\n  disabled: () => boolean\n}\n\nexport type GrRadioGroupContext = {\n  modelValue: ComputedRef<GrRadioValue>\n  name: ComputedRef<string | undefined>\n  disabled: ComputedRef<boolean>\n  /**\n   * Только для чтения: выбор видно, но он не меняется. У роли `radio` нет\n   * `aria-readonly` — состояние объявляет сама группа, переключателю остаётся\n   * не прикидываться кликабельным.\n   */\n  readonly: ComputedRef<boolean>\n  /** Ошибка группы: до вида переключателя она доходит только через контекст. */\n  invalid: ComputedRef<boolean>\n  size: ComputedRef<GrButtonSize>\n  setValue: (value: GrRadioValue) => void\n  /**\n   * Регистрация переключателя в группе. Порядок регистрации совпадает с\n   * порядком в документе (setup детей идёт сверху вниз), поэтому группа знает\n   * состав и в slot-режиме, и на сервере — без обхода DOM.\n   */\n  register: (entry: GrRadioEntry) => () => void\n  /**\n   * Значение переключателя, который держит `tabindex=\"0\"`. Roving tabindex\n   * WAI-ARIA: группа — одна остановка Tab, внутрь попадают стрелками. Если не\n   * выбрано ничего, остановкой становится первый доступный переключатель.\n   */\n  rovingValue: ComputedRef<GrRadioValue | undefined>\n  /** Переводит выбор на соседний доступный переключатель (стрелки). */\n  moveSelection: (from: GrRadioValue, direction: 1 | -1) => GrRadioValue | undefined\n  /** Переводит выбор на первый или последний доступный (`Home`/`End`). */\n  selectEdge: (edge: 'first' | 'last') => GrRadioValue | undefined\n}\n\nexport const GR_RADIO_GROUP_CONTEXT: InjectionKey<GrRadioGroupContext> = Symbol('GR_RADIO_GROUP_CONTEXT')\n","<script setup lang=\"ts\">\nimport { computed, inject, nextTick, onUnmounted, ref, useId, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\n\nimport {\n  grRadioButtonClass,\n  grRadioControlClass,\n  grRadioDescriptionSizes,\n  grRadioDotBaseClass,\n  grRadioDotClass,\n  grRadioDotSizes,\n  grRadioLabelClassFor,\n  grRadioRootClass,\n  type GrRadioVariant,\n} from './grRadioStyles'\nimport { GR_RADIO_GROUP_CONTEXT, type GrRadioValue } from './grRadioGroupContext'\n\nexport type { GrRadioValue } from './grRadioGroupContext'\n\n/**\n * GrRadio — одиночный элемент группы выбора.\n *\n * Может работать автономно (через `v-model`) либо внутри `GrRadioGroup`\n * (тогда `modelValue`/`disabled`/`size`/`name`/`invalid` приходят через `inject`).\n *\n * @prop value — значение этого элемента, сравнивается с `modelValue` группы.\n * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `GrButton`).\n *\n * Доступным контролом является сам элемент с `role=\"radio\"`: он держит фокус,\n * `aria-checked` и клавиатуру. Внутрь него ничего интерактивного не вкладывается —\n * `role=\"radio\"` объявляет потомков презентационными, и вложенный native `<input>`\n * (даже скрытый и с `tabindex=\"-1\"`) ломает виджет для скринридеров и падает\n * в axe на `nested-interactive`. Для отправки нативной формой рядом рендерится\n * `input[type=\"hidden\"]` — он не фокусируется и не является интерактивным.\n */\nexport interface GrRadioProps {\n  value: GrRadioValue\n  modelValue?: GrRadioValue\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. Складывается с `invalid` группы. */\n  invalid?: boolean\n  name?: string\n  required?: boolean\n  form?: string\n  id?: string\n  size?: GrButtonSize\n  variant?: GrRadioVariant\n  buttonVariant?: GrButtonVariant\n  buttonTone?: GrButtonTone\n  selectedButtonVariant?: GrButtonVariant\n  selectedButtonTone?: GrButtonTone\n  ariaLabel?: string\n}\n\nexport interface GrRadioEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n}\n\nconst props = withDefaults(defineProps<GrRadioProps>(), {\n  modelValue: undefined,\n  disabled: undefined,\n  invalid: false,\n  name: undefined,\n  required: false,\n  form: undefined,\n  id: undefined,\n  size: undefined,\n  variant: 'radiobox',\n  buttonVariant: 'outline',\n  buttonTone: 'neutral',\n  selectedButtonVariant: 'primary',\n  selectedButtonTone: 'primary',\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrRadioEmits>()\n\nconst slots = useSlots()\nconst group = inject(GR_RADIO_GROUP_CONTEXT, null)\n\nconst resolvedModelValue = computed(() => {\n  if (props.modelValue !== undefined)\n    return props.modelValue\n\n  return group?.modelValue.value ?? ''\n})\n\nconst resolvedDisabled = computed(() => {\n  if (props.disabled !== undefined)\n    return props.disabled\n\n  return group?.disabled.value ?? false\n})\n\nconst resolvedReadonly = computed(() => group?.readonly.value ?? false)\n\n// «Или», а не `??`: ошибку может объявить и группа, и сам переключатель.\nconst resolvedInvalid = computed(() => props.invalid || (group?.invalid.value ?? false))\n\nconst resolvedName = computed(() => {\n  if (props.name)\n    return props.name\n\n  return group?.name.value\n})\n\n// Приоритет: локальный проп → размер группы → `GrConfigProvider` → `md`.\n// Группа специфичнее конфига, поэтому её значение подаётся как «локальное».\nconst resolvedSize = useGrComponentSize(\n  () => props.size ?? group?.size.value,\n  { component: 'GrRadio' },\n)\n\nconst checked = computed(() => resolvedModelValue.value === props.value)\n\n/** В DOM значение живёт строкой: `data-value` и скрытый input иначе не умеют. */\nconst domValue = computed(() => String(props.value))\n\n// Нативная форма получает значение только от выбранного и не-disabled элемента —\n// ровно как поступил бы native radio. Без `name` отправлять нечего.\nconst submitsValue = computed(\n  () => checked.value && !resolvedDisabled.value && Boolean(resolvedName.value),\n)\n\nconst descriptionId = useId()\nconst hasDescription = computed(() => Boolean(slots.description))\n\nconst buttonClassName = computed(() => {\n  return grRadioButtonClass({\n    checked: checked.value,\n    disabled: resolvedDisabled.value,\n    readonly: resolvedReadonly.value,\n    size: resolvedSize.value,\n    buttonVariant: props.buttonVariant,\n    buttonTone: props.buttonTone,\n    selectedButtonVariant: props.selectedButtonVariant,\n    selectedButtonTone: props.selectedButtonTone,\n  })\n})\n\nconst rootClassName = computed(() => grRadioRootClass({\n  disabled: resolvedDisabled.value,\n  readonly: resolvedReadonly.value,\n}))\nconst controlClassName = computed(() => grRadioControlClass({\n  size: resolvedSize.value,\n  checked: checked.value,\n  disabled: resolvedDisabled.value,\n  invalid: resolvedInvalid.value,\n}))\nconst dotClassName = computed(() => grRadioDotClass({\n  checked: checked.value,\n  disabled: resolvedDisabled.value,\n}))\nconst labelClassName = computed(() => grRadioLabelClassFor(resolvedSize.value, checked.value))\nconst dotSizeClassName = computed(() => grRadioDotSizes[resolvedSize.value])\nconst descriptionClassName = computed(() => grRadioDescriptionSizes[resolvedSize.value])\n\nfunction setValue(next: GrRadioValue): void {\n  if (resolvedDisabled.value)\n    return\n\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', next)\n    return\n  }\n\n  group?.setValue(next)\n}\n\nfunction onButtonClick(): void {\n  setValue(props.value)\n}\n\n// Паттерн radiogroup: группа — одна остановка Tab, внутрь попадают стрелками.\n// Вне группы (одиночный `GrRadio`) переключатель остаётся обычной остановкой.\nconst rovingTabindex = computed(() => {\n  if (resolvedDisabled.value) return -1\n  if (!group) return 0\n  return group.rovingValue.value === props.value ? 0 : -1\n})\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n/**\n * Фокус переезжает вслед за выбором — иначе следующая стрелка отсчитывалась бы\n * от прежнего элемента.\n */\nfunction focusValue(next: GrRadioValue | undefined): void {\n  if (next === undefined) return\n\n  void nextTick(() => {\n    const group = rootEl.value?.closest('[data-gr-radio-group]')\n    const target = [...(group?.querySelectorAll<HTMLElement>('[data-gr-radio]') ?? [])]\n      .find(el => el.dataset.value === String(next))\n\n    target?.focus()\n  })\n}\n\nfunction onArrow(direction: 1 | -1, event: KeyboardEvent): void {\n  if (!group || resolvedDisabled.value) return\n\n  event.preventDefault()\n  focusValue(group.moveSelection(props.value, direction))\n}\n\nfunction onEdge(edge: 'first' | 'last', event: KeyboardEvent): void {\n  if (!group || resolvedDisabled.value) return\n\n  event.preventDefault()\n  focusValue(group.selectEdge(edge))\n}\n\nconst unregister = group?.register({\n  value: () => props.value,\n  disabled: () => resolvedDisabled.value,\n})\n\nonUnmounted(() => unregister?.())\n</script>\n\n<template>\n  <div\n    v-if=\"variant === 'button'\"\n    :id=\"id\"\n    ref=\"rootEl\"\n    data-gr-button\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :aria-invalid=\"resolvedInvalid ? 'true' : undefined\"\n    :aria-required=\"required ? 'true' : undefined\"\n    :data-value=\"domValue\"\n    :tabindex=\"rovingTabindex\"\n    :class=\"buttonClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n    @keydown.down=\"onArrow(1, $event)\"\n    @keydown.right=\"onArrow(1, $event)\"\n    @keydown.up=\"onArrow(-1, $event)\"\n    @keydown.left=\"onArrow(-1, $event)\"\n    @keydown.home=\"onEdge('first', $event)\"\n    @keydown.end=\"onEdge('last', $event)\"\n  >\n    <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"domValue\"\n      :form=\"form\"\n    >\n\n    <slot />\n  </div>\n\n  <div\n    v-else\n    :id=\"id\"\n    ref=\"rootEl\"\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :aria-invalid=\"resolvedInvalid ? 'true' : undefined\"\n    :aria-required=\"required ? 'true' : undefined\"\n    :aria-describedby=\"hasDescription ? descriptionId : undefined\"\n    :data-value=\"domValue\"\n    :tabindex=\"rovingTabindex\"\n    class=\"inline-flex items-start gap-2 select-none focus-visible:outline-none focus-visible:rounded-[var(--gr-radius-md)] focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]\"\n    :class=\"rootClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n    @keydown.down=\"onArrow(1, $event)\"\n    @keydown.right=\"onArrow(1, $event)\"\n    @keydown.up=\"onArrow(-1, $event)\"\n    @keydown.left=\"onArrow(-1, $event)\"\n    @keydown.home=\"onEdge('first', $event)\"\n    @keydown.end=\"onEdge('last', $event)\"\n  >\n    <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"domValue\"\n      :form=\"form\"\n    >\n\n    <span\n      data-gr-radio-control\n      aria-hidden=\"true\"\n      class=\"mt-0.5 shrink-0 rounded-[var(--gr-radius-full)] border flex items-center justify-center transition-colors duration-[var(--gr-duration-fast)]\"\n      :class=\"controlClassName\"\n    >\n      <span\n        data-gr-radio-dot\n        :class=\"[grRadioDotBaseClass, dotSizeClassName, dotClassName]\"\n      />\n    </span>\n\n    <span class=\"grid gap-0.5\">\n      <span data-gr-radio-label :class=\"labelClassName\">\n        <slot />\n      </span>\n\n      <span\n        v-if=\"hasDescription\"\n        :id=\"descriptionId\"\n        data-gr-radio-description\n        :class=\"descriptionClassName\"\n      >\n        <slot name=\"description\" />\n      </span>\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, nextTick, onUnmounted, ref, useId, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\n\nimport {\n  grRadioButtonClass,\n  grRadioControlClass,\n  grRadioDescriptionSizes,\n  grRadioDotBaseClass,\n  grRadioDotClass,\n  grRadioDotSizes,\n  grRadioLabelClassFor,\n  grRadioRootClass,\n  type GrRadioVariant,\n} from './grRadioStyles'\nimport { GR_RADIO_GROUP_CONTEXT, type GrRadioValue } from './grRadioGroupContext'\n\nexport type { GrRadioValue } from './grRadioGroupContext'\n\n/**\n * GrRadio — одиночный элемент группы выбора.\n *\n * Может работать автономно (через `v-model`) либо внутри `GrRadioGroup`\n * (тогда `modelValue`/`disabled`/`size`/`name`/`invalid` приходят через `inject`).\n *\n * @prop value — значение этого элемента, сравнивается с `modelValue` группы.\n * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `GrButton`).\n *\n * Доступным контролом является сам элемент с `role=\"radio\"`: он держит фокус,\n * `aria-checked` и клавиатуру. Внутрь него ничего интерактивного не вкладывается —\n * `role=\"radio\"` объявляет потомков презентационными, и вложенный native `<input>`\n * (даже скрытый и с `tabindex=\"-1\"`) ломает виджет для скринридеров и падает\n * в axe на `nested-interactive`. Для отправки нативной формой рядом рендерится\n * `input[type=\"hidden\"]` — он не фокусируется и не является интерактивным.\n */\nexport interface GrRadioProps {\n  value: GrRadioValue\n  modelValue?: GrRadioValue\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. Складывается с `invalid` группы. */\n  invalid?: boolean\n  name?: string\n  required?: boolean\n  form?: string\n  id?: string\n  size?: GrButtonSize\n  variant?: GrRadioVariant\n  buttonVariant?: GrButtonVariant\n  buttonTone?: GrButtonTone\n  selectedButtonVariant?: GrButtonVariant\n  selectedButtonTone?: GrButtonTone\n  ariaLabel?: string\n}\n\nexport interface GrRadioEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n}\n\nconst props = withDefaults(defineProps<GrRadioProps>(), {\n  modelValue: undefined,\n  disabled: undefined,\n  invalid: false,\n  name: undefined,\n  required: false,\n  form: undefined,\n  id: undefined,\n  size: undefined,\n  variant: 'radiobox',\n  buttonVariant: 'outline',\n  buttonTone: 'neutral',\n  selectedButtonVariant: 'primary',\n  selectedButtonTone: 'primary',\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrRadioEmits>()\n\nconst slots = useSlots()\nconst group = inject(GR_RADIO_GROUP_CONTEXT, null)\n\nconst resolvedModelValue = computed(() => {\n  if (props.modelValue !== undefined)\n    return props.modelValue\n\n  return group?.modelValue.value ?? ''\n})\n\nconst resolvedDisabled = computed(() => {\n  if (props.disabled !== undefined)\n    return props.disabled\n\n  return group?.disabled.value ?? false\n})\n\nconst resolvedReadonly = computed(() => group?.readonly.value ?? false)\n\n// «Или», а не `??`: ошибку может объявить и группа, и сам переключатель.\nconst resolvedInvalid = computed(() => props.invalid || (group?.invalid.value ?? false))\n\nconst resolvedName = computed(() => {\n  if (props.name)\n    return props.name\n\n  return group?.name.value\n})\n\n// Приоритет: локальный проп → размер группы → `GrConfigProvider` → `md`.\n// Группа специфичнее конфига, поэтому её значение подаётся как «локальное».\nconst resolvedSize = useGrComponentSize(\n  () => props.size ?? group?.size.value,\n  { component: 'GrRadio' },\n)\n\nconst checked = computed(() => resolvedModelValue.value === props.value)\n\n/** В DOM значение живёт строкой: `data-value` и скрытый input иначе не умеют. */\nconst domValue = computed(() => String(props.value))\n\n// Нативная форма получает значение только от выбранного и не-disabled элемента —\n// ровно как поступил бы native radio. Без `name` отправлять нечего.\nconst submitsValue = computed(\n  () => checked.value && !resolvedDisabled.value && Boolean(resolvedName.value),\n)\n\nconst descriptionId = useId()\nconst hasDescription = computed(() => Boolean(slots.description))\n\nconst buttonClassName = computed(() => {\n  return grRadioButtonClass({\n    checked: checked.value,\n    disabled: resolvedDisabled.value,\n    readonly: resolvedReadonly.value,\n    size: resolvedSize.value,\n    buttonVariant: props.buttonVariant,\n    buttonTone: props.buttonTone,\n    selectedButtonVariant: props.selectedButtonVariant,\n    selectedButtonTone: props.selectedButtonTone,\n  })\n})\n\nconst rootClassName = computed(() => grRadioRootClass({\n  disabled: resolvedDisabled.value,\n  readonly: resolvedReadonly.value,\n}))\nconst controlClassName = computed(() => grRadioControlClass({\n  size: resolvedSize.value,\n  checked: checked.value,\n  disabled: resolvedDisabled.value,\n  invalid: resolvedInvalid.value,\n}))\nconst dotClassName = computed(() => grRadioDotClass({\n  checked: checked.value,\n  disabled: resolvedDisabled.value,\n}))\nconst labelClassName = computed(() => grRadioLabelClassFor(resolvedSize.value, checked.value))\nconst dotSizeClassName = computed(() => grRadioDotSizes[resolvedSize.value])\nconst descriptionClassName = computed(() => grRadioDescriptionSizes[resolvedSize.value])\n\nfunction setValue(next: GrRadioValue): void {\n  if (resolvedDisabled.value)\n    return\n\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', next)\n    return\n  }\n\n  group?.setValue(next)\n}\n\nfunction onButtonClick(): void {\n  setValue(props.value)\n}\n\n// Паттерн radiogroup: группа — одна остановка Tab, внутрь попадают стрелками.\n// Вне группы (одиночный `GrRadio`) переключатель остаётся обычной остановкой.\nconst rovingTabindex = computed(() => {\n  if (resolvedDisabled.value) return -1\n  if (!group) return 0\n  return group.rovingValue.value === props.value ? 0 : -1\n})\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n/**\n * Фокус переезжает вслед за выбором — иначе следующая стрелка отсчитывалась бы\n * от прежнего элемента.\n */\nfunction focusValue(next: GrRadioValue | undefined): void {\n  if (next === undefined) return\n\n  void nextTick(() => {\n    const group = rootEl.value?.closest('[data-gr-radio-group]')\n    const target = [...(group?.querySelectorAll<HTMLElement>('[data-gr-radio]') ?? [])]\n      .find(el => el.dataset.value === String(next))\n\n    target?.focus()\n  })\n}\n\nfunction onArrow(direction: 1 | -1, event: KeyboardEvent): void {\n  if (!group || resolvedDisabled.value) return\n\n  event.preventDefault()\n  focusValue(group.moveSelection(props.value, direction))\n}\n\nfunction onEdge(edge: 'first' | 'last', event: KeyboardEvent): void {\n  if (!group || resolvedDisabled.value) return\n\n  event.preventDefault()\n  focusValue(group.selectEdge(edge))\n}\n\nconst unregister = group?.register({\n  value: () => props.value,\n  disabled: () => resolvedDisabled.value,\n})\n\nonUnmounted(() => unregister?.())\n</script>\n\n<template>\n  <div\n    v-if=\"variant === 'button'\"\n    :id=\"id\"\n    ref=\"rootEl\"\n    data-gr-button\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :aria-invalid=\"resolvedInvalid ? 'true' : undefined\"\n    :aria-required=\"required ? 'true' : undefined\"\n    :data-value=\"domValue\"\n    :tabindex=\"rovingTabindex\"\n    :class=\"buttonClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n    @keydown.down=\"onArrow(1, $event)\"\n    @keydown.right=\"onArrow(1, $event)\"\n    @keydown.up=\"onArrow(-1, $event)\"\n    @keydown.left=\"onArrow(-1, $event)\"\n    @keydown.home=\"onEdge('first', $event)\"\n    @keydown.end=\"onEdge('last', $event)\"\n  >\n    <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"domValue\"\n      :form=\"form\"\n    >\n\n    <slot />\n  </div>\n\n  <div\n    v-else\n    :id=\"id\"\n    ref=\"rootEl\"\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :aria-invalid=\"resolvedInvalid ? 'true' : undefined\"\n    :aria-required=\"required ? 'true' : undefined\"\n    :aria-describedby=\"hasDescription ? descriptionId : undefined\"\n    :data-value=\"domValue\"\n    :tabindex=\"rovingTabindex\"\n    class=\"inline-flex items-start gap-2 select-none focus-visible:outline-none focus-visible:rounded-[var(--gr-radius-md)] focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]\"\n    :class=\"rootClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n    @keydown.down=\"onArrow(1, $event)\"\n    @keydown.right=\"onArrow(1, $event)\"\n    @keydown.up=\"onArrow(-1, $event)\"\n    @keydown.left=\"onArrow(-1, $event)\"\n    @keydown.home=\"onEdge('first', $event)\"\n    @keydown.end=\"onEdge('last', $event)\"\n  >\n    <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"domValue\"\n      :form=\"form\"\n    >\n\n    <span\n      data-gr-radio-control\n      aria-hidden=\"true\"\n      class=\"mt-0.5 shrink-0 rounded-[var(--gr-radius-full)] border flex items-center justify-center transition-colors duration-[var(--gr-duration-fast)]\"\n      :class=\"controlClassName\"\n    >\n      <span\n        data-gr-radio-dot\n        :class=\"[grRadioDotBaseClass, dotSizeClassName, dotClassName]\"\n      />\n    </span>\n\n    <span class=\"grid gap-0.5\">\n      <span data-gr-radio-label :class=\"labelClassName\">\n        <slot />\n      </span>\n\n      <span\n        v-if=\"hasDescription\"\n        :id=\"descriptionId\"\n        data-gr-radio-description\n        :class=\"descriptionClassName\"\n      >\n        <slot name=\"description\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;AAiDA,IAAa,yBAA4D,OAAO,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECYxG,MAAM,QAAQ;EAiBd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAS;EACvB,MAAM,QAAQ,OAAO,wBAAwB,IAAI;EAEjD,MAAM,qBAAqB,eAAe;GACxC,IAAI,MAAM,eAAe,KAAA,GACvB,OAAO,MAAM;GAEf,OAAO,OAAO,WAAW,SAAS;EACpC,CAAC;EAED,MAAM,mBAAmB,eAAe;GACtC,IAAI,MAAM,aAAa,KAAA,GACrB,OAAO,MAAM;GAEf,OAAO,OAAO,SAAS,SAAS;EAClC,CAAC;EAED,MAAM,mBAAmB,eAAe,OAAO,SAAS,SAAS,KAAK;EAGtE,MAAM,kBAAkB,eAAe,MAAM,YAAY,OAAO,QAAQ,SAAS,MAAM;EAEvF,MAAM,eAAe,eAAe;GAClC,IAAI,MAAM,MACR,OAAO,MAAM;GAEf,OAAO,OAAO,KAAK;EACrB,CAAC;EAID,MAAM,eAAe,yBACb,MAAM,QAAQ,OAAO,KAAK,OAChC,EAAE,WAAW,UAAU,CACzB;EAEA,MAAM,UAAU,eAAe,mBAAmB,UAAU,MAAM,KAAK;;EAGvE,MAAM,WAAW,eAAe,OAAO,MAAM,KAAK,CAAC;EAInD,MAAM,eAAe,eACb,QAAQ,SAAS,CAAC,iBAAiB,SAAS,QAAQ,aAAa,KAAK,CAC9E;EAEA,MAAM,gBAAgB,MAAM;EAC5B,MAAM,iBAAiB,eAAe,QAAQ,MAAM,WAAW,CAAC;EAEhE,MAAM,kBAAkB,eAAe;GACrC,OAAO,mBAAmB;IACxB,SAAS,QAAQ;IACjB,UAAU,iBAAiB;IAC3B,UAAU,iBAAiB;IAC3B,MAAM,aAAa;IACnB,eAAe,MAAM;IACrB,YAAY,MAAM;IAClB,uBAAuB,MAAM;IAC7B,oBAAoB,MAAM;GAC5B,CAAC;EACH,CAAC;EAED,MAAM,gBAAgB,eAAe,iBAAiB;GACpD,UAAU,iBAAiB;GAC3B,UAAU,iBAAiB;EAC7B,CAAC,CAAC;EACF,MAAM,mBAAmB,eAAe,oBAAoB;GAC1D,MAAM,aAAa;GACnB,SAAS,QAAQ;GACjB,UAAU,iBAAiB;GAC3B,SAAS,gBAAgB;EAC3B,CAAC,CAAC;EACF,MAAM,eAAe,eAAe,gBAAgB;GAClD,SAAS,QAAQ;GACjB,UAAU,iBAAiB;EAC7B,CAAC,CAAC;EACF,MAAM,iBAAiB,eAAe,qBAAqB,aAAa,OAAO,QAAQ,KAAK,CAAC;EAC7F,MAAM,mBAAmB,eAAe,gBAAgB,aAAa,MAAM;EAC3E,MAAM,uBAAuB,eAAe,wBAAwB,aAAa,MAAM;EAEvF,SAAS,SAAS,MAA0B;GAC1C,IAAI,iBAAiB,OACnB;GAEF,IAAI,MAAM,eAAe,KAAA,GAAW;IAClC,KAAK,qBAAqB,IAAI;IAC9B;GACF;GAEA,OAAO,SAAS,IAAI;EACtB;EAEA,SAAS,gBAAsB;GAC7B,SAAS,MAAM,KAAK;EACtB;EAIA,MAAM,iBAAiB,eAAe;GACpC,IAAI,iBAAiB,OAAO,OAAO;GACnC,IAAI,CAAC,OAAO,OAAO;GACnB,OAAO,MAAM,YAAY,UAAU,MAAM,QAAQ,IAAI;EACvD,CAAC;EAED,MAAM,SAAS,IAAwB,IAAI;;;;;EAM3C,SAAS,WAAW,MAAsC;GACxD,IAAI,SAAS,KAAA,GAAW;GAExB,eAAoB;IAKlB,CAHgB,IADF,OAAO,OAAO,QAAQ,uBAAuB,EAAA,EAChC,iBAA8B,iBAAiB,KAAK,CAAC,CAAE,CAAA,CAC/E,MAAK,OAAM,GAAG,QAAQ,UAAU,OAAO,IAAI,CAE9C,CAAA,EAAQ,MAAM;GAChB,CAAC;EACH;EAEA,SAAS,QAAQ,WAAmB,OAA4B;GAC9D,IAAI,CAAC,SAAS,iBAAiB,OAAO;GAEtC,MAAM,eAAe;GACrB,WAAW,MAAM,cAAc,MAAM,OAAO,SAAS,CAAC;EACxD;EAEA,SAAS,OAAO,MAAwB,OAA4B;GAClE,IAAI,CAAC,SAAS,iBAAiB,OAAO;GAEtC,MAAM,eAAe;GACrB,WAAW,MAAM,WAAW,IAAI,CAAC;EACnC;EAEA,MAAM,aAAa,OAAO,SAAS;GACjC,aAAa,MAAM;GACnB,gBAAgB,iBAAiB;EACnC,CAAC;EAED,kBAAkB,aAAa,CAAC;;UAKtB,QAAA,YAAO,YAAA,UAAA,GADf,mBAkCM,OAAA;;IAhCH,IAAI,QAAA;aACD;IAAJ,KAAI;IACJ,kBAAA;IACA,iBAAA;IACA,MAAK;IACJ,gBAAc,QAAA,QAAO,SAAA;IACrB,cAAY,QAAA;IACZ,iBAAe,iBAAA,QAAgB,SAAY,KAAA;IAC3C,gBAAc,gBAAA,QAAe,SAAY,KAAA;IACzC,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,cAAY,SAAA;IACZ,UAAU,eAAA;IACV,OAAK,eAAE,gBAAA,KAAe;IACtB,SAAO;IACP,WAAO;4BAAgB,eAAa,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;4BACb,eAAa,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;oDACtB,QAAO,GAAI,MAAM,GAAA,CAAA,MAAA,CAAA;oDAChB,QAAO,GAAI,MAAM,GAAA,CAAA,OAAA,CAAA;oDACpB,QAAO,IAAK,MAAM,GAAA,CAAA,IAAA,CAAA;oDAChB,QAAO,IAAK,MAAM,GAAA,CAAA,MAAA,CAAA;oDAClB,OAAM,SAAU,MAAM,GAAA,CAAA,MAAA,CAAA;oDACvB,OAAM,QAAS,MAAM,GAAA,CAAA,KAAA,CAAA;;OAG3B,aAAA,SAAA,UAAA,GADR,mBAMC,SAAA;;IAJC,MAAK;IACJ,MAAM,aAAA;IACN,OAAO,SAAA;IACP,MAAM,QAAA;4DAGT,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,MAAA,UAAA,GAGV,mBA4DM,OAAA;;IA1DH,IAAI,QAAA;aACD;IAAJ,KAAI;IACJ,iBAAA;IACA,MAAK;IACJ,gBAAc,QAAA,QAAO,SAAA;IACrB,cAAY,QAAA;IACZ,iBAAe,iBAAA,QAAgB,SAAY,KAAA;IAC3C,gBAAc,gBAAA,QAAe,SAAY,KAAA;IACzC,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,oBAAkB,eAAA,QAAiB,MAAA,aAAA,IAAgB,KAAA;IACnD,cAAY,SAAA;IACZ,UAAU,eAAA;IACX,OAAK,eAAA,CAAC,2LACE,cAAA,KAAa,CAAA;IACpB,SAAO;IACP,WAAO;4BAAgB,eAAa,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;4BACb,eAAa,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;oDACtB,QAAO,GAAI,MAAM,GAAA,CAAA,MAAA,CAAA;oDAChB,QAAO,GAAI,MAAM,GAAA,CAAA,OAAA,CAAA;oDACpB,QAAO,IAAK,MAAM,GAAA,CAAA,IAAA,CAAA;oDAChB,QAAO,IAAK,MAAM,GAAA,CAAA,MAAA,CAAA;sDAClB,OAAM,SAAU,MAAM,GAAA,CAAA,MAAA,CAAA;sDACvB,OAAM,QAAS,MAAM,GAAA,CAAA,KAAA,CAAA;;;IAG3B,aAAA,SAAA,UAAA,GADR,mBAMC,SAAA;;KAJC,MAAK;KACJ,MAAM,aAAA;KACN,OAAO,SAAA;KACP,MAAM,QAAA;;IAGT,mBAUO,QAAA;KATL,yBAAA;KACA,eAAY;KACZ,OAAK,eAAA,CAAC,gJACE,iBAAA,KAAgB,CAAA;QAExB,mBAGE,QAAA;KAFA,qBAAA;KACC,OAAK,eAAA;MAAG,MAAA,mBAAA;MAAqB,iBAAA;MAAkB,aAAA;KAAY,CAAA;;IAIhE,mBAaO,QAbP,YAaO,CAZL,mBAEO,QAAA;KAFD,uBAAA;KAAqB,OAAK,eAAE,eAAA,KAAc;QAC9C,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,GAIF,eAAA,SAAA,UAAA,GADR,mBAOO,QAAA;;KALJ,IAAI,MAAA,aAAA;KACL,6BAAA;KACC,OAAK,eAAE,qBAAA,KAAoB;QAE5B,WAA2B,KAAA,QAAA,aAAA,CAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

package/dist/components/GrRadio/index.js

@@ -1,3 +1,3 @@
-import { n as grRadioSafelist, t as grRadioConfig } from "../../chunks/config-CrG1XiE72.js";
-import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "./chunks/GrRadio-Dr-pvs_9.js";
+import { n as grRadioSafelist, t as grRadioConfig } from "../../chunks/config-BqFjr3tN.js";
+import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "./chunks/GrRadio-DksDro_U.js";
 export { GR_RADIO_GROUP_CONTEXT, GrRadio_default as GrRadio, GrRadio_default as default, grRadioConfig, grRadioSafelist };

package/dist/components/GrRadioGroup/chunks/GrRadioGroup-BOIhejE6.js

@@ -0,0 +1,189 @@
+import { o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
+import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
+import { useGrFormControl } from "../../../composables/useGrFormControl.js";
+import { t as useFocusWithin } from "../../../chunks/useFocusWithin-BwHE0rzm.js";
+import { t as GrButtonGroup_default } from "../../GrButtonGroup/chunks/GrButtonGroup-CKyiAV8K.js";
+import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "../../GrRadio/chunks/GrRadio-DksDro_U.js";
+import { Fragment, computed, createBlock, createElementBlock, createSlots, createTextVNode, defineComponent, normalizeClass, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/GrRadioGroup/GrRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-required",
+	"aria-readonly",
+	"aria-disabled"
+];
+//#endregion
+//#region src/components/GrRadioGroup/GrRadioGroup.vue
+var GrRadioGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "GrRadioGroup",
+	props: {
+		modelValue: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		options: { default: void 0 },
+		name: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: "radiobox" },
+		orientation: { default: "vertical" },
+		size: { default: void 0 },
+		ariaLabel: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"focus",
+		"blur"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrRadioGroup" });
+		const field = useGrFormFieldContext();
+		const fieldId = computed(() => field?.id.value);
+		const describedBy = computed(() => field?.describedById.value);
+		const { disabled: isDisabled, invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props);
+		const labelledBy = computed(() => props.ariaLabel ? void 0 : field?.labelId.value);
+		const emit = __emit;
+		function setValue(next) {
+			if (isDisabled.value || isReadonly.value) return;
+			emit("update:modelValue", next);
+			emit("change", next);
+		}
+		const listClass = computed(() => props.orientation === "horizontal" ? "flex flex-wrap items-start gap-x-6 gap-y-2" : "grid gap-2");
+		const rootEl = ref(null);
+		const { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {
+			enter: (event) => emit("focus", event),
+			leave: (event) => emit("blur", event)
+		});
+		function focus() {
+			rootEl.value?.querySelector("[role=\"radio\"][tabindex=\"0\"]")?.focus();
+		}
+		function blur() {
+			rootEl.value?.querySelector("[role=\"radio\"][tabindex=\"0\"]")?.blur();
+		}
+		__expose({
+			focus,
+			blur
+		});
+		const entries = ref([]);
+		function register(entry) {
+			entries.value.push(entry);
+			return () => {
+				const index = entries.value.indexOf(entry);
+				if (index >= 0) entries.value.splice(index, 1);
+			};
+		}
+		const enabledValues = computed(() => entries.value.filter((entry) => !entry.disabled()).map((entry) => entry.value()));
+		const rovingValue = computed(() => {
+			if (enabledValues.value.includes(props.modelValue)) return props.modelValue;
+			return enabledValues.value[0];
+		});
+		function moveSelection(from, direction) {
+			const values = enabledValues.value;
+			if (values.length === 0) return void 0;
+			const next = values[(values.indexOf(from) + direction + values.length) % values.length];
+			if (next !== void 0) setValue(next);
+			return next;
+		}
+		/** `Home`/`End` — на края набора; как в `GrSegmented`, где паттерн реализован целиком. */
+		function selectEdge(edge) {
+			const values = enabledValues.value;
+			const next = edge === "first" ? values[0] : values.at(-1);
+			if (next !== void 0) setValue(next);
+			return next;
+		}
+		provide(GR_RADIO_GROUP_CONTEXT, {
+			modelValue: computed(() => props.modelValue),
+			name: computed(() => props.name),
+			disabled: computed(() => isDisabled.value),
+			readonly: isReadonly,
+			invalid: isInvalid,
+			size: resolvedSize,
+			setValue,
+			register,
+			rovingValue,
+			moveSelection,
+			selectEdge
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: fieldId.value,
+				ref_key: "rootEl",
+				ref: rootEl,
+				"data-gr-radio-group": "",
+				role: "radiogroup",
+				"aria-label": __props.ariaLabel,
+				"aria-labelledby": labelledBy.value,
+				"aria-describedby": describedBy.value,
+				"aria-invalid": unref(isInvalid) ? "true" : void 0,
+				"aria-required": unref(isRequired) ? "true" : void 0,
+				"aria-readonly": unref(isReadonly) ? "true" : void 0,
+				"aria-disabled": unref(isDisabled) ? "true" : void 0,
+				onFocusin: _cache[0] || (_cache[0] = (...args) => unref(onFocusIn) && unref(onFocusIn)(...args)),
+				onFocusout: _cache[1] || (_cache[1] = (...args) => unref(onFocusOut) && unref(onFocusOut)(...args))
+			}, [_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.variant === "button" ? (openBlock(), createBlock(GrButtonGroup_default, { key: 0 }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			})) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(listClass.value)
+			}, [renderSlot(_ctx.$slots, "default")], 2))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.variant === "button" ? (openBlock(), createBlock(GrButtonGroup_default, { key: 0 }, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options ?? [], (opt) => {
+					return openBlock(), createBlock(GrRadio_default, {
+						key: String(opt.value),
+						value: opt.value,
+						disabled: opt.disabled,
+						variant: "button",
+						size: unref(resolvedSize)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(opt.label), 1)]),
+						_: 2
+					}, 1032, [
+						"value",
+						"disabled",
+						"size"
+					]);
+				}), 128))]),
+				_: 1
+			})) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(listClass.value)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options ?? [], (opt) => {
+				return openBlock(), createBlock(GrRadio_default, {
+					key: String(opt.value),
+					value: opt.value,
+					disabled: opt.disabled
+				}, createSlots({
+					default: withCtx(() => [createTextVNode(toDisplayString(opt.label) + " ", 1)]),
+					_: 2
+				}, [opt.description ? {
+					name: "description",
+					fn: withCtx(() => [createTextVNode(toDisplayString(opt.description), 1)]),
+					key: "0"
+				} : void 0]), 1032, ["value", "disabled"]);
+			}), 128))], 2))], 64))], 40, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { GrRadioGroup_default as t };