@feugene/granularity 0.23.0 → 0.24.1

package/dist/components/GrStatistic/index.js

@@ -1,3 +1,3 @@
-import { n as formatStatisticValue, t as GrStatistic_default } from "./chunks/GrStatistic-C7wQECeS.js";
-import { n as grStatisticSafelist, t as grStatisticConfig } from "../../chunks/config-Be9k9bOf.js";
+import { n as formatStatisticValue, t as GrStatistic_default } from "./chunks/GrStatistic-BJQv5aOS.js";
+import { n as grStatisticSafelist, t as grStatisticConfig } from "../../chunks/config-C8tVRv8i.js";
 export { GrStatistic_default as GrStatistic, GrStatistic_default as default, formatStatisticValue, grStatisticConfig, grStatisticSafelist };

package/dist/components/GrSwitch/chunks/{GrSwitch-x_vQQ6ao.js → GrSwitch-CHiIj9GT.js}

@@ -3,7 +3,7 @@ import { n as useGranularityTranslations } from "../../../chunks/granularityI18n
 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-BoNR7_PD2.js";
+import { a as grSwitchSpinnerClass, i as grSwitchRootClass, o as grSwitchThumbClass, r as grSwitchLabelClass, s as grSwitchTrackClass } from "../../../chunks/config-BoNR7_PD.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref } from "vue";
 //#region src/components/GrSwitch/GrSwitch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/dist/components/GrSwitch/chunks/{GrSwitch-x_vQQ6ao.js.map → GrSwitch-CHiIj9GT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrSwitch-x_vQQ6ao.js","names":["$attrs","$slots"],"sources":["../../../../src/components/GrSwitch/GrSwitch.vue","../../../../src/components/GrSwitch/GrSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchRootClass,\n  grSwitchSpinnerClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchLabelPosition,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type { GrSwitchLabelPosition, GrSwitchSize } from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\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\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      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    },\n)\n\n// Контекст `GrFormField`: id для `<label for>`, описание ошибкой, невалидность.\n// `<button>` — labelable-элемент, поэтому клик по подписи фокусирует переключатель.\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>()\ndefineSlots<{\n  /** Подпись переключателя. */\n  default?: () => any\n}>()\n\n\nconst rootClass = computed(() => grSwitchRootClass(props.labelPosition))\n\nconst trackClass = computed(() => grSwitchTrackClass(resolvedSize.value))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--gr-primary)' : 'var(--gr-muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  // Недоступность гасится токеном и перебивает кастомный цвет: иначе выключенный\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\nconst labelClass = computed(() => grSwitchLabelClass(resolvedSize.value, isDisabled.value))\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.switch.loading', 'Saving…'))\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          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    </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 } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchRootClass,\n  grSwitchSpinnerClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchLabelPosition,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type { GrSwitchLabelPosition, GrSwitchSize } from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\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\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      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    },\n)\n\n// Контекст `GrFormField`: id для `<label for>`, описание ошибкой, невалидность.\n// `<button>` — labelable-элемент, поэтому клик по подписи фокусирует переключатель.\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>()\ndefineSlots<{\n  /** Подпись переключателя. */\n  default?: () => any\n}>()\n\n\nconst rootClass = computed(() => grSwitchRootClass(props.labelPosition))\n\nconst trackClass = computed(() => grSwitchTrackClass(resolvedSize.value))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--gr-primary)' : 'var(--gr-muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  // Недоступность гасится токеном и перебивает кастомный цвет: иначе выключенный\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\nconst labelClass = computed(() => grSwitchLabelClass(resolvedSize.value, isDisabled.value))\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.switch.loading', 'Saving…'))\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          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    </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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"}
+{"version":3,"file":"GrSwitch-CHiIj9GT.js","names":["$attrs","$slots"],"sources":["../../../../src/components/GrSwitch/GrSwitch.vue","../../../../src/components/GrSwitch/GrSwitch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchRootClass,\n  grSwitchSpinnerClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchLabelPosition,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type { GrSwitchLabelPosition, GrSwitchSize } from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\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\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      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    },\n)\n\n// Контекст `GrFormField`: id для `<label for>`, описание ошибкой, невалидность.\n// `<button>` — labelable-элемент, поэтому клик по подписи фокусирует переключатель.\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>()\ndefineSlots<{\n  /** Подпись переключателя. */\n  default?: () => any\n}>()\n\n\nconst rootClass = computed(() => grSwitchRootClass(props.labelPosition))\n\nconst trackClass = computed(() => grSwitchTrackClass(resolvedSize.value))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--gr-primary)' : 'var(--gr-muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  // Недоступность гасится токеном и перебивает кастомный цвет: иначе выключенный\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\nconst labelClass = computed(() => grSwitchLabelClass(resolvedSize.value, isDisabled.value))\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.switch.loading', 'Saving…'))\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          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    </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 } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grSwitchLabelClass,\n  grSwitchRootClass,\n  grSwitchSpinnerClass,\n  grSwitchThumbClass,\n  grSwitchTrackClass,\n  type GrSwitchLabelPosition,\n  type GrSwitchSize,\n} from './grSwitchStyles'\n\nexport type { GrSwitchLabelPosition, GrSwitchSize } from './grSwitchStyles'\n\n/**\n * Пропсы публичного GR-примитива «Switch».\n */\nexport interface GrSwitchProps {\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\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      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    },\n)\n\n// Контекст `GrFormField`: id для `<label for>`, описание ошибкой, невалидность.\n// `<button>` — labelable-элемент, поэтому клик по подписи фокусирует переключатель.\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>()\ndefineSlots<{\n  /** Подпись переключателя. */\n  default?: () => any\n}>()\n\n\nconst rootClass = computed(() => grSwitchRootClass(props.labelPosition))\n\nconst trackClass = computed(() => grSwitchTrackClass(resolvedSize.value))\n\nconst trackStyle = computed(() => {\n  const isChecked = props.modelValue\n  const defaultBackgroundColor = isChecked ? 'var(--gr-primary)' : 'var(--gr-muted)'\n  const customBackgroundColor = getCustomColor(\n      isChecked ? props.activeBackgroundColor : props.inactiveBackgroundColor,\n  )\n  // Недоступность гасится токеном и перебивает кастомный цвет: иначе выключенный\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\nconst labelClass = computed(() => grSwitchLabelClass(resolvedSize.value, isDisabled.value))\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.switch.loading', 'Saving…'))\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          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    </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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,MAAM,kBAAkB,UAAmB,OAAO,KAAK,KAAK,KAAA;EAO5D,MAAM,QAAQ;EAsBd,MAAM,QAAQ,sBAAsB;EACpC,MAAM,UAAU,eAAe,OAAO,GAAG,KAAK;EAC9C,MAAM,cAAc,eAAe,OAAO,cAAc,KAAK;EAC7D,MAAM,EACJ,UAAU,YACV,SAAS,WACT,UAAU,YACV,UAAU,eACR,uBAAuB,KAAK;EAEhC,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,SAAS,IAA8B,IAAI;EAEjD,SAAS,QAAc;GACrB,OAAO,OAAO,MAAM;EACtB;EAEA,SAAS,OAAa;GACpB,OAAO,OAAO,KAAK;EACrB;EAEA,SAAa;GAAE;GAAO;EAAK,CAAC;EAG5B,MAAM,eAAe,yBAAyB,MAAM,MAAM;GACxD,WAAW;GACX,WAAW;IAAC;IAAM;IAAM;IAAM;GAAI;EACpC,CAAC;EAED,MAAM,OAAO;EAOb,MAAM,YAAY,eAAe,kBAAkB,MAAM,aAAa,CAAC;EAEvE,MAAM,aAAa,eAAe,mBAAmB,aAAa,KAAK,CAAC;EAExE,MAAM,aAAa,eAAe;GAChC,MAAM,YAAY,MAAM;GACxB,MAAM,yBAAyB,YAAY,sBAAsB;GACjE,MAAM,wBAAwB,eAC1B,YAAY,MAAM,wBAAwB,MAAM,uBACpD;GAGA,MAAM,kBAAkB,WAAW,QAC7B,0BACA,yBAAyB;GAE/B,OAAO;IACL,wBAAwB;IACxB,yBAAyB,WAAW,QAC9B,2BACA,wBACI,kBACA,YACI,sBACA;IACd,iBAAiB;GACnB;EACF,CAAC;EAED,MAAM,aAAa,eAAe,mBAAmB;GAAC,MAAM,aAAa;GAAO,SAAS,MAAM;EAAU,CAAC,CAAC;EAE3G,MAAM,eAAe,eAAe,qBAAqB,aAAa,KAAK,CAAC;EAE5E,MAAM,aAAa,eAAe,mBAAmB,aAAa,OAAO,WAAW,KAAK,CAAC;EAE1F,MAAM,sBAAsB,eAAe,MAAM,eAAe,EAAE,qBAAqB,SAAS,CAAC;EAIjG,MAAM,eAAe,eACX,MAAM,cAAc,CAAC,WAAW,SAAS,QAAQ,MAAM,IAAI,CACrE;EAEA,SAAS,SAAe;GACtB,IAAI,WAAW,SAAS,WAAW,SAAS,MAAM,SAChD;GAGF,MAAM,OAAO,CAAC,MAAM;GACpB,KAAK,qBAAqB,IAAI;GAC9B,KAAK,UAAU,IAAI;EACrB;;2DAKY,aAAA,SAAA,UAAA,GADV,mBAMC,SAAA;;IAJG,MAAK;IACJ,MAAM,QAAA;IACN,OAAO,QAAA;IACP,MAAM,QAAA;4DAGX,mBA2CS,UA3CT,WA2CS;IA1CJ,IAAI,QAAA;aACD;IAAJ,KAAI;MACIA,KAAAA,QAAM;IACd,MAAK;IACL,MAAK;IACL,kBAAA;IACC,gBAAc,QAAA,aAAU,SAAA;IACxB,cAAY,QAAA;IACZ,oBAAkB,YAAA;IAClB,gBAAc,MAAA,SAAA,IAAS,SAAY,KAAA;IACnC,iBAAe,MAAA,UAAA,IAAU,SAAY,KAAA;IACrC,iBAAe,MAAA,UAAA,IAAU,SAAY,KAAA;IACrC,aAAW,QAAA,UAAO,SAAY,KAAA;IAC9B,UAAU,MAAA,UAAA;IACV,OAAO,UAAA;IACP,SAAO;IACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,MAAM;IAC3B,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAS,MAAM;;IAE5B,mBAcO,QAAA;KAbH,eAAY;KACZ,wBAAA;KACC,OAAK,eAAE,WAAA,KAAU;KACjB,OAAK,eAAE,WAAA,KAAU;QAEpB,mBAOO,QAAA;KANH,eAAY;KACZ,wBAAA;KACC,OAAK,eAAE,WAAA,KAAU;KAClB,eAAY;QAEI,QAAA,WAAA,UAAA,GAAlB,YAA0E,MAAA,qBAAA,GAAA;;KAA/C,0BAAA;KAAwB,OAAK,eAAE,aAAA,KAAY;;IAIhEC,KAAAA,OAAO,WAAA,UAAA,GADjB,mBAMO,QAAA;;KAJH,wBAAA;KACC,OAAK,eAAE,WAAA,KAAU;QAEpB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEE,QAAA,WAAA,UAAA,GAAZ,mBAAiG,QAAjG,YAAiG,gBAA7B,oBAAA,KAAmB,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrSwitch/index.js

@@ -1,3 +1,3 @@
-import { n as grSwitchSafelist, t as grSwitchConfig } from "../../chunks/config-BoNR7_PD2.js";
-import { t as GrSwitch_default } from "./chunks/GrSwitch-x_vQQ6ao.js";
+import { n as grSwitchSafelist, t as grSwitchConfig } from "../../chunks/config-BoNR7_PD.js";
+import { t as GrSwitch_default } from "./chunks/GrSwitch-CHiIj9GT.js";
 export { GrSwitch_default as GrSwitch, GrSwitch_default as default, grSwitchConfig, grSwitchSafelist };

package/dist/components/GrValue/chunks/GrValue-CZsuZ4x-.js

@@ -0,0 +1,38 @@
+import { a as valueSuffixClass, i as valueRootClass, r as valuePrefixClass } from "../../../chunks/config-BFJIxE8b.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+//#region src/components/GrValue/GrValue.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { "data-gr-value-number": "" };
+//#endregion
+//#region src/components/GrValue/GrValue.vue
+var GrValue_default = /* @__PURE__ */ defineComponent({
+	__name: "GrValue",
+	props: {
+		value: {},
+		prefix: {},
+		suffix: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				"data-gr-value": "",
+				class: normalizeClass(unref(valueRootClass))
+			}, [
+				renderSlot(_ctx.$slots, "lead"),
+				__props.prefix || _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					"data-gr-value-prefix": "",
+					class: normalizeClass(unref(valuePrefixClass))
+				}, [renderSlot(_ctx.$slots, "prefix", {}, () => [createTextVNode(toDisplayString(__props.prefix), 1)])], 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.value), 1)])]),
+				renderSlot(_ctx.$slots, "trail"),
+				__props.suffix || _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					"data-gr-value-suffix": "",
+					class: normalizeClass(unref(valueSuffixClass))
+				}, [renderSlot(_ctx.$slots, "suffix", {}, () => [createTextVNode(toDisplayString(__props.suffix), 1)])], 2)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { GrValue_default as t };

package/dist/components/GrValue/chunks/GrValue-CZsuZ4x-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrValue-CZsuZ4x-.js","names":["$slots"],"sources":["../../../../src/components/GrValue/GrValue.vue","../../../../src/components/GrValue/GrValue.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { valuePrefixClass, valueRootClass, valueSuffixClass } from './grValueStyles'\n\n/**\n * Величина с приписками: префикс, значение, суффикс — и ничего больше.\n *\n * Примитив, на котором стоят `GrDelta` (величина со знаком и тоном) и\n * `GrStatistic` (величина плиткой с подписью). Сам он не форматирует число, не\n * знает про тон и не имеет своей шкалы размеров: значение приходит готовым, а\n * кегль и цвет наследуются от места, где величина стоит.\n *\n * Чем является приписка — валютой, единицей измерения или пометкой — компонент\n * не решает: оформление обеих задаётся токенами `--gr-value-*`.\n */\nexport interface GrValueProps {\n  /** Готовое к показу значение. Не форматируется: «2 ч 15 мин» и «—» тоже величины. */\n  value?: string | number | null\n  /** Приписка перед значением: валюта, знак приближения. */\n  prefix?: string\n  /** Приписка после значения: единица измерения, валюта справа. */\n  suffix?: string\n}\n\ndefineProps<GrValueProps>()\n\ndefineSlots<{\n  /** Значение вместо пропа. */\n  default?: () => unknown\n  /** Приписка перед значением. */\n  prefix?: () => unknown\n  /** Приписка после значения. */\n  suffix?: () => unknown\n  /**\n   * Перед префиксом: знак величины у `GrDelta`, стрелка направления.\n   * Слотом, а не пропом, — разметка там принадлежит потребителю.\n   */\n  lead?: () => unknown\n  /** После значения: скрытый узел для диктора у `GrStatistic`. */\n  trail?: () => unknown\n}>()\n</script>\n\n<template>\n  <span data-gr-value :class=\"valueRootClass\">\n    <slot name=\"lead\" />\n\n    <span v-if=\"prefix || $slots.prefix\" data-gr-value-prefix :class=\"valuePrefixClass\">\n      <slot name=\"prefix\">{{ prefix }}</slot>\n    </span>\n\n    <span data-gr-value-number>\n      <slot>{{ value }}</slot>\n    </span>\n\n    <slot name=\"trail\" />\n\n    <span v-if=\"suffix || $slots.suffix\" data-gr-value-suffix :class=\"valueSuffixClass\">\n      <slot name=\"suffix\">{{ suffix }}</slot>\n    </span>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { valuePrefixClass, valueRootClass, valueSuffixClass } from './grValueStyles'\n\n/**\n * Величина с приписками: префикс, значение, суффикс — и ничего больше.\n *\n * Примитив, на котором стоят `GrDelta` (величина со знаком и тоном) и\n * `GrStatistic` (величина плиткой с подписью). Сам он не форматирует число, не\n * знает про тон и не имеет своей шкалы размеров: значение приходит готовым, а\n * кегль и цвет наследуются от места, где величина стоит.\n *\n * Чем является приписка — валютой, единицей измерения или пометкой — компонент\n * не решает: оформление обеих задаётся токенами `--gr-value-*`.\n */\nexport interface GrValueProps {\n  /** Готовое к показу значение. Не форматируется: «2 ч 15 мин» и «—» тоже величины. */\n  value?: string | number | null\n  /** Приписка перед значением: валюта, знак приближения. */\n  prefix?: string\n  /** Приписка после значения: единица измерения, валюта справа. */\n  suffix?: string\n}\n\ndefineProps<GrValueProps>()\n\ndefineSlots<{\n  /** Значение вместо пропа. */\n  default?: () => unknown\n  /** Приписка перед значением. */\n  prefix?: () => unknown\n  /** Приписка после значения. */\n  suffix?: () => unknown\n  /**\n   * Перед префиксом: знак величины у `GrDelta`, стрелка направления.\n   * Слотом, а не пропом, — разметка там принадлежит потребителю.\n   */\n  lead?: () => unknown\n  /** После значения: скрытый узел для диктора у `GrStatistic`. */\n  trail?: () => unknown\n}>()\n</script>\n\n<template>\n  <span data-gr-value :class=\"valueRootClass\">\n    <slot name=\"lead\" />\n\n    <span v-if=\"prefix || $slots.prefix\" data-gr-value-prefix :class=\"valuePrefixClass\">\n      <slot name=\"prefix\">{{ prefix }}</slot>\n    </span>\n\n    <span data-gr-value-number>\n      <slot>{{ value }}</slot>\n    </span>\n\n    <slot name=\"trail\" />\n\n    <span v-if=\"suffix || $slots.suffix\" data-gr-value-suffix :class=\"valueSuffixClass\">\n      <slot name=\"suffix\">{{ suffix }}</slot>\n    </span>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;uBA2CE,mBAgBO,QAAA;IAhBD,iBAAA;IAAe,OAAK,eAAE,MAAA,cAAA,CAAc;;IACxC,WAAoB,KAAA,QAAA,MAAA;IAER,QAAA,UAAUA,KAAAA,OAAO,UAAA,UAAA,GAA7B,mBAEO,QAAA;;KAF8B,wBAAA;KAAsB,OAAK,eAAE,MAAA,gBAAA,CAAgB;QAChF,WAAuC,KAAA,QAAA,UAAA,CAAA,SAAA,CAAA,gBAAA,gBAAhB,QAAA,MAAM,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAG/B,mBAEO,QAFP,YAEO,CADL,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;IAGhB,WAAqB,KAAA,QAAA,OAAA;IAET,QAAA,UAAUA,KAAAA,OAAO,UAAA,UAAA,GAA7B,mBAEO,QAAA;;KAF8B,wBAAA;KAAsB,OAAK,eAAE,MAAA,gBAAA,CAAgB;QAChF,WAAuC,KAAA,QAAA,UAAA,CAAA,SAAA,CAAA,gBAAA,gBAAhB,QAAA,MAAM,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrValue/index.js

@@ -0,0 +1,3 @@
+import { n as grValueSafelist, t as grValueConfig } from "../../chunks/config-BFJIxE8b.js";
+import { t as GrValue_default } from "./chunks/GrValue-CZsuZ4x-.js";
+export { GrValue_default as GrValue, GrValue_default as default, grValueConfig, grValueSafelist };

package/dist/directives/loading.js

@@ -1,6 +1,6 @@
 import { t as ensurePortalRoot } from "../chunks/portalRoot-CVhCgdG6.js";
 import { n as markInert, t as inertableOutside } from "../chunks/inert-DIHCCn_1.js";
-import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-C3DZSSuh.js";
+import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-DeBFTvFX.js";
 import { createVNode, render } from "vue";
 //#region src/directives/loading.ts
 function isHTMLElement(value) {

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-CQKhl5C_.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-Dr2PKgl1.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-CQKhl5C_.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-Dr2PKgl1.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/index.js

@@ -11,7 +11,7 @@ import { p as FileValidationError } from "./chunks/fileValidation-D5TFBhbv.js";
 import { vDropzone } from "./directives/dropzone.js";
 import { vHotkey } from "./directives/hotkey.js";
 import { t as GrIcon_default } from "./components/GrIcon/chunks/GrIcon-bQwtZtYT.js";
-import { t as GrLoading_default } from "./components/GrLoading/chunks/GrLoading-C3DZSSuh.js";
+import { t as GrLoading_default } from "./components/GrLoading/chunks/GrLoading-DeBFTvFX.js";
 import { createLoading, vLoading } from "./directives/loading.js";
 import { useFloating } from "./composables/useFloating.js";
 import { useOverlayLayer } from "./composables/useOverlayLayer.js";
@@ -42,8 +42,8 @@ import { t as grButtonConfig } from "./chunks/config-B84z1aos.js";
 import { t as GrButtonGroup_default } from "./components/GrButtonGroup/chunks/GrButtonGroup-CKyiAV8K.js";
 import { t as grButtonGroupConfig } from "./chunks/config-DBmdgoVf.js";
 import "./components/GrButtonGroup/index.js";
-import { n as grCardSafelist, t as grCardConfig } from "./chunks/config-Bm_Sovla.js";
-import { t as GrCard_default } from "./components/GrCard/chunks/GrCard-Bc7nRfbe.js";
+import { n as grCardSafelist, t as grCardConfig } from "./chunks/config-DYgfMrIF.js";
+import { t as GrCard_default } from "./components/GrCard/chunks/GrCard-gI2wA8ZZ.js";
 import { t as GrCheckbox_default } from "./components/GrCheckbox/chunks/GrCheckbox-CEcHIsXM.js";
 import { n as grCheckboxSafelist, t as grCheckboxConfig } from "./chunks/config-esdviAPL.js";
 import "./components/GrCheckbox/index.js";
@@ -53,7 +53,7 @@ import { useAnnouncer } from "./composables/useAnnouncer.js";
 import { t as GrCodeBlock_default } from "./components/GrCodeBlock/chunks/GrCodeBlock-BmXCLgLS.js";
 import { n as grCodeBlockSafelist, t as grCodeBlockConfig } from "./chunks/config-B_qi4Fma.js";
 import { n as grCollapseSafelist, t as grCollapseConfig } from "./chunks/config-DU2DNSRx.js";
-import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-C1rCfbc0.js";
+import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-DIHEiTju.js";
 import { n as grIconSafelist, t as grIconConfig } from "./chunks/config-Cp0DE0GH.js";
 import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-Bb_pxqpT.js";
 import { useFocusTrap } from "./composables/useFocusTrap.js";
@@ -78,11 +78,13 @@ import { t as useDragSort } from "./chunks/useDragSort-0l47h4yb.js";
 import { useRovingFocus } from "./composables/useRovingFocus.js";
 import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-B5MmZFUg.js";
 import { n as grDataTableSafelist, t as grDataTableConfig } from "./chunks/config-BC8d_smz.js";
-import { t as GrDelta_default } from "./components/GrDelta/chunks/GrDelta-DFvxNpmN.js";
+import { t as GrDelta_default } from "./components/GrDelta/chunks/GrDelta-NE5HhXoo.js";
+import { n as grValueSafelist, t as grValueConfig } from "./chunks/config-BFJIxE8b.js";
+import { t as GrValue_default } from "./components/GrValue/chunks/GrValue-CZsuZ4x-.js";
 import { n as deltaTone, t as deltaDirection } from "./chunks/deltaTone-B5OoS1vo.js";
-import { n as grDeltaSafelist, t as grDeltaConfig } from "./chunks/config-DBQQT-WP.js";
-import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "./chunks/config-DCwQBMmJ.js";
-import { t as GrDescriptionList_default } from "./components/GrDescriptionList/chunks/GrDescriptionList-2zFXzX83.js";
+import { n as grDeltaSafelist, t as grDeltaConfig } from "./chunks/config-BIa3ilQm.js";
+import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "./chunks/config-rkcKArZQ2.js";
+import { t as GrDescriptionList_default } from "./components/GrDescriptionList/chunks/GrDescriptionList-C6Pxjjbh.js";
 import { t as grDialogSafelist } from "./chunks/safelist-CkF4v7DC.js";
 import "./components/GrDialog/index.js";
 import { n as useGrFormContext } from "./chunks/context-Bfrgsluh.js";
@@ -97,12 +99,12 @@ import { t as GrDivider_default } from "./components/GrDivider/chunks/GrDivider-
 import { n as grDrawerSafelist, t as grDrawerConfig } from "./chunks/config-D94Z9po5.js";
 import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-C3zAg2tG.js";
 import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-BSfFOcDx.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-BViooYNv.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-BViooYNv2.js";
 import "./components/GrDropdown/index.js";
 import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "./chunks/config-C5mO5DYZ.js";
 import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, i as GrDropdownMenuList_default, n as GrDropdownMenuColumn_default, o as GrDropdownMenuGroup_default, r as GrDropdownMenu_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-DyS6dWDp.js";
-import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-CS9do8eM.js";
-import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "./chunks/config-vSji8w90.js";
+import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-BGUX8O0U.js";
+import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "./chunks/config-vSji8w902.js";
 import { n as fileKindOf, r as isPreviewableKind, t as GrFilePreview_default } from "./components/GrFilePreview/chunks/GrFilePreview-D0Bt-0nn.js";
 import { n as grFilePreviewSafelist, t as grFilePreviewConfig } from "./chunks/config-QJ54_fcM.js";
 import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-hszUOC8f.js";
@@ -130,7 +132,7 @@ import "./components/GrKbd/index.js";
 import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-Cl4ST6Qd.js";
 import "./components/GrLink/index.js";
 import { n as grListSafelist, t as grListConfig } from "./chunks/config-CKULiuvc.js";
-import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-BRYhpqIe.js";
+import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-DAtzVIHh.js";
 import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-CjnbevbD.js";
 import "./components/GrLoading/index.js";
 import { n as grModalSafelist, t as grModalConfig } from "./chunks/config-BtXRpAtq.js";
@@ -142,7 +144,7 @@ import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/Gr
 import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-CaGuyvtb.js";
 import { n as grPaginationSafelist, t as grPaginationConfig } from "./chunks/config-DSJY6aEl.js";
 import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-GtGtSMJG.js";
-import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-BSyiFlbi.js";
+import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-BSyiFlbi2.js";
 import "./components/GrPopover/index.js";
 import { n as grProgressBarSafelist, r as GR_TONES, t as grProgressBarConfig } from "./chunks/config-CQzGyi1C.js";
 import "./components/GrProgressBar/index.js";
@@ -158,8 +160,8 @@ import { t as grRadioGroupConfig } from "./chunks/config-QaIc_gRa.js";
 import { n as grRatingSafelist, t as grRatingConfig } from "./chunks/config-Baj7Wvx-.js";
 import { t as GrRating_default } from "./components/GrRating/chunks/GrRating-BSEtaibx.js";
 import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CgfAwlg3.js";
+import { n as titleWhenTruncated, t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-DKpo3cnC.js";
 import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-BEVBsvni2.js";
-import { t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-D1mjxF_O.js";
 import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-Cwd3yjRw.js";
 import "./components/GrSelect/index.js";
 import { n as grSidebarSafelist, t as grSidebarConfig } from "./chunks/config-BfsBepkH2.js";
@@ -169,13 +171,13 @@ import "./components/GrSkeleton/index.js";
 import { n as grSliderSafelist, t as grSliderConfig } from "./chunks/config-T3qdQBgU2.js";
 import "./components/GrSlider/index.js";
 import { n as grSortableListSafelist, t as grSortableListConfig } from "./chunks/config-DAX8Deh12.js";
-import { t as GrSortableList_default } from "./components/GrSortableList/chunks/GrSortableList-DPjxilmN.js";
+import { t as GrSortableList_default } from "./components/GrSortableList/chunks/GrSortableList-BmcUVAMb.js";
 import { n as grSplitterSafelist, t as grSplitterConfig } from "./chunks/config-BE6n20np.js";
 import { n as sizeFromPointer, t as GrSplitter_default } from "./components/GrSplitter/chunks/GrSplitter-B9_JrT7q.js";
-import { n as formatStatisticValue, t as GrStatistic_default } from "./components/GrStatistic/chunks/GrStatistic-C7wQECeS.js";
-import { n as grStatisticSafelist, t as grStatisticConfig } from "./chunks/config-Be9k9bOf.js";
-import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-BoNR7_PD2.js";
-import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-x_vQQ6ao.js";
+import { n as formatStatisticValue, t as GrStatistic_default } from "./components/GrStatistic/chunks/GrStatistic-BJQv5aOS.js";
+import { n as grStatisticSafelist, t as grStatisticConfig } from "./chunks/config-C8tVRv8i.js";
+import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-BoNR7_PD.js";
+import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-CHiIj9GT.js";
 import { n as grTableSafelist, t as grTableConfig } from "./chunks/config-WTNhdh6T.js";
 import "./components/GrTable/index.js";
 import { n as GrTabPanels_default, t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-AJt1w1XC.js";
@@ -197,4 +199,4 @@ import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTr
 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, 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, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrCodeBlock_default as GrCodeBlock, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, 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, 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, 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, GrTree_default as GrTree, GrTreeSelect_default as GrTreeSelect, GrUploadAbortError, GrUploadErrorBanner_default as GrUploadErrorBanner, GrUploadHttpError, coreResponseErrorParsers, createGrFormMessageResolver, createLoading, createResponseErrorClassifier, deltaDirection, deltaTone, dialogService, extendDefaultParsers, fileKindOf, findKbdToken, formatBadgeValue, formatStatisticValue, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grCodeBlockConfig, grCodeBlockSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, 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, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTreeConfig, grTreeSafelist, grTreeSelectConfig, grTreeSelectSafelist, granularityDialogServicePlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, isPreviewableKind, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, sizeFromPointer, teardownDialogService, useAnnouncer, useComboboxNavigation, useDialogService, useDismissible, useDragGesture, useDragSort, useFloating, useFocusTrap, useGrButtonGroup, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrFormContext, useGrFormControl, useGrFormFieldContext, useGrThemeAttrs, useGranularityTranslations, useOverlayLayer, usePortalTarget, useResponseError, useRovingFocus, useTheme, useToast, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };
+export { FileValidationError, GRANULARITY_THEME_STATE, GRANULARITY_TOAST_STATE, GR_KBD_TOKENS, GR_TONES, 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, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrCodeBlock_default as GrCodeBlock, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, 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, 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, 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, GrTree_default as GrTree, 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, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grCodeBlockConfig, grCodeBlockSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, 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, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTreeConfig, grTreeSafelist, grTreeSelectConfig, grTreeSelectSafelist, grValueConfig, grValueSafelist, granularityDialogServicePlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, isPreviewableKind, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, 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, useTheme, useToast, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };

package/dist/styles/themes/dark.css

@@ -62,28 +62,28 @@
 
   /* Status roles */
   --gr-success: #34d399;
-  --gr-success-light: #064e3b;
+  --gr-success-light: #194536;
   --gr-success-fg: #0f172a;
   --gr-primary-text: #c7d2fe;
   --gr-success-text: #6ee7b7;
   --gr-warning: #fb923c;
-  --gr-warning-light: #7c2d12;
+  --gr-warning-light: #672e1c;
   --gr-warning-fg: #0f172a;
   --gr-warning-text: #fdba74;
   --gr-danger: #f87171;
-  --gr-danger-light: #7f1d1d;
+  --gr-danger-light: #6a2522;
   --gr-danger-fg: #0f172a;
   --gr-danger-text: #fca5a5;
   --gr-info: #60a5fa;
-  --gr-info-light: #1e3a8a;
+  --gr-info-light: #213771;
   --gr-info-fg: #0f172a;
   --gr-info-text: #bfdbfe;
   --gr-slate: #94a3b8;
-  --gr-slate-light: #334155;
+  --gr-slate-light: #313b4a;
   --gr-slate-fg: #0f172a;
   --gr-slate-text: #cbd5e1;
   --gr-azure: #38bdf8;
-  --gr-azure-light: #0c4a6e;
+  --gr-azure-light: #1b425c;
   --gr-azure-fg: #0f172a;
   --gr-azure-text: #bae6fd;
 
@@ -149,6 +149,11 @@
   --gr-sidebar-accent-fg: #f1f5f9;
   --gr-sidebar-brd: #334155;
   --gr-sidebar-ring: #818cf8;
+
+  /* Elevation */
+  --gr-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.45);
+  --gr-shadow-2: 0 8px 24px rgba(0, 0, 0, 0.55);
+  --gr-shadow-3: 0 16px 48px rgba(0, 0, 0, 0.65);
 }
 
 @supports not (color: color-mix(in srgb, #000 50%, #fff)) {

package/dist/styles/themes/light.css

@@ -165,6 +165,11 @@
   --gr-sidebar-accent-fg: #1e293b;
   --gr-sidebar-brd: #e2e8f0;
   --gr-sidebar-ring: #6366f1;
+
+  /* Elevation */
+  --gr-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.08);
+  --gr-shadow-2: 0 8px 24px rgba(15, 23, 42, 0.14);
+  --gr-shadow-3: 0 16px 48px rgba(15, 23, 42, 0.20);
 }
 
 @supports not (color: color-mix(in srgb, #000 50%, #fff)) {

package/dist/theme.js

@@ -1,4 +1,4 @@
-import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-CiCrGDQO.js";
+import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-1WEi10KK.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-CiCrGDQO.js";
+import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-1WEi10KK.js";
 export { grComponentTokens, grDerivedTokens, grFoundationTokens, grThemeNames, grThemeTokens };

package/dist/types/components/GrCard/grCardStyles.d.ts

@@ -12,6 +12,17 @@ export declare const variantClass: Record<GrCardVariant, string>;
 export declare const paddingClass: Record<GrCardPadding, string>;
 export declare const sectionDividerTopClass = "border-t border-[var(--gr-brd)]";
 export declare const sectionDividerBottomClass = "border-b border-[var(--gr-brd)]";
+/**
+ * Отступ шапки, которую карточка рисует сама из `title`.
+ *
+ * Не берётся из `padding`: тот описывает **содержимое**, и дефолт `none` у него
+ * осмыслен — на `GrCard` стоят `GrCollapse` и `GrList`, а карточка с таблицей
+ * хочет её край в край. Заголовок же принадлежит самой карточке, и прижатым к
+ * рамке вместе с разделителем он выглядеть не должен ни при каком `padding`.
+ *
+ * По вертикали отступ меньше горизонтального: шапка — строка, а не блок.
+ */
+export declare const ownHeaderPaddingClass = "px-4 py-3";
 /**
  * Уровень заголовка карточки. `h1` намеренно нет: его задаёт страница, а
  * карточка — блок внутри уже существующей структуры.

package/dist/types/components/GrDelta/grDeltaStyles.d.ts

@@ -14,8 +14,20 @@ import type { GrDeltaTone } from './deltaTone';
  * читается как опечатка. Отбивку получают только стрелка и суффикс.
  */
 export declare const deltaRootClass = "inline-flex items-baseline tabular-nums";
+/**
+ * Величина стоит **в строке текста**, и приписка при ней приглушения не
+ * получает: «−15 %» набирается кеглем и цветом строки целиком, иначе процент
+ * оказывается мельче окружающих слов.
+ *
+ * Дефолт `GrValue` рассчитан на плитку, где величина крупная и приписке есть
+ * куда уменьшаться. Здесь он переопределяется — ровно теми же токенами, что
+ * доступны потребителю.
+ *
+ * `currentColor` и `1em`, а не `inherit`: у пользовательского свойства
+ * `inherit` значит «наследовать саму переменную», то есть ничего.
+ */
+export declare const deltaValueStyle: Record<string, string>;
 /** Суффикс — единица измерения, и от числа он отбивается: «−15 %», «120 мс». */
-export declare const deltaSuffixClass = "ml-1";
 /**
  * Стрелка выравнивается по строке, а не по базовой линии: у svg её нет.
  *

package/dist/types/components/GrDescriptionList/grDescriptionListStyles.d.ts

@@ -18,7 +18,35 @@ export declare const descriptionRootClass = "m-0 gap-x-4 [row-gap:var(--gr-descr
 /** Сетка колонок — раскладки `inline` и `stacked`. */
 export declare const descriptionRootGridClass = "grid";
 export declare const descriptionRootFlowClass = "flex flex-wrap items-baseline";
-export declare const descriptionColumnsClass: Record<GrDescriptionColumns, string>;
+/** Одна колонка — обычный класс: считать там нечего. */
+export declare const descriptionSingleColumnClass = "grid-cols-1";
+/**
+ * Колонки по ширине **контейнера**, а не вьюпорта.
+ *
+ * Медиазапрос меряет экран, а список живёт в карточке: на широком мониторе в
+ * колонке 290px включались две колонки, подпись фиксированной ширины съедала
+ * почти всё место, и значение переносилось посимвольно — «30» печаталось как
+ * «3» и «0» на двух строках. Показанное число становилось неверным.
+ *
+ * `auto-fit` решает это без медиазапросов, без JS и без замеров, то есть
+ * одинаково на сервере и на клиенте. `columns` при этом становится **потолком**:
+ * трек не уже `column-min`, но и не уже доли, на которую делится контейнер при
+ * N колонках, — поэтому шире N штук не встанет никогда.
+ *
+ * `min(100%, …)` спасает совсем узкий контейнер: без него трек шириной с
+ * `column-min` вылезал бы за край.
+ *
+ * Инлайновым стилем, а не классом: выражение зависит от N, и шкалы утилит для
+ * него не существует — тот же довод, что записан у сетки `GrDashboard`.
+ */
+export declare function descriptionColumnsStyle(columns: GrDescriptionColumns, 
+/**
+ * Ширина колонки подписей при `inline`. В этой раскладке подпись и значение
+ * стоят **рядом**, поэтому минимум колонки складывается из них двоих: колонка
+ * шириной с одну подпись оставляет значению несколько пикселей, и оно
+ * переносится посимвольно — тот же дефект, только в других числах.
+ */
+labelWidth?: string): Record<string, string>;
 export declare const descriptionPairInlineClass = "flex min-w-0 items-baseline gap-2";
 export declare const descriptionPairStackedClass = "min-w-0";
 export declare const descriptionPairFlowClass = "flex min-w-0 items-baseline gap-1";

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

@@ -71,19 +71,19 @@ export interface GrStatisticProps {
 export interface GrStatisticEmits {
     (e: 'click', event: MouseEvent): void;
 }
-declare var __VLS_10: {}, __VLS_23: {}, __VLS_42: {}, __VLS_44: {}, __VLS_46: {}, __VLS_48: {};
+declare var __VLS_10: {}, __VLS_23: {}, __VLS_49: {}, __VLS_51: {}, __VLS_55: {}, __VLS_57: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_10) => any;
 } & {
     title?: (props: typeof __VLS_23) => any;
 } & {
-    prefix?: (props: typeof __VLS_42) => any;
+    prefix?: (props: typeof __VLS_49) => any;
 } & {
-    default?: (props: typeof __VLS_44) => any;
+    default?: (props: typeof __VLS_51) => any;
 } & {
-    suffix?: (props: typeof __VLS_46) => any;
+    suffix?: (props: typeof __VLS_55) => any;
 } & {
-    trend?: (props: typeof __VLS_48) => any;
+    trend?: (props: typeof __VLS_57) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrStatisticProps>, {
     title: undefined;

package/dist/types/components/GrStatistic/grStatisticStyles.d.ts

@@ -13,6 +13,15 @@ export type GrStatisticTrend = 'up' | 'down' | 'flat';
 export declare const statisticTitleSizeBySize: Record<GrStatisticSize, string>;
 export declare const statisticValueSizeBySize: Record<GrStatisticSize, string>;
 export declare const statisticAffixSizeBySize: Record<GrStatisticSize, string>;
+/**
+ * Кегль приписки — значением токена, а не классом: он уезжает в
+ * `--gr-value-suffix-size`, которым `GrValue` и набирает суффикс.
+ *
+ * Ступень шкалы, а не доля от величины: у плитки шкала размеров своя, и на
+ * ступени `md` число крупное (`--gr-text-3xl`), а приписка при нём обязана
+ * остаться подписью. Доля дала бы её вровень с числом.
+ */
+export declare const statisticAffixSizeVarBySize: Record<GrStatisticSize, string>;
 export declare const statisticPlaceholderHeightBySize: Record<GrStatisticSize, string>;
 export declare const statisticTrendSizeBySize: Record<GrStatisticSize, string>;
 export declare const statisticValueClassByTone: Record<GrStatisticTone, string>;