@feugene/granularity 0.47.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/components/GrTable/chunks/{GrTable-iwzHvlMC.js → GrTable-CKJ-HrsN.js}

@@ -2,7 +2,7 @@ import { a as useGrComponentSize } from "../../../chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as GrSkeleton_default } from "../../GrSkeleton/chunks/GrSkeleton-CgfXxPQ2.js";
 import { n as hasMeaningfulSlotContent } from "../../../chunks/slotNodes-DxNXpC7v.js";
-import { a as tableSizes, i as stripedClass, n as hoverableClass, r as loadingRowCellClass, t as emptyCellClass } from "../../../chunks/grTableStyles-uuMPSOBR.js";
+import { a as tableSizes, i as stripedClass, n as hoverableClass, r as loadingRowCellClass, t as emptyCellClass } from "../../../chunks/grTableStyles-DkQPMfx9.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots } from "vue";
 //#region src/components/GrTable/GrTable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/dist/components/GrTable/chunks/{GrTable-iwzHvlMC.js.map → GrTable-CKJ-HrsN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrTable-iwzHvlMC.js","names":[],"sources":["../../../../src/components/GrTable/GrTable.vue","../../../../src/components/GrTable/GrTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  emptyCellClass,\n  hoverableClass,\n  loadingRowCellClass,\n  stripedClass,\n  tableSizes,\n  type GrTableSize,\n} from './grTableStyles'\n\nexport interface GrTableProps {\n  /**\n   * Размер таблицы — базовый кегль текста. Паддинги ячеек оставлены за\n   * консьюмером (GrTable — «тонкий» контейнер).\n   */\n  size?: GrTableSize\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера. Включает `role=\"region\"`; сам скролл\n   * достижим с клавиатуры всегда, независимо от метки.\n   */\n  regionLabel?: string\n  /** Идёт загрузка: вместо строк — скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /** Сколько колонок занимает служебная строка (пустое состояние и скелетоны). */\n  columnCount?: number\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /** Таблица пуста. По умолчанию определяется по содержимому слота. */\n  empty?: boolean\n  /** Чередование строк. */\n  striped?: boolean\n  /** Подсветка строки под курсором. */\n  hoverable?: boolean\n  /**\n   * Прилипающий заголовок: `<thead>` остаётся видимым при вертикальном скролле.\n   * Осмысленно вместе с `maxHeight` (иначе таблица не скроллится вертикально).\n   */\n  stickyHeader?: boolean\n  /**\n   * Полное число строк набора, включая строки заголовка (`aria-rowcount`).\n   *\n   * Нужен, когда в DOM не весь набор — например, при виртуализации: диктор\n   * считает строки по разметке и объявил бы «5 из 20» на таблице в десять\n   * тысяч. Строки при этом обязаны нести `aria-rowindex`.\n   */\n  rowCount?: number\n  /**\n   * Фиксированная раскладка (`table-layout: fixed`): ширины колонок берутся из\n   * первой строки, а не из содержимого всех.\n   *\n   * Обязателен, если в DOM не весь набор: иначе ширины считаются по\n   * отрисованному окну и прыгают на каждой прокрутке.\n   *\n   * Класс — arbitrary-значение, а не `table-fixed`: такого правила в\n   * `presetMini` нет, и класс молча не превратился бы в CSS.\n   */\n  fixedLayout?: boolean\n  /**\n   * Минимальная ширина самой таблицы (число — пиксели).\n   *\n   * Нужна при `fixedLayout`: с фиксированной раскладкой и шириной `auto`\n   * браузер вписывает таблицу в контейнер и делит место между колонками\n   * пропорционально — то есть заданные ширины молча ужимаются, а\n   * горизонтальной прокрутки, на которой держатся закреплённые колонки, не\n   * возникает вовсе.\n   */\n  tableMinWidth?: string | number\n  /**\n   * Максимальная высота скролл-контейнера (включает вертикальный скролл).\n   * Число трактуется как пиксели. Нужен для работы `stickyHeader`.\n   */\n  maxHeight?: string | number\n}\n\n/**\n * `GrTable` — «тонкий» GR-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#header`,\n * default (tbody) и `#footer`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  size: undefined,\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  loading: false,\n  loadingRows: 3,\n  columnCount: 1,\n  emptyText: undefined,\n  empty: undefined,\n  striped: false,\n  hoverable: false,\n  stickyHeader: false,\n  maxHeight: undefined,\n  rowCount: undefined,\n  fixedLayout: false,\n  tableMinWidth: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTable' })\nconst tableTextClass = computed(() => tableSizes[resolvedSize.value])\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n\nconst { t } = useGranularityTranslations()\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.table.empty', 'Nothing here yet'))\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое строкой не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showRows = computed(() => !props.loading && !isEmpty.value)\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\nconst serviceColSpan = computed(() => Math.max(1, Math.trunc(props.columnCount)))\n\nconst tbodyClass = computed(() => [\n  'text-[var(--gr-fg)]',\n  props.striped && showRows.value ? stripedClass : '',\n  props.hoverable && showRows.value ? hoverableClass : '',\n].filter(Boolean).join(' '))\n\nconst scrollStyle = computed(() => {\n  // Неполный набор в DOM (`rowCount`) означает виртуализацию, а с ней обязан\n  // быть выключен браузерный scroll anchoring: он подправляет `scrollTop`,\n  // когда меняется высота содержимого выше видимого узла, — а окно меняет её\n  // на каждом кадре прокрутки, и список уезжает.\n  const anchor = props.rowCount === undefined ? undefined : { overflowAnchor: 'none' as const }\n\n  if (props.maxHeight === undefined)\n    return anchor\n\n  const value = typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight\n  return { ...anchor, maxHeight: value, overflowY: 'auto' as const }\n})\n\n// Прилипающий заголовок: `<thead>` на `position: sticky`; фон обязателен, иначе\n// сквозь него будут просвечивать строки при скролле.\nconst theadClass = computed(() => [\n  'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]',\n  props.stickyHeader ? 'sticky top-0 z-[1]' : '',\n].filter(Boolean).join(' '))\n\nconst tableStyle = computed(() => {\n  if (props.tableMinWidth === undefined)\n    return undefined\n\n  const value = typeof props.tableMinWidth === 'number' ? `${props.tableMinWidth}px` : props.tableMinWidth\n\n  return { minWidth: value }\n})\n\nconst scrollEl = ref<HTMLElement | null>(null)\n\nfunction scrollTo(options: ScrollToOptions): void {\n  scrollEl.value?.scrollTo(options)\n}\n\n// Только верхний уровень собственного tbody: вложенная таблица в ячейке не\n// должна сдвигать индексацию строк.\nfunction contentRows(): HTMLElement[] {\n  if (!showRows.value)\n    return []\n  const el = scrollEl.value\n  if (!el)\n    return []\n  return Array.from(el.querySelectorAll<HTMLElement>(':scope > table > tbody > tr'))\n}\n\nfunction scrollToRow(index: number, options?: ScrollIntoViewOptions): boolean {\n  const row = contentRows()[index]\n  if (!row)\n    return false\n  row.scrollIntoView(options ?? { block: 'nearest' })\n  return true\n}\n\ndefineExpose({\n  /** Прокрутить скролл-контейнер таблицы — тот же контракт, что у `GrDataTable`. */\n  scrollTo,\n  /** Прокрутить к строке содержимого по её индексу в разметке. `false` — строки нет в DOM. */\n  scrollToRow,\n})\n\ndefineSlots<{\n  /** Строки таблицы, когда разметка пишется руками вместо `data`. */\n  default?: () => any\n  /** Подпись таблицы — `<caption>`, читается диктором первой. */\n  caption?: () => any\n  /** Шапка вместо построенной по `columns`. */\n  header?: () => any\n  /** Содержимое, пока едут данные, — вместо строк-заглушек. */\n  loading?: () => any\n  /** Пустое состояние вместо текста по умолчанию. */\n  empty?: () => any\n  /** Итоговая строка под таблицей. */\n  footer?: () => any\n}>()\n\n/**\n * `relative` на скроллере — не для потомков с координатами, а чтобы он стал\n * containing block. Без него абсолютные потомки (`sr-only`-подсказка у кнопки\n * сортировки — единственный такой в самой таблице, но разметка ячеек чужая)\n * считают позицию от документа и выпадают из прокрутки наружу: на узком экране\n * широкая таблица начинает тащить вбок всю страницу, а не только себя.\n *\n * Живёт здесь, а не над `<div>`: комментарий в корне `<template>` делает\n * компонент фрагментом, и `$el` у потребителя становится Comment-нодой —\n * `GrDataTable` падает на `root.matches` ещё до первого рендера.\n */\n</script>\n\n<template>\n  <div\n    ref=\"scrollEl\"\n    data-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :aria-busy=\"loading ? 'true' : undefined\"\n    tabindex=\"0\"\n    class=\"relative overflow-x-auto rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n    :style=\"scrollStyle\"\n  >\n    <table\n      data-gr-table\n      class=\"min-w-full\" :class=\"[tableTextClass, fixedLayout ? '[table-layout:fixed]' : '']\"\n      :style=\"tableStyle\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n      :aria-rowcount=\"rowCount\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead :class=\"theadClass\">\n        <slot name=\"header\" />\n      </thead>\n      <tbody :class=\"tbodyClass\">\n        <template v-if=\"loading\">\n          <slot name=\"loading\">\n            <tr v-for=\"row in loadingRowCount\" :key=\"row\" data-gr-table-loading-row>\n              <td :colspan=\"serviceColSpan\" :class=\"loadingRowCellClass\">\n                <GrSkeleton />\n              </td>\n            </tr>\n          </slot>\n        </template>\n\n        <tr v-else-if=\"isEmpty\" data-gr-table-empty>\n          <td :colspan=\"serviceColSpan\" :class=\"emptyCellClass\">\n            <slot name=\"empty\">\n              {{ resolvedEmptyText }}\n            </slot>\n          </td>\n        </tr>\n\n        <slot v-else />\n      </tbody>\n      <tfoot v-if=\"slots.footer\" class=\"text-[var(--gr-fg)]\">\n        <slot name=\"footer\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  emptyCellClass,\n  hoverableClass,\n  loadingRowCellClass,\n  stripedClass,\n  tableSizes,\n  type GrTableSize,\n} from './grTableStyles'\n\nexport interface GrTableProps {\n  /**\n   * Размер таблицы — базовый кегль текста. Паддинги ячеек оставлены за\n   * консьюмером (GrTable — «тонкий» контейнер).\n   */\n  size?: GrTableSize\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера. Включает `role=\"region\"`; сам скролл\n   * достижим с клавиатуры всегда, независимо от метки.\n   */\n  regionLabel?: string\n  /** Идёт загрузка: вместо строк — скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /** Сколько колонок занимает служебная строка (пустое состояние и скелетоны). */\n  columnCount?: number\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /** Таблица пуста. По умолчанию определяется по содержимому слота. */\n  empty?: boolean\n  /** Чередование строк. */\n  striped?: boolean\n  /** Подсветка строки под курсором. */\n  hoverable?: boolean\n  /**\n   * Прилипающий заголовок: `<thead>` остаётся видимым при вертикальном скролле.\n   * Осмысленно вместе с `maxHeight` (иначе таблица не скроллится вертикально).\n   */\n  stickyHeader?: boolean\n  /**\n   * Полное число строк набора, включая строки заголовка (`aria-rowcount`).\n   *\n   * Нужен, когда в DOM не весь набор — например, при виртуализации: диктор\n   * считает строки по разметке и объявил бы «5 из 20» на таблице в десять\n   * тысяч. Строки при этом обязаны нести `aria-rowindex`.\n   */\n  rowCount?: number\n  /**\n   * Фиксированная раскладка (`table-layout: fixed`): ширины колонок берутся из\n   * первой строки, а не из содержимого всех.\n   *\n   * Обязателен, если в DOM не весь набор: иначе ширины считаются по\n   * отрисованному окну и прыгают на каждой прокрутке.\n   *\n   * Класс — arbitrary-значение, а не `table-fixed`: такого правила в\n   * `presetMini` нет, и класс молча не превратился бы в CSS.\n   */\n  fixedLayout?: boolean\n  /**\n   * Минимальная ширина самой таблицы (число — пиксели).\n   *\n   * Нужна при `fixedLayout`: с фиксированной раскладкой и шириной `auto`\n   * браузер вписывает таблицу в контейнер и делит место между колонками\n   * пропорционально — то есть заданные ширины молча ужимаются, а\n   * горизонтальной прокрутки, на которой держатся закреплённые колонки, не\n   * возникает вовсе.\n   */\n  tableMinWidth?: string | number\n  /**\n   * Максимальная высота скролл-контейнера (включает вертикальный скролл).\n   * Число трактуется как пиксели. Нужен для работы `stickyHeader`.\n   */\n  maxHeight?: string | number\n}\n\n/**\n * `GrTable` — «тонкий» GR-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#header`,\n * default (tbody) и `#footer`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  size: undefined,\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  loading: false,\n  loadingRows: 3,\n  columnCount: 1,\n  emptyText: undefined,\n  empty: undefined,\n  striped: false,\n  hoverable: false,\n  stickyHeader: false,\n  maxHeight: undefined,\n  rowCount: undefined,\n  fixedLayout: false,\n  tableMinWidth: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTable' })\nconst tableTextClass = computed(() => tableSizes[resolvedSize.value])\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n\nconst { t } = useGranularityTranslations()\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.table.empty', 'Nothing here yet'))\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое строкой не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showRows = computed(() => !props.loading && !isEmpty.value)\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\nconst serviceColSpan = computed(() => Math.max(1, Math.trunc(props.columnCount)))\n\nconst tbodyClass = computed(() => [\n  'text-[var(--gr-fg)]',\n  props.striped && showRows.value ? stripedClass : '',\n  props.hoverable && showRows.value ? hoverableClass : '',\n].filter(Boolean).join(' '))\n\nconst scrollStyle = computed(() => {\n  // Неполный набор в DOM (`rowCount`) означает виртуализацию, а с ней обязан\n  // быть выключен браузерный scroll anchoring: он подправляет `scrollTop`,\n  // когда меняется высота содержимого выше видимого узла, — а окно меняет её\n  // на каждом кадре прокрутки, и список уезжает.\n  const anchor = props.rowCount === undefined ? undefined : { overflowAnchor: 'none' as const }\n\n  if (props.maxHeight === undefined)\n    return anchor\n\n  const value = typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight\n  return { ...anchor, maxHeight: value, overflowY: 'auto' as const }\n})\n\n// Прилипающий заголовок: `<thead>` на `position: sticky`; фон обязателен, иначе\n// сквозь него будут просвечивать строки при скролле.\nconst theadClass = computed(() => [\n  'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]',\n  props.stickyHeader ? 'sticky top-0 z-[1]' : '',\n].filter(Boolean).join(' '))\n\nconst tableStyle = computed(() => {\n  if (props.tableMinWidth === undefined)\n    return undefined\n\n  const value = typeof props.tableMinWidth === 'number' ? `${props.tableMinWidth}px` : props.tableMinWidth\n\n  return { minWidth: value }\n})\n\nconst scrollEl = ref<HTMLElement | null>(null)\n\nfunction scrollTo(options: ScrollToOptions): void {\n  scrollEl.value?.scrollTo(options)\n}\n\n// Только верхний уровень собственного tbody: вложенная таблица в ячейке не\n// должна сдвигать индексацию строк.\nfunction contentRows(): HTMLElement[] {\n  if (!showRows.value)\n    return []\n  const el = scrollEl.value\n  if (!el)\n    return []\n  return Array.from(el.querySelectorAll<HTMLElement>(':scope > table > tbody > tr'))\n}\n\nfunction scrollToRow(index: number, options?: ScrollIntoViewOptions): boolean {\n  const row = contentRows()[index]\n  if (!row)\n    return false\n  row.scrollIntoView(options ?? { block: 'nearest' })\n  return true\n}\n\ndefineExpose({\n  /** Прокрутить скролл-контейнер таблицы — тот же контракт, что у `GrDataTable`. */\n  scrollTo,\n  /** Прокрутить к строке содержимого по её индексу в разметке. `false` — строки нет в DOM. */\n  scrollToRow,\n})\n\ndefineSlots<{\n  /** Строки таблицы, когда разметка пишется руками вместо `data`. */\n  default?: () => any\n  /** Подпись таблицы — `<caption>`, читается диктором первой. */\n  caption?: () => any\n  /** Шапка вместо построенной по `columns`. */\n  header?: () => any\n  /** Содержимое, пока едут данные, — вместо строк-заглушек. */\n  loading?: () => any\n  /** Пустое состояние вместо текста по умолчанию. */\n  empty?: () => any\n  /** Итоговая строка под таблицей. */\n  footer?: () => any\n}>()\n\n/**\n * `relative` на скроллере — не для потомков с координатами, а чтобы он стал\n * containing block. Без него абсолютные потомки (`sr-only`-подсказка у кнопки\n * сортировки — единственный такой в самой таблице, но разметка ячеек чужая)\n * считают позицию от документа и выпадают из прокрутки наружу: на узком экране\n * широкая таблица начинает тащить вбок всю страницу, а не только себя.\n *\n * Живёт здесь, а не над `<div>`: комментарий в корне `<template>` делает\n * компонент фрагментом, и `$el` у потребителя становится Comment-нодой —\n * `GrDataTable` падает на `root.matches` ещё до первого рендера.\n */\n</script>\n\n<template>\n  <div\n    ref=\"scrollEl\"\n    data-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :aria-busy=\"loading ? 'true' : undefined\"\n    tabindex=\"0\"\n    class=\"relative overflow-x-auto rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n    :style=\"scrollStyle\"\n  >\n    <table\n      data-gr-table\n      class=\"min-w-full\" :class=\"[tableTextClass, fixedLayout ? '[table-layout:fixed]' : '']\"\n      :style=\"tableStyle\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n      :aria-rowcount=\"rowCount\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead :class=\"theadClass\">\n        <slot name=\"header\" />\n      </thead>\n      <tbody :class=\"tbodyClass\">\n        <template v-if=\"loading\">\n          <slot name=\"loading\">\n            <tr v-for=\"row in loadingRowCount\" :key=\"row\" data-gr-table-loading-row>\n              <td :colspan=\"serviceColSpan\" :class=\"loadingRowCellClass\">\n                <GrSkeleton />\n              </td>\n            </tr>\n          </slot>\n        </template>\n\n        <tr v-else-if=\"isEmpty\" data-gr-table-empty>\n          <td :colspan=\"serviceColSpan\" :class=\"emptyCellClass\">\n            <slot name=\"empty\">\n              {{ resolvedEmptyText }}\n            </slot>\n          </td>\n        </tr>\n\n        <slot v-else />\n      </tbody>\n      <tfoot v-if=\"slots.footer\" class=\"text-[var(--gr-fg)]\">\n        <slot name=\"footer\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrTable-CKJ-HrsN.js","names":[],"sources":["../../../../src/components/GrTable/GrTable.vue","../../../../src/components/GrTable/GrTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  emptyCellClass,\n  hoverableClass,\n  loadingRowCellClass,\n  stripedClass,\n  tableSizes,\n  type GrTableSize,\n} from './grTableStyles'\n\nexport interface GrTableProps {\n  /**\n   * Размер таблицы — базовый кегль текста. Паддинги ячеек оставлены за\n   * консьюмером (GrTable — «тонкий» контейнер).\n   */\n  size?: GrTableSize\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера. Включает `role=\"region\"`; сам скролл\n   * достижим с клавиатуры всегда, независимо от метки.\n   */\n  regionLabel?: string\n  /** Идёт загрузка: вместо строк — скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /** Сколько колонок занимает служебная строка (пустое состояние и скелетоны). */\n  columnCount?: number\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /** Таблица пуста. По умолчанию определяется по содержимому слота. */\n  empty?: boolean\n  /** Чередование строк. */\n  striped?: boolean\n  /** Подсветка строки под курсором. */\n  hoverable?: boolean\n  /**\n   * Прилипающий заголовок: `<thead>` остаётся видимым при вертикальном скролле.\n   * Осмысленно вместе с `maxHeight` (иначе таблица не скроллится вертикально).\n   */\n  stickyHeader?: boolean\n  /**\n   * Полное число строк набора, включая строки заголовка (`aria-rowcount`).\n   *\n   * Нужен, когда в DOM не весь набор — например, при виртуализации: диктор\n   * считает строки по разметке и объявил бы «5 из 20» на таблице в десять\n   * тысяч. Строки при этом обязаны нести `aria-rowindex`.\n   */\n  rowCount?: number\n  /**\n   * Фиксированная раскладка (`table-layout: fixed`): ширины колонок берутся из\n   * первой строки, а не из содержимого всех.\n   *\n   * Обязателен, если в DOM не весь набор: иначе ширины считаются по\n   * отрисованному окну и прыгают на каждой прокрутке.\n   *\n   * Класс — arbitrary-значение, а не `table-fixed`: такого правила в\n   * `presetMini` нет, и класс молча не превратился бы в CSS.\n   */\n  fixedLayout?: boolean\n  /**\n   * Минимальная ширина самой таблицы (число — пиксели).\n   *\n   * Нужна при `fixedLayout`: с фиксированной раскладкой и шириной `auto`\n   * браузер вписывает таблицу в контейнер и делит место между колонками\n   * пропорционально — то есть заданные ширины молча ужимаются, а\n   * горизонтальной прокрутки, на которой держатся закреплённые колонки, не\n   * возникает вовсе.\n   */\n  tableMinWidth?: string | number\n  /**\n   * Максимальная высота скролл-контейнера (включает вертикальный скролл).\n   * Число трактуется как пиксели. Нужен для работы `stickyHeader`.\n   */\n  maxHeight?: string | number\n}\n\n/**\n * `GrTable` — «тонкий» GR-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#header`,\n * default (tbody) и `#footer`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  size: undefined,\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  loading: false,\n  loadingRows: 3,\n  columnCount: 1,\n  emptyText: undefined,\n  empty: undefined,\n  striped: false,\n  hoverable: false,\n  stickyHeader: false,\n  maxHeight: undefined,\n  rowCount: undefined,\n  fixedLayout: false,\n  tableMinWidth: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTable' })\nconst tableTextClass = computed(() => tableSizes[resolvedSize.value])\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n\nconst { t } = useGranularityTranslations()\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.table.empty', 'Nothing here yet'))\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое строкой не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showRows = computed(() => !props.loading && !isEmpty.value)\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\nconst serviceColSpan = computed(() => Math.max(1, Math.trunc(props.columnCount)))\n\nconst tbodyClass = computed(() => [\n  'text-[var(--gr-fg)]',\n  props.striped && showRows.value ? stripedClass : '',\n  props.hoverable && showRows.value ? hoverableClass : '',\n].filter(Boolean).join(' '))\n\nconst scrollStyle = computed(() => {\n  // Неполный набор в DOM (`rowCount`) означает виртуализацию, а с ней обязан\n  // быть выключен браузерный scroll anchoring: он подправляет `scrollTop`,\n  // когда меняется высота содержимого выше видимого узла, — а окно меняет её\n  // на каждом кадре прокрутки, и список уезжает.\n  const anchor = props.rowCount === undefined ? undefined : { overflowAnchor: 'none' as const }\n\n  if (props.maxHeight === undefined)\n    return anchor\n\n  const value = typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight\n  return { ...anchor, maxHeight: value, overflowY: 'auto' as const }\n})\n\n// Прилипающий заголовок: `<thead>` на `position: sticky`; фон обязателен, иначе\n// сквозь него будут просвечивать строки при скролле.\nconst theadClass = computed(() => [\n  'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]',\n  props.stickyHeader ? 'sticky top-0 z-[1]' : '',\n].filter(Boolean).join(' '))\n\nconst tableStyle = computed(() => {\n  if (props.tableMinWidth === undefined)\n    return undefined\n\n  const value = typeof props.tableMinWidth === 'number' ? `${props.tableMinWidth}px` : props.tableMinWidth\n\n  return { minWidth: value }\n})\n\nconst scrollEl = ref<HTMLElement | null>(null)\n\nfunction scrollTo(options: ScrollToOptions): void {\n  scrollEl.value?.scrollTo(options)\n}\n\n// Только верхний уровень собственного tbody: вложенная таблица в ячейке не\n// должна сдвигать индексацию строк.\nfunction contentRows(): HTMLElement[] {\n  if (!showRows.value)\n    return []\n  const el = scrollEl.value\n  if (!el)\n    return []\n  return Array.from(el.querySelectorAll<HTMLElement>(':scope > table > tbody > tr'))\n}\n\nfunction scrollToRow(index: number, options?: ScrollIntoViewOptions): boolean {\n  const row = contentRows()[index]\n  if (!row)\n    return false\n  row.scrollIntoView(options ?? { block: 'nearest' })\n  return true\n}\n\ndefineExpose({\n  /** Прокрутить скролл-контейнер таблицы — тот же контракт, что у `GrDataTable`. */\n  scrollTo,\n  /** Прокрутить к строке содержимого по её индексу в разметке. `false` — строки нет в DOM. */\n  scrollToRow,\n})\n\ndefineSlots<{\n  /** Строки таблицы, когда разметка пишется руками вместо `data`. */\n  default?: () => any\n  /** Подпись таблицы — `<caption>`, читается диктором первой. */\n  caption?: () => any\n  /** Шапка вместо построенной по `columns`. */\n  header?: () => any\n  /** Содержимое, пока едут данные, — вместо строк-заглушек. */\n  loading?: () => any\n  /** Пустое состояние вместо текста по умолчанию. */\n  empty?: () => any\n  /** Итоговая строка под таблицей. */\n  footer?: () => any\n}>()\n\n/**\n * `relative` на скроллере — не для потомков с координатами, а чтобы он стал\n * containing block. Без него абсолютные потомки (`sr-only`-подсказка у кнопки\n * сортировки — единственный такой в самой таблице, но разметка ячеек чужая)\n * считают позицию от документа и выпадают из прокрутки наружу: на узком экране\n * широкая таблица начинает тащить вбок всю страницу, а не только себя.\n *\n * Живёт здесь, а не над `<div>`: комментарий в корне `<template>` делает\n * компонент фрагментом, и `$el` у потребителя становится Comment-нодой —\n * `GrDataTable` падает на `root.matches` ещё до первого рендера.\n */\n</script>\n\n<template>\n  <div\n    ref=\"scrollEl\"\n    data-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :aria-busy=\"loading ? 'true' : undefined\"\n    tabindex=\"0\"\n    class=\"relative overflow-x-auto rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n    :style=\"scrollStyle\"\n  >\n    <table\n      data-gr-table\n      class=\"min-w-full\" :class=\"[tableTextClass, fixedLayout ? '[table-layout:fixed]' : '']\"\n      :style=\"tableStyle\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n      :aria-rowcount=\"rowCount\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead :class=\"theadClass\">\n        <slot name=\"header\" />\n      </thead>\n      <tbody :class=\"tbodyClass\">\n        <template v-if=\"loading\">\n          <slot name=\"loading\">\n            <tr v-for=\"row in loadingRowCount\" :key=\"row\" data-gr-table-loading-row>\n              <td :colspan=\"serviceColSpan\" :class=\"loadingRowCellClass\">\n                <GrSkeleton />\n              </td>\n            </tr>\n          </slot>\n        </template>\n\n        <tr v-else-if=\"isEmpty\" data-gr-table-empty>\n          <td :colspan=\"serviceColSpan\" :class=\"emptyCellClass\">\n            <slot name=\"empty\">\n              {{ resolvedEmptyText }}\n            </slot>\n          </td>\n        </tr>\n\n        <slot v-else />\n      </tbody>\n      <tfoot v-if=\"slots.footer\" class=\"text-[var(--gr-fg)]\">\n        <slot name=\"footer\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  emptyCellClass,\n  hoverableClass,\n  loadingRowCellClass,\n  stripedClass,\n  tableSizes,\n  type GrTableSize,\n} from './grTableStyles'\n\nexport interface GrTableProps {\n  /**\n   * Размер таблицы — базовый кегль текста. Паддинги ячеек оставлены за\n   * консьюмером (GrTable — «тонкий» контейнер).\n   */\n  size?: GrTableSize\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера. Включает `role=\"region\"`; сам скролл\n   * достижим с клавиатуры всегда, независимо от метки.\n   */\n  regionLabel?: string\n  /** Идёт загрузка: вместо строк — скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /** Сколько колонок занимает служебная строка (пустое состояние и скелетоны). */\n  columnCount?: number\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /** Таблица пуста. По умолчанию определяется по содержимому слота. */\n  empty?: boolean\n  /** Чередование строк. */\n  striped?: boolean\n  /** Подсветка строки под курсором. */\n  hoverable?: boolean\n  /**\n   * Прилипающий заголовок: `<thead>` остаётся видимым при вертикальном скролле.\n   * Осмысленно вместе с `maxHeight` (иначе таблица не скроллится вертикально).\n   */\n  stickyHeader?: boolean\n  /**\n   * Полное число строк набора, включая строки заголовка (`aria-rowcount`).\n   *\n   * Нужен, когда в DOM не весь набор — например, при виртуализации: диктор\n   * считает строки по разметке и объявил бы «5 из 20» на таблице в десять\n   * тысяч. Строки при этом обязаны нести `aria-rowindex`.\n   */\n  rowCount?: number\n  /**\n   * Фиксированная раскладка (`table-layout: fixed`): ширины колонок берутся из\n   * первой строки, а не из содержимого всех.\n   *\n   * Обязателен, если в DOM не весь набор: иначе ширины считаются по\n   * отрисованному окну и прыгают на каждой прокрутке.\n   *\n   * Класс — arbitrary-значение, а не `table-fixed`: такого правила в\n   * `presetMini` нет, и класс молча не превратился бы в CSS.\n   */\n  fixedLayout?: boolean\n  /**\n   * Минимальная ширина самой таблицы (число — пиксели).\n   *\n   * Нужна при `fixedLayout`: с фиксированной раскладкой и шириной `auto`\n   * браузер вписывает таблицу в контейнер и делит место между колонками\n   * пропорционально — то есть заданные ширины молча ужимаются, а\n   * горизонтальной прокрутки, на которой держатся закреплённые колонки, не\n   * возникает вовсе.\n   */\n  tableMinWidth?: string | number\n  /**\n   * Максимальная высота скролл-контейнера (включает вертикальный скролл).\n   * Число трактуется как пиксели. Нужен для работы `stickyHeader`.\n   */\n  maxHeight?: string | number\n}\n\n/**\n * `GrTable` — «тонкий» GR-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#header`,\n * default (tbody) и `#footer`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  size: undefined,\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  loading: false,\n  loadingRows: 3,\n  columnCount: 1,\n  emptyText: undefined,\n  empty: undefined,\n  striped: false,\n  hoverable: false,\n  stickyHeader: false,\n  maxHeight: undefined,\n  rowCount: undefined,\n  fixedLayout: false,\n  tableMinWidth: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTable' })\nconst tableTextClass = computed(() => tableSizes[resolvedSize.value])\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n\nconst { t } = useGranularityTranslations()\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.table.empty', 'Nothing here yet'))\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое строкой не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showRows = computed(() => !props.loading && !isEmpty.value)\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\nconst serviceColSpan = computed(() => Math.max(1, Math.trunc(props.columnCount)))\n\nconst tbodyClass = computed(() => [\n  'text-[var(--gr-fg)]',\n  props.striped && showRows.value ? stripedClass : '',\n  props.hoverable && showRows.value ? hoverableClass : '',\n].filter(Boolean).join(' '))\n\nconst scrollStyle = computed(() => {\n  // Неполный набор в DOM (`rowCount`) означает виртуализацию, а с ней обязан\n  // быть выключен браузерный scroll anchoring: он подправляет `scrollTop`,\n  // когда меняется высота содержимого выше видимого узла, — а окно меняет её\n  // на каждом кадре прокрутки, и список уезжает.\n  const anchor = props.rowCount === undefined ? undefined : { overflowAnchor: 'none' as const }\n\n  if (props.maxHeight === undefined)\n    return anchor\n\n  const value = typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight\n  return { ...anchor, maxHeight: value, overflowY: 'auto' as const }\n})\n\n// Прилипающий заголовок: `<thead>` на `position: sticky`; фон обязателен, иначе\n// сквозь него будут просвечивать строки при скролле.\nconst theadClass = computed(() => [\n  'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]',\n  props.stickyHeader ? 'sticky top-0 z-[1]' : '',\n].filter(Boolean).join(' '))\n\nconst tableStyle = computed(() => {\n  if (props.tableMinWidth === undefined)\n    return undefined\n\n  const value = typeof props.tableMinWidth === 'number' ? `${props.tableMinWidth}px` : props.tableMinWidth\n\n  return { minWidth: value }\n})\n\nconst scrollEl = ref<HTMLElement | null>(null)\n\nfunction scrollTo(options: ScrollToOptions): void {\n  scrollEl.value?.scrollTo(options)\n}\n\n// Только верхний уровень собственного tbody: вложенная таблица в ячейке не\n// должна сдвигать индексацию строк.\nfunction contentRows(): HTMLElement[] {\n  if (!showRows.value)\n    return []\n  const el = scrollEl.value\n  if (!el)\n    return []\n  return Array.from(el.querySelectorAll<HTMLElement>(':scope > table > tbody > tr'))\n}\n\nfunction scrollToRow(index: number, options?: ScrollIntoViewOptions): boolean {\n  const row = contentRows()[index]\n  if (!row)\n    return false\n  row.scrollIntoView(options ?? { block: 'nearest' })\n  return true\n}\n\ndefineExpose({\n  /** Прокрутить скролл-контейнер таблицы — тот же контракт, что у `GrDataTable`. */\n  scrollTo,\n  /** Прокрутить к строке содержимого по её индексу в разметке. `false` — строки нет в DOM. */\n  scrollToRow,\n})\n\ndefineSlots<{\n  /** Строки таблицы, когда разметка пишется руками вместо `data`. */\n  default?: () => any\n  /** Подпись таблицы — `<caption>`, читается диктором первой. */\n  caption?: () => any\n  /** Шапка вместо построенной по `columns`. */\n  header?: () => any\n  /** Содержимое, пока едут данные, — вместо строк-заглушек. */\n  loading?: () => any\n  /** Пустое состояние вместо текста по умолчанию. */\n  empty?: () => any\n  /** Итоговая строка под таблицей. */\n  footer?: () => any\n}>()\n\n/**\n * `relative` на скроллере — не для потомков с координатами, а чтобы он стал\n * containing block. Без него абсолютные потомки (`sr-only`-подсказка у кнопки\n * сортировки — единственный такой в самой таблице, но разметка ячеек чужая)\n * считают позицию от документа и выпадают из прокрутки наружу: на узком экране\n * широкая таблица начинает тащить вбок всю страницу, а не только себя.\n *\n * Живёт здесь, а не над `<div>`: комментарий в корне `<template>` делает\n * компонент фрагментом, и `$el` у потребителя становится Comment-нодой —\n * `GrDataTable` падает на `root.matches` ещё до первого рендера.\n */\n</script>\n\n<template>\n  <div\n    ref=\"scrollEl\"\n    data-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :aria-busy=\"loading ? 'true' : undefined\"\n    tabindex=\"0\"\n    class=\"relative overflow-x-auto rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n    :style=\"scrollStyle\"\n  >\n    <table\n      data-gr-table\n      class=\"min-w-full\" :class=\"[tableTextClass, fixedLayout ? '[table-layout:fixed]' : '']\"\n      :style=\"tableStyle\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n      :aria-rowcount=\"rowCount\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead :class=\"theadClass\">\n        <slot name=\"header\" />\n      </thead>\n      <tbody :class=\"tbodyClass\">\n        <template v-if=\"loading\">\n          <slot name=\"loading\">\n            <tr v-for=\"row in loadingRowCount\" :key=\"row\" data-gr-table-loading-row>\n              <td :colspan=\"serviceColSpan\" :class=\"loadingRowCellClass\">\n                <GrSkeleton />\n              </td>\n            </tr>\n          </slot>\n        </template>\n\n        <tr v-else-if=\"isEmpty\" data-gr-table-empty>\n          <td :colspan=\"serviceColSpan\" :class=\"emptyCellClass\">\n            <slot name=\"empty\">\n              {{ resolvedEmptyText }}\n            </slot>\n          </td>\n        </tr>\n\n        <slot v-else />\n      </tbody>\n      <tfoot v-if=\"slots.footer\" class=\"text-[var(--gr-fg)]\">\n        <slot name=\"footer\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGA,MAAM,QAAQ;EAoBd,MAAM,QAAQ,SAAS;EAEvB,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,UAAU,CAAC;EAClF,MAAM,iBAAiB,eAAe,WAAW,aAAa,MAAM;EACpE,MAAM,aAAa,eAAe,QAAQ,MAAM,OAAO,KAAK,QAAQ,MAAM,OAAO,CAAC;EAElF,MAAM,EAAE,MAAM,2BAA2B;EACzC,MAAM,oBAAoB,eAAe,MAAM,aAAa,EAAE,kBAAkB,kBAAkB,CAAC;EAInG,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,UAAU,KAAA,GAClB,OAAO,MAAM;GAEf,OAAO,CAAC,yBAAyB,MAAM,UAAU,KAAK,CAAC,CAAC;EAC1D,CAAC;EAED,MAAM,WAAW,eAAe,CAAC,MAAM,WAAW,CAAC,QAAQ,KAAK;EAChE,MAAM,kBAAkB,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,WAAW,CAAC,CAAC;EACjF,MAAM,iBAAiB,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,WAAW,CAAC,CAAC;EAEhF,MAAM,aAAa,eAAe;GAChC;GACA,MAAM,WAAW,SAAS,QAAQ,eAAe;GACjD,MAAM,aAAa,SAAS,QAAQ,iBAAiB;EACvD,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;EAE3B,MAAM,cAAc,eAAe;GAKjC,MAAM,SAAS,MAAM,aAAa,KAAA,IAAY,KAAA,IAAY,EAAE,gBAAgB,OAAgB;GAE5F,IAAI,MAAM,cAAc,KAAA,GACtB,OAAO;GAET,MAAM,QAAQ,OAAO,MAAM,cAAc,WAAW,GAAG,MAAM,UAAU,MAAM,MAAM;GACnF,OAAO;IAAE,GAAG;IAAQ,WAAW;IAAO,WAAW;GAAgB;EACnE,CAAC;EAID,MAAM,aAAa,eAAe,CAChC,kDACA,MAAM,eAAe,uBAAuB,EAC9C,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;EAE3B,MAAM,aAAa,eAAe;GAChC,IAAI,MAAM,kBAAkB,KAAA,GAC1B,OAAO,KAAA;GAIT,OAAO,EAAE,UAFK,OAAO,MAAM,kBAAkB,WAAW,GAAG,MAAM,cAAc,MAAM,MAAM,cAElE;EAC3B,CAAC;EAED,MAAM,WAAW,IAAwB,IAAI;EAE7C,SAAS,SAAS,SAAgC;GAChD,SAAS,OAAO,SAAS,OAAO;EAClC;EAIA,SAAS,cAA6B;GACpC,IAAI,CAAC,SAAS,OACZ,OAAO,CAAC;GACV,MAAM,KAAK,SAAS;GACpB,IAAI,CAAC,IACH,OAAO,CAAC;GACV,OAAO,MAAM,KAAK,GAAG,iBAA8B,6BAA6B,CAAC;EACnF;EAEA,SAAS,YAAY,OAAe,SAA0C;GAC5E,MAAM,MAAM,YAAY,CAAC,CAAC;GAC1B,IAAI,CAAC,KACH,OAAO;GACT,IAAI,eAAe,WAAW,EAAE,OAAO,UAAU,CAAC;GAClD,OAAO;EACT;EAEA,SAAa;;GAEX;;GAEA;EACF,CAAC;;;;;;;;;;;;;GA+BC,OAAA,UAAA,GAAA,mBAmDM,OAAA;IAlDA,SAAA;IAAJ,KAAI;IACJ,wBAAA;IACC,MAAM,QAAA,cAAW,WAAc,KAAA;IAC/B,cAAY,QAAA;IACZ,aAAW,QAAA,UAAO,SAAY,KAAA;IAC/B,UAAS;IACT,OAAM;IACL,OAAK,eAAE,YAAA,KAAW;GAEnB,GAAA,CAAA,mBAwCQ,SAAA;IAvCN,iBAAA;IACA,OAAK,eAAA,CAAC,cAAY,CAAU,eAAA,OAAgB,QAAA,cAAW,yBAAA,EAAA,CAAA,CAAA;IACtD,OAAK,eAAE,WAAA,KAAU;IACjB,cAAY,QAAA,iBAAiB,KAAA,IAAY,QAAA;IACzC,mBAAiB,QAAA;IACjB,iBAAe,QAAA;;IAED,WAAA,SAAf,UAAA,GAAA,mBAIU,WAJV,YAIU,CAHR,WAED,KAAA,QAAA,WAAA,CAAA,SAAA,CADJ,gBAAA,gBAAA,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAGJ,mBAEQ,SAAA,EAFA,OAAK,eAAE,WAAA,KAAU,EAAA,GAAA,CACvB,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA;IAExB,mBAoBQ,SAAA,EApBA,OAAK,eAAE,WAAA,KAAU,EAAA,GAAA,CACP,QAAA,UACd,WAMO,KAAA,QAAA,WAAA,CAAA,SAAA,EALL,UAAA,IAAA,GAAA,mBAIK,UAAA,MAAA,WAJa,gBAAA,QAAP,QAAG;KAAd,OAAA,UAAA,GAAA,mBAIK,MAAA;MAJ+B,KAAK;MAAK,6BAAA;KAC5C,GAAA,CAAA,mBAEK,MAAA;MAFA,SAAS,eAAA;MAAiB,OAAK,eAAE,MAAA,mBAAA,CAAmB;KACvD,GAAA,CAAA,YAAc,kBAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA;IAMP,CAAA,GAAA,GAAA,EAAA,GAAA,KAAA,GAAA,CAAA,IAAA,QAAA,SAAf,UAAA,GAAA,mBAMK,MANL,YAMK,CALH,mBAIK,MAAA;KAJA,SAAS,eAAA;KAAiB,OAAK,eAAE,MAAA,cAAA,CAAc;IAClD,GAAA,CAAA,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CADF,gBAAA,gBAAA,kBAAA,KAAiB,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA,KAK1B,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA;IAEJ,MAAA,KAAA,CAAK,CAAC,UAAnB,UAAA,GAAA,mBAEQ,SAFR,YAEQ,CADN,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrTable/index.js

@@ -1,3 +1,3 @@
-import { t as GrTable_default } from "./chunks/GrTable-iwzHvlMC.js";
-import { n as grTableSafelist, t as grTableConfig } from "../../chunks/config-DCq4JySZ.js";
+import { t as GrTable_default } from "./chunks/GrTable-CKJ-HrsN.js";
+import { n as grTableSafelist, t as grTableConfig } from "../../chunks/config-D3HOuHDe.js";
 export { GrTable_default as GrTable, GrTable_default as default, grTableConfig, grTableSafelist };

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-AKukmYva.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-AKukmYva.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-DIFzSXSZ.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-DIFzSXSZ.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-dWEXiCJG.js";
-import { c as initialsFrom, n as grAvatarSafelist, t as grAvatarConfig } from "./chunks/config-B3J0alyY.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 { 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-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";
@@ -83,10 +83,10 @@ import "./components/GrConfirmDialog/index.js";
 import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, o as GrDropdownMenuGroup_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuList_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenuList-B33ZzwfB.js";
 import { t as GrContextMenu_default } from "./components/GrContextMenu/chunks/GrContextMenu-RpxMHQXH.js";
 import { t as grContextMenuConfig } from "./chunks/config-CsCUuukB.js";
-import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-iwzHvlMC.js";
-import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-Dp9Fp_P5.js";
+import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-CKJ-HrsN.js";
+import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-DQxYYgQk.js";
 import { useDragSort } from "./composables/useDragSort.js";
-import { n as grDataTableSafelist, t as grDataTableConfig } from "./chunks/config-DeyT9dJl.js";
+import { n as grDataTableSafelist, t as grDataTableConfig } from "./chunks/config-Bs1HwUcx.js";
 import { t as GrDelta_default } from "./components/GrDelta/chunks/GrDelta-CgTvfoIN.js";
 import { n as grValueSafelist, t as grValueConfig } from "./chunks/config-Z5LeUXys.js";
 import { t as GrValue_default } from "./components/GrValue/chunks/GrValue-ezkQM05Q.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,9 +192,9 @@ 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 grTableSafelist, t as grTableConfig } from "./chunks/config-DCq4JySZ.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";
 import { t as grTabPanelsConfig } from "./chunks/config-eXB87DOi.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-CQ4h6Ieq.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-CQ4h6Ieq.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 };