@feugene/granularity 0.10.0 → 0.12.0

package/dist/components/GrRadio/chunks/{GrRadio-CSbTnrom.js → GrRadio-Dr-pvs_9.js}

@@ -1,4 +1,4 @@
-import { a as grRadioDotBaseClass, i as grRadioControlClass, o as grRadioDotClass, r as grRadioButtonClass, s as grRadioRootClass } from "../../../chunks/config-nrOj9p6I.js";
+import { a as grRadioDotBaseClass, i as grRadioControlClass, o as grRadioDotClass, r as grRadioButtonClass, s as grRadioRootClass } from "../../../chunks/config-CrG1XiE72.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, unref, withKeys, withModifiers } from "vue";
 //#region src/components/GrRadio/grRadioGroupContext.ts
 var GR_RADIO_GROUP_CONTEXT = Symbol("GR_RADIO_GROUP_CONTEXT");
@@ -120,8 +120,8 @@ var GrRadio_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return __props.variant === "button" ? (openBlock(), createElementBlock("div", {
 				key: 0,
-				"data-ds-button": "",
-				"data-ds-radio": "",
+				"data-gr-button": "",
+				"data-gr-radio": "",
 				role: "radio",
 				"aria-checked": checked.value ? "true" : "false",
 				"aria-label": __props.ariaLabel,
@@ -144,7 +144,7 @@ var GrRadio_default = /* @__PURE__ */ defineComponent({
 				style: hiddenInputStyle
 			}, null, 8, _hoisted_2), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1)) : (openBlock(), createElementBlock("div", {
 				key: 1,
-				"data-ds-radio": "",
+				"data-gr-radio": "",
 				role: "radio",
 				"aria-checked": checked.value ? "true" : "false",
 				"aria-label": __props.ariaLabel,
@@ -168,11 +168,11 @@ var GrRadio_default = /* @__PURE__ */ defineComponent({
 					style: hiddenInputStyle
 				}, null, 8, _hoisted_4),
 				createElementVNode("span", {
-					"data-ds-radio-control": "",
+					"data-gr-radio-control": "",
 					"aria-hidden": "true",
 					class: normalizeClass(["h-4 w-4 rounded-full border flex items-center justify-center transition-colors duration-150", controlClassName.value])
 				}, [createElementVNode("span", {
-					"data-ds-radio-dot": "",
+					"data-gr-radio-dot": "",
 					class: normalizeClass([unref(grRadioDotBaseClass), dotClassName.value])
 				}, null, 2)], 2),
 				createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "default")])

package/dist/components/GrRadio/chunks/{GrRadio-CSbTnrom.js.map → GrRadio-Dr-pvs_9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrRadio-CSbTnrom.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\nexport type GrRadioGroupContext = {\n  modelValue: ComputedRef<string>\n  name: ComputedRef<string | undefined>\n  disabled: ComputedRef<boolean>\n  size: ComputedRef<GrButtonSize>\n  setValue: (value: string) => void\n}\n\nexport const GR_RADIO_GROUP_CONTEXT: InjectionKey<GrRadioGroupContext> = Symbol('GR_RADIO_GROUP_CONTEXT')","<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\n\nimport {\n  grRadioButtonClass,\n  grRadioControlClass,\n  grRadioDotBaseClass,\n  grRadioDotClass,\n  grRadioRootClass,\n  type GrRadioVariant,\n} from './grRadioStyles'\nimport { GR_RADIO_GROUP_CONTEXT } from './grRadioGroupContext'\n\n/**\n * GrRadio — одиночный элемент группы выбора.\n *\n * Может работать автономно (через `v-model`) либо внутри `GrRadioGroup`\n * (тогда `modelValue`/`disabled`/`size`/`name` приходят через `inject`).\n *\n * @prop value — значение этого элемента, сравнивается с `modelValue` группы.\n * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `GrButton`).\n */\nexport interface GrRadioProps {\n  value: string\n  modelValue?: string\n  disabled?: 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\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrRadioProps>(), {\n  modelValue: undefined,\n  disabled: undefined,\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<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\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 resolvedName = computed(() => {\n  if (props.name)\n    return props.name\n\n  return group?.name.value\n})\n\nconst resolvedSize = computed<GrButtonSize>(() => {\n  if (props.size)\n    return props.size\n\n  return group?.size.value ?? 'md'\n})\n\nconst checked = computed(() => resolvedModelValue.value === props.value)\n\nconst buttonClassName = computed(() => {\n  return grRadioButtonClass({\n    checked: checked.value,\n    disabled: resolvedDisabled.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(resolvedDisabled.value))\nconst controlClassName = computed(() => grRadioControlClass(checked.value))\nconst dotClassName = computed(() => grRadioDotClass(checked.value))\n\nfunction setValue(next: string): 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</script>\n\n<template>\n  <div\n    v-if=\"variant === 'button'\"\n    data-ds-button\n    data-ds-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :tabindex=\"resolvedDisabled ? -1 : 0\"\n    :class=\"buttonClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n  >\n    <input\n      :id=\"id\"\n      type=\"radio\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n\n    <slot />\n  </div>\n\n  <div\n    v-else\n    data-ds-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :tabindex=\"resolvedDisabled ? -1 : 0\"\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]\"\n    :class=\"rootClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n  >\n    <input\n      :id=\"id\"\n      type=\"radio\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n\n    <span\n      data-ds-radio-control\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded-full border flex items-center justify-center transition-colors duration-150\"\n      :class=\"controlClassName\"\n    >\n      <span\n        data-ds-radio-dot\n        :class=\"[grRadioDotBaseClass, dotClassName]\"\n      />\n    </span>\n\n    <span class=\"text-sm text-[var(--muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\n\nimport {\n  grRadioButtonClass,\n  grRadioControlClass,\n  grRadioDotBaseClass,\n  grRadioDotClass,\n  grRadioRootClass,\n  type GrRadioVariant,\n} from './grRadioStyles'\nimport { GR_RADIO_GROUP_CONTEXT } from './grRadioGroupContext'\n\n/**\n * GrRadio — одиночный элемент группы выбора.\n *\n * Может работать автономно (через `v-model`) либо внутри `GrRadioGroup`\n * (тогда `modelValue`/`disabled`/`size`/`name` приходят через `inject`).\n *\n * @prop value — значение этого элемента, сравнивается с `modelValue` группы.\n * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `GrButton`).\n */\nexport interface GrRadioProps {\n  value: string\n  modelValue?: string\n  disabled?: 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\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrRadioProps>(), {\n  modelValue: undefined,\n  disabled: undefined,\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<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\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 resolvedName = computed(() => {\n  if (props.name)\n    return props.name\n\n  return group?.name.value\n})\n\nconst resolvedSize = computed<GrButtonSize>(() => {\n  if (props.size)\n    return props.size\n\n  return group?.size.value ?? 'md'\n})\n\nconst checked = computed(() => resolvedModelValue.value === props.value)\n\nconst buttonClassName = computed(() => {\n  return grRadioButtonClass({\n    checked: checked.value,\n    disabled: resolvedDisabled.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(resolvedDisabled.value))\nconst controlClassName = computed(() => grRadioControlClass(checked.value))\nconst dotClassName = computed(() => grRadioDotClass(checked.value))\n\nfunction setValue(next: string): 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</script>\n\n<template>\n  <div\n    v-if=\"variant === 'button'\"\n    data-ds-button\n    data-ds-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :tabindex=\"resolvedDisabled ? -1 : 0\"\n    :class=\"buttonClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n  >\n    <input\n      :id=\"id\"\n      type=\"radio\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n\n    <slot />\n  </div>\n\n  <div\n    v-else\n    data-ds-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :tabindex=\"resolvedDisabled ? -1 : 0\"\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]\"\n    :class=\"rootClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n  >\n    <input\n      :id=\"id\"\n      type=\"radio\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n\n    <span\n      data-ds-radio-control\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded-full border flex items-center justify-center transition-colors duration-150\"\n      :class=\"controlClassName\"\n    >\n      <span\n        data-ds-radio-dot\n        :class=\"[grRadioDotBaseClass, dotClassName]\"\n      />\n    </span>\n\n    <span class=\"text-sm text-[var(--muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrRadio-Dr-pvs_9.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\nexport type GrRadioGroupContext = {\n  modelValue: ComputedRef<string>\n  name: ComputedRef<string | undefined>\n  disabled: ComputedRef<boolean>\n  size: ComputedRef<GrButtonSize>\n  setValue: (value: string) => void\n}\n\nexport const GR_RADIO_GROUP_CONTEXT: InjectionKey<GrRadioGroupContext> = Symbol('GR_RADIO_GROUP_CONTEXT')","<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\n\nimport {\n  grRadioButtonClass,\n  grRadioControlClass,\n  grRadioDotBaseClass,\n  grRadioDotClass,\n  grRadioRootClass,\n  type GrRadioVariant,\n} from './grRadioStyles'\nimport { GR_RADIO_GROUP_CONTEXT } from './grRadioGroupContext'\n\n/**\n * GrRadio — одиночный элемент группы выбора.\n *\n * Может работать автономно (через `v-model`) либо внутри `GrRadioGroup`\n * (тогда `modelValue`/`disabled`/`size`/`name` приходят через `inject`).\n *\n * @prop value — значение этого элемента, сравнивается с `modelValue` группы.\n * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `GrButton`).\n */\nexport interface GrRadioProps {\n  value: string\n  modelValue?: string\n  disabled?: 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\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrRadioProps>(), {\n  modelValue: undefined,\n  disabled: undefined,\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<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\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 resolvedName = computed(() => {\n  if (props.name)\n    return props.name\n\n  return group?.name.value\n})\n\nconst resolvedSize = computed<GrButtonSize>(() => {\n  if (props.size)\n    return props.size\n\n  return group?.size.value ?? 'md'\n})\n\nconst checked = computed(() => resolvedModelValue.value === props.value)\n\nconst buttonClassName = computed(() => {\n  return grRadioButtonClass({\n    checked: checked.value,\n    disabled: resolvedDisabled.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(resolvedDisabled.value))\nconst controlClassName = computed(() => grRadioControlClass(checked.value))\nconst dotClassName = computed(() => grRadioDotClass(checked.value))\n\nfunction setValue(next: string): 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</script>\n\n<template>\n  <div\n    v-if=\"variant === 'button'\"\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    :tabindex=\"resolvedDisabled ? -1 : 0\"\n    :class=\"buttonClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n  >\n    <input\n      :id=\"id\"\n      type=\"radio\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n\n    <slot />\n  </div>\n\n  <div\n    v-else\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :tabindex=\"resolvedDisabled ? -1 : 0\"\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]\"\n    :class=\"rootClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n  >\n    <input\n      :id=\"id\"\n      type=\"radio\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n\n    <span\n      data-gr-radio-control\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded-full border flex items-center justify-center transition-colors duration-150\"\n      :class=\"controlClassName\"\n    >\n      <span\n        data-gr-radio-dot\n        :class=\"[grRadioDotBaseClass, dotClassName]\"\n      />\n    </span>\n\n    <span class=\"text-sm text-[var(--muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\n\nimport {\n  grRadioButtonClass,\n  grRadioControlClass,\n  grRadioDotBaseClass,\n  grRadioDotClass,\n  grRadioRootClass,\n  type GrRadioVariant,\n} from './grRadioStyles'\nimport { GR_RADIO_GROUP_CONTEXT } from './grRadioGroupContext'\n\n/**\n * GrRadio — одиночный элемент группы выбора.\n *\n * Может работать автономно (через `v-model`) либо внутри `GrRadioGroup`\n * (тогда `modelValue`/`disabled`/`size`/`name` приходят через `inject`).\n *\n * @prop value — значение этого элемента, сравнивается с `modelValue` группы.\n * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `GrButton`).\n */\nexport interface GrRadioProps {\n  value: string\n  modelValue?: string\n  disabled?: 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\nconst hiddenInputStyle = {\n  position: 'absolute',\n  opacity: '0',\n  width: '0',\n  height: '0',\n  pointerEvents: 'none',\n} as const\n\nconst props = withDefaults(defineProps<GrRadioProps>(), {\n  modelValue: undefined,\n  disabled: undefined,\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<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\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 resolvedName = computed(() => {\n  if (props.name)\n    return props.name\n\n  return group?.name.value\n})\n\nconst resolvedSize = computed<GrButtonSize>(() => {\n  if (props.size)\n    return props.size\n\n  return group?.size.value ?? 'md'\n})\n\nconst checked = computed(() => resolvedModelValue.value === props.value)\n\nconst buttonClassName = computed(() => {\n  return grRadioButtonClass({\n    checked: checked.value,\n    disabled: resolvedDisabled.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(resolvedDisabled.value))\nconst controlClassName = computed(() => grRadioControlClass(checked.value))\nconst dotClassName = computed(() => grRadioDotClass(checked.value))\n\nfunction setValue(next: string): 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</script>\n\n<template>\n  <div\n    v-if=\"variant === 'button'\"\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    :tabindex=\"resolvedDisabled ? -1 : 0\"\n    :class=\"buttonClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n  >\n    <input\n      :id=\"id\"\n      type=\"radio\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n\n    <slot />\n  </div>\n\n  <div\n    v-else\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :tabindex=\"resolvedDisabled ? -1 : 0\"\n    class=\"inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]\"\n    :class=\"rootClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n  >\n    <input\n      :id=\"id\"\n      type=\"radio\"\n      :checked=\"checked\"\n      :disabled=\"resolvedDisabled\"\n      :name=\"resolvedName\"\n      :value=\"value\"\n      :required=\"required\"\n      :form=\"form\"\n      tabindex=\"-1\"\n      aria-hidden=\"true\"\n      :style=\"hiddenInputStyle\"\n    >\n\n    <span\n      data-gr-radio-control\n      aria-hidden=\"true\"\n      class=\"h-4 w-4 rounded-full border flex items-center justify-center transition-colors duration-150\"\n      :class=\"controlClassName\"\n    >\n      <span\n        data-gr-radio-dot\n        :class=\"[grRadioDotBaseClass, dotClassName]\"\n      />\n    </span>\n\n    <span class=\"text-sm text-[var(--muted-fg)]\">\n      <slot />\n    </span>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrRadio/index.js

@@ -1,3 +1,3 @@
-import { n as grRadioSafelist, t as grRadioConfig } from "../../chunks/config-nrOj9p6I.js";
-import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "./chunks/GrRadio-CSbTnrom.js";
+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";
 export { GR_RADIO_GROUP_CONTEXT, GrRadio_default as GrRadio, GrRadio_default as default, grRadioConfig, grRadioSafelist };

package/dist/components/GrRadioGroup/chunks/{GrRadioGroup-DsrnTygR.js → GrRadioGroup-nOdvfV_g.js}

@@ -1,5 +1,5 @@
-import { t as GrButtonGroup_default } from "../../GrButtonGroup/chunks/GrButtonGroup-CPOH6V-P.js";
-import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "../../GrRadio/chunks/GrRadio-CSbTnrom.js";
+import { t as GrButtonGroup_default } from "../../GrButtonGroup/chunks/GrButtonGroup-Bs9dEKfA.js";
+import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "../../GrRadio/chunks/GrRadio-Dr-pvs_9.js";
 import { Fragment, computed, createBlock, createElementBlock, createTextVNode, defineComponent, openBlock, provide, renderList, renderSlot, toDisplayString, withCtx } from "vue";
 //#region src/components/GrRadioGroup/GrRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "aria-disabled"];
@@ -44,7 +44,7 @@ var GrRadioGroup_default = /* @__PURE__ */ defineComponent({
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
-				"data-ds-radio-group": "",
+				"data-gr-radio-group": "",
 				role: "radiogroup",
 				"aria-label": __props.ariaLabel,
 				"aria-disabled": __props.disabled ? "true" : void 0

package/dist/components/GrRadioGroup/chunks/{GrRadioGroup-DsrnTygR.js.map → GrRadioGroup-nOdvfV_g.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrRadioGroup-DsrnTygR.js","names":["$slots"],"sources":["../../../../src/components/GrRadioGroup/GrRadioGroup.vue","../../../../src/components/GrRadioGroup/GrRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport interface GrRadioGroupOption { value: string, label: string }\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: string\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  variant?: GrRadioGroupVariant\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  variant: 'radiobox',\n  size: 'md',\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nfunction setValue(next: string): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', next)\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => props.disabled),\n  size: computed(() => props.size),\n  setValue,\n})\n</script>\n\n<template>\n  <div\n    data-ds-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else class=\"grid gap-2\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"opt.value\"\n          :value=\"opt.value\"\n          variant=\"button\"\n          :size=\"size\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else class=\"grid gap-2\">\n        <GrRadio v-for=\"opt in options ?? []\" :key=\"opt.value\" :value=\"opt.value\">\n          {{ opt.label }}\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport interface GrRadioGroupOption { value: string, label: string }\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: string\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  variant?: GrRadioGroupVariant\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  variant: 'radiobox',\n  size: 'md',\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nfunction setValue(next: string): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', next)\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => props.disabled),\n  size: computed(() => props.size),\n  setValue,\n})\n</script>\n\n<template>\n  <div\n    data-ds-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else class=\"grid gap-2\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"opt.value\"\n          :value=\"opt.value\"\n          variant=\"button\"\n          :size=\"size\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else class=\"grid gap-2\">\n        <GrRadio v-for=\"opt in options ?? []\" :key=\"opt.value\" :value=\"opt.value\">\n          {{ opt.label }}\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EASd,MAAM,OAAO;EAIb,SAAS,SAAS,MAAoB;AACpC,OAAI,MAAM,SACR;AACF,QAAK,qBAAqB,KAAI;;AAGhC,UAAQ,wBAAwB;GAC9B,YAAY,eAAe,MAAM,WAAW;GAC5C,MAAM,eAAe,MAAM,KAAK;GAChC,UAAU,eAAe,MAAM,SAAS;GACxC,MAAM,eAAe,MAAM,KAAK;GAChC;GACD,CAAA;;uBAIC,mBAgCM,OAAA;IA/BJ,uBAAA;IACA,MAAK;IACJ,cAAY,QAAA;IACZ,iBAAe,QAAA,WAAQ,SAAY,KAAA;OAEpBA,KAAAA,OAAO,WAAA,WAAA,EAAvB,mBAOW,UAAA,EAAA,KAAA,GAAA,EAAA,CANY,QAAA,YAAO,YAAA,WAAA,EAA5B,YAEgB,uBAAA,EAAA,KAAA,GAAA,EAAA;2BADN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;uBAEV,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,EAAA,EAAA,GAAA,KAAA,WAAA,EAGZ,mBAiBW,UAAA,EAAA,KAAA,GAAA,EAAA,CAhBY,QAAA,YAAO,YAAA,WAAA,EAA5B,YAUgB,uBAAA,EAAA,KAAA,GAAA,EAAA;2BARgB,EAAA,UAAA,KAAA,EAD9B,mBAQU,UAAA,MAAA,WAPM,QAAA,WAAO,EAAA,GAAd,QAAG;yBADZ,YAQU,iBAAA;MANP,KAAK,IAAI;MACT,OAAO,IAAI;MACZ,SAAQ;MACP,MAAM,QAAA;;6BAEQ,CAAA,gBAAA,gBAAZ,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;uBAGhB,mBAIM,OAJN,YAIM,EAAA,UAAA,KAAA,EAHJ,mBAEU,UAAA,MAAA,WAFa,QAAA,WAAO,EAAA,GAAd,QAAG;wBAAnB,YAEU,iBAAA;KAF6B,KAAK,IAAI;KAAQ,OAAO,IAAI;;4BAClD,CAAA,gBAAA,gBAAZ,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"GrRadioGroup-nOdvfV_g.js","names":["$slots"],"sources":["../../../../src/components/GrRadioGroup/GrRadioGroup.vue","../../../../src/components/GrRadioGroup/GrRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport interface GrRadioGroupOption { value: string, label: string }\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: string\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  variant?: GrRadioGroupVariant\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  variant: 'radiobox',\n  size: 'md',\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nfunction setValue(next: string): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', next)\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => props.disabled),\n  size: computed(() => props.size),\n  setValue,\n})\n</script>\n\n<template>\n  <div\n    data-gr-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else class=\"grid gap-2\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"opt.value\"\n          :value=\"opt.value\"\n          variant=\"button\"\n          :size=\"size\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else class=\"grid gap-2\">\n        <GrRadio v-for=\"opt in options ?? []\" :key=\"opt.value\" :value=\"opt.value\">\n          {{ opt.label }}\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport interface GrRadioGroupOption { value: string, label: string }\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: string\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  variant?: GrRadioGroupVariant\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  variant: 'radiobox',\n  size: 'md',\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: string): void\n}>()\n\nfunction setValue(next: string): void {\n  if (props.disabled)\n    return\n  emit('update:modelValue', next)\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => props.disabled),\n  size: computed(() => props.size),\n  setValue,\n})\n</script>\n\n<template>\n  <div\n    data-gr-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else class=\"grid gap-2\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"opt.value\"\n          :value=\"opt.value\"\n          variant=\"button\"\n          :size=\"size\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else class=\"grid gap-2\">\n        <GrRadio v-for=\"opt in options ?? []\" :key=\"opt.value\" :value=\"opt.value\">\n          {{ opt.label }}\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EASd,MAAM,OAAO;EAIb,SAAS,SAAS,MAAoB;GACpC,IAAI,MAAM,UACR;GACF,KAAK,qBAAqB,IAAI;EAChC;EAEA,QAAQ,wBAAwB;GAC9B,YAAY,eAAe,MAAM,UAAU;GAC3C,MAAM,eAAe,MAAM,IAAI;GAC/B,UAAU,eAAe,MAAM,QAAQ;GACvC,MAAM,eAAe,MAAM,IAAI;GAC/B;EACF,CAAC;;uBAIC,mBAgCM,OAAA;IA/BJ,uBAAA;IACA,MAAK;IACJ,cAAY,QAAA;IACZ,iBAAe,QAAA,WAAQ,SAAY,KAAA;OAEpBA,KAAAA,OAAO,WAAA,UAAA,GAAvB,mBAOW,UAAA,EAAA,KAAA,EAAA,GAAA,CANY,QAAA,YAAO,YAAA,UAAA,GAA5B,YAEgB,uBAAA,EAAA,KAAA,EAAA,GAAA;2BADN,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;uBAEV,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,MAAA,UAAA,GAGZ,mBAiBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAhBY,QAAA,YAAO,YAAA,UAAA,GAA5B,YAUgB,uBAAA,EAAA,KAAA,EAAA,GAAA;2BARgB,EAAA,UAAA,IAAA,GAD9B,mBAQU,UAAA,MAAA,WAPM,QAAA,WAAO,CAAA,IAAd,QAAG;yBADZ,YAQU,iBAAA;MANP,KAAK,IAAI;MACT,OAAO,IAAI;MACZ,SAAQ;MACP,MAAM,QAAA;;6BAEQ,CAAA,gBAAA,gBAAZ,IAAI,KAAK,GAAA,CAAA,CAAA,CAAA;;;;;uBAGhB,mBAIM,OAJN,YAIM,EAAA,UAAA,IAAA,GAHJ,mBAEU,UAAA,MAAA,WAFa,QAAA,WAAO,CAAA,IAAd,QAAG;wBAAnB,YAEU,iBAAA;KAF6B,KAAK,IAAI;KAAQ,OAAO,IAAI;;4BAClD,CAAA,gBAAA,gBAAZ,IAAI,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrRadioGroup/index.js

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

package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-K1uZ1mYD.js → GrResponseErrorBanner-BWJNe2gr.js}

@@ -1,4 +1,5 @@
-import { _ as DEFAULT_AUTO_HIDE_KINDS, i as defaultResponseErrorParsers, r as createResponseErrorClassifier, t as GrResponseErrorBanner_default } from "./GrResponseErrorBanner-bM8FC_Bw.js";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
+import { _ as DEFAULT_AUTO_HIDE_KINDS, i as defaultResponseErrorParsers, r as createResponseErrorClassifier, t as GrResponseErrorBanner_default } from "./GrResponseErrorBanner-Cdu9ekK9.js";
 import { computed, createBlock, defineComponent, openBlock, ref, shallowRef } from "vue";
 //#endregion
 //#region src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue
@@ -36,16 +37,17 @@ var GrUploadErrorBanner_default = /* @__PURE__ */ defineComponent({
 		*/
 		const props = __props;
 		const emit = __emit;
-		const UPLOAD_TEXTS = {
-			networkTitle: "Failed to upload files",
-			networkMessage: "Check your connection and try again.",
-			validationTitle: "Files did not pass validation",
-			validationMessage: "Some of the files do not meet the requirements.",
-			serverTitle: "Upload error on the server",
-			serverMessage: "The server could not process the upload. Please try again."
-		};
+		const { t } = useGranularityTranslations();
+		const uploadTexts = computed(() => ({
+			networkTitle: t("gr.uploadErrorBanner.networkTitle", "Failed to upload files"),
+			networkMessage: t("gr.uploadErrorBanner.networkMessage", "Check your connection and try again."),
+			validationTitle: t("gr.uploadErrorBanner.validationTitle", "Files did not pass validation"),
+			validationMessage: t("gr.uploadErrorBanner.validationMessage", "Some of the files do not meet the requirements."),
+			serverTitle: t("gr.uploadErrorBanner.serverTitle", "Upload error on the server"),
+			serverMessage: t("gr.uploadErrorBanner.serverMessage", "The server could not process the upload. Please try again.")
+		}));
 		const mergedTexts = computed(() => ({
-			...UPLOAD_TEXTS,
+			...uploadTexts.value,
 			...props.texts
 		}));
 		function onRetry(info) {
@@ -116,15 +118,16 @@ var GrFormErrorBanner_default = /* @__PURE__ */ defineComponent({
 		*/
 		const props = __props;
 		const emit = __emit;
-		const FORM_TEXTS = {
-			validationTitle: "Check the form fields",
-			validationMessage: "The server rejected the data. Fix the highlighted fields and try again.",
-			clientTitle: "Failed to save",
-			serverTitle: "Save error",
-			serverMessage: "Could not save the data. Please try again later."
-		};
+		const { t } = useGranularityTranslations();
+		const formTexts = computed(() => ({
+			validationTitle: t("gr.formErrorBanner.validationTitle", "Check the form fields"),
+			validationMessage: t("gr.formErrorBanner.validationMessage", "The server rejected the data. Fix the highlighted fields and try again."),
+			clientTitle: t("gr.formErrorBanner.clientTitle", "Failed to save"),
+			serverTitle: t("gr.formErrorBanner.serverTitle", "Save error"),
+			serverMessage: t("gr.formErrorBanner.serverMessage", "Could not save the data. Please try again later.")
+		}));
 		const mergedTexts = computed(() => ({
-			...FORM_TEXTS,
+			...formTexts.value,
 			...props.texts
 		}));
 		return (_ctx, _cache) => {

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrResponseErrorBanner-BWJNe2gr.js","names":[],"sources":["../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/useResponseError.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nconst props = withDefaults(defineProps<{\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<{\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","import { computed, ref, shallowRef } from 'vue'\nimport type { ComputedRef, Ref } from 'vue'\n\nimport { createResponseErrorClassifier, defaultResponseErrorParsers } from './parsers/createResponseErrorClassifier'\nimport { DEFAULT_AUTO_HIDE_KINDS, DEFAULT_RESPONSE_ERROR_TEXTS } from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from './responseError.types'\n\n/**\n * Опции для `useResponseError`. Все поля опциональны и поддерживают\n * **реактивные геттеры** (`() => value`) — чтобы пробрасывать пропсы\n * родителя без потери реактивности.\n */\nexport type UseResponseErrorOptions = {\n  /** Цепочка парсеров. По умолчанию — `defaultResponseErrorParsers`. */\n  parsers?: () => ResponseErrorParser[] | undefined\n  /** Частичный override текстов баннера. */\n  texts?: () => Partial<ResponseErrorTexts> | undefined\n  /**\n   * `kind`'ы, которые **не** выставляются в state (баннер останется скрытым).\n   * По умолчанию пусто — `aborted` показывается info-плашкой. Передайте\n   * `['aborted']`, если хотите тихо проглатывать отмены.\n   */\n  autoHideKinds?: () => ResponseErrorKind[] | undefined\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: () => string | undefined\n  /** Контекст, который попадёт в `ctx.meta` каждого парсера (`{ files, formId, ... }`). */\n  meta?: () => Record<string, unknown> | undefined\n  /** Побочка после успешной классификации (логирование, sentry). */\n  onClassify?: (info: ResponseErrorInfo) => void\n}\n\n/** Публичный возвращаемый API. */\nexport type UseResponseErrorReturn = {\n  /** Текущее состояние ошибки. `null` — баннер скрыт. */\n  currentError: Ref<ResponseErrorInfo | null>\n  /** `currentError.value !== null`. */\n  isVisible: ComputedRef<boolean>\n  /** Последний «сырой» вход (для retry/логов). */\n  lastRaw: Ref<unknown>\n\n  /**\n   * Главное API: классифицирует raw, сохраняет в state, возвращает info\n   * (или `null`, если `kind` в `autoHideKinds`). Возвращает Promise,\n   * т.к. нормализатор поддерживает `Response.json()` (async).\n   */\n  setRaw: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo | null>\n\n  /** Установить готовый info, не пропуская через парсеры. */\n  setError: (info: ResponseErrorInfo) => void\n\n  /** Чистая классификация без записи в state — для предпросмотра. */\n  classify: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo>\n\n  /** Сбросить state (скрыть баннер). */\n  dismiss: () => void\n  /** Алиас `dismiss`. */\n  reset: () => void\n\n  /**\n   * Хелпер: вызывает `handler(currentError)`. Если handler завершился без\n   * исключения — сбрасывает state. Если кинул — оставляет state, поднимает.\n   * Удобно бинать к кнопке «Повторить».\n   */\n  retry: (handler: (info: ResponseErrorInfo) => void | Promise<void>) => Promise<void>\n}\n\n/**\n * Stateful-композабл вокруг `createResponseErrorClassifier`. Хранит\n * `currentError`, инкапсулирует setRaw/retry/dismiss. Подходит для типичного\n * сценария «поймал ошибку запроса → показал баннер → ретрай/скрыть».\n */\nexport function useResponseError(options: UseResponseErrorOptions = {}): UseResponseErrorReturn {\n  const currentError = shallowRef<ResponseErrorInfo | null>(null)\n  const lastRaw = ref<unknown>(null)\n\n  function getClassifier() {\n    return createResponseErrorClassifier({\n      parsers: options.parsers?.() ?? defaultResponseErrorParsers,\n      texts: options.texts?.() ?? {},\n      messageKey: options.messageKey?.(),\n    })\n  }\n\n  function isAutoHidden(kind: ResponseErrorKind): boolean {\n    const list = options.autoHideKinds?.() ?? DEFAULT_AUTO_HIDE_KINDS\n    return list.includes(kind)\n  }\n\n  async function classify(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo> {\n    const classifier = getClassifier()\n    const meta = { ...(options.meta?.() ?? {}), ...(extra ?? {}) }\n    const info = await classifier(raw, meta)\n    options.onClassify?.(info)\n    return info\n  }\n\n  async function setRaw(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo | null> {\n    lastRaw.value = raw\n    const info = await classify(raw, extra)\n    if (isAutoHidden(info.kind)) {\n      currentError.value = null\n      return null\n    }\n    currentError.value = info\n    return info\n  }\n\n  function setError(info: ResponseErrorInfo): void {\n    currentError.value = info\n  }\n\n  function dismiss(): void {\n    currentError.value = null\n  }\n\n  async function retry(handler: (info: ResponseErrorInfo) => void | Promise<void>): Promise<void> {\n    const info = currentError.value\n    if (!info) return\n    await handler(info)\n    currentError.value = null\n  }\n\n  return {\n    currentError,\n    isVisible: computed(() => currentError.value !== null),\n    lastRaw,\n    setRaw,\n    setError,\n    classify,\n    dismiss,\n    reset: dismiss,\n    retry,\n  }\n}\n\nexport { DEFAULT_RESPONSE_ERROR_TEXTS }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAKb,MAAM,EAAE,MAAM,2BAA2B;EAIzC,MAAM,cAAc,gBAA6C;GAC/D,cAAc,EAAE,qCAAqC,wBAAwB;GAC7E,gBAAgB,EAAE,uCAAuC,sCAAsC;GAC/F,iBAAiB,EAAE,wCAAwC,+BAA+B;GAC1F,mBAAmB,EAAE,0CAA0C,iDAAiD;GAChH,aAAa,EAAE,oCAAoC,4BAA4B;GAC/E,eAAe,EAAE,sCAAsC,4DAA4D;EACrH,EAAE;EAEF,MAAM,cAAc,gBAA6C;GAC/D,GAAG,YAAY;GACf,GAAG,MAAM;EACX,EAAE;EAEF,SAAS,QAAQ,MAA+B;GAC9C,KAAK,SAAS;IAAE,OAAO;IAAM,OAAO,MAAM;GAAM,CAAC;EACnD;;uBAIE,YAWE,+BAAA;IAVC,OAAO,MAAM;IACb,OAAO,YAAA;IACP,MAAM,MAAM;IACZ,gBAAc,MAAM;IACpB,aAAW,MAAM;IACjB,eAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,kBAAgB,MAAM;IACf;IACP,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EE5DlB,MAAM,QAAQ;EAqBd,MAAM,OAAO;EAKb,MAAM,EAAE,MAAM,2BAA2B;EAIzC,MAAM,YAAY,gBAA6C;GAC7D,iBAAiB,EAAE,sCAAsC,uBAAuB;GAChF,mBAAmB,EAAE,wCAAwC,yEAAyE;GACtI,aAAa,EAAE,kCAAkC,gBAAgB;GACjE,aAAa,EAAE,kCAAkC,YAAY;GAC7D,eAAe,EAAE,oCAAoC,kDAAkD;EACzG,EAAE;EAEF,MAAM,cAAc,gBAA6C;GAC/D,GAAG,UAAU;GACb,GAAG,MAAM;EACX,EAAE;;uBAIA,YAaE,+BAAA;IAZC,OAAO,MAAM;IACb,OAAO,YAAA;IACP,MAAM,MAAM;IACZ,gBAAc,MAAM;IACpB,gBAAc,MAAM;IACrB,qBAAA;IACC,aAAW,MAAM;IACjB,eAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,kBAAgB,MAAM;IACtB,SAAK,OAAA,OAAA,OAAA,MAAG,SAAS,KAAI,SAAU,IAAI;IACnC,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;;;;;;;;;;;;;;;;;;;;;AELlB,SAAgB,iBAAiB,UAAmC,CAAC,GAA2B;CAC9F,MAAM,eAAe,WAAqC,IAAI;CAC9D,MAAM,UAAU,IAAa,IAAI;CAEjC,SAAS,gBAAgB;EACvB,OAAO,8BAA8B;GACnC,SAAS,QAAQ,UAAU,KAAK;GAChC,OAAO,QAAQ,QAAQ,KAAK,CAAC;GAC7B,YAAY,QAAQ,aAAa;EACnC,CAAC;CACH;CAEA,SAAS,aAAa,MAAkC;EAEtD,QADa,QAAQ,gBAAgB,KAAK,wBAAA,CAC9B,SAAS,IAAI;CAC3B;CAEA,eAAe,SAAS,KAAc,OAA6D;EAGjG,MAAM,OAAO,MAFM,cAEA,CAAA,CAAW,KAAK;GADpB,GAAI,QAAQ,OAAO,KAAK,CAAC;GAAI,GAAI,SAAS,CAAC;EACvB,CAAI;EACvC,QAAQ,aAAa,IAAI;EACzB,OAAO;CACT;CAEA,eAAe,OAAO,KAAc,OAAoE;EACtG,QAAQ,QAAQ;EAChB,MAAM,OAAO,MAAM,SAAS,KAAK,KAAK;EACtC,IAAI,aAAa,KAAK,IAAI,GAAG;GAC3B,aAAa,QAAQ;GACrB,OAAO;EACT;EACA,aAAa,QAAQ;EACrB,OAAO;CACT;CAEA,SAAS,SAAS,MAA+B;EAC/C,aAAa,QAAQ;CACvB;CAEA,SAAS,UAAgB;EACvB,aAAa,QAAQ;CACvB;CAEA,eAAe,MAAM,SAA2E;EAC9F,MAAM,OAAO,aAAa;EAC1B,IAAI,CAAC,MAAM;EACX,MAAM,QAAQ,IAAI;EAClB,aAAa,QAAQ;CACvB;CAEA,OAAO;EACL;EACA,WAAW,eAAe,aAAa,UAAU,IAAI;EACrD;EACA;EACA;EACA;EACA;EACA,OAAO;EACP;CACF;AACF"}

package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-bM8FC_Bw.js → GrResponseErrorBanner-Cdu9ekK9.js}

@@ -1,6 +1,6 @@
-import { t as GrAlert_default } from "../../GrAlert/chunks/GrAlert-HyCjYJeL.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-D_7jowK2.js";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
+import { t as GrAlert_default } from "../../GrAlert/chunks/GrAlert-DPJSU_fG.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, withCtx } from "vue";
 //#region src/components/GrResponseErrorBanner/responseError.defaults.ts
 /**
@@ -672,7 +672,7 @@ var GrResponseErrorBanner_default = /* @__PURE__ */ defineComponent({
 			server: "serverMessage",
 			unknown: "unknownMessage"
 		};
-		const DEFAULT_FALLBACK_MESSAGES = new Set([
+		const DEFAULT_FALLBACK_MESSAGES = /* @__PURE__ */ new Set([
 			DEFAULT_RESPONSE_ERROR_TEXTS.networkMessage,
 			DEFAULT_RESPONSE_ERROR_TEXTS.abortedMessage,
 			DEFAULT_RESPONSE_ERROR_TEXTS.validationMessage,
@@ -744,7 +744,7 @@ var GrResponseErrorBanner_default = /* @__PURE__ */ defineComponent({
 				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
 					createElementVNode("div", _hoisted_2, [props.showStatus && typeof props.error.status === "number" ? (openBlock(), createElementBlock("span", {
 						key: 0,
-						class: "inline-flex items-center rounded-[var(--ds-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[11px] font-700 leading-none",
+						class: "inline-flex items-center rounded-[var(--gr-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[11px] font-700 leading-none",
 						"data-testid": `${props.testIdPrefix}-status`
 					}, " HTTP " + toDisplayString(props.error.status), 9, _hoisted_3)) : createCommentVNode("", true), createElementVNode("span", {
 						class: "text-[13px]",