@feugene/granularity 0.12.0 → 0.13.0

package/dist/components/GrSlider/chunks/GrSlider-CzzJ3bD-.js

@@ -0,0 +1,286 @@
+import { o as useGrComponentSize } from "../../../chunks/context-DfWYCBB-.js";
+import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
+import { a as sliderMarkTickClass, c as sliderThumbClass, i as sliderMarkLabelClassFor, l as sliderTooltipClass, o as sliderRailClass, r as sliderFillClass, s as sliderRootClass, u as sliderTrackHeightBySize } from "../../../chunks/config-BZFUM3Ky.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, toDisplayString, unref } from "vue";
+//#region src/components/GrSlider/GrSlider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"data-testid",
+	"tabindex",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-label",
+	"aria-disabled",
+	"aria-invalid",
+	"aria-describedby",
+	"aria-required",
+	"onKeydown",
+	"onMouseenter",
+	"onFocus"
+];
+//#endregion
+//#region src/components/GrSlider/GrSlider.vue
+var GrSlider_default = /* @__PURE__ */ defineComponent({
+	__name: "GrSlider",
+	props: {
+		modelValue: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		range: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: void 0 },
+		marks: { default: void 0 },
+		showTooltip: {
+			type: [Boolean, String],
+			default: false
+		},
+		formatTooltip: {
+			type: Function,
+			default: void 0
+		},
+		ariaLabel: { default: void 0 }
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const resolvedSize = useGrComponentSize(() => props.size, {
+			component: "GrSlider",
+			supported: [
+				"sm",
+				"md",
+				"lg"
+			]
+		});
+		const emit = __emit;
+		const field = useGrFormFieldContext();
+		const resolvedId = computed(() => field?.id.value);
+		const isInvalid = computed(() => Boolean(field?.invalid.value));
+		const describedBy = computed(() => field?.describedById.value);
+		const isRequired = computed(() => Boolean(field?.required.value));
+		const trackEl = ref(null);
+		const thumbEls = ref([]);
+		const span = computed(() => props.max > props.min ? props.max - props.min : 1);
+		const stepDecimals = computed(() => {
+			const s = String(props.step);
+			const dot = s.indexOf(".");
+			return dot >= 0 ? s.length - dot - 1 : 0;
+		});
+		function clamp(value) {
+			return Math.min(props.max, Math.max(props.min, value));
+		}
+		function snap(value) {
+			const stepped = Math.round((value - props.min) / props.step) * props.step + props.min;
+			return Number(clamp(stepped).toFixed(stepDecimals.value));
+		}
+		function percent(value) {
+			return (clamp(value) - props.min) / span.value * 100;
+		}
+		const values = computed(() => {
+			if (props.range) {
+				const v = Array.isArray(props.modelValue) ? props.modelValue : [props.min, props.min];
+				return [snap(v[0] ?? props.min), snap(v[1] ?? props.min)];
+			}
+			return [snap(Array.isArray(props.modelValue) ? props.modelValue[0] ?? props.min : props.modelValue)];
+		});
+		const fillStyle = computed(() => {
+			if (props.range) {
+				const lo = Math.min(percent(values.value[0]), percent(values.value[1]));
+				const hi = Math.max(percent(values.value[0]), percent(values.value[1]));
+				return {
+					left: `${lo}%`,
+					right: `${100 - hi}%`
+				};
+			}
+			return {
+				left: "0%",
+				right: `${100 - percent(values.value[0])}%`
+			};
+		});
+		const normalizedMarks = computed(() => {
+			if (!props.marks) return [];
+			if (Array.isArray(props.marks)) return props.marks.map((v) => ({
+				value: v,
+				label: String(v)
+			}));
+			return Object.entries(props.marks).map(([value, label]) => ({
+				value: Number(value),
+				label
+			}));
+		});
+		function tooltipText(value) {
+			return props.formatTooltip ? props.formatTooltip(value) : String(value);
+		}
+		function emitValue(next, commit) {
+			const payload = props.range ? [next[0], next[1]] : next[0];
+			emit("update:modelValue", payload);
+			if (commit) emit("change", payload);
+		}
+		function setThumb(index, value, commit) {
+			const next = values.value.slice();
+			next[index] = snap(value);
+			if (props.range) if (index === 0) next[0] = Math.min(next[0], next[1]);
+			else next[1] = Math.max(next[1], next[0]);
+			emitValue(next, commit);
+		}
+		const activeThumb = ref(null);
+		const hoveredThumb = ref(null);
+		function valueFromClientX(clientX) {
+			const rect = trackEl.value?.getBoundingClientRect();
+			if (!rect || rect.width === 0) return props.min;
+			const ratio = Math.min(1, Math.max(0, (clientX - rect.left) / rect.width));
+			return props.min + ratio * span.value;
+		}
+		function nearestThumb(value) {
+			if (!props.range) return 0;
+			return Math.abs(value - values.value[0]) <= Math.abs(value - values.value[1]) ? 0 : 1;
+		}
+		function onTrackPointerDown(event) {
+			if (props.disabled) return;
+			const value = valueFromClientX(event.clientX);
+			const index = nearestThumb(value);
+			activeThumb.value = index;
+			thumbEls.value[index]?.focus();
+			setThumb(index, value, false);
+			window.addEventListener("pointermove", onPointerMove);
+			window.addEventListener("pointerup", onPointerUp);
+		}
+		function onPointerMove(event) {
+			if (activeThumb.value === null) return;
+			event.preventDefault();
+			setThumb(activeThumb.value, valueFromClientX(event.clientX), false);
+		}
+		function onPointerUp() {
+			if (activeThumb.value !== null) emitValue(values.value.slice(), true);
+			activeThumb.value = null;
+			window.removeEventListener("pointermove", onPointerMove);
+			window.removeEventListener("pointerup", onPointerUp);
+		}
+		onBeforeUnmount(() => {
+			window.removeEventListener("pointermove", onPointerMove);
+			window.removeEventListener("pointerup", onPointerUp);
+		});
+		function bigStep() {
+			return Math.max(props.step * 10, Math.round(span.value / 10 / props.step) * props.step || props.step);
+		}
+		function onThumbKeydown(event, index) {
+			if (props.disabled) return;
+			const current = values.value[index];
+			let next = null;
+			switch (event.key) {
+				case "ArrowRight":
+				case "ArrowUp":
+					next = current + props.step;
+					break;
+				case "ArrowLeft":
+				case "ArrowDown":
+					next = current - props.step;
+					break;
+				case "PageUp":
+					next = current + bigStep();
+					break;
+				case "PageDown":
+					next = current - bigStep();
+					break;
+				case "Home":
+					next = props.min;
+					break;
+				case "End":
+					next = props.max;
+					break;
+				default: return;
+			}
+			event.preventDefault();
+			setThumb(index, next, true);
+		}
+		const showTooltipFor = (index) => {
+			if (props.showTooltip === "always") return true;
+			if (!props.showTooltip) return false;
+			return activeThumb.value === index || hoveredThumb.value === index;
+		};
+		function thumbAriaLabel(index) {
+			if (props.ariaLabel) return props.range ? `${props.ariaLabel} (${index === 0 ? "min" : "max"})` : props.ariaLabel;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-slider": "",
+				class: normalizeClass(unref(sliderRootClass)({
+					size: unref(resolvedSize),
+					disabled: __props.disabled,
+					hasMarks: normalizedMarks.value.length > 0
+				}))
+			}, [createElementVNode("div", {
+				ref_key: "trackEl",
+				ref: trackEl,
+				"data-gr-slider-track": "",
+				class: normalizeClass(["relative w-full", unref(sliderTrackHeightBySize)[unref(resolvedSize)]]),
+				onPointerdown: onTrackPointerDown
+			}, [
+				createElementVNode("div", { class: normalizeClass(unref(sliderRailClass)) }, null, 2),
+				createElementVNode("div", {
+					"data-gr-slider-fill": "",
+					class: normalizeClass(unref(sliderFillClass)),
+					style: normalizeStyle(fillStyle.value)
+				}, null, 6),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedMarks.value, (mark) => {
+					return openBlock(), createElementBlock(Fragment, { key: mark.value }, [createElementVNode("span", {
+						"data-gr-slider-mark": "",
+						class: normalizeClass(unref(sliderMarkTickClass)),
+						style: normalizeStyle({ left: `${percent(mark.value)}%` }),
+						"aria-hidden": "true"
+					}, null, 6), createElementVNode("span", {
+						"data-gr-slider-mark-label": "",
+						class: normalizeClass(unref(sliderMarkLabelClassFor)(percent(mark.value))),
+						style: normalizeStyle({ left: `${percent(mark.value)}%` })
+					}, toDisplayString(mark.label), 7)], 64);
+				}), 128)),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(values.value, (value, index) => {
+					return openBlock(), createElementBlock("div", {
+						id: index === 0 ? resolvedId.value : void 0,
+						key: index,
+						ref_for: true,
+						ref: (el) => {
+							if (el) thumbEls.value[index] = el;
+						},
+						"data-gr-slider-thumb": "",
+						"data-testid": `gr-slider-thumb-${index}`,
+						class: normalizeClass(unref(sliderThumbClass)({
+							size: unref(resolvedSize),
+							disabled: __props.disabled
+						})),
+						style: normalizeStyle({ left: `${percent(value)}%` }),
+						role: "slider",
+						tabindex: __props.disabled ? -1 : 0,
+						"aria-valuemin": __props.range && index === 1 ? values.value[0] : __props.min,
+						"aria-valuemax": __props.range && index === 0 ? values.value[1] : __props.max,
+						"aria-valuenow": value,
+						"aria-orientation": "horizontal",
+						"aria-label": thumbAriaLabel(index),
+						"aria-disabled": __props.disabled ? "true" : void 0,
+						"aria-invalid": isInvalid.value ? "true" : void 0,
+						"aria-describedby": index === 0 ? describedBy.value : void 0,
+						"aria-required": isRequired.value && index === 0 ? "true" : void 0,
+						onKeydown: ($event) => onThumbKeydown($event, index),
+						onMouseenter: ($event) => hoveredThumb.value = index,
+						onMouseleave: _cache[0] || (_cache[0] = ($event) => hoveredThumb.value = null),
+						onFocus: ($event) => hoveredThumb.value = index,
+						onBlur: _cache[1] || (_cache[1] = ($event) => hoveredThumb.value = null)
+					}, [showTooltipFor(index) ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						"data-gr-slider-tooltip": "",
+						class: normalizeClass(unref(sliderTooltipClass))
+					}, toDisplayString(tooltipText(value)), 3)) : createCommentVNode("", true)], 46, _hoisted_1);
+				}), 128))
+			], 34)], 2);
+		};
+	}
+});
+//#endregion
+export { GrSlider_default as t };

package/dist/components/GrSlider/chunks/GrSlider-CzzJ3bD-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrSlider-CzzJ3bD-.js","names":[],"sources":["../../../../src/components/GrSlider/GrSlider.vue","../../../../src/components/GrSlider/GrSlider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGrFormFieldContext } from '../GrFormField/context'\n\nimport {\n  sliderFillClass,\n  sliderMarkLabelClassFor,\n  sliderMarkTickClass,\n  sliderRailClass,\n  sliderRootClass,\n  sliderThumbClass,\n  sliderTooltipClass,\n  sliderTrackHeightBySize,\n  type GrSliderMarks,\n  type GrSliderModelValue,\n  type GrSliderSize,\n} from './grSliderStyles'\n\nexport type {\n  GrSliderMarks,\n  GrSliderModelValue,\n  GrSliderSize,\n} from './grSliderStyles'\n\n/**\n * Публичный GR-примитив «Slider» (WAI-ARIA slider pattern).\n *\n * Поддерживает одиночное значение и диапазон (`range` — два бегунка), шаг, метки\n * делений, всплывающее значение (tooltip), полную клавиатурную навигацию\n * (стрелки / PageUp/Down / Home / End) и `role=\"slider\"` с\n * `aria-valuemin`/`max`/`now` на каждом бегунке.\n */\nexport interface GrSliderProps {\n  /** `number` — одиночное значение; `[lo, hi]` — диапазон (при `range=true`). */\n  modelValue: GrSliderModelValue\n  min?: number\n  max?: number\n  step?: number\n  /** Диапазон с двумя бегунками; модель — кортеж `[lo, hi]`. */\n  range?: boolean\n  disabled?: boolean\n  size?: GrSliderSize\n  /** Метки делений: `{ [value]: label }` или массив значений. */\n  marks?: GrSliderMarks\n  /** Всплывающее значение над бегунком: `true`/`'hover'` — при hover/drag/focus, `'always'` — всегда. */\n  showTooltip?: boolean | 'always' | 'hover'\n  /** Форматирование значения в tooltip. */\n  formatTooltip?: (value: number) => string\n  ariaLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrSliderProps>(),\n  {\n    min: 0,\n    max: 100,\n    step: 1,\n    range: false,\n    disabled: false,\n    size: undefined,\n    marks: undefined,\n    showTooltip: false,\n    formatTooltip: undefined,\n    ariaLabel: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrSlider',\n  supported: ['sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrSliderModelValue): void\n  /** Значение зафиксировано (отпущен бегунок / клавиша). */\n  (e: 'change', value: GrSliderModelValue): void\n}>()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst isInvalid = computed(() => Boolean(field?.invalid.value))\nconst describedBy = computed(() => field?.describedById.value)\nconst isRequired = computed(() => Boolean(field?.required.value))\n\nconst trackEl = ref<HTMLElement | null>(null)\nconst thumbEls = ref<HTMLElement[]>([])\n\n// Нормализованные границы (гард от max<=min).\nconst span = computed(() => (props.max > props.min ? props.max - props.min : 1))\n\nconst stepDecimals = computed(() => {\n  const s = String(props.step)\n  const dot = s.indexOf('.')\n  return dot >= 0 ? s.length - dot - 1 : 0\n})\n\nfunction clamp(value: number): number {\n  return Math.min(props.max, Math.max(props.min, value))\n}\n\nfunction snap(value: number): number {\n  const stepped = Math.round((value - props.min) / props.step) * props.step + props.min\n  return Number(clamp(stepped).toFixed(stepDecimals.value))\n}\n\nfunction percent(value: number): number {\n  return ((clamp(value) - props.min) / span.value) * 100\n}\n\n// ————— Значения бегунков как массив (single = один бегунок).\nconst values = computed<number[]>(() => {\n  if (props.range) {\n    const v = Array.isArray(props.modelValue) ? props.modelValue : [props.min, props.min]\n    return [snap(v[0] ?? props.min), snap(v[1] ?? props.min)]\n  }\n  const v = Array.isArray(props.modelValue) ? (props.modelValue[0] ?? props.min) : props.modelValue\n  return [snap(v)]\n})\n\nconst fillStyle = computed(() => {\n  if (props.range) {\n    const lo = Math.min(percent(values.value[0]), percent(values.value[1]))\n    const hi = Math.max(percent(values.value[0]), percent(values.value[1]))\n    return { left: `${lo}%`, right: `${100 - hi}%` }\n  }\n  return { left: '0%', right: `${100 - percent(values.value[0])}%` }\n})\n\n// ————— Метки делений.\ntype SliderMark = { value: number, label: string }\nconst normalizedMarks = computed<SliderMark[]>(() => {\n  if (!props.marks) return []\n  if (Array.isArray(props.marks)) return props.marks.map(v => ({ value: v, label: String(v) }))\n  return Object.entries(props.marks).map(([value, label]) => ({ value: Number(value), label }))\n})\n\nfunction tooltipText(value: number): string {\n  return props.formatTooltip ? props.formatTooltip(value) : String(value)\n}\n\n// ————— Обновление значения конкретного бегунка.\nfunction emitValue(next: number[], commit: boolean): void {\n  const payload: GrSliderModelValue = props.range ? [next[0], next[1]] : next[0]\n  emit('update:modelValue', payload)\n  if (commit) emit('change', payload)\n}\n\nfunction setThumb(index: number, value: number, commit: boolean): void {\n  const next = values.value.slice()\n  next[index] = snap(value)\n\n  // range: не даём бегункам «перепрыгнуть» друг друга.\n  if (props.range) {\n    if (index === 0) next[0] = Math.min(next[0], next[1])\n    else next[1] = Math.max(next[1], next[0])\n  }\n\n  emitValue(next, commit)\n}\n\n// ————— Pointer-драг.\nconst activeThumb = ref<number | null>(null)\nconst hoveredThumb = ref<number | null>(null)\n\nfunction valueFromClientX(clientX: number): number {\n  const rect = trackEl.value?.getBoundingClientRect()\n  if (!rect || rect.width === 0) return props.min\n  const ratio = Math.min(1, Math.max(0, (clientX - rect.left) / rect.width))\n  return props.min + ratio * span.value\n}\n\nfunction nearestThumb(value: number): number {\n  if (!props.range) return 0\n  return Math.abs(value - values.value[0]) <= Math.abs(value - values.value[1]) ? 0 : 1\n}\n\nfunction onTrackPointerDown(event: PointerEvent): void {\n  if (props.disabled) return\n  const value = valueFromClientX(event.clientX)\n  const index = nearestThumb(value)\n  activeThumb.value = index\n  // Фокусируем активный бегунок сразу — чтобы клавиатура работала после клика по\n  // дорожке (div не получает фокус по клику автоматически, только через `.focus()`).\n  thumbEls.value[index]?.focus()\n  setThumb(index, value, false)\n\n  window.addEventListener('pointermove', onPointerMove)\n  window.addEventListener('pointerup', onPointerUp)\n}\n\nfunction onPointerMove(event: PointerEvent): void {\n  if (activeThumb.value === null) return\n  event.preventDefault()\n  setThumb(activeThumb.value, valueFromClientX(event.clientX), false)\n}\n\nfunction onPointerUp(): void {\n  if (activeThumb.value !== null) {\n    // Финальный commit значения.\n    emitValue(values.value.slice(), true)\n  }\n  activeThumb.value = null\n  window.removeEventListener('pointermove', onPointerMove)\n  window.removeEventListener('pointerup', onPointerUp)\n}\n\nonBeforeUnmount(() => {\n  window.removeEventListener('pointermove', onPointerMove)\n  window.removeEventListener('pointerup', onPointerUp)\n})\n\n// ————— Клавиатура.\nfunction bigStep(): number {\n  // PageUp/Down: 10 шагов либо 10% диапазона (что крупнее).\n  return Math.max(props.step * 10, Math.round((span.value / 10) / props.step) * props.step || props.step)\n}\n\nfunction onThumbKeydown(event: KeyboardEvent, index: number): void {\n  if (props.disabled) return\n  const current = values.value[index]\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + props.step\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - props.step\n      break\n    case 'PageUp':\n      next = current + bigStep()\n      break\n    case 'PageDown':\n      next = current - bigStep()\n      break\n    case 'Home':\n      next = props.min\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  setThumb(index, next, true)\n}\n\nconst showTooltipFor = (index: number): boolean => {\n  if (props.showTooltip === 'always') return true\n  if (!props.showTooltip) return false\n  return activeThumb.value === index || hoveredThumb.value === index\n}\n\nfunction thumbAriaLabel(index: number): string | undefined {\n  if (props.ariaLabel) return props.range ? `${props.ariaLabel} (${index === 0 ? 'min' : 'max'})` : props.ariaLabel\n  return undefined\n}\n</script>\n\n<template>\n  <div\n    data-gr-slider\n    :class=\"sliderRootClass({ size: resolvedSize, disabled, hasMarks: normalizedMarks.length > 0 })\"\n  >\n    <div\n      ref=\"trackEl\"\n      data-gr-slider-track\n      class=\"relative w-full\"\n      :class=\"sliderTrackHeightBySize[resolvedSize]\"\n      @pointerdown=\"onTrackPointerDown\"\n    >\n      <div :class=\"sliderRailClass\" />\n      <div data-gr-slider-fill :class=\"sliderFillClass\" :style=\"fillStyle\" />\n\n      <!-- Метки делений. -->\n      <template v-for=\"mark in normalizedMarks\" :key=\"mark.value\">\n        <span\n          data-gr-slider-mark\n          :class=\"sliderMarkTickClass\"\n          :style=\"{ left: `${percent(mark.value)}%` }\"\n          aria-hidden=\"true\"\n        />\n        <span\n          data-gr-slider-mark-label\n          :class=\"sliderMarkLabelClassFor(percent(mark.value))\"\n          :style=\"{ left: `${percent(mark.value)}%` }\"\n        >\n          {{ mark.label }}\n        </span>\n      </template>\n\n      <!-- Бегунки. -->\n      <div\n        v-for=\"(value, index) in values\"\n        :id=\"index === 0 ? resolvedId : undefined\"\n        :key=\"index\"\n        :ref=\"(el) => { if (el) thumbEls[index] = el as HTMLElement }\"\n        data-gr-slider-thumb\n        :data-testid=\"`gr-slider-thumb-${index}`\"\n        :class=\"sliderThumbClass({ size: resolvedSize, disabled })\"\n        :style=\"{ left: `${percent(value)}%` }\"\n        role=\"slider\"\n        :tabindex=\"disabled ? -1 : 0\"\n        :aria-valuemin=\"range && index === 1 ? values[0] : min\"\n        :aria-valuemax=\"range && index === 0 ? values[1] : max\"\n        :aria-valuenow=\"value\"\n        :aria-orientation=\"'horizontal'\"\n        :aria-label=\"thumbAriaLabel(index)\"\n        :aria-disabled=\"disabled ? 'true' : undefined\"\n        :aria-invalid=\"isInvalid ? 'true' : undefined\"\n        :aria-describedby=\"index === 0 ? describedBy : undefined\"\n        :aria-required=\"isRequired && index === 0 ? 'true' : undefined\"\n        @keydown=\"onThumbKeydown($event, index)\"\n        @mouseenter=\"hoveredThumb = index\"\n        @mouseleave=\"hoveredThumb = null\"\n        @focus=\"hoveredThumb = index\"\n        @blur=\"hoveredThumb = null\"\n      >\n        <span\n          v-if=\"showTooltipFor(index)\"\n          data-gr-slider-tooltip\n          :class=\"sliderTooltipClass\"\n        >\n          {{ tooltipText(value) }}\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGrFormFieldContext } from '../GrFormField/context'\n\nimport {\n  sliderFillClass,\n  sliderMarkLabelClassFor,\n  sliderMarkTickClass,\n  sliderRailClass,\n  sliderRootClass,\n  sliderThumbClass,\n  sliderTooltipClass,\n  sliderTrackHeightBySize,\n  type GrSliderMarks,\n  type GrSliderModelValue,\n  type GrSliderSize,\n} from './grSliderStyles'\n\nexport type {\n  GrSliderMarks,\n  GrSliderModelValue,\n  GrSliderSize,\n} from './grSliderStyles'\n\n/**\n * Публичный GR-примитив «Slider» (WAI-ARIA slider pattern).\n *\n * Поддерживает одиночное значение и диапазон (`range` — два бегунка), шаг, метки\n * делений, всплывающее значение (tooltip), полную клавиатурную навигацию\n * (стрелки / PageUp/Down / Home / End) и `role=\"slider\"` с\n * `aria-valuemin`/`max`/`now` на каждом бегунке.\n */\nexport interface GrSliderProps {\n  /** `number` — одиночное значение; `[lo, hi]` — диапазон (при `range=true`). */\n  modelValue: GrSliderModelValue\n  min?: number\n  max?: number\n  step?: number\n  /** Диапазон с двумя бегунками; модель — кортеж `[lo, hi]`. */\n  range?: boolean\n  disabled?: boolean\n  size?: GrSliderSize\n  /** Метки делений: `{ [value]: label }` или массив значений. */\n  marks?: GrSliderMarks\n  /** Всплывающее значение над бегунком: `true`/`'hover'` — при hover/drag/focus, `'always'` — всегда. */\n  showTooltip?: boolean | 'always' | 'hover'\n  /** Форматирование значения в tooltip. */\n  formatTooltip?: (value: number) => string\n  ariaLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrSliderProps>(),\n  {\n    min: 0,\n    max: 100,\n    step: 1,\n    range: false,\n    disabled: false,\n    size: undefined,\n    marks: undefined,\n    showTooltip: false,\n    formatTooltip: undefined,\n    ariaLabel: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrSlider',\n  supported: ['sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrSliderModelValue): void\n  /** Значение зафиксировано (отпущен бегунок / клавиша). */\n  (e: 'change', value: GrSliderModelValue): void\n}>()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst isInvalid = computed(() => Boolean(field?.invalid.value))\nconst describedBy = computed(() => field?.describedById.value)\nconst isRequired = computed(() => Boolean(field?.required.value))\n\nconst trackEl = ref<HTMLElement | null>(null)\nconst thumbEls = ref<HTMLElement[]>([])\n\n// Нормализованные границы (гард от max<=min).\nconst span = computed(() => (props.max > props.min ? props.max - props.min : 1))\n\nconst stepDecimals = computed(() => {\n  const s = String(props.step)\n  const dot = s.indexOf('.')\n  return dot >= 0 ? s.length - dot - 1 : 0\n})\n\nfunction clamp(value: number): number {\n  return Math.min(props.max, Math.max(props.min, value))\n}\n\nfunction snap(value: number): number {\n  const stepped = Math.round((value - props.min) / props.step) * props.step + props.min\n  return Number(clamp(stepped).toFixed(stepDecimals.value))\n}\n\nfunction percent(value: number): number {\n  return ((clamp(value) - props.min) / span.value) * 100\n}\n\n// ————— Значения бегунков как массив (single = один бегунок).\nconst values = computed<number[]>(() => {\n  if (props.range) {\n    const v = Array.isArray(props.modelValue) ? props.modelValue : [props.min, props.min]\n    return [snap(v[0] ?? props.min), snap(v[1] ?? props.min)]\n  }\n  const v = Array.isArray(props.modelValue) ? (props.modelValue[0] ?? props.min) : props.modelValue\n  return [snap(v)]\n})\n\nconst fillStyle = computed(() => {\n  if (props.range) {\n    const lo = Math.min(percent(values.value[0]), percent(values.value[1]))\n    const hi = Math.max(percent(values.value[0]), percent(values.value[1]))\n    return { left: `${lo}%`, right: `${100 - hi}%` }\n  }\n  return { left: '0%', right: `${100 - percent(values.value[0])}%` }\n})\n\n// ————— Метки делений.\ntype SliderMark = { value: number, label: string }\nconst normalizedMarks = computed<SliderMark[]>(() => {\n  if (!props.marks) return []\n  if (Array.isArray(props.marks)) return props.marks.map(v => ({ value: v, label: String(v) }))\n  return Object.entries(props.marks).map(([value, label]) => ({ value: Number(value), label }))\n})\n\nfunction tooltipText(value: number): string {\n  return props.formatTooltip ? props.formatTooltip(value) : String(value)\n}\n\n// ————— Обновление значения конкретного бегунка.\nfunction emitValue(next: number[], commit: boolean): void {\n  const payload: GrSliderModelValue = props.range ? [next[0], next[1]] : next[0]\n  emit('update:modelValue', payload)\n  if (commit) emit('change', payload)\n}\n\nfunction setThumb(index: number, value: number, commit: boolean): void {\n  const next = values.value.slice()\n  next[index] = snap(value)\n\n  // range: не даём бегункам «перепрыгнуть» друг друга.\n  if (props.range) {\n    if (index === 0) next[0] = Math.min(next[0], next[1])\n    else next[1] = Math.max(next[1], next[0])\n  }\n\n  emitValue(next, commit)\n}\n\n// ————— Pointer-драг.\nconst activeThumb = ref<number | null>(null)\nconst hoveredThumb = ref<number | null>(null)\n\nfunction valueFromClientX(clientX: number): number {\n  const rect = trackEl.value?.getBoundingClientRect()\n  if (!rect || rect.width === 0) return props.min\n  const ratio = Math.min(1, Math.max(0, (clientX - rect.left) / rect.width))\n  return props.min + ratio * span.value\n}\n\nfunction nearestThumb(value: number): number {\n  if (!props.range) return 0\n  return Math.abs(value - values.value[0]) <= Math.abs(value - values.value[1]) ? 0 : 1\n}\n\nfunction onTrackPointerDown(event: PointerEvent): void {\n  if (props.disabled) return\n  const value = valueFromClientX(event.clientX)\n  const index = nearestThumb(value)\n  activeThumb.value = index\n  // Фокусируем активный бегунок сразу — чтобы клавиатура работала после клика по\n  // дорожке (div не получает фокус по клику автоматически, только через `.focus()`).\n  thumbEls.value[index]?.focus()\n  setThumb(index, value, false)\n\n  window.addEventListener('pointermove', onPointerMove)\n  window.addEventListener('pointerup', onPointerUp)\n}\n\nfunction onPointerMove(event: PointerEvent): void {\n  if (activeThumb.value === null) return\n  event.preventDefault()\n  setThumb(activeThumb.value, valueFromClientX(event.clientX), false)\n}\n\nfunction onPointerUp(): void {\n  if (activeThumb.value !== null) {\n    // Финальный commit значения.\n    emitValue(values.value.slice(), true)\n  }\n  activeThumb.value = null\n  window.removeEventListener('pointermove', onPointerMove)\n  window.removeEventListener('pointerup', onPointerUp)\n}\n\nonBeforeUnmount(() => {\n  window.removeEventListener('pointermove', onPointerMove)\n  window.removeEventListener('pointerup', onPointerUp)\n})\n\n// ————— Клавиатура.\nfunction bigStep(): number {\n  // PageUp/Down: 10 шагов либо 10% диапазона (что крупнее).\n  return Math.max(props.step * 10, Math.round((span.value / 10) / props.step) * props.step || props.step)\n}\n\nfunction onThumbKeydown(event: KeyboardEvent, index: number): void {\n  if (props.disabled) return\n  const current = values.value[index]\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + props.step\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - props.step\n      break\n    case 'PageUp':\n      next = current + bigStep()\n      break\n    case 'PageDown':\n      next = current - bigStep()\n      break\n    case 'Home':\n      next = props.min\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  setThumb(index, next, true)\n}\n\nconst showTooltipFor = (index: number): boolean => {\n  if (props.showTooltip === 'always') return true\n  if (!props.showTooltip) return false\n  return activeThumb.value === index || hoveredThumb.value === index\n}\n\nfunction thumbAriaLabel(index: number): string | undefined {\n  if (props.ariaLabel) return props.range ? `${props.ariaLabel} (${index === 0 ? 'min' : 'max'})` : props.ariaLabel\n  return undefined\n}\n</script>\n\n<template>\n  <div\n    data-gr-slider\n    :class=\"sliderRootClass({ size: resolvedSize, disabled, hasMarks: normalizedMarks.length > 0 })\"\n  >\n    <div\n      ref=\"trackEl\"\n      data-gr-slider-track\n      class=\"relative w-full\"\n      :class=\"sliderTrackHeightBySize[resolvedSize]\"\n      @pointerdown=\"onTrackPointerDown\"\n    >\n      <div :class=\"sliderRailClass\" />\n      <div data-gr-slider-fill :class=\"sliderFillClass\" :style=\"fillStyle\" />\n\n      <!-- Метки делений. -->\n      <template v-for=\"mark in normalizedMarks\" :key=\"mark.value\">\n        <span\n          data-gr-slider-mark\n          :class=\"sliderMarkTickClass\"\n          :style=\"{ left: `${percent(mark.value)}%` }\"\n          aria-hidden=\"true\"\n        />\n        <span\n          data-gr-slider-mark-label\n          :class=\"sliderMarkLabelClassFor(percent(mark.value))\"\n          :style=\"{ left: `${percent(mark.value)}%` }\"\n        >\n          {{ mark.label }}\n        </span>\n      </template>\n\n      <!-- Бегунки. -->\n      <div\n        v-for=\"(value, index) in values\"\n        :id=\"index === 0 ? resolvedId : undefined\"\n        :key=\"index\"\n        :ref=\"(el) => { if (el) thumbEls[index] = el as HTMLElement }\"\n        data-gr-slider-thumb\n        :data-testid=\"`gr-slider-thumb-${index}`\"\n        :class=\"sliderThumbClass({ size: resolvedSize, disabled })\"\n        :style=\"{ left: `${percent(value)}%` }\"\n        role=\"slider\"\n        :tabindex=\"disabled ? -1 : 0\"\n        :aria-valuemin=\"range && index === 1 ? values[0] : min\"\n        :aria-valuemax=\"range && index === 0 ? values[1] : max\"\n        :aria-valuenow=\"value\"\n        :aria-orientation=\"'horizontal'\"\n        :aria-label=\"thumbAriaLabel(index)\"\n        :aria-disabled=\"disabled ? 'true' : undefined\"\n        :aria-invalid=\"isInvalid ? 'true' : undefined\"\n        :aria-describedby=\"index === 0 ? describedBy : undefined\"\n        :aria-required=\"isRequired && index === 0 ? 'true' : undefined\"\n        @keydown=\"onThumbKeydown($event, index)\"\n        @mouseenter=\"hoveredThumb = index\"\n        @mouseleave=\"hoveredThumb = null\"\n        @focus=\"hoveredThumb = index\"\n        @blur=\"hoveredThumb = null\"\n      >\n        <span\n          v-if=\"showTooltipFor(index)\"\n          data-gr-slider-tooltip\n          :class=\"sliderTooltipClass\"\n        >\n          {{ tooltipText(value) }}\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrSlider/index.js

@@ -0,0 +1,3 @@
+import { n as grSliderSafelist, t as grSliderConfig } from "../../chunks/config-BZFUM3Ky.js";
+import { t as GrSlider_default } from "./chunks/GrSlider-CzzJ3bD-.js";
+export { GrSlider_default as GrSlider, GrSlider_default as default, grSliderConfig, grSliderSafelist };

package/dist/components/GrStatistic/chunks/GrStatistic-gHiAwrX5.js

@@ -0,0 +1,128 @@
+import { t as GrSkeleton_default } from "../../GrSkeleton/chunks/GrSkeleton-BucA5F4J.js";
+import { a as statisticTitleClass, c as statisticTrendIconByTrend, i as statisticPlaceholderHeightBySize, l as statisticTrendSizeBySize, o as statisticTitleSizeBySize, r as statisticAffixSizeBySize, s as statisticTrendClassByTrend, u as statisticValueClass } from "../../../chunks/config-BDSHekVC.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+//#region src/components/GrStatistic/formatStatisticValue.ts
+/**
+* Форматирует значение показателя: фиксирует точность и расставляет разделители.
+*
+* Нечисловые значения возвращаются без изменений — это позволяет показывать в
+* `GrStatistic` уже готовые строки («2 ч 15 мин», «—») без обходных пропов.
+* Вынесено из SFC отдельным модулем, чтобы тестировалось без монтирования.
+*/
+function formatStatisticValue(value, options = {}) {
+	const { precision, groupSeparator = " ", decimalSeparator = "." } = options;
+	const numeric = typeof value === "number" ? value : Number(value);
+	if (typeof value === "string" && (value.trim() === "" || !Number.isFinite(numeric))) return value;
+	if (!Number.isFinite(numeric)) return String(value);
+	const fixed = precision === void 0 ? String(numeric) : numeric.toFixed(precision);
+	if (fixed.includes("e") || fixed.includes("E")) return fixed;
+	const negative = fixed.startsWith("-");
+	const [intPart, fracPart] = (negative ? fixed.slice(1) : fixed).split(".");
+	const grouped = groupSeparator ? intPart.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator) : intPart;
+	return [
+		negative ? "-" : "",
+		grouped,
+		fracPart ? `${decimalSeparator}${fracPart}` : ""
+	].join("");
+}
+//#endregion
+//#region src/components/GrStatistic/GrStatistic.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	"data-gr-statistic": "",
+	class: "flex items-start gap-3"
+};
+var _hoisted_2 = {
+	key: 0,
+	"data-gr-statistic-icon": "",
+	class: "mt-0.5 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--gr-radius-lg)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]"
+};
+var _hoisted_3 = { class: "min-w-0" };
+var _hoisted_4 = {
+	key: 1,
+	"data-gr-statistic-placeholder": "",
+	"data-testid": "gr-statistic-placeholder",
+	class: "mt-1",
+	role: "status",
+	"aria-busy": "true"
+};
+var _hoisted_5 = {
+	key: 2,
+	"data-gr-statistic-value": "",
+	"data-testid": "gr-statistic-value",
+	class: "mt-0.5 flex items-baseline gap-1"
+};
+//#endregion
+//#region src/components/GrStatistic/GrStatistic.vue
+var GrStatistic_default = /* @__PURE__ */ defineComponent({
+	__name: "GrStatistic",
+	props: {
+		value: {},
+		title: { default: void 0 },
+		precision: { default: void 0 },
+		groupSeparator: { default: " " },
+		decimalSeparator: { default: "." },
+		prefix: { default: void 0 },
+		suffix: { default: void 0 },
+		icon: { default: void 0 },
+		size: { default: "md" },
+		tone: { default: "neutral" },
+		trend: { default: void 0 },
+		trendText: { default: void 0 },
+		loading: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const formatted = computed(() => formatStatisticValue(props.value, {
+			precision: props.precision,
+			groupSeparator: props.groupSeparator,
+			decimalSeparator: props.decimalSeparator
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, () => [createElementVNode("span", {
+				class: normalizeClass(["block h-4 w-4", __props.icon]),
+				"aria-hidden": "true"
+			}, null, 2)])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [
+				__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					"data-gr-statistic-title": "",
+					class: normalizeClass([unref(statisticTitleClass), unref(statisticTitleSizeBySize)[__props.size]])
+				}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("", true),
+				__props.loading ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(GrSkeleton_default, {
+					width: "6rem",
+					height: unref(statisticPlaceholderHeightBySize)[__props.size],
+					rounded: "var(--gr-radius-md)"
+				}, null, 8, ["height"])])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+					__props.prefix || _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						"data-gr-statistic-prefix": "",
+						class: normalizeClass(["text-[var(--gr-muted-fg)]", unref(statisticAffixSizeBySize)[__props.size]])
+					}, [renderSlot(_ctx.$slots, "prefix", {}, () => [createTextVNode(toDisplayString(__props.prefix), 1)])], 2)) : createCommentVNode("", true),
+					createElementVNode("span", { class: normalizeClass(unref(statisticValueClass)({
+						size: __props.size,
+						tone: __props.tone
+					})) }, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(formatted.value), 1)])], 2),
+					__props.suffix || _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						"data-gr-statistic-suffix": "",
+						class: normalizeClass(["text-[var(--gr-muted-fg)]", unref(statisticAffixSizeBySize)[__props.size]])
+					}, [renderSlot(_ctx.$slots, "suffix", {}, () => [createTextVNode(toDisplayString(__props.suffix), 1)])], 2)) : createCommentVNode("", true)
+				])),
+				__props.trend || __props.trendText || _ctx.$slots.trend ? (openBlock(), createElementBlock("div", {
+					key: 3,
+					"data-gr-statistic-trend": "",
+					"data-testid": "gr-statistic-trend",
+					class: normalizeClass(["mt-1 inline-flex items-center gap-1", [unref(statisticTrendSizeBySize)[__props.size], unref(statisticTrendClassByTrend)[__props.trend ?? "flat"]]])
+				}, [renderSlot(_ctx.$slots, "trend", {}, () => [__props.trend ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(["block h-3.5 w-3.5", unref(statisticTrendIconByTrend)[__props.trend]]),
+					"aria-hidden": "true"
+				}, null, 2)) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(__props.trendText), 1)])], 2)) : createCommentVNode("", true)
+			])]);
+		};
+	}
+});
+//#endregion
+export { formatStatisticValue as n, GrStatistic_default as t };

package/dist/components/GrStatistic/chunks/GrStatistic-gHiAwrX5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrStatistic-gHiAwrX5.js","names":["$slots"],"sources":["../../../../src/components/GrStatistic/formatStatisticValue.ts","../../../../src/components/GrStatistic/GrStatistic.vue","../../../../src/components/GrStatistic/GrStatistic.vue"],"sourcesContent":["export type GrStatisticFormatOptions = {\n  /** Число знаков после запятой. `undefined` — оставить как есть. */\n  precision?: number\n  /** Разделитель групп разрядов. */\n  groupSeparator?: string\n  /** Десятичный разделитель. */\n  decimalSeparator?: string\n}\n\n/**\n * Форматирует значение показателя: фиксирует точность и расставляет разделители.\n *\n * Нечисловые значения возвращаются без изменений — это позволяет показывать в\n * `GrStatistic` уже готовые строки («2 ч 15 мин», «—») без обходных пропов.\n * Вынесено из SFC отдельным модулем, чтобы тестировалось без монтирования.\n */\nexport function formatStatisticValue(\n  value: number | string,\n  options: GrStatisticFormatOptions = {},\n): string {\n  const { precision, groupSeparator = ' ', decimalSeparator = '.' } = options\n\n  const numeric = typeof value === 'number' ? value : Number(value)\n  if (typeof value === 'string' && (value.trim() === '' || !Number.isFinite(numeric))) {\n    return value\n  }\n  if (!Number.isFinite(numeric)) return String(value)\n\n  const fixed = precision === undefined ? String(numeric) : numeric.toFixed(precision)\n  // `toFixed` не даёт экспоненциальной записи, а `String(число)` — может (1e21+).\n  // В таком случае группировать нечего: возвращаем как есть.\n  if (fixed.includes('e') || fixed.includes('E')) return fixed\n\n  const negative = fixed.startsWith('-')\n  const [intPart, fracPart] = (negative ? fixed.slice(1) : fixed).split('.')\n\n  const grouped = groupSeparator\n    ? intPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, groupSeparator)\n    : intPart\n\n  return [\n    negative ? '-' : '',\n    grouped,\n    fracPart ? `${decimalSeparator}${fracPart}` : '',\n  ].join('')\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport { formatStatisticValue } from './formatStatisticValue'\n\nimport {\n  statisticAffixSizeBySize,\n  statisticPlaceholderHeightBySize,\n  statisticTitleClass,\n  statisticTitleSizeBySize,\n  statisticTrendClassByTrend,\n  statisticTrendIconByTrend,\n  statisticTrendSizeBySize,\n  statisticValueClass,\n  type GrStatisticSize,\n  type GrStatisticTone,\n  type GrStatisticTrend,\n} from './grStatisticStyles'\n\nexport type {\n  GrStatisticSize,\n  GrStatisticTone,\n  GrStatisticTrend,\n} from './grStatisticStyles'\nexport type { GrStatisticFormatOptions } from './formatStatisticValue'\n\n/**\n * Публичный GR-примитив «Statistic» — крупный числовой показатель с подписью,\n * префиксом/суффиксом и строкой динамики.\n *\n * Компонент презентационный: не грузит данные и не считает дельту, только\n * форматирует и подаёт. Форматирование — чистая функция `formatStatisticValue`.\n */\nexport interface GrStatisticProps {\n  /** Значение показателя. Нечисловая строка выводится как есть. */\n  value: number | string\n  /** Подпись над значением. */\n  title?: string\n  /** Число знаков после запятой. */\n  precision?: number\n  /** Разделитель разрядов (по умолчанию — узкий пробел). */\n  groupSeparator?: string\n  decimalSeparator?: string\n  /** Приписка перед значением (валюта, знак). */\n  prefix?: string\n  /** Приписка после значения (единица измерения, `%`). */\n  suffix?: string\n  /** UnoCSS-класс иконки слева от блока (например `i-lucide-users`). */\n  icon?: string\n  size?: GrStatisticSize\n  /** Тон значения; точечно перекрывается `--gr-statistic-value-color`. */\n  tone?: GrStatisticTone\n  /** Направление динамики — задаёт цвет и иконку строки под значением. */\n  trend?: GrStatisticTrend\n  /** Текст динамики (например `+12,5% к прошлой неделе`). */\n  trendText?: string\n  /** Состояние загрузки: вместо значения — плейсхолдер. */\n  loading?: boolean\n}\n\nconst props = withDefaults(\n  defineProps<GrStatisticProps>(),\n  {\n    title: undefined,\n    precision: undefined,\n    groupSeparator: ' ',\n    decimalSeparator: '.',\n    prefix: undefined,\n    suffix: undefined,\n    icon: undefined,\n    size: 'md',\n    tone: 'neutral',\n    trend: undefined,\n    trendText: undefined,\n    loading: false,\n  },\n)\n\nconst formatted = computed(() => formatStatisticValue(props.value, {\n  precision: props.precision,\n  groupSeparator: props.groupSeparator,\n  decimalSeparator: props.decimalSeparator,\n}))\n</script>\n\n<template>\n  <div data-gr-statistic class=\"flex items-start gap-3\">\n    <span\n      v-if=\"icon || $slots.icon\"\n      data-gr-statistic-icon\n      class=\"mt-0.5 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--gr-radius-lg)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]\"\n    >\n      <slot name=\"icon\">\n        <span class=\"block h-4 w-4\" :class=\"icon\" aria-hidden=\"true\" />\n      </slot>\n    </span>\n\n    <div class=\"min-w-0\">\n      <div\n        v-if=\"title || $slots.title\"\n        data-gr-statistic-title\n        :class=\"[statisticTitleClass, statisticTitleSizeBySize[size]]\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n\n      <!-- Плейсхолдер загрузки повторяет высоту строки значения, чтобы блок не прыгал. -->\n      <div\n        v-if=\"loading\"\n        data-gr-statistic-placeholder\n        data-testid=\"gr-statistic-placeholder\"\n        class=\"mt-1\"\n        role=\"status\"\n        aria-busy=\"true\"\n      >\n        <GrSkeleton\n          width=\"6rem\"\n          :height=\"statisticPlaceholderHeightBySize[size]\"\n          rounded=\"var(--gr-radius-md)\"\n        />\n      </div>\n\n      <div\n        v-else\n        data-gr-statistic-value\n        data-testid=\"gr-statistic-value\"\n        class=\"mt-0.5 flex items-baseline gap-1\"\n      >\n        <span\n          v-if=\"prefix || $slots.prefix\"\n          data-gr-statistic-prefix\n          class=\"text-[var(--gr-muted-fg)]\"\n          :class=\"statisticAffixSizeBySize[size]\"\n        >\n          <slot name=\"prefix\">{{ prefix }}</slot>\n        </span>\n\n        <span :class=\"statisticValueClass({ size, tone })\">\n          <slot>{{ formatted }}</slot>\n        </span>\n\n        <span\n          v-if=\"suffix || $slots.suffix\"\n          data-gr-statistic-suffix\n          class=\"text-[var(--gr-muted-fg)]\"\n          :class=\"statisticAffixSizeBySize[size]\"\n        >\n          <slot name=\"suffix\">{{ suffix }}</slot>\n        </span>\n      </div>\n\n      <div\n        v-if=\"trend || trendText || $slots.trend\"\n        data-gr-statistic-trend\n        data-testid=\"gr-statistic-trend\"\n        class=\"mt-1 inline-flex items-center gap-1\"\n        :class=\"[statisticTrendSizeBySize[size], statisticTrendClassByTrend[trend ?? 'flat']]\"\n      >\n        <slot name=\"trend\">\n          <span\n            v-if=\"trend\"\n            class=\"block h-3.5 w-3.5\"\n            :class=\"statisticTrendIconByTrend[trend]\"\n            aria-hidden=\"true\"\n          />\n          <span>{{ trendText }}</span>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport { formatStatisticValue } from './formatStatisticValue'\n\nimport {\n  statisticAffixSizeBySize,\n  statisticPlaceholderHeightBySize,\n  statisticTitleClass,\n  statisticTitleSizeBySize,\n  statisticTrendClassByTrend,\n  statisticTrendIconByTrend,\n  statisticTrendSizeBySize,\n  statisticValueClass,\n  type GrStatisticSize,\n  type GrStatisticTone,\n  type GrStatisticTrend,\n} from './grStatisticStyles'\n\nexport type {\n  GrStatisticSize,\n  GrStatisticTone,\n  GrStatisticTrend,\n} from './grStatisticStyles'\nexport type { GrStatisticFormatOptions } from './formatStatisticValue'\n\n/**\n * Публичный GR-примитив «Statistic» — крупный числовой показатель с подписью,\n * префиксом/суффиксом и строкой динамики.\n *\n * Компонент презентационный: не грузит данные и не считает дельту, только\n * форматирует и подаёт. Форматирование — чистая функция `formatStatisticValue`.\n */\nexport interface GrStatisticProps {\n  /** Значение показателя. Нечисловая строка выводится как есть. */\n  value: number | string\n  /** Подпись над значением. */\n  title?: string\n  /** Число знаков после запятой. */\n  precision?: number\n  /** Разделитель разрядов (по умолчанию — узкий пробел). */\n  groupSeparator?: string\n  decimalSeparator?: string\n  /** Приписка перед значением (валюта, знак). */\n  prefix?: string\n  /** Приписка после значения (единица измерения, `%`). */\n  suffix?: string\n  /** UnoCSS-класс иконки слева от блока (например `i-lucide-users`). */\n  icon?: string\n  size?: GrStatisticSize\n  /** Тон значения; точечно перекрывается `--gr-statistic-value-color`. */\n  tone?: GrStatisticTone\n  /** Направление динамики — задаёт цвет и иконку строки под значением. */\n  trend?: GrStatisticTrend\n  /** Текст динамики (например `+12,5% к прошлой неделе`). */\n  trendText?: string\n  /** Состояние загрузки: вместо значения — плейсхолдер. */\n  loading?: boolean\n}\n\nconst props = withDefaults(\n  defineProps<GrStatisticProps>(),\n  {\n    title: undefined,\n    precision: undefined,\n    groupSeparator: ' ',\n    decimalSeparator: '.',\n    prefix: undefined,\n    suffix: undefined,\n    icon: undefined,\n    size: 'md',\n    tone: 'neutral',\n    trend: undefined,\n    trendText: undefined,\n    loading: false,\n  },\n)\n\nconst formatted = computed(() => formatStatisticValue(props.value, {\n  precision: props.precision,\n  groupSeparator: props.groupSeparator,\n  decimalSeparator: props.decimalSeparator,\n}))\n</script>\n\n<template>\n  <div data-gr-statistic class=\"flex items-start gap-3\">\n    <span\n      v-if=\"icon || $slots.icon\"\n      data-gr-statistic-icon\n      class=\"mt-0.5 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--gr-radius-lg)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]\"\n    >\n      <slot name=\"icon\">\n        <span class=\"block h-4 w-4\" :class=\"icon\" aria-hidden=\"true\" />\n      </slot>\n    </span>\n\n    <div class=\"min-w-0\">\n      <div\n        v-if=\"title || $slots.title\"\n        data-gr-statistic-title\n        :class=\"[statisticTitleClass, statisticTitleSizeBySize[size]]\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\n\n      <!-- Плейсхолдер загрузки повторяет высоту строки значения, чтобы блок не прыгал. -->\n      <div\n        v-if=\"loading\"\n        data-gr-statistic-placeholder\n        data-testid=\"gr-statistic-placeholder\"\n        class=\"mt-1\"\n        role=\"status\"\n        aria-busy=\"true\"\n      >\n        <GrSkeleton\n          width=\"6rem\"\n          :height=\"statisticPlaceholderHeightBySize[size]\"\n          rounded=\"var(--gr-radius-md)\"\n        />\n      </div>\n\n      <div\n        v-else\n        data-gr-statistic-value\n        data-testid=\"gr-statistic-value\"\n        class=\"mt-0.5 flex items-baseline gap-1\"\n      >\n        <span\n          v-if=\"prefix || $slots.prefix\"\n          data-gr-statistic-prefix\n          class=\"text-[var(--gr-muted-fg)]\"\n          :class=\"statisticAffixSizeBySize[size]\"\n        >\n          <slot name=\"prefix\">{{ prefix }}</slot>\n        </span>\n\n        <span :class=\"statisticValueClass({ size, tone })\">\n          <slot>{{ formatted }}</slot>\n        </span>\n\n        <span\n          v-if=\"suffix || $slots.suffix\"\n          data-gr-statistic-suffix\n          class=\"text-[var(--gr-muted-fg)]\"\n          :class=\"statisticAffixSizeBySize[size]\"\n        >\n          <slot name=\"suffix\">{{ suffix }}</slot>\n        </span>\n      </div>\n\n      <div\n        v-if=\"trend || trendText || $slots.trend\"\n        data-gr-statistic-trend\n        data-testid=\"gr-statistic-trend\"\n        class=\"mt-1 inline-flex items-center gap-1\"\n        :class=\"[statisticTrendSizeBySize[size], statisticTrendClassByTrend[trend ?? 'flat']]\"\n      >\n        <slot name=\"trend\">\n          <span\n            v-if=\"trend\"\n            class=\"block h-3.5 w-3.5\"\n            :class=\"statisticTrendIconByTrend[trend]\"\n            aria-hidden=\"true\"\n          />\n          <span>{{ trendText }}</span>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrStatistic/index.js

@@ -0,0 +1,3 @@
+import { n as formatStatisticValue, t as GrStatistic_default } from "./chunks/GrStatistic-gHiAwrX5.js";
+import { n as grStatisticSafelist, t as grStatisticConfig } from "../../chunks/config-BDSHekVC.js";
+export { GrStatistic_default as GrStatistic, GrStatistic_default as default, formatStatisticValue, grStatisticConfig, grStatisticSafelist };

package/dist/components/GrSwitch/chunks/{GrSwitch-DAioyccZ.js → GrSwitch-CJdRvS0s.js}

@@ -1,4 +1,5 @@
-import { a as grSwitchTrackClass, i as grSwitchThumbClass, r as grSwitchLabelClass } from "../../../chunks/config-DezDih8_.js";
+import { o as useGrComponentSize } from "../../../chunks/context-DfWYCBB-.js";
+import { a as grSwitchTrackClass, i as grSwitchThumbClass, r as grSwitchLabelClass } from "../../../chunks/config-LqDC_rvp.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
 //#region src/components/GrSwitch/GrSwitch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -17,7 +18,7 @@ var GrSwitch_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		ariaLabel: { default: void 0 },
-		size: { default: "md" },
+		size: { default: void 0 },
 		activeBackgroundColor: { default: void 0 },
 		inactiveBackgroundColor: { default: void 0 }
 	},
@@ -25,24 +26,32 @@ var GrSwitch_default = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const getCustomColor = (value) => value?.trim() || void 0;
 		const props = __props;
+		const resolvedSize = useGrComponentSize(() => props.size, {
+			component: "GrSwitch",
+			supported: [
+				"sm",
+				"md",
+				"lg"
+			]
+		});
 		const emit = __emit;
-		const trackClass = computed(() => grSwitchTrackClass(props.size));
+		const trackClass = computed(() => grSwitchTrackClass(resolvedSize.value));
 		const trackStyle = computed(() => {
 			const isChecked = props.modelValue;
-			const defaultBackgroundColor = isChecked ? "var(--primary)" : "var(--muted)";
+			const defaultBackgroundColor = isChecked ? "var(--gr-primary)" : "var(--gr-muted)";
 			const customBackgroundColor = getCustomColor(isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor);
 			const backgroundColor = customBackgroundColor ?? defaultBackgroundColor;
 			return {
 				"--gr-switch-track-bg": backgroundColor,
-				"--gr-switch-track-brd": customBackgroundColor ? backgroundColor : isChecked ? "var(--primary)" : "var(--brd)",
+				"--gr-switch-track-brd": customBackgroundColor ? backgroundColor : isChecked ? "var(--gr-primary)" : "var(--gr-brd)",
 				backgroundColor: "var(--gr-switch-track-bg)"
 			};
 		});
 		const thumbClass = computed(() => grSwitchThumbClass({
-			size: props.size,
+			size: resolvedSize.value,
 			checked: props.modelValue
 		}));
-		const labelClass = computed(() => grSwitchLabelClass(props.size));
+		const labelClass = computed(() => grSwitchLabelClass(resolvedSize.value));
 		function toggle() {
 			if (props.disabled) return;
 			emit("update:modelValue", !props.modelValue);

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrSwitch-CJdRvS0s.js","names":["$slots"],"sources":["../../../../src/components/GrSwitch/GrSwitch.vue","../../../../src/components/GrSwitch/GrSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--gr-primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--gr-muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: undefined,\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrSwitch',\n  supported: ['sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(resolvedSize.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  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--gr-switch-track-bg': backgroundColor,\n    '--gr-switch-track-brd': 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 labelClass = computed(() => grSwitchLabelClass(resolvedSize.value))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-gr-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"gr-switch-track\"\n        data-gr-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"gr-switch-thumb\"\n          data-gr-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-gr-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport {computed} from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type {GrSwitchSize} from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\n  modelValue: boolean\n  disabled?: boolean\n  ariaLabel?: string\n  size?: GrSwitchSize\n  /** Кастомный цвет фона в активном состоянии. Если не задан — `var(--gr-primary)`. */\n  activeBackgroundColor?: string\n  /** Кастомный цвет фона в неактивном состоянии. Если не задан — `var(--gr-muted)`. */\n  inactiveBackgroundColor?: string\n}\n\nconst getCustomColor = (value?: string) => value?.trim() || undefined\n\nconst props = withDefaults(\n    defineProps<GrSwitchProps>(),\n    {\n      disabled: false,\n      ariaLabel: undefined,\n      size: undefined,\n      activeBackgroundColor: undefined,\n      inactiveBackgroundColor: undefined,\n    },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrSwitch',\n  supported: ['sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst trackClass = computed(() => grSwitchTrackClass(resolvedSize.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  const backgroundColor = customBackgroundColor ?? defaultBackgroundColor\n\n  return {\n    '--gr-switch-track-bg': backgroundColor,\n    '--gr-switch-track-brd': 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 labelClass = computed(() => grSwitchLabelClass(resolvedSize.value))\n\nfunction toggle(): void {\n  if (props.disabled) {\n    return\n  }\n\n  emit('update:modelValue', !props.modelValue)\n}\n</script>\n\n<template>\n  <button\n      type=\"button\"\n      role=\"switch\"\n      data-gr-switch\n      :aria-checked=\"modelValue ? 'true' : 'false'\"\n      :aria-label=\"ariaLabel\"\n      :disabled=\"disabled\"\n      class=\"inline-flex items-center gap-2 select-none disabled:opacity-50 disabled:cursor-not-allowed\"\n      @click=\"toggle\"\n  >\n    <span\n        data-testid=\"gr-switch-track\"\n        data-gr-switch-track\n        :class=\"trackClass\"\n        :style=\"trackStyle\"\n    >\n      <span\n          data-testid=\"gr-switch-thumb\"\n          data-gr-switch-thumb\n          :class=\"thumbClass\"\n          aria-hidden=\"true\"\n      />\n    </span>\n    <span\n        v-if=\"$slots.default\"\n        data-gr-switch-label\n        :class=\"labelClass\"\n    >\n      <slot />\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EA4BA,MAAM,kBAAkB,UAAmB,OAAO,KAAK,KAAK,KAAA;EAE5D,MAAM,QAAQ;EAYd,MAAM,eAAe,yBAAyB,MAAM,MAAM;GACxD,WAAW;GACX,WAAW;IAAC;IAAM;IAAM;GAAI;EAC9B,CAAC;EAED,MAAM,OAAO;EAIb,MAAM,aAAa,eAAe,mBAAmB,aAAa,KAAK,CAAC;EAExE,MAAM,aAAa,eAAe;GAChC,MAAM,YAAY,MAAM;GACxB,MAAM,yBAAyB,YAAY,sBAAsB;GACjE,MAAM,wBAAwB,eAC1B,YAAY,MAAM,wBAAwB,MAAM,uBACpD;GACA,MAAM,kBAAkB,yBAAyB;GAEjD,OAAO;IACL,wBAAwB;IACxB,yBAAyB,wBACnB,kBACA,YACI,sBACA;IACV,iBAAiB;GACnB;EACF,CAAC;EAED,MAAM,aAAa,eAAe,mBAAmB;GAAC,MAAM,aAAa;GAAO,SAAS,MAAM;EAAU,CAAC,CAAC;EAE3G,MAAM,aAAa,eAAe,mBAAmB,aAAa,KAAK,CAAC;EAExE,SAAS,SAAe;GACtB,IAAI,MAAM,UACR;GAGF,KAAK,qBAAqB,CAAC,MAAM,UAAU;EAC7C;;uBAIE,mBA8BS,UAAA;IA7BL,MAAK;IACL,MAAK;IACL,kBAAA;IACC,gBAAc,QAAA,aAAU,SAAA;IACxB,cAAY,QAAA;IACZ,UAAU,QAAA;IACX,OAAM;IACL,SAAO;OAEV,mBAYO,QAAA;IAXH,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,KAAU;IACjB,OAAK,eAAE,WAAA,KAAU;OAEpB,mBAKE,QAAA;IAJE,eAAY;IACZ,wBAAA;IACC,OAAK,eAAE,WAAA,KAAU;IAClB,eAAY;qBAIRA,KAAAA,OAAO,WAAA,UAAA,GADjB,mBAMO,QAAA;;IAJH,wBAAA;IACC,OAAK,eAAE,WAAA,KAAU;OAEpB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,GAAA,UAAA"}

package/dist/components/GrSwitch/index.js

@@ -1,3 +1,3 @@
-import { n as grSwitchSafelist, t as grSwitchConfig } from "../../chunks/config-DezDih8_.js";
-import { t as GrSwitch_default } from "./chunks/GrSwitch-DAioyccZ.js";
+import { n as grSwitchSafelist, t as grSwitchConfig } from "../../chunks/config-LqDC_rvp.js";
+import { t as GrSwitch_default } from "./chunks/GrSwitch-CJdRvS0s.js";
 export { GrSwitch_default as GrSwitch, GrSwitch_default as default, grSwitchConfig, grSwitchSafelist };

package/dist/components/GrTabPanels/chunks/{GrTabPanels-DbKybwe-.js → GrTabPanels-DeEMgb_y.js}

@@ -59,7 +59,7 @@ var GrTabPanel_default = /* @__PURE__ */ defineComponent({
 				"aria-labelledby": tabId.value,
 				hidden: __props.keepAlive && !isActive.value ? true : void 0,
 				tabindex: isActive.value ? 0 : void 0,
-				class: "rounded-[var(--gr-radius-md)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
+				class: "rounded-[var(--gr-radius-md)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]"
 			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1)) : createCommentVNode("", true);
 		};
 	}