@feugene/granularity 0.48.0 → 0.49.0

package/dist/components/GrSelect/index.js

@@ -1,3 +1,3 @@
-import { t as GrSelect_default } from "./chunks/GrSelect-0iI4wdR_.js";
+import { t as GrSelect_default } from "./chunks/GrSelect-DvSq-nV-.js";
 import { n as grSelectSafelist, t as grSelectConfig } from "../../chunks/config--t2dxj0t.js";
 export { GrSelect_default as GrSelect, GrSelect_default as default, grSelectConfig, grSelectSafelist };

package/dist/components/GrSwitch/chunks/{GrSwitch-CriHWT2A.js → GrSwitch-D7X42uIA.js}

@@ -1,10 +1,10 @@
-import { a as useGrComponentSize } from "../../../chunks/context-CPMRfwVr.js";
+import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
 import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "../../../composables/useGrFormControl.js";
-import { a as grSwitchSpinnerClass, i as grSwitchRootClass, o as grSwitchThumbClass, r as grSwitchLabelClass, s as grSwitchTrackClass } from "../../../chunks/config-Yy67uWHY.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref } from "vue";
+import { a as grSwitchSpinnerClass, c as grSwitchThumbIconClass, d as stateTextGhostClass, f as stateTextRoom, i as grSwitchRootClass, l as grSwitchTrackClass, o as grSwitchStateTextClass, p as stateTextStackClass, r as grSwitchLabelClass, s as grSwitchThumbClass, u as isGrSwitchStateTextSize } from "../../../chunks/config-MUkhktTP.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, useSlots, watchEffect } from "vue";
 //#region src/components/GrSwitch/GrSwitch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"name",
@@ -65,7 +65,17 @@ var GrSwitch_default = /* @__PURE__ */ defineComponent({
 		value: { default: "on" },
 		form: { default: void 0 },
 		activeBackgroundColor: { default: void 0 },
-		inactiveBackgroundColor: { default: void 0 }
+		inactiveBackgroundColor: { default: void 0 },
+		showStateText: {
+			type: Boolean,
+			default: void 0
+		},
+		checkedText: { default: void 0 },
+		uncheckedText: { default: void 0 },
+		autoWidth: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: [
 		"update:modelValue",
@@ -76,6 +86,7 @@ var GrSwitch_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const getCustomColor = (value) => value?.trim() || void 0;
 		const props = __props;
+		const slots = useSlots();
 		const field = useGrFormFieldContext();
 		const fieldId = computed(() => field?.id.value);
 		const describedBy = computed(() => field?.describedById.value);
@@ -102,8 +113,15 @@ var GrSwitch_default = /* @__PURE__ */ defineComponent({
 			]
 		});
 		const emit = __emit;
+		const resolvedShowStateText = useGrComponentProp("GrSwitch", "showStateText", () => props.showStateText, false);
+		const resolvedAutoWidth = useGrComponentProp("GrSwitch", "autoWidth", () => props.autoWidth, false);
+		const stateTextSize = computed(() => {
+			if (!resolvedShowStateText.value) return void 0;
+			return isGrSwitchStateTextSize(resolvedSize.value) ? resolvedSize.value : void 0;
+		});
+		const hasStateText = computed(() => stateTextSize.value !== void 0);
 		const rootClass = computed(() => grSwitchRootClass(props.labelPosition));
-		const trackClass = computed(() => grSwitchTrackClass(resolvedSize.value));
+		const trackClass = computed(() => grSwitchTrackClass(resolvedSize.value, hasStateText.value && resolvedAutoWidth.value));
 		const trackStyle = computed(() => {
 			const isChecked = props.modelValue;
 			const defaultBackgroundColor = isChecked ? "var(--gr-primary)" : "var(--gr-muted)";
@@ -120,8 +138,29 @@ var GrSwitch_default = /* @__PURE__ */ defineComponent({
 			checked: props.modelValue
 		}));
 		const spinnerClass = computed(() => grSwitchSpinnerClass(resolvedSize.value));
+		const thumbIconSlot = computed(() => props.modelValue ? slots["checked-icon"] : slots["unchecked-icon"]);
+		const thumbIconClass = computed(() => grSwitchThumbIconClass(resolvedSize.value));
 		const labelClass = computed(() => grSwitchLabelClass(resolvedSize.value, isDisabled.value));
 		const resolvedLoadingText = computed(() => props.loadingText ?? t("gr.switch.loading", "Saving…"));
+		const stateTextClass = computed(() => stateTextSize.value ? grSwitchStateTextClass({
+			size: stateTextSize.value,
+			checked: props.modelValue,
+			disabled: isDisabled.value,
+			autoWidth: resolvedAutoWidth.value
+		}) : "");
+		const checkedStateText = computed(() => props.checkedText ?? t("gr.switch.on", "ON"));
+		const uncheckedStateText = computed(() => props.uncheckedText ?? t("gr.switch.off", "OFF"));
+		const resolvedStateText = computed(() => props.modelValue ? checkedStateText.value : uncheckedStateText.value);
+		const ghostStateText = computed(() => props.modelValue ? uncheckedStateText.value : checkedStateText.value);
+		if (process.env.NODE_ENV !== "production") {
+			watchEffect(() => {
+				if (resolvedAutoWidth.value && !resolvedShowStateText.value) console.warn("[granularity] GrSwitch: `autoWidth` без `showStateText` ничего не делает — дорожке не подо что растягиваться.");
+			});
+			watchEffect(() => {
+				if (!resolvedShowStateText.value || isGrSwitchStateTextSize(resolvedSize.value)) return;
+				console.warn(`[granularity] GrSwitch: подпись состояния не нарисована на ступени \`${resolvedSize.value}\`: рядом с бегунком ${stateTextRoom[resolvedSize.value]}px, а минимально читаемой подписи нужен ${stateTextRoom.md}px. Подписи живут на \`md\` и \`lg\`.`);
+			});
+		}
 		const submitsValue = computed(() => props.modelValue && !isDisabled.value && Boolean(props.name));
 		function toggle() {
 			if (isDisabled.value || isReadonly.value || props.loading) return;
@@ -162,7 +201,17 @@ var GrSwitch_default = /* @__PURE__ */ defineComponent({
 					"data-gr-switch-track": "",
 					class: normalizeClass(trackClass.value),
 					style: normalizeStyle(trackStyle.value)
-				}, [createElementVNode("span", {
+				}, [stateTextSize.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					"data-testid": "gr-switch-state-text",
+					"data-gr-switch-state-text": "",
+					class: normalizeClass(stateTextClass.value),
+					"aria-hidden": "true"
+				}, [createElementVNode("span", { class: normalizeClass(unref(stateTextStackClass)) }, toDisplayString(resolvedStateText.value), 3), unref(resolvedAutoWidth) ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					"data-gr-switch-state-text-ghost": "",
+					class: normalizeClass(unref(stateTextGhostClass))
+				}, toDisplayString(ghostStateText.value), 3)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("span", {
 					"data-testid": "gr-switch-thumb",
 					"data-gr-switch-thumb": "",
 					class: normalizeClass(thumbClass.value),
@@ -171,7 +220,12 @@ var GrSwitch_default = /* @__PURE__ */ defineComponent({
 					key: 0,
 					"data-gr-switch-spinner": "",
 					class: normalizeClass(spinnerClass.value)
-				}, null, 8, ["class"])) : createCommentVNode("", true)], 2)], 6),
+				}, null, 8, ["class"])) : thumbIconSlot.value ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					"data-testid": "gr-switch-thumb-icon",
+					"data-gr-switch-thumb-icon": "",
+					class: normalizeClass(thumbIconClass.value)
+				}, [__props.modelValue ? renderSlot(_ctx.$slots, "checked-icon", {}, void 0, void 0, 0) : renderSlot(_ctx.$slots, "unchecked-icon", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true)], 2)], 6),
 				_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					"data-gr-switch-label": "",

package/dist/components/GrSwitch/chunks/GrSwitch-D7X42uIA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrSwitch-D7X42uIA.js","names":["$attrs","$slots"],"sources":["../../../../src/components/GrSwitch/GrSwitch.vue","../../../../src/components/GrSwitch/GrSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watchEffect } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrComponentProp } from '../../composables/useGrComponentConfig'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchRootClass,\n  grSwitchSpinnerClass,\n  grSwitchStateTextClass,\n  grSwitchThumbClass,\n  grSwitchThumbIconClass,\n  grSwitchTrackClass,\n  isGrSwitchStateTextSize,\n  stateTextGhostClass,\n  stateTextRoom,\n  stateTextStackClass,\n  type GrSwitchLabelPosition,\n  type GrSwitchSize,\n  type GrSwitchStateTextSize,\n} from './grSwitchStyles'\n\nexport type {\n  GrSwitchLabelPosition,\n  GrSwitchSize,\n  GrSwitchStateTextSize,\n} from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  /**\n   * Значение переключателя. Необязательное: без `v-model` контрол рисуется\n   * выключенным — так же, как `GrCheckbox`. Обязательный проп заставлял бы\n   * заводить `ref` даже там, где переключатель presentational.\n   */\n  modelValue?: boolean\n  disabled?: boolean\n  /** Только для чтения: состояние видно, но не переключается. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Сторона подписи относительно дорожки. */\n  labelPosition?: GrSwitchLabelPosition\n  /** Идёт сохранение: бегунок показывает спиннер, переключение заблокировано. */\n  loading?: boolean\n  /** i18n: что именно грузится. `aria-busy` сам по себе часть AT не объявляет. */\n  loadingText?: string\n  /** Имя поля для нативной отправки формы. Без него скрытое поле не рендерится. */\n  name?: string\n  /** Значение, уходящее в форму во включённом состоянии. */\n  value?: string\n  /** `id` формы, если переключатель лежит вне неё. */\n  form?: string\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--gr-primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--gr-muted)`. */\n  inactiveBackgroundColor?: string\n  /**\n   * Подпись состояния внутри дорожки — на свободной от бегунка стороне.\n   * Помещается только на `md` и `lg`; на мелких ступенях не рисуется.\n   */\n  showStateText?: boolean\n  /** Текст включённого состояния. Без него — `gr.switch.on` из локали. */\n  checkedText?: string\n  /** Текст выключенного состояния. Без него — `gr.switch.off` из локали. */\n  uncheckedText?: string\n  /**\n   * Дорожка растягивается под подпись, а ступень размера становится нижней\n   * границей ширины. Без `showStateText` смысла не имеет: тянуться не под что.\n   */\n  autoWidth?: boolean\n}\n\nexport interface GrSwitchEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'change', value: boolean): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\n// Скрытое поле — сосед кнопки, а не её потомок: интерактивный контент внутри\n// `<button>` невалиден. Из-за этого корень компонента — фрагмент, и атрибуты\n// потребителя надо донести до кнопки руками.\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(\n  defineProps<GrSwitchProps>(),\n  {\n    modelValue: false,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    ariaLabel: undefined,\n    size: undefined,\n    labelPosition: 'end',\n    loading: false,\n    loadingText: undefined,\n    name: undefined,\n    value: 'on',\n    form: undefined,\n    activeBackgroundColor: undefined,\n    inactiveBackgroundColor: undefined,\n    // `undefined`, а не `false`: Vue приводит отсутствующий boolean к `false`,\n    // и дефолт из `GrConfigProvider` до компонента бы не доехал.\n    showStateText: undefined,\n    checkedText: undefined,\n    uncheckedText: undefined,\n    autoWidth: undefined,\n  },\n)\n\n// Контекст `GrFormField`: id для `<label for>`, описание ошибкой, невалидность.\n// `<button>` — labelable-элемент, поэтому клик по подписи фокусирует переключатель.\nconst slots = defineSlots<{\n  /** Подпись переключателя. */\n  'default'?: () => any\n  /**\n   * Знак на бегунке во включённом состоянии — галочка, замок, что угодно.\n   *\n   * Размер задаёт обёртка по ступени `size`, поэтому содержимое слота тянется\n   * до неё: `class=\"h-full w-full\"`, как у `GrBadge` и `GrChip`.\n   *\n   * Знак декоративен — бегунок целиком `aria-hidden`, а состояние диктор берёт\n   * из `aria-checked`. Смысла, которого нет больше нигде, сюда класть нельзя.\n   */\n  'checked-icon'?: () => any\n  /** То же для выключенного состояния. Слоты независимы. */\n  'unchecked-icon'?: () => any\n}>()\n\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\n\nconst { t } = useGranularityTranslations()\n\nconst rootEl = ref<HTMLButtonElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrSwitch',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrSwitchEmits>()\n\nconst resolvedShowStateText = useGrComponentProp(\n  'GrSwitch',\n  'showStateText',\n  () => props.showStateText,\n  false,\n)\n\nconst resolvedAutoWidth = useGrComponentProp(\n  'GrSwitch',\n  'autoWidth',\n  () => props.autoWidth,\n  false,\n)\n\n// Ступень, на которой подпись помещается в дорожку, — иначе её нет вовсе.\nconst stateTextSize = computed<GrSwitchStateTextSize | undefined>(() => {\n  if (!resolvedShowStateText.value)\n    return undefined\n\n  return isGrSwitchStateTextSize(resolvedSize.value) ? resolvedSize.value : undefined\n})\n\nconst hasStateText = computed(() => stateTextSize.value !== undefined)\n\nconst rootClass = computed(() => grSwitchRootClass(props.labelPosition))\n\nconst trackClass = computed(() => grSwitchTrackClass(resolvedSize.value, hasStateText.value && resolvedAutoWidth.value))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--gr-primary)' : 'var(--gr-muted)'\n  const customBackgroundColor = getCustomColor(\n    isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  // Недоступность гасится токеном и перебивает кастомный цвет: иначе выключенный\n  // переключатель остался бы таким же ярким, как рабочий.\n  const backgroundColor = isDisabled.value\n    ? 'var(--gr-disabled-bg)'\n    : customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--gr-switch-track-bg': backgroundColor,\n    '--gr-switch-track-brd': isDisabled.value\n      ? 'var(--gr-disabled-brd)'\n      : customBackgroundColor\n        ? backgroundColor\n        : isChecked\n          ? 'var(--gr-primary)'\n          : 'var(--gr-brd)',\n    'backgroundColor': 'var(--gr-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({ size: resolvedSize.value, checked: props.modelValue }))\n\nconst spinnerClass = computed(() => grSwitchSpinnerClass(resolvedSize.value))\n\n// Спиннер и иконка занимают центр бегунка: пока идёт запрос, важнее «состояние\n// меняется», чем «каким оно стало».\nconst thumbIconSlot = computed(() => (props.modelValue ? slots['checked-icon'] : slots['unchecked-icon']))\n\nconst thumbIconClass = computed(() => grSwitchThumbIconClass(resolvedSize.value))\n\nconst labelClass = computed(() => grSwitchLabelClass(resolvedSize.value, isDisabled.value))\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.switch.loading', 'Saving…'))\n\nconst stateTextClass = computed(() => (stateTextSize.value\n  ? grSwitchStateTextClass({\n      size: stateTextSize.value,\n      checked: props.modelValue,\n      disabled: isDisabled.value,\n      autoWidth: resolvedAutoWidth.value,\n    })\n  : ''))\n\nconst checkedStateText = computed(() => props.checkedText ?? t('gr.switch.on', 'ON'))\nconst uncheckedStateText = computed(() => props.uncheckedText ?? t('gr.switch.off', 'OFF'))\n\nconst resolvedStateText = computed(() => (\n  props.modelValue ? checkedStateText.value : uncheckedStateText.value\n))\n\n// Невидимый дубль держит ширину: без него дорожка меняла бы размер на каждом\n// щелчке, потому что «вкл» и «выкл» почти никогда не равны по ширине.\nconst ghostStateText = computed(() => (\n  props.modelValue ? uncheckedStateText.value : checkedStateText.value\n))\n\nif (__GR_DEV__) {\n  watchEffect(() => {\n    if (resolvedAutoWidth.value && !resolvedShowStateText.value) {\n      console.warn(\n        '[granularity] GrSwitch: `autoWidth` без `showStateText` ничего не делает — '\n        + 'дорожке не подо что растягиваться.',\n      )\n    }\n  })\n\n  watchEffect(() => {\n    if (!resolvedShowStateText.value || isGrSwitchStateTextSize(resolvedSize.value))\n      return\n\n    console.warn(\n      `[granularity] GrSwitch: подпись состояния не нарисована на ступени \\`${resolvedSize.value}\\`: `\n      + `рядом с бегунком ${stateTextRoom[resolvedSize.value]}px, а минимально читаемой подписи нужен `\n      + `${stateTextRoom.md}px. Подписи живут на \\`md\\` и \\`lg\\`.`,\n    )\n  })\n}\n\n// Выключенный переключатель не отправляется вовсе — так устроен чекбокс в HTML,\n// и сервер отличает «выкл» по отсутствию ключа.\nconst submitsValue = computed(\n  () => props.modelValue && !isDisabled.value && Boolean(props.name),\n)\n\nfunction toggle(): void {\n  if (isDisabled.value || isReadonly.value || props.loading) {\n    return\n  }\n\n  const next = !props.modelValue\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n</script>\n\n<template>\n  <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"value\"\n      :form=\"form\"\n  >\n\n  <button\n      :id=\"fieldId\"\n      ref=\"rootEl\"\n      v-bind=\"$attrs\"\n      type=\"button\"\n      role=\"switch\"\n      data-gr-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :aria-describedby=\"describedBy\"\n      :aria-invalid=\"isInvalid ? 'true' : undefined\"\n      :aria-required=\"isRequired ? 'true' : undefined\"\n      :aria-readonly=\"isReadonly ? 'true' : undefined\"\n      :aria-busy=\"loading ? 'true' : undefined\"\n      :disabled=\"isDisabled\"\n      :class=\"rootClass\"\n      @click=\"toggle\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"emit('blur', $event)\"\n  >\n    <span\n        data-testid=\"gr-switch-track\"\n        data-gr-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          v-if=\"stateTextSize\"\n          data-testid=\"gr-switch-state-text\"\n          data-gr-switch-state-text\n          :class=\"stateTextClass\"\n          aria-hidden=\"true\"\n      >\n        <span :class=\"stateTextStackClass\">{{ resolvedStateText }}</span>\n        <span\n            v-if=\"resolvedAutoWidth\"\n            data-gr-switch-state-text-ghost\n            :class=\"stateTextGhostClass\"\n        >{{ ghostStateText }}</span>\n      </span>\n      <span\n          data-testid=\"gr-switch-thumb\"\n          data-gr-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      >\n        <IconLoader v-if=\"loading\" data-gr-switch-spinner :class=\"spinnerClass\" />\n        <span\n            v-else-if=\"thumbIconSlot\"\n            data-testid=\"gr-switch-thumb-icon\"\n            data-gr-switch-thumb-icon\n            :class=\"thumbIconClass\"\n        >\n          <slot v-if=\"modelValue\" name=\"checked-icon\" />\n          <slot v-else name=\"unchecked-icon\" />\n        </span>\n      </span>\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-gr-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n    <span v-if=\"loading\" data-gr-switch-loading-text class=\"sr-only\">{{ resolvedLoadingText }}</span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, watchEffect } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrComponentProp } from '../../composables/useGrComponentConfig'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchRootClass,\n  grSwitchSpinnerClass,\n  grSwitchStateTextClass,\n  grSwitchThumbClass,\n  grSwitchThumbIconClass,\n  grSwitchTrackClass,\n  isGrSwitchStateTextSize,\n  stateTextGhostClass,\n  stateTextRoom,\n  stateTextStackClass,\n  type GrSwitchLabelPosition,\n  type GrSwitchSize,\n  type GrSwitchStateTextSize,\n} from './grSwitchStyles'\n\nexport type {\n  GrSwitchLabelPosition,\n  GrSwitchSize,\n  GrSwitchStateTextSize,\n} from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  /**\n   * Значение переключателя. Необязательное: без `v-model` контрол рисуется\n   * выключенным — так же, как `GrCheckbox`. Обязательный проп заставлял бы\n   * заводить `ref` даже там, где переключатель presentational.\n   */\n  modelValue?: boolean\n  disabled?: boolean\n  /** Только для чтения: состояние видно, но не переключается. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Сторона подписи относительно дорожки. */\n  labelPosition?: GrSwitchLabelPosition\n  /** Идёт сохранение: бегунок показывает спиннер, переключение заблокировано. */\n  loading?: boolean\n  /** i18n: что именно грузится. `aria-busy` сам по себе часть AT не объявляет. */\n  loadingText?: string\n  /** Имя поля для нативной отправки формы. Без него скрытое поле не рендерится. */\n  name?: string\n  /** Значение, уходящее в форму во включённом состоянии. */\n  value?: string\n  /** `id` формы, если переключатель лежит вне неё. */\n  form?: string\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--gr-primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--gr-muted)`. */\n  inactiveBackgroundColor?: string\n  /**\n   * Подпись состояния внутри дорожки — на свободной от бегунка стороне.\n   * Помещается только на `md` и `lg`; на мелких ступенях не рисуется.\n   */\n  showStateText?: boolean\n  /** Текст включённого состояния. Без него — `gr.switch.on` из локали. */\n  checkedText?: string\n  /** Текст выключенного состояния. Без него — `gr.switch.off` из локали. */\n  uncheckedText?: string\n  /**\n   * Дорожка растягивается под подпись, а ступень размера становится нижней\n   * границей ширины. Без `showStateText` смысла не имеет: тянуться не под что.\n   */\n  autoWidth?: boolean\n}\n\nexport interface GrSwitchEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'change', value: boolean): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\n// Скрытое поле — сосед кнопки, а не её потомок: интерактивный контент внутри\n// `<button>` невалиден. Из-за этого корень компонента — фрагмент, и атрибуты\n// потребителя надо донести до кнопки руками.\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(\n  defineProps<GrSwitchProps>(),\n  {\n    modelValue: false,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    ariaLabel: undefined,\n    size: undefined,\n    labelPosition: 'end',\n    loading: false,\n    loadingText: undefined,\n    name: undefined,\n    value: 'on',\n    form: undefined,\n    activeBackgroundColor: undefined,\n    inactiveBackgroundColor: undefined,\n    // `undefined`, а не `false`: Vue приводит отсутствующий boolean к `false`,\n    // и дефолт из `GrConfigProvider` до компонента бы не доехал.\n    showStateText: undefined,\n    checkedText: undefined,\n    uncheckedText: undefined,\n    autoWidth: undefined,\n  },\n)\n\n// Контекст `GrFormField`: id для `<label for>`, описание ошибкой, невалидность.\n// `<button>` — labelable-элемент, поэтому клик по подписи фокусирует переключатель.\nconst slots = defineSlots<{\n  /** Подпись переключателя. */\n  'default'?: () => any\n  /**\n   * Знак на бегунке во включённом состоянии — галочка, замок, что угодно.\n   *\n   * Размер задаёт обёртка по ступени `size`, поэтому содержимое слота тянется\n   * до неё: `class=\"h-full w-full\"`, как у `GrBadge` и `GrChip`.\n   *\n   * Знак декоративен — бегунок целиком `aria-hidden`, а состояние диктор берёт\n   * из `aria-checked`. Смысла, которого нет больше нигде, сюда класть нельзя.\n   */\n  'checked-icon'?: () => any\n  /** То же для выключенного состояния. Слоты независимы. */\n  'unchecked-icon'?: () => any\n}>()\n\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\n\nconst { t } = useGranularityTranslations()\n\nconst rootEl = ref<HTMLButtonElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrSwitch',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrSwitchEmits>()\n\nconst resolvedShowStateText = useGrComponentProp(\n  'GrSwitch',\n  'showStateText',\n  () => props.showStateText,\n  false,\n)\n\nconst resolvedAutoWidth = useGrComponentProp(\n  'GrSwitch',\n  'autoWidth',\n  () => props.autoWidth,\n  false,\n)\n\n// Ступень, на которой подпись помещается в дорожку, — иначе её нет вовсе.\nconst stateTextSize = computed<GrSwitchStateTextSize | undefined>(() => {\n  if (!resolvedShowStateText.value)\n    return undefined\n\n  return isGrSwitchStateTextSize(resolvedSize.value) ? resolvedSize.value : undefined\n})\n\nconst hasStateText = computed(() => stateTextSize.value !== undefined)\n\nconst rootClass = computed(() => grSwitchRootClass(props.labelPosition))\n\nconst trackClass = computed(() => grSwitchTrackClass(resolvedSize.value, hasStateText.value && resolvedAutoWidth.value))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--gr-primary)' : 'var(--gr-muted)'\n  const customBackgroundColor = getCustomColor(\n    isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  // Недоступность гасится токеном и перебивает кастомный цвет: иначе выключенный\n  // переключатель остался бы таким же ярким, как рабочий.\n  const backgroundColor = isDisabled.value\n    ? 'var(--gr-disabled-bg)'\n    : customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--gr-switch-track-bg': backgroundColor,\n    '--gr-switch-track-brd': isDisabled.value\n      ? 'var(--gr-disabled-brd)'\n      : customBackgroundColor\n        ? backgroundColor\n        : isChecked\n          ? 'var(--gr-primary)'\n          : 'var(--gr-brd)',\n    'backgroundColor': 'var(--gr-switch-track-bg)',\n  }\n})\n\nconst thumbClass = computed(() => grSwitchThumbClass({ size: resolvedSize.value, checked: props.modelValue }))\n\nconst spinnerClass = computed(() => grSwitchSpinnerClass(resolvedSize.value))\n\n// Спиннер и иконка занимают центр бегунка: пока идёт запрос, важнее «состояние\n// меняется», чем «каким оно стало».\nconst thumbIconSlot = computed(() => (props.modelValue ? slots['checked-icon'] : slots['unchecked-icon']))\n\nconst thumbIconClass = computed(() => grSwitchThumbIconClass(resolvedSize.value))\n\nconst labelClass = computed(() => grSwitchLabelClass(resolvedSize.value, isDisabled.value))\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.switch.loading', 'Saving…'))\n\nconst stateTextClass = computed(() => (stateTextSize.value\n  ? grSwitchStateTextClass({\n      size: stateTextSize.value,\n      checked: props.modelValue,\n      disabled: isDisabled.value,\n      autoWidth: resolvedAutoWidth.value,\n    })\n  : ''))\n\nconst checkedStateText = computed(() => props.checkedText ?? t('gr.switch.on', 'ON'))\nconst uncheckedStateText = computed(() => props.uncheckedText ?? t('gr.switch.off', 'OFF'))\n\nconst resolvedStateText = computed(() => (\n  props.modelValue ? checkedStateText.value : uncheckedStateText.value\n))\n\n// Невидимый дубль держит ширину: без него дорожка меняла бы размер на каждом\n// щелчке, потому что «вкл» и «выкл» почти никогда не равны по ширине.\nconst ghostStateText = computed(() => (\n  props.modelValue ? uncheckedStateText.value : checkedStateText.value\n))\n\nif (__GR_DEV__) {\n  watchEffect(() => {\n    if (resolvedAutoWidth.value && !resolvedShowStateText.value) {\n      console.warn(\n        '[granularity] GrSwitch: `autoWidth` без `showStateText` ничего не делает — '\n        + 'дорожке не подо что растягиваться.',\n      )\n    }\n  })\n\n  watchEffect(() => {\n    if (!resolvedShowStateText.value || isGrSwitchStateTextSize(resolvedSize.value))\n      return\n\n    console.warn(\n      `[granularity] GrSwitch: подпись состояния не нарисована на ступени \\`${resolvedSize.value}\\`: `\n      + `рядом с бегунком ${stateTextRoom[resolvedSize.value]}px, а минимально читаемой подписи нужен `\n      + `${stateTextRoom.md}px. Подписи живут на \\`md\\` и \\`lg\\`.`,\n    )\n  })\n}\n\n// Выключенный переключатель не отправляется вовсе — так устроен чекбокс в HTML,\n// и сервер отличает «выкл» по отсутствию ключа.\nconst submitsValue = computed(\n  () => props.modelValue && !isDisabled.value && Boolean(props.name),\n)\n\nfunction toggle(): void {\n  if (isDisabled.value || isReadonly.value || props.loading) {\n    return\n  }\n\n  const next = !props.modelValue\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n</script>\n\n<template>\n  <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"value\"\n      :form=\"form\"\n  >\n\n  <button\n      :id=\"fieldId\"\n      ref=\"rootEl\"\n      v-bind=\"$attrs\"\n      type=\"button\"\n      role=\"switch\"\n      data-gr-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :aria-describedby=\"describedBy\"\n      :aria-invalid=\"isInvalid ? 'true' : undefined\"\n      :aria-required=\"isRequired ? 'true' : undefined\"\n      :aria-readonly=\"isReadonly ? 'true' : undefined\"\n      :aria-busy=\"loading ? 'true' : undefined\"\n      :disabled=\"isDisabled\"\n      :class=\"rootClass\"\n      @click=\"toggle\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"emit('blur', $event)\"\n  >\n    <span\n        data-testid=\"gr-switch-track\"\n        data-gr-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          v-if=\"stateTextSize\"\n          data-testid=\"gr-switch-state-text\"\n          data-gr-switch-state-text\n          :class=\"stateTextClass\"\n          aria-hidden=\"true\"\n      >\n        <span :class=\"stateTextStackClass\">{{ resolvedStateText }}</span>\n        <span\n            v-if=\"resolvedAutoWidth\"\n            data-gr-switch-state-text-ghost\n            :class=\"stateTextGhostClass\"\n        >{{ ghostStateText }}</span>\n      </span>\n      <span\n          data-testid=\"gr-switch-thumb\"\n          data-gr-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      >\n        <IconLoader v-if=\"loading\" data-gr-switch-spinner :class=\"spinnerClass\" />\n        <span\n            v-else-if=\"thumbIconSlot\"\n            data-testid=\"gr-switch-thumb-icon\"\n            data-gr-switch-thumb-icon\n            :class=\"thumbIconClass\"\n        >\n          <slot v-if=\"modelValue\" name=\"checked-icon\" />\n          <slot v-else name=\"unchecked-icon\" />\n        </span>\n      </span>\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-gr-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n    <span v-if=\"loading\" data-gr-switch-loading-text class=\"sr-only\">{{ resolvedLoadingText }}</span>\n  </button>\n</template>\n"],"mappings":"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"}

package/dist/components/GrSwitch/index.js

@@ -1,3 +1,3 @@
-import { n as grSwitchSafelist, t as grSwitchConfig } from "../../chunks/config-Yy67uWHY.js";
-import { t as GrSwitch_default } from "./chunks/GrSwitch-CriHWT2A.js";
+import { n as grSwitchSafelist, t as grSwitchConfig } from "../../chunks/config-MUkhktTP.js";
+import { t as GrSwitch_default } from "./chunks/GrSwitch-D7X42uIA.js";
 export { GrSwitch_default as GrSwitch, GrSwitch_default as default, grSwitchConfig, grSwitchSafelist };

package/dist/granular-provider-node.js

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-BOQp7N5o.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-B6xomapW.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/granular-provider.js

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-BOQp7N5o.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-B6xomapW.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/i18n/all.js

@@ -1,4 +1,4 @@
-import { n as ru, r as en, t as es } from "../chunks/es-Bj_vc18Z.js";
+import { n as ru, r as en, t as es } from "../chunks/es-DrUz5J6I.js";
 //#region src/i18n/all.ts
 var all = [
 	en,

package/dist/i18n/index.js

@@ -1,3 +1,3 @@
 import { t as GRANULARITY_I18N_KEY } from "../chunks/adapter-CAOxmn2G.js";
-import { i as GRANULARITY_I18N_BLOCK, n as ru, r as en, t as es } from "../chunks/es-Bj_vc18Z.js";
+import { i as GRANULARITY_I18N_BLOCK, n as ru, r as en, t as es } from "../chunks/es-DrUz5J6I.js";
 export { GRANULARITY_I18N_BLOCK, GRANULARITY_I18N_KEY, en, es, ru };

package/dist/index.js

@@ -18,20 +18,20 @@ import { createLoading, vLoading } from "./directives/loading.js";
 import { useFloating } from "./composables/useFloating.js";
 import { useOverlayLayer } from "./composables/useOverlayLayer.js";
 import { useDismissible } from "./composables/useDismissible.js";
-import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-C-uovdv8.js";
+import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-Chhw65pI.js";
 import { useVirtualList } from "./composables/useVirtualList.js";
 import { useComboboxNavigation } from "./composables/useComboboxNavigation.js";
 import { n as useGrFormFieldContext } from "./chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "./composables/useGrFormControl.js";
 import { useRovingFocus } from "./composables/useRovingFocus.js";
-import { t as GrChip_default } from "./components/GrChip/chunks/GrChip-CKqyzYcv.js";
+import { t as GrChip_default } from "./components/GrChip/chunks/GrChip-DoyS1Dr4.js";
 import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "./chunks/config-BHLMTJaR.js";
 import { t as GrSkeleton_default } from "./components/GrSkeleton/chunks/GrSkeleton-CgfXxPQ2.js";
 import { n as GrAvatar_default, t as GrAvatarGroup_default } from "./components/GrAvatar/chunks/GrAvatar-Do5-C409.js";
 import { n as grAvatarSafelist, t as grAvatarConfig, u as initialsFrom } from "./chunks/config-CzeZg2LO.js";
-import { t as GrBadge_default } from "./components/GrBadge/chunks/GrBadge-DBeQXEir.js";
-import { t as grBadgeSafelist } from "./chunks/safelist-x8USecK8.js";
-import { t as grBadgeConfig } from "./chunks/config-BscVxZR3.js";
+import { t as GrBadge_default } from "./components/GrBadge/chunks/GrBadge-C42KLyUD.js";
+import { t as grBadgeSafelist } from "./chunks/safelist-CSfynUC1.js";
+import { t as grBadgeConfig } from "./chunks/config-DF1ezU6y.js";
 import { n as grBadgeWrapSafelist, o as formatBadgeValue, t as grBadgeWrapConfig } from "./chunks/config-DwABJHEo.js";
 import { t as GrBadgeWrap_default } from "./components/GrBadgeWrap/chunks/GrBadgeWrap-wdfxaXiu.js";
 import { n as grBottomNavSafelist, t as grBottomNavConfig } from "./chunks/config-DM0lsduD.js";
@@ -56,7 +56,7 @@ import { t as GrCheckbox_default } from "./components/GrCheckbox/chunks/GrCheckb
 import { n as grCheckboxSafelist, t as grCheckboxConfig } from "./chunks/config-DZCUPHPU.js";
 import { t as GrCheckboxGroup_default } from "./components/GrCheckboxGroup/chunks/GrCheckboxGroup-IpqG5qwm.js";
 import { t as grCheckboxGroupConfig } from "./chunks/config-BuGlNPE9.js";
-import { n as grChipSafelist, t as grChipConfig } from "./chunks/config-2vrOFn2f.js";
+import { n as grChipSafelist, t as grChipConfig } from "./chunks/config-AKpLyIGD.js";
 import "./components/GrChip/index.js";
 import { n as grChipGroupSafelist, t as grChipGroupConfig } from "./chunks/config-CZPDPJlg.js";
 import { t as GrChipGroup_default } from "./components/GrChipGroup/chunks/GrChipGroup-dDGwnC04.js";
@@ -131,7 +131,7 @@ import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/Gr
 import { n as grImageViewerSafelist, t as grImageViewerConfig } from "./chunks/config-DjRhIB5g.js";
 import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-CIUU9ZpY.js";
 import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-B42iJ48O.js";
-import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-CO0YU-ok.js";
+import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-qnRdAZnn.js";
 import { t as useTree } from "./chunks/useTree-BebEiBcL.js";
 import { n as grTreeViewVars, t as GrTree_default } from "./components/GrTree/chunks/GrTree-6yZrncJE.js";
 import { t as GrJsonViewer_default } from "./components/GrJsonViewer/chunks/GrJsonViewer-D7CyWzhT.js";
@@ -150,9 +150,11 @@ import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-BRG
 import { n as grNavbarSafelist, t as grNavbarConfig } from "./chunks/config-2ZHRsdOc.js";
 import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-BLP94dPY.js";
 import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-BI6-vkcs.js";
-import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-0iI4wdR_.js";
+import { n as grOtpInputSafelist, t as grOtpInputConfig } from "./chunks/config-BBtBQE3s.js";
+import { t as GrOtpInput_default } from "./components/GrOtpInput/chunks/GrOtpInput-B_Q-RDLw.js";
+import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-DvSq-nV-.js";
 import { n as grPaginationSafelist, t as grPaginationConfig } from "./chunks/config-Bdf1bt-m.js";
-import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-BbaF5eXk.js";
+import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-CMrLPzvL.js";
 import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-tNqtapcT.js";
 import "./components/GrPopover/index.js";
 import { n as grProgressBarSafelist, t as grProgressBarConfig } from "./chunks/config-hnoZvcIM.js";
@@ -190,8 +192,8 @@ import { n as formatStatisticValue, t as GrStatistic_default } from "./component
 import { n as grStatisticSafelist, t as grStatisticConfig } from "./chunks/config-DGC00bTp.js";
 import { n as grStepsSafelist, t as grStepsConfig } from "./chunks/config-CLjjjPZj.js";
 import { t as GrSteps_default } from "./components/GrSteps/chunks/GrSteps-Cng-Wrjk.js";
-import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-Yy67uWHY.js";
-import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-CriHWT2A.js";
+import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-MUkhktTP.js";
+import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-D7X42uIA.js";
 import { n as grTableSafelist, t as grTableConfig } from "./chunks/config-D3HOuHDe.js";
 import "./components/GrTable/index.js";
 import { n as GrTabPanels_default, t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-5zsbqS1v.js";
@@ -214,7 +216,6 @@ import { n as grTreeSectionsSafelist, t as grTreeSectionsConfig } from "./chunks
 import { t as GrTreeSections_default } from "./components/GrTreeSections/chunks/GrTreeSections-DcmDcLwj.js";
 import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-BAse0laT.js";
 import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-B6KoDYiZ.js";
-import "./composables/useGrComponentConfig.js";
 import "./composables/useGranularityTranslations.js";
 import { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, useTheme } from "./composables/useTheme.js";
-export { FileValidationError, GRANULARITY_THEME_STATE, GRANULARITY_TOAST_STATE, GR_KBD_TOKENS, GR_TONES, GrAffix_default as GrAffix, GrAlert_default as GrAlert, GrAutocomplete_default as GrAutocomplete, GrAvatar_default as GrAvatar, GrAvatarGroup_default as GrAvatarGroup, GrBadge_default as GrBadge, GrBadgeWrap_default as GrBadgeWrap, GrBottomNav_default as GrBottomNav, GrBreadcrumbs_default as GrBreadcrumbs, GrButton_default as GrButton, GrButtonGroup_default as GrButtonGroup, GrCard_default as GrCard, GrCarousel_default as GrCarousel, GrCarouselSlide_default as GrCarouselSlide, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrChip_default as GrChip, GrChipGroup_default as GrChipGroup, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, GrContextMenu_default as GrContextMenu, GrDataTable_default as GrDataTable, GrDelta_default as GrDelta, GrDescriptionList_default as GrDescriptionList, GrDialog_default as GrDialog, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, GrDialogServiceHost_default as GrDialogServiceHost, GrDivider_default as GrDivider, GrDrawer_default as GrDrawer, GrDropdown_default as GrDropdown, GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, GrEmptyState_default as GrEmptyState, GrFilePreview_default as GrFilePreview, GrFileUpload_default as GrFileUpload, GrForm_default as GrForm, GrFormErrorBanner_default as GrFormErrorBanner, GrFormField_default as GrFormField, GrFormFile_default as GrFormFile, GrFormSection_default as GrFormSection, GrIcon_default as GrIcon, GrImageViewer_default as GrImageViewer, GrInput_default as GrInput, GrInputTag_default as GrInputTag, GrJsonViewer_default as GrJsonViewer, GrKbd_default as GrKbd, GrLink_default as GrLink, GrList_default as GrList, GrListItem_default as GrListItem, GrLoading_default as GrLoading, GrModal_default as GrModal, GrNavbar_default as GrNavbar, GrNumberInput_default as GrNumberInput, GrPagination_default as GrPagination, GrPopover_default as GrPopover, GrProgressBar_default as GrProgressBar, GrProgressCircle_default as GrProgressCircle, GrPromptDialog_default as GrPromptDialog, GrRadio_default as GrRadio, GrRadioGroup_default as GrRadioGroup, GrRating_default as GrRating, GrResponseErrorBanner_default as GrResponseErrorBanner, GrScrollSpy_default as GrScrollSpy, GrSegmented_default as GrSegmented, GrSelect_default as GrSelect, GrSidebar_default as GrSidebar, GrSidebarGroup_default as GrSidebarGroup, GrSidebarItem_default as GrSidebarItem, GrSkeleton_default as GrSkeleton, GrSlider_default as GrSlider, GrSortableList_default as GrSortableList, GrSplitter_default as GrSplitter, GrStatistic_default as GrStatistic, GrSteps_default as GrSteps, GrSwitch_default as GrSwitch, GrTabPanel_default as GrTabPanel, GrTabPanels_default as GrTabPanels, GrTable_default as GrTable, GrTabs_default as GrTabs, GrTextarea_default as GrTextarea, GrTimeline_default as GrTimeline, GrTimelineItem_default as GrTimelineItem, GrToaster_default as GrToaster, GrTooltip_default as GrTooltip, GrTransfer_default as GrTransfer, GrTree_default as GrTree, GrTreeSections_default as GrTreeSections, GrTreeSelect_default as GrTreeSelect, GrUploadAbortError, GrUploadErrorBanner_default as GrUploadErrorBanner, GrUploadHttpError, GrValue_default as GrValue, coreResponseErrorParsers, createGrFormMessageResolver, createLoading, createResponseErrorClassifier, deltaDirection, deltaTone, dialogService, extendDefaultParsers, fileKindOf, findKbdToken, formatBadgeValue, formatStatisticValue, getByPath, grAffixConfig, grAffixSafelist, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCarouselConfig, grCarouselSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grChipConfig, grChipGroupConfig, grChipGroupSafelist, grChipSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, grContextMenuConfig, grDataTableConfig, grDataTableSafelist, grDeltaConfig, grDeltaSafelist, grDescriptionListConfig, grDescriptionListSafelist, grDialogSafelist, grDialogServiceConfig, grDividerConfig, grDividerSafelist, grDrawerConfig, grDrawerSafelist, grDropdownConfig, grDropdownMenuConfig, grDropdownMenuSafelist, grDropdownSafelist, grEmptyStateConfig, grEmptyStateSafelist, grFilePreviewConfig, grFilePreviewSafelist, grFileUploadConfig, grFileUploadSafelist, grFormConfig, grFormFieldConfig, grFormFieldSafelist, grFormFileConfig, grFormFileSafelist, grFormSectionConfig, grFormSectionSafelist, grIconConfig, grIconSafelist, grImageViewerConfig, grImageViewerSafelist, grInputConfig, grInputSafelist, grInputTagConfig, grInputTagSafelist, grJsonViewerConfig, grJsonViewerSafelist, grKbdConfig, grKbdSafelist, grLinkConfig, grLinkSafelist, grListConfig, grListSafelist, grLoadingConfig, grLoadingSafelist, grModalConfig, grModalSafelist, grNavbarConfig, grNavbarSafelist, grNumberInputConfig, grNumberInputSafelist, grPaginationConfig, grPaginationSafelist, grPopoverConfig, grPopoverSafelist, grProgressBarConfig, grProgressBarSafelist, grProgressCircleConfig, grProgressCircleSafelist, grPromptDialogConfig, grRadioConfig, grRadioGroupConfig, grRadioSafelist, grRatingConfig, grRatingSafelist, grScrollSpyConfig, grScrollSpySafelist, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grStepsConfig, grStepsSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTransferConfig, grTransferSafelist, grTreeConfig, grTreeSafelist, grTreeSectionsConfig, grTreeSectionsSafelist, grTreeSelectConfig, grTreeSelectSafelist, grTreeViewVars, grValueConfig, grValueSafelist, granularityDialogServicePlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, isEmpty, isPreviewableKind, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, setByPath, sizeFromPointer, teardownDialogService, titleWhenTruncated, useAnnouncer, useComboboxNavigation, useDialogService, useDismissible, useDragGesture, useDragSort, useFloating, useFocusTrap, useGrButtonGroup, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrFormContext, useGrFormControl, useGrFormFieldContext, useGrThemeAttrs, useGranularityTranslations, useOverlayLayer, usePortalTarget, useResponseError, useRovingFocus, useScrollSpy, useTheme, useToast, useTree, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };
+export { FileValidationError, GRANULARITY_THEME_STATE, GRANULARITY_TOAST_STATE, GR_KBD_TOKENS, GR_TONES, GrAffix_default as GrAffix, GrAlert_default as GrAlert, GrAutocomplete_default as GrAutocomplete, GrAvatar_default as GrAvatar, GrAvatarGroup_default as GrAvatarGroup, GrBadge_default as GrBadge, GrBadgeWrap_default as GrBadgeWrap, GrBottomNav_default as GrBottomNav, GrBreadcrumbs_default as GrBreadcrumbs, GrButton_default as GrButton, GrButtonGroup_default as GrButtonGroup, GrCard_default as GrCard, GrCarousel_default as GrCarousel, GrCarouselSlide_default as GrCarouselSlide, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrChip_default as GrChip, GrChipGroup_default as GrChipGroup, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, GrContextMenu_default as GrContextMenu, GrDataTable_default as GrDataTable, GrDelta_default as GrDelta, GrDescriptionList_default as GrDescriptionList, GrDialog_default as GrDialog, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, GrDialogServiceHost_default as GrDialogServiceHost, GrDivider_default as GrDivider, GrDrawer_default as GrDrawer, GrDropdown_default as GrDropdown, GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, GrEmptyState_default as GrEmptyState, GrFilePreview_default as GrFilePreview, GrFileUpload_default as GrFileUpload, GrForm_default as GrForm, GrFormErrorBanner_default as GrFormErrorBanner, GrFormField_default as GrFormField, GrFormFile_default as GrFormFile, GrFormSection_default as GrFormSection, GrIcon_default as GrIcon, GrImageViewer_default as GrImageViewer, GrInput_default as GrInput, GrInputTag_default as GrInputTag, GrJsonViewer_default as GrJsonViewer, GrKbd_default as GrKbd, GrLink_default as GrLink, GrList_default as GrList, GrListItem_default as GrListItem, GrLoading_default as GrLoading, GrModal_default as GrModal, GrNavbar_default as GrNavbar, GrNumberInput_default as GrNumberInput, GrOtpInput_default as GrOtpInput, GrPagination_default as GrPagination, GrPopover_default as GrPopover, GrProgressBar_default as GrProgressBar, GrProgressCircle_default as GrProgressCircle, GrPromptDialog_default as GrPromptDialog, GrRadio_default as GrRadio, GrRadioGroup_default as GrRadioGroup, GrRating_default as GrRating, GrResponseErrorBanner_default as GrResponseErrorBanner, GrScrollSpy_default as GrScrollSpy, GrSegmented_default as GrSegmented, GrSelect_default as GrSelect, GrSidebar_default as GrSidebar, GrSidebarGroup_default as GrSidebarGroup, GrSidebarItem_default as GrSidebarItem, GrSkeleton_default as GrSkeleton, GrSlider_default as GrSlider, GrSortableList_default as GrSortableList, GrSplitter_default as GrSplitter, GrStatistic_default as GrStatistic, GrSteps_default as GrSteps, GrSwitch_default as GrSwitch, GrTabPanel_default as GrTabPanel, GrTabPanels_default as GrTabPanels, GrTable_default as GrTable, GrTabs_default as GrTabs, GrTextarea_default as GrTextarea, GrTimeline_default as GrTimeline, GrTimelineItem_default as GrTimelineItem, GrToaster_default as GrToaster, GrTooltip_default as GrTooltip, GrTransfer_default as GrTransfer, GrTree_default as GrTree, GrTreeSections_default as GrTreeSections, GrTreeSelect_default as GrTreeSelect, GrUploadAbortError, GrUploadErrorBanner_default as GrUploadErrorBanner, GrUploadHttpError, GrValue_default as GrValue, coreResponseErrorParsers, createGrFormMessageResolver, createLoading, createResponseErrorClassifier, deltaDirection, deltaTone, dialogService, extendDefaultParsers, fileKindOf, findKbdToken, formatBadgeValue, formatStatisticValue, getByPath, grAffixConfig, grAffixSafelist, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCarouselConfig, grCarouselSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grChipConfig, grChipGroupConfig, grChipGroupSafelist, grChipSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, grContextMenuConfig, grDataTableConfig, grDataTableSafelist, grDeltaConfig, grDeltaSafelist, grDescriptionListConfig, grDescriptionListSafelist, grDialogSafelist, grDialogServiceConfig, grDividerConfig, grDividerSafelist, grDrawerConfig, grDrawerSafelist, grDropdownConfig, grDropdownMenuConfig, grDropdownMenuSafelist, grDropdownSafelist, grEmptyStateConfig, grEmptyStateSafelist, grFilePreviewConfig, grFilePreviewSafelist, grFileUploadConfig, grFileUploadSafelist, grFormConfig, grFormFieldConfig, grFormFieldSafelist, grFormFileConfig, grFormFileSafelist, grFormSectionConfig, grFormSectionSafelist, grIconConfig, grIconSafelist, grImageViewerConfig, grImageViewerSafelist, grInputConfig, grInputSafelist, grInputTagConfig, grInputTagSafelist, grJsonViewerConfig, grJsonViewerSafelist, grKbdConfig, grKbdSafelist, grLinkConfig, grLinkSafelist, grListConfig, grListSafelist, grLoadingConfig, grLoadingSafelist, grModalConfig, grModalSafelist, grNavbarConfig, grNavbarSafelist, grNumberInputConfig, grNumberInputSafelist, grOtpInputConfig, grOtpInputSafelist, grPaginationConfig, grPaginationSafelist, grPopoverConfig, grPopoverSafelist, grProgressBarConfig, grProgressBarSafelist, grProgressCircleConfig, grProgressCircleSafelist, grPromptDialogConfig, grRadioConfig, grRadioGroupConfig, grRadioSafelist, grRatingConfig, grRatingSafelist, grScrollSpyConfig, grScrollSpySafelist, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grStepsConfig, grStepsSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTransferConfig, grTransferSafelist, grTreeConfig, grTreeSafelist, grTreeSectionsConfig, grTreeSectionsSafelist, grTreeSelectConfig, grTreeSelectSafelist, grTreeViewVars, grValueConfig, grValueSafelist, granularityDialogServicePlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, isEmpty, isPreviewableKind, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, setByPath, sizeFromPointer, teardownDialogService, titleWhenTruncated, useAnnouncer, useComboboxNavigation, useDialogService, useDismissible, useDragGesture, useDragSort, useFloating, useFocusTrap, useGrButtonGroup, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrFormContext, useGrFormControl, useGrFormFieldContext, useGrThemeAttrs, useGranularityTranslations, useOverlayLayer, usePortalTarget, useResponseError, useRovingFocus, useScrollSpy, useTheme, useToast, useTree, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };

package/dist/theme.js

@@ -1,4 +1,4 @@
-import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-hELWB0gZ.js";
+import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-CxvC5O0V.js";
 //#region src/theme/color.ts
 function parseHex(value) {
 	const match = value.trim().match(/^#([\da-f]{3}|[\da-f]{6})$/i);

package/dist/tokens.js

@@ -1,2 +1,2 @@
-import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-hELWB0gZ.js";
+import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-CxvC5O0V.js";
 export { grComponentTokens, grDerivedTokens, grFoundationTokens, grThemeNames, grThemeTokens };

package/dist/types/components/GrBadge/GrBadge.vue.d.ts

@@ -1,10 +1,21 @@
 export type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles';
-import { type GrBadgeRadius, type GrBadgeSize, type GrBadgeTone } from './grBadgeStyles';
+import { type GrBadgeDotTone, type GrBadgeRadius, type GrBadgeSize, type GrBadgeTone } from './grBadgeStyles';
 export interface GrBadgeProps {
     tone?: GrBadgeTone;
     dark?: boolean;
     size?: GrBadgeSize;
     radius?: GrBadgeRadius;
+    /**
+     * Точка-маркер перед подписью: «● Активен».
+     *
+     * Имя тона красит маркер отдельно от плашки — ради пары «тихая плашка +
+     * цветной маркер», из-за которой паттерн и существует. `true` берёт тон
+     * самого бейджа.
+     *
+     * На заливке (`dark`) маркер всегда цвета текста: тон там слился бы с
+     * подложкой, взятой из того же слоя.
+     */
+    dot?: GrBadgeDotTone | boolean;
 }
 type __VLS_Slots = {
     /** Содержимое метки. */
@@ -26,16 +37,19 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     dark: boolean;
     size: undefined;
     radius: undefined;
+    dot: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrBadgeProps>, {
     tone: undefined;
     dark: boolean;
     size: undefined;
     radius: undefined;
+    dot: boolean;
 }>>> & Readonly<{}>, {
     tone: GrBadgeTone;
     size: GrBadgeSize;
     radius: GrBadgeRadius;
     dark: boolean;
+    dot: GrBadgeDotTone | boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/GrBadge/grBadgeStyles.d.ts

@@ -1,6 +1,22 @@
 import type { GrComponentSize } from '../shared/sizes';
 import type { GrTone } from '../shared/tones';
 export type GrBadgeTone = GrTone;
+/**
+ * Тон маркера — отдельным литеральным перечислением, а не `GrTone`.
+ *
+ * Компилятор SFC выводит рантайм-типы пропов из TypeScript, но `GrTone` это
+ * `typeof GR_TONES[number]`, и развернуть его в конструкторы он не умеет. У
+ * `dot?: GrTone | boolean` из объединения выживал один `Boolean`, и строковый
+ * тон отбраковывался предупреждением Vue у каждого потребителя — при том, что
+ * компонент работал. Литеральное объединение разрешается и даёт
+ * `type: [Boolean, String]`; так же написан `showTooltip` у `GrSlider`.
+ *
+ * От расхождения с `GR_TONES` держит `assertDotToneCoversTones` ниже: списки
+ * обязаны совпадать в обе стороны, иначе `vue-tsc` роняет сборку.
+ */
+export type GrBadgeDotTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'slate' | 'azure';
+type AssertMutual<A, B> = [A] extends [B] ? ([B] extends [A] ? true : never) : never;
+export declare const assertDotToneCoversTones: AssertMutual<GrBadgeDotTone, GrTone>;
 export type GrBadgeSize = GrComponentSize;
 export type GrBadgeRadius = 'square' | 'semi' | 'round';
 export declare const sizeClassBySize: Record<GrBadgeSize, string>;
@@ -42,3 +58,44 @@ export declare function grBadgeClass(options: {
     size: GrBadgeSize;
     radius: GrBadgeRadius;
 }): string;
+/**
+ * Точка-маркер перед подписью.
+ *
+ * Кружок мельче иконки и растёт медленнее: маркер обязан оставаться маркером,
+ * а не превращаться в третий элемент строки. Повтор значений на концах шкалы —
+ * тот же приём, что у `badgeIconSizeClassBySize`.
+ */
+export declare const badgeDotSizeClassBySize: Record<GrBadgeSize, string>;
+/** Маркер не жмётся: подпись бейджа не переносится, сжиматься нечему. */
+export declare const badgeDotClass = "shrink-0 rounded-[var(--gr-radius-full)]";
+/**
+ * Маркер на мягкой подложке красится **тем же покомпонентным слоем**, что и
+ * заливка filled-бейджа, и это не экономия на токенах.
+ *
+ * Роль тона напрямую здесь не работает ни в одном виде, и обе ветки измерены:
+ * `--gr-{tone}` в светлой теме — яркая заливка под тёмный текст, как маркер она
+ * не берёт 3:1 **ни на одной** подложке (`success` 2.06–2.32, `warning`
+ * 2.27–2.56); `--gr-{tone}-solid` берёт светлую тему и заваливает тёмную
+ * (до 1.37). Слой `--gr-badge-{tone}-bg` как раз и означает «насыщенный вес,
+ * который читается в этой теме»: `-solid` в светлой, роль тона в тёмной.
+ *
+ * На нём проходят все 128 пар «тон маркера × тон бейджа × тема», включая
+ * одноимённую, — поэтому булев `dot` берёт тон самого бейджа, а не отдельный
+ * цвет. Гейт — `__tests__/grBadgeContrast.test.ts`.
+ */
+export declare const badgeDotToneClass: Record<GrBadgeTone, string>;
+/**
+ * Маркер на **заливке** — цветом текста бейджа.
+ *
+ * Тон здесь не годится по построению: подложка filled-бейджа сама берётся из
+ * `--gr-badge-{tone}-bg`, и маркер того же тона слился бы с ней в один цвет.
+ * `currentColor` равен тексту бейджа, а он поверен на AA 4.5:1 — то есть
+ * заведомо проходит порог для графики.
+ */
+export declare const badgeDotCurrentColorClass = "bg-[currentColor]";
+export declare function badgeDotClassFor(options: {
+    tone: GrBadgeTone;
+    dark: boolean;
+    size: GrBadgeSize;
+}): string;
+export {};

package/dist/types/components/GrBadge/index.d.ts

@@ -2,6 +2,6 @@ export { default } from './GrBadge.vue';
 export { default as GrBadge } from './GrBadge.vue';
 export { grBadgeConfig } from './config';
 export type { GrBadgeConfigurableProps } from './defaults';
-export type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles';
+export type { GrBadgeDotTone, GrBadgeRadius, GrBadgeSize, GrBadgeTone } from './grBadgeStyles';
 export { grBadgeSafelist } from './safelist';
 export type { GrBadgeProps } from './GrBadge.vue';