@feugene/granularity 0.29.0 → 0.29.1

package/dist/components/GrDataTable/index.js

@@ -1,3 +1,3 @@
-import { t as GrDataTable_default } from "./chunks/GrDataTable-DU00V44y.js";
+import { t as GrDataTable_default } from "./chunks/GrDataTable-C8a9_nCg.js";
 import { n as grDataTableSafelist, t as grDataTableConfig } from "../../chunks/config-DeyT9dJl.js";
 export { GrDataTable_default as GrDataTable, GrDataTable_default as default, grDataTableConfig, grDataTableSafelist };

package/dist/components/GrDrawer/chunks/{GrDrawer-BCreL-eq.js → GrDrawer-B7PiAcbU.js}

@@ -1,7 +1,7 @@
 import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
 import { i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Bn1XEriL.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Dmf0c9ba.js";
 import { t as GrButton_default } from "../../GrButton/chunks/GrButton-Bw2AH4uX.js";
 import { t as useModalOverlay } from "../../../chunks/useModalOverlay-Cv5hF63W.js";
 import { a as DEFAULT_GR_DRAWER_HEADER_CONFIG, c as grDrawerPanelClass, d as overlayClass, f as resolveGrDrawerSectionConfig, g as titleClass, h as srOnlyTitleClass, i as DEFAULT_GR_DRAWER_FOOTER_CONFIG, l as grDrawerPanelEnterFrom, m as rootPassThroughClass, o as footerBorderClass, p as rootClass, r as DEFAULT_GR_DRAWER_BODY_CONFIG, s as grDrawerAxis, u as headerBorderClass } from "../../../chunks/config-ChPg-BQv.js";

package/dist/components/GrDrawer/chunks/{GrDrawer-BCreL-eq.js.map → GrDrawer-B7PiAcbU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDrawer-BCreL-eq.js","names":["$slots"],"sources":["../../../../src/components/GrDrawer/GrDrawer.vue","../../../../src/components/GrDrawer/GrDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Модальный слой целиком: стек (Esc верхнему, `inert` нижним модалкам), ловушка\n// фокуса, скролл-лок, портал. Немодальная панель регистрируется в стеке как\n// обычный dismissible-слой и страницу под собой не трогает.\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport {\n  DEFAULT_GR_DRAWER_BODY_CONFIG,\n  DEFAULT_GR_DRAWER_FOOTER_CONFIG,\n  DEFAULT_GR_DRAWER_HEADER_CONFIG,\n  footerBorderClass,\n  grDrawerAxis,\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  headerBorderClass,\n  overlayClass,\n  resolveGrDrawerSectionConfig,\n  rootClass,\n  rootPassThroughClass,\n  srOnlyTitleClass,\n  titleClass,\n  type GrDrawerSectionConfig,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nimport './defaults'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /**\n   * Модальная панель: подложка, блокировка скролла, `inert` остальной странице\n   * и ловушка фокуса. `false` — панель живёт рядом со страницей: с ней работают,\n   * не закрывая, а Tab уходит наружу.\n   */\n  modal?: boolean\n  /** Закрывать при клике по бэкдропу. В немодальном режиме подложки нет. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /**\n   * Запрет закрытия «мягкими» способами (бэкдроп, Esc) — на время операции,\n   * которую нельзя бросить на полпути. Кнопка закрытия при этом остаётся:\n   * панель без единого выхода — ловушка.\n   */\n  persistent?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели по её оси: ширина у боковых, высота у верхней и нижней. */\n  size?: GrDrawerSize\n  /** Произвольная ширина боковой панели. Число трактуется как пиксели; сильнее `size`. */\n  width?: string | number\n  /** Произвольная высота верхней или нижней панели. Число трактуется как пиксели. */\n  height?: string | number\n  /** Рендерить ли хедер (заголовок + кнопка закрытия). */\n  showHeader?: boolean\n  /** Рендерить ли кнопку закрытия в хедере. */\n  showCloseButton?: boolean\n  /** Паддинги и рамка секций — как у `GrDialog`. */\n  headerConfig?: GrDrawerSectionConfig\n  bodyConfig?: GrDrawerSectionConfig\n  footerConfig?: GrDrawerSectionConfig\n  /** Элемент, получающий фокус при открытии. По умолчанию — сама панель. */\n  initialFocus?: HTMLElement | null\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nexport interface GrDrawerEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Панель выехала и анимация закончилась. */\n  (e: 'opened'): void\n  /** Панель уехала и анимация закончилась. */\n  (e: 'closed'): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный\n// пользователем проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  modal: true,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  persistent: false,\n  side: undefined,\n  size: undefined,\n  width: undefined,\n  height: undefined,\n  showHeader: true,\n  showCloseButton: true,\n  headerConfig: undefined,\n  bodyConfig: undefined,\n  footerConfig: undefined,\n  initialFocus: null,\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<GrDrawerEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  title?: () => any\n  /** Своя шапка целиком: заголовок, кнопка закрытия и всё, что нужно рядом. */\n  header?: (props: { title?: string, close: () => void }) => any\n  footer?: () => any\n}>()\n\nconst titleId = useId()\n\nconst size = useGrComponentProp('GrDrawer', 'size', () => props.size, 'md')\nconst side = useGrComponentProp('GrDrawer', 'side', () => props.side, 'right')\n\nconst axis = computed(() => grDrawerAxis(side.value))\n\n// Пустой/пробельный заголовок считается отсутствующим — иначе хедер занимал бы\n// место ради строки-заглушки.\nconst resolvedTitle = computed(() => props.title?.trim() || undefined)\nconst hasTitle = computed(() => Boolean(resolvedTitle.value) || Boolean(slots.title))\nconst hasCustomHeader = computed(() => Boolean(slots.header))\nconst hasHeader = computed(() =>\n  props.showHeader && (hasCustomHeader.value || hasTitle.value || props.showCloseButton),\n)\n\n/**\n * Видимый заголовок рисуется только в стандартной шапке. Со своей шапкой и без\n * шапки вовсе заголовок всё равно нужен — но скрытым: имя слоя обязано остаться\n * осмысленным, а не свалиться на обобщённое «Drawer» из локали.\n */\nconst showVisibleTitle = computed(() =>\n  props.showHeader && !hasCustomHeader.value && hasTitle.value,\n)\nconst showSrOnlyTitle = computed(() => hasTitle.value && !showVisibleTitle.value)\n\n// Имя модального слоя обязательно: без него axe роняет `aria-dialog-name`.\n// Есть заголовок — связываем `aria-labelledby`, иначе даём `aria-label` из i18n.\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst ariaLabel = computed(() => (labelledBy.value ? undefined : t('gr.drawer.title', 'Drawer')))\n\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Произвольный размер — только по оси панели: у боковой ширина, у нижней высота. */\nconst customLength = computed(() => (axis.value === 'horizontal' ? props.width : props.height))\n\nconst panelClass = computed(() => grDrawerPanelClass({\n  side: side.value,\n  size: size.value,\n  hasCustomLength: customLength.value !== undefined,\n}))\n\nconst panelStyle = computed(() => {\n  const length = customLength.value\n  if (length === undefined) return undefined\n\n  const value = typeof length === 'number' ? `${length}px` : length\n  return axis.value === 'horizontal' ? { width: value } : { height: value }\n})\n\n// Проп не своей оси молча не работал бы — а выглядит это как баг компонента.\nif (__GR_DEV__) {\n  watch(\n    [axis, () => props.width, () => props.height],\n    ([currentAxis, width, height]) => {\n      const ignored = currentAxis === 'horizontal' ? 'height' : 'width'\n      const value = currentAxis === 'horizontal' ? height : width\n      if (value === undefined) return\n\n      console.warn(\n        `[GrDrawer] Проп \\`${ignored}\\` не применяется к стороне \"${side.value}\": `\n        + `панель по этой оси растянута. Задайте \\`${ignored === 'height' ? 'width' : 'height'}\\`.`,\n      )\n    },\n    { immediate: true },\n  )\n}\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(side.value))\n\nconst headerSection = computed(() => resolveGrDrawerSectionConfig(props.headerConfig, DEFAULT_GR_DRAWER_HEADER_CONFIG))\nconst bodySection = computed(() => resolveGrDrawerSectionConfig(props.bodyConfig, DEFAULT_GR_DRAWER_BODY_CONFIG))\nconst footerSection = computed(() => resolveGrDrawerSectionConfig(props.footerConfig, DEFAULT_GR_DRAWER_FOOTER_CONFIG))\n\nfunction sectionClass(\n  section: { paddingX: string, paddingY: string, bordered: boolean },\n  borderClass: string,\n): string[] {\n  return [section.paddingX, section.paddingY, section.bordered ? borderClass : '']\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\n/** Закрытие «мягким» способом: бэкдроп или Esc. `persistent` их и запрещает. */\nfunction closeSoftly(): void {\n  if (props.persistent)\n    return\n\n  close()\n}\n\nconst rootClasses = computed(() => [rootClass, props.modal ? '' : rootPassThroughClass].filter(Boolean))\n\n// Немодальная панель остаётся в очереди Esc, но модалки под собой в `inert` не\n// отправляет и скролл не блокирует: она существует ровно ради работы со\n// страницей под ней, и Tab обязан уводить фокус туда.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), closeSoftly, {\n  panel: panelEl,\n  modal: () => props.modal,\n  closeOnEscape: () => props.closeOnEsc && !props.persistent,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  initialFocus: () => props.initialFocus ?? panelEl.value,\n})\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\ndefineExpose({\n  /** Закрыть панель (эквивалент `v-model = false`), минуя `persistent`. */\n  close,\n  /** Вернуть фокус на панель — например после операции, уведшей его наружу. */\n  focus: () => panelEl.value?.focus(),\n})\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-drawer\n      data-gr-overlay-root\n      role=\"dialog\"\n      :aria-modal=\"modal ? 'true' : undefined\"\n      :class=\"rootClasses\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-label=\"ariaLabel\"\n    >\n      <Transition\n        appear\n        enter-active-class=\"duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n        enter-from-class=\"opacity-0\"\n        leave-active-class=\"duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]\"\n        leave-to-class=\"opacity-0\"\n      >\n        <div\n          v-if=\"isVisible && modal\"\n          data-gr-drawer-overlay\n          :class=\"overlayClass\"\n          aria-hidden=\"true\"\n          v-on=\"backdrop\"\n        />\n      </Transition>\n\n      <Transition\n        appear\n        enter-active-class=\"duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n        :enter-from-class=\"panelEnterFrom\"\n        leave-active-class=\"duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]\"\n        :leave-to-class=\"panelEnterFrom\"\n        @after-enter=\"emit('opened')\"\n        @after-leave=\"onPanelAfterLeave\"\n      >\n        <div\n          v-if=\"isVisible\"\n          ref=\"panelEl\"\n          v-bind=\"themeAttrs\"\n          data-gr-drawer-panel\n          tabindex=\"-1\"\n          :class=\"panelClass\"\n          :style=\"panelStyle\"\n        >\n          <!-- Заголовок без видимой шапки: имя слоя обязано остаться своим. -->\n          <div\n            v-if=\"showSrOnlyTitle\"\n            :id=\"titleId\"\n            data-gr-drawer-title\n            :class=\"srOnlyTitleClass\"\n          >\n            <slot name=\"title\">\n              {{ resolvedTitle }}\n            </slot>\n          </div>\n\n          <div\n            v-if=\"hasHeader\"\n            data-gr-drawer-header\n            :class=\"[hasCustomHeader ? '' : 'flex items-center justify-between gap-4', sectionClass(headerSection, headerBorderClass)]\"\n          >\n            <slot name=\"header\" :title=\"resolvedTitle\" :close=\"close\">\n              <div\n                v-if=\"showVisibleTitle\"\n                :id=\"titleId\"\n                data-gr-drawer-title\n                :class=\"titleClass\"\n              >\n                <slot name=\"title\">\n                  {{ resolvedTitle }}\n                </slot>\n              </div>\n              <div v-else class=\"min-w-0 flex-1\" />\n\n              <GrButton\n                v-if=\"showCloseButton\"\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                data-gr-drawer-close\n                :aria-label=\"resolvedCloseLabel\"\n                @click=\"close\"\n              >\n                <GrIcon size=\"sm\">\n                  <IconClose />\n                </GrIcon>\n              </GrButton>\n            </slot>\n          </div>\n\n          <!-- Тело скроллится, поэтому обязано попадать в таб-порядок: длинный\n               текст без единого фокусируемого элемента иначе не прокрутить с\n               клавиатуры (axe: `scrollable-region-focusable`). -->\n          <div\n            data-gr-drawer-body\n            tabindex=\"0\"\n            class=\"min-h-0 flex-1 overflow-y-auto\"\n          >\n            <div :class=\"sectionClass(bodySection, '')\">\n              <slot />\n            </div>\n          </div>\n\n          <div\n            v-if=\"$slots.footer\"\n            data-gr-drawer-footer\n            :class=\"sectionClass(footerSection, footerBorderClass)\"\n          >\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </Transition>\n    </div>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Модальный слой целиком: стек (Esc верхнему, `inert` нижним модалкам), ловушка\n// фокуса, скролл-лок, портал. Немодальная панель регистрируется в стеке как\n// обычный dismissible-слой и страницу под собой не трогает.\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport {\n  DEFAULT_GR_DRAWER_BODY_CONFIG,\n  DEFAULT_GR_DRAWER_FOOTER_CONFIG,\n  DEFAULT_GR_DRAWER_HEADER_CONFIG,\n  footerBorderClass,\n  grDrawerAxis,\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  headerBorderClass,\n  overlayClass,\n  resolveGrDrawerSectionConfig,\n  rootClass,\n  rootPassThroughClass,\n  srOnlyTitleClass,\n  titleClass,\n  type GrDrawerSectionConfig,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nimport './defaults'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /**\n   * Модальная панель: подложка, блокировка скролла, `inert` остальной странице\n   * и ловушка фокуса. `false` — панель живёт рядом со страницей: с ней работают,\n   * не закрывая, а Tab уходит наружу.\n   */\n  modal?: boolean\n  /** Закрывать при клике по бэкдропу. В немодальном режиме подложки нет. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /**\n   * Запрет закрытия «мягкими» способами (бэкдроп, Esc) — на время операции,\n   * которую нельзя бросить на полпути. Кнопка закрытия при этом остаётся:\n   * панель без единого выхода — ловушка.\n   */\n  persistent?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели по её оси: ширина у боковых, высота у верхней и нижней. */\n  size?: GrDrawerSize\n  /** Произвольная ширина боковой панели. Число трактуется как пиксели; сильнее `size`. */\n  width?: string | number\n  /** Произвольная высота верхней или нижней панели. Число трактуется как пиксели. */\n  height?: string | number\n  /** Рендерить ли хедер (заголовок + кнопка закрытия). */\n  showHeader?: boolean\n  /** Рендерить ли кнопку закрытия в хедере. */\n  showCloseButton?: boolean\n  /** Паддинги и рамка секций — как у `GrDialog`. */\n  headerConfig?: GrDrawerSectionConfig\n  bodyConfig?: GrDrawerSectionConfig\n  footerConfig?: GrDrawerSectionConfig\n  /** Элемент, получающий фокус при открытии. По умолчанию — сама панель. */\n  initialFocus?: HTMLElement | null\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nexport interface GrDrawerEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Панель выехала и анимация закончилась. */\n  (e: 'opened'): void\n  /** Панель уехала и анимация закончилась. */\n  (e: 'closed'): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный\n// пользователем проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  modal: true,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  persistent: false,\n  side: undefined,\n  size: undefined,\n  width: undefined,\n  height: undefined,\n  showHeader: true,\n  showCloseButton: true,\n  headerConfig: undefined,\n  bodyConfig: undefined,\n  footerConfig: undefined,\n  initialFocus: null,\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<GrDrawerEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  title?: () => any\n  /** Своя шапка целиком: заголовок, кнопка закрытия и всё, что нужно рядом. */\n  header?: (props: { title?: string, close: () => void }) => any\n  footer?: () => any\n}>()\n\nconst titleId = useId()\n\nconst size = useGrComponentProp('GrDrawer', 'size', () => props.size, 'md')\nconst side = useGrComponentProp('GrDrawer', 'side', () => props.side, 'right')\n\nconst axis = computed(() => grDrawerAxis(side.value))\n\n// Пустой/пробельный заголовок считается отсутствующим — иначе хедер занимал бы\n// место ради строки-заглушки.\nconst resolvedTitle = computed(() => props.title?.trim() || undefined)\nconst hasTitle = computed(() => Boolean(resolvedTitle.value) || Boolean(slots.title))\nconst hasCustomHeader = computed(() => Boolean(slots.header))\nconst hasHeader = computed(() =>\n  props.showHeader && (hasCustomHeader.value || hasTitle.value || props.showCloseButton),\n)\n\n/**\n * Видимый заголовок рисуется только в стандартной шапке. Со своей шапкой и без\n * шапки вовсе заголовок всё равно нужен — но скрытым: имя слоя обязано остаться\n * осмысленным, а не свалиться на обобщённое «Drawer» из локали.\n */\nconst showVisibleTitle = computed(() =>\n  props.showHeader && !hasCustomHeader.value && hasTitle.value,\n)\nconst showSrOnlyTitle = computed(() => hasTitle.value && !showVisibleTitle.value)\n\n// Имя модального слоя обязательно: без него axe роняет `aria-dialog-name`.\n// Есть заголовок — связываем `aria-labelledby`, иначе даём `aria-label` из i18n.\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst ariaLabel = computed(() => (labelledBy.value ? undefined : t('gr.drawer.title', 'Drawer')))\n\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Произвольный размер — только по оси панели: у боковой ширина, у нижней высота. */\nconst customLength = computed(() => (axis.value === 'horizontal' ? props.width : props.height))\n\nconst panelClass = computed(() => grDrawerPanelClass({\n  side: side.value,\n  size: size.value,\n  hasCustomLength: customLength.value !== undefined,\n}))\n\nconst panelStyle = computed(() => {\n  const length = customLength.value\n  if (length === undefined) return undefined\n\n  const value = typeof length === 'number' ? `${length}px` : length\n  return axis.value === 'horizontal' ? { width: value } : { height: value }\n})\n\n// Проп не своей оси молча не работал бы — а выглядит это как баг компонента.\nif (__GR_DEV__) {\n  watch(\n    [axis, () => props.width, () => props.height],\n    ([currentAxis, width, height]) => {\n      const ignored = currentAxis === 'horizontal' ? 'height' : 'width'\n      const value = currentAxis === 'horizontal' ? height : width\n      if (value === undefined) return\n\n      console.warn(\n        `[GrDrawer] Проп \\`${ignored}\\` не применяется к стороне \"${side.value}\": `\n        + `панель по этой оси растянута. Задайте \\`${ignored === 'height' ? 'width' : 'height'}\\`.`,\n      )\n    },\n    { immediate: true },\n  )\n}\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(side.value))\n\nconst headerSection = computed(() => resolveGrDrawerSectionConfig(props.headerConfig, DEFAULT_GR_DRAWER_HEADER_CONFIG))\nconst bodySection = computed(() => resolveGrDrawerSectionConfig(props.bodyConfig, DEFAULT_GR_DRAWER_BODY_CONFIG))\nconst footerSection = computed(() => resolveGrDrawerSectionConfig(props.footerConfig, DEFAULT_GR_DRAWER_FOOTER_CONFIG))\n\nfunction sectionClass(\n  section: { paddingX: string, paddingY: string, bordered: boolean },\n  borderClass: string,\n): string[] {\n  return [section.paddingX, section.paddingY, section.bordered ? borderClass : '']\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\n/** Закрытие «мягким» способом: бэкдроп или Esc. `persistent` их и запрещает. */\nfunction closeSoftly(): void {\n  if (props.persistent)\n    return\n\n  close()\n}\n\nconst rootClasses = computed(() => [rootClass, props.modal ? '' : rootPassThroughClass].filter(Boolean))\n\n// Немодальная панель остаётся в очереди Esc, но модалки под собой в `inert` не\n// отправляет и скролл не блокирует: она существует ровно ради работы со\n// страницей под ней, и Tab обязан уводить фокус туда.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), closeSoftly, {\n  panel: panelEl,\n  modal: () => props.modal,\n  closeOnEscape: () => props.closeOnEsc && !props.persistent,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  initialFocus: () => props.initialFocus ?? panelEl.value,\n})\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\ndefineExpose({\n  /** Закрыть панель (эквивалент `v-model = false`), минуя `persistent`. */\n  close,\n  /** Вернуть фокус на панель — например после операции, уведшей его наружу. */\n  focus: () => panelEl.value?.focus(),\n})\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-drawer\n      data-gr-overlay-root\n      role=\"dialog\"\n      :aria-modal=\"modal ? 'true' : undefined\"\n      :class=\"rootClasses\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-label=\"ariaLabel\"\n    >\n      <Transition\n        appear\n        enter-active-class=\"duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n        enter-from-class=\"opacity-0\"\n        leave-active-class=\"duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]\"\n        leave-to-class=\"opacity-0\"\n      >\n        <div\n          v-if=\"isVisible && modal\"\n          data-gr-drawer-overlay\n          :class=\"overlayClass\"\n          aria-hidden=\"true\"\n          v-on=\"backdrop\"\n        />\n      </Transition>\n\n      <Transition\n        appear\n        enter-active-class=\"duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n        :enter-from-class=\"panelEnterFrom\"\n        leave-active-class=\"duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]\"\n        :leave-to-class=\"panelEnterFrom\"\n        @after-enter=\"emit('opened')\"\n        @after-leave=\"onPanelAfterLeave\"\n      >\n        <div\n          v-if=\"isVisible\"\n          ref=\"panelEl\"\n          v-bind=\"themeAttrs\"\n          data-gr-drawer-panel\n          tabindex=\"-1\"\n          :class=\"panelClass\"\n          :style=\"panelStyle\"\n        >\n          <!-- Заголовок без видимой шапки: имя слоя обязано остаться своим. -->\n          <div\n            v-if=\"showSrOnlyTitle\"\n            :id=\"titleId\"\n            data-gr-drawer-title\n            :class=\"srOnlyTitleClass\"\n          >\n            <slot name=\"title\">\n              {{ resolvedTitle }}\n            </slot>\n          </div>\n\n          <div\n            v-if=\"hasHeader\"\n            data-gr-drawer-header\n            :class=\"[hasCustomHeader ? '' : 'flex items-center justify-between gap-4', sectionClass(headerSection, headerBorderClass)]\"\n          >\n            <slot name=\"header\" :title=\"resolvedTitle\" :close=\"close\">\n              <div\n                v-if=\"showVisibleTitle\"\n                :id=\"titleId\"\n                data-gr-drawer-title\n                :class=\"titleClass\"\n              >\n                <slot name=\"title\">\n                  {{ resolvedTitle }}\n                </slot>\n              </div>\n              <div v-else class=\"min-w-0 flex-1\" />\n\n              <GrButton\n                v-if=\"showCloseButton\"\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                data-gr-drawer-close\n                :aria-label=\"resolvedCloseLabel\"\n                @click=\"close\"\n              >\n                <GrIcon size=\"sm\">\n                  <IconClose />\n                </GrIcon>\n              </GrButton>\n            </slot>\n          </div>\n\n          <!-- Тело скроллится, поэтому обязано попадать в таб-порядок: длинный\n               текст без единого фокусируемого элемента иначе не прокрутить с\n               клавиатуры (axe: `scrollable-region-focusable`). -->\n          <div\n            data-gr-drawer-body\n            tabindex=\"0\"\n            class=\"min-h-0 flex-1 overflow-y-auto\"\n          >\n            <div :class=\"sectionClass(bodySection, '')\">\n              <slot />\n            </div>\n          </div>\n\n          <div\n            v-if=\"$slots.footer\"\n            data-gr-drawer-footer\n            :class=\"sectionClass(footerSection, footerBorderClass)\"\n          >\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </Transition>\n    </div>\n  </teleport>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDrawer-B7PiAcbU.js","names":["$slots"],"sources":["../../../../src/components/GrDrawer/GrDrawer.vue","../../../../src/components/GrDrawer/GrDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Модальный слой целиком: стек (Esc верхнему, `inert` нижним модалкам), ловушка\n// фокуса, скролл-лок, портал. Немодальная панель регистрируется в стеке как\n// обычный dismissible-слой и страницу под собой не трогает.\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport {\n  DEFAULT_GR_DRAWER_BODY_CONFIG,\n  DEFAULT_GR_DRAWER_FOOTER_CONFIG,\n  DEFAULT_GR_DRAWER_HEADER_CONFIG,\n  footerBorderClass,\n  grDrawerAxis,\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  headerBorderClass,\n  overlayClass,\n  resolveGrDrawerSectionConfig,\n  rootClass,\n  rootPassThroughClass,\n  srOnlyTitleClass,\n  titleClass,\n  type GrDrawerSectionConfig,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nimport './defaults'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /**\n   * Модальная панель: подложка, блокировка скролла, `inert` остальной странице\n   * и ловушка фокуса. `false` — панель живёт рядом со страницей: с ней работают,\n   * не закрывая, а Tab уходит наружу.\n   */\n  modal?: boolean\n  /** Закрывать при клике по бэкдропу. В немодальном режиме подложки нет. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /**\n   * Запрет закрытия «мягкими» способами (бэкдроп, Esc) — на время операции,\n   * которую нельзя бросить на полпути. Кнопка закрытия при этом остаётся:\n   * панель без единого выхода — ловушка.\n   */\n  persistent?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели по её оси: ширина у боковых, высота у верхней и нижней. */\n  size?: GrDrawerSize\n  /** Произвольная ширина боковой панели. Число трактуется как пиксели; сильнее `size`. */\n  width?: string | number\n  /** Произвольная высота верхней или нижней панели. Число трактуется как пиксели. */\n  height?: string | number\n  /** Рендерить ли хедер (заголовок + кнопка закрытия). */\n  showHeader?: boolean\n  /** Рендерить ли кнопку закрытия в хедере. */\n  showCloseButton?: boolean\n  /** Паддинги и рамка секций — как у `GrDialog`. */\n  headerConfig?: GrDrawerSectionConfig\n  bodyConfig?: GrDrawerSectionConfig\n  footerConfig?: GrDrawerSectionConfig\n  /** Элемент, получающий фокус при открытии. По умолчанию — сама панель. */\n  initialFocus?: HTMLElement | null\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nexport interface GrDrawerEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Панель выехала и анимация закончилась. */\n  (e: 'opened'): void\n  /** Панель уехала и анимация закончилась. */\n  (e: 'closed'): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный\n// пользователем проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  modal: true,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  persistent: false,\n  side: undefined,\n  size: undefined,\n  width: undefined,\n  height: undefined,\n  showHeader: true,\n  showCloseButton: true,\n  headerConfig: undefined,\n  bodyConfig: undefined,\n  footerConfig: undefined,\n  initialFocus: null,\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<GrDrawerEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  title?: () => any\n  /** Своя шапка целиком: заголовок, кнопка закрытия и всё, что нужно рядом. */\n  header?: (props: { title?: string, close: () => void }) => any\n  footer?: () => any\n}>()\n\nconst titleId = useId()\n\nconst size = useGrComponentProp('GrDrawer', 'size', () => props.size, 'md')\nconst side = useGrComponentProp('GrDrawer', 'side', () => props.side, 'right')\n\nconst axis = computed(() => grDrawerAxis(side.value))\n\n// Пустой/пробельный заголовок считается отсутствующим — иначе хедер занимал бы\n// место ради строки-заглушки.\nconst resolvedTitle = computed(() => props.title?.trim() || undefined)\nconst hasTitle = computed(() => Boolean(resolvedTitle.value) || Boolean(slots.title))\nconst hasCustomHeader = computed(() => Boolean(slots.header))\nconst hasHeader = computed(() =>\n  props.showHeader && (hasCustomHeader.value || hasTitle.value || props.showCloseButton),\n)\n\n/**\n * Видимый заголовок рисуется только в стандартной шапке. Со своей шапкой и без\n * шапки вовсе заголовок всё равно нужен — но скрытым: имя слоя обязано остаться\n * осмысленным, а не свалиться на обобщённое «Drawer» из локали.\n */\nconst showVisibleTitle = computed(() =>\n  props.showHeader && !hasCustomHeader.value && hasTitle.value,\n)\nconst showSrOnlyTitle = computed(() => hasTitle.value && !showVisibleTitle.value)\n\n// Имя модального слоя обязательно: без него axe роняет `aria-dialog-name`.\n// Есть заголовок — связываем `aria-labelledby`, иначе даём `aria-label` из i18n.\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst ariaLabel = computed(() => (labelledBy.value ? undefined : t('gr.drawer.title', 'Drawer')))\n\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Произвольный размер — только по оси панели: у боковой ширина, у нижней высота. */\nconst customLength = computed(() => (axis.value === 'horizontal' ? props.width : props.height))\n\nconst panelClass = computed(() => grDrawerPanelClass({\n  side: side.value,\n  size: size.value,\n  hasCustomLength: customLength.value !== undefined,\n}))\n\nconst panelStyle = computed(() => {\n  const length = customLength.value\n  if (length === undefined) return undefined\n\n  const value = typeof length === 'number' ? `${length}px` : length\n  return axis.value === 'horizontal' ? { width: value } : { height: value }\n})\n\n// Проп не своей оси молча не работал бы — а выглядит это как баг компонента.\nif (__GR_DEV__) {\n  watch(\n    [axis, () => props.width, () => props.height],\n    ([currentAxis, width, height]) => {\n      const ignored = currentAxis === 'horizontal' ? 'height' : 'width'\n      const value = currentAxis === 'horizontal' ? height : width\n      if (value === undefined) return\n\n      console.warn(\n        `[GrDrawer] Проп \\`${ignored}\\` не применяется к стороне \"${side.value}\": `\n        + `панель по этой оси растянута. Задайте \\`${ignored === 'height' ? 'width' : 'height'}\\`.`,\n      )\n    },\n    { immediate: true },\n  )\n}\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(side.value))\n\nconst headerSection = computed(() => resolveGrDrawerSectionConfig(props.headerConfig, DEFAULT_GR_DRAWER_HEADER_CONFIG))\nconst bodySection = computed(() => resolveGrDrawerSectionConfig(props.bodyConfig, DEFAULT_GR_DRAWER_BODY_CONFIG))\nconst footerSection = computed(() => resolveGrDrawerSectionConfig(props.footerConfig, DEFAULT_GR_DRAWER_FOOTER_CONFIG))\n\nfunction sectionClass(\n  section: { paddingX: string, paddingY: string, bordered: boolean },\n  borderClass: string,\n): string[] {\n  return [section.paddingX, section.paddingY, section.bordered ? borderClass : '']\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\n/** Закрытие «мягким» способом: бэкдроп или Esc. `persistent` их и запрещает. */\nfunction closeSoftly(): void {\n  if (props.persistent)\n    return\n\n  close()\n}\n\nconst rootClasses = computed(() => [rootClass, props.modal ? '' : rootPassThroughClass].filter(Boolean))\n\n// Немодальная панель остаётся в очереди Esc, но модалки под собой в `inert` не\n// отправляет и скролл не блокирует: она существует ровно ради работы со\n// страницей под ней, и Tab обязан уводить фокус туда.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), closeSoftly, {\n  panel: panelEl,\n  modal: () => props.modal,\n  closeOnEscape: () => props.closeOnEsc && !props.persistent,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  initialFocus: () => props.initialFocus ?? panelEl.value,\n})\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\ndefineExpose({\n  /** Закрыть панель (эквивалент `v-model = false`), минуя `persistent`. */\n  close,\n  /** Вернуть фокус на панель — например после операции, уведшей его наружу. */\n  focus: () => panelEl.value?.focus(),\n})\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-drawer\n      data-gr-overlay-root\n      role=\"dialog\"\n      :aria-modal=\"modal ? 'true' : undefined\"\n      :class=\"rootClasses\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-label=\"ariaLabel\"\n    >\n      <Transition\n        appear\n        enter-active-class=\"duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n        enter-from-class=\"opacity-0\"\n        leave-active-class=\"duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]\"\n        leave-to-class=\"opacity-0\"\n      >\n        <div\n          v-if=\"isVisible && modal\"\n          data-gr-drawer-overlay\n          :class=\"overlayClass\"\n          aria-hidden=\"true\"\n          v-on=\"backdrop\"\n        />\n      </Transition>\n\n      <Transition\n        appear\n        enter-active-class=\"duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n        :enter-from-class=\"panelEnterFrom\"\n        leave-active-class=\"duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]\"\n        :leave-to-class=\"panelEnterFrom\"\n        @after-enter=\"emit('opened')\"\n        @after-leave=\"onPanelAfterLeave\"\n      >\n        <div\n          v-if=\"isVisible\"\n          ref=\"panelEl\"\n          v-bind=\"themeAttrs\"\n          data-gr-drawer-panel\n          tabindex=\"-1\"\n          :class=\"panelClass\"\n          :style=\"panelStyle\"\n        >\n          <!-- Заголовок без видимой шапки: имя слоя обязано остаться своим. -->\n          <div\n            v-if=\"showSrOnlyTitle\"\n            :id=\"titleId\"\n            data-gr-drawer-title\n            :class=\"srOnlyTitleClass\"\n          >\n            <slot name=\"title\">\n              {{ resolvedTitle }}\n            </slot>\n          </div>\n\n          <div\n            v-if=\"hasHeader\"\n            data-gr-drawer-header\n            :class=\"[hasCustomHeader ? '' : 'flex items-center justify-between gap-4', sectionClass(headerSection, headerBorderClass)]\"\n          >\n            <slot name=\"header\" :title=\"resolvedTitle\" :close=\"close\">\n              <div\n                v-if=\"showVisibleTitle\"\n                :id=\"titleId\"\n                data-gr-drawer-title\n                :class=\"titleClass\"\n              >\n                <slot name=\"title\">\n                  {{ resolvedTitle }}\n                </slot>\n              </div>\n              <div v-else class=\"min-w-0 flex-1\" />\n\n              <GrButton\n                v-if=\"showCloseButton\"\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                data-gr-drawer-close\n                :aria-label=\"resolvedCloseLabel\"\n                @click=\"close\"\n              >\n                <GrIcon size=\"sm\">\n                  <IconClose />\n                </GrIcon>\n              </GrButton>\n            </slot>\n          </div>\n\n          <!-- Тело скроллится, поэтому обязано попадать в таб-порядок: длинный\n               текст без единого фокусируемого элемента иначе не прокрутить с\n               клавиатуры (axe: `scrollable-region-focusable`). -->\n          <div\n            data-gr-drawer-body\n            tabindex=\"0\"\n            class=\"min-h-0 flex-1 overflow-y-auto\"\n          >\n            <div :class=\"sectionClass(bodySection, '')\">\n              <slot />\n            </div>\n          </div>\n\n          <div\n            v-if=\"$slots.footer\"\n            data-gr-drawer-footer\n            :class=\"sectionClass(footerSection, footerBorderClass)\"\n          >\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </Transition>\n    </div>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Модальный слой целиком: стек (Esc верхнему, `inert` нижним модалкам), ловушка\n// фокуса, скролл-лок, портал. Немодальная панель регистрируется в стеке как\n// обычный dismissible-слой и страницу под собой не трогает.\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport {\n  DEFAULT_GR_DRAWER_BODY_CONFIG,\n  DEFAULT_GR_DRAWER_FOOTER_CONFIG,\n  DEFAULT_GR_DRAWER_HEADER_CONFIG,\n  footerBorderClass,\n  grDrawerAxis,\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  headerBorderClass,\n  overlayClass,\n  resolveGrDrawerSectionConfig,\n  rootClass,\n  rootPassThroughClass,\n  srOnlyTitleClass,\n  titleClass,\n  type GrDrawerSectionConfig,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nimport './defaults'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /**\n   * Модальная панель: подложка, блокировка скролла, `inert` остальной странице\n   * и ловушка фокуса. `false` — панель живёт рядом со страницей: с ней работают,\n   * не закрывая, а Tab уходит наружу.\n   */\n  modal?: boolean\n  /** Закрывать при клике по бэкдропу. В немодальном режиме подложки нет. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /**\n   * Запрет закрытия «мягкими» способами (бэкдроп, Esc) — на время операции,\n   * которую нельзя бросить на полпути. Кнопка закрытия при этом остаётся:\n   * панель без единого выхода — ловушка.\n   */\n  persistent?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели по её оси: ширина у боковых, высота у верхней и нижней. */\n  size?: GrDrawerSize\n  /** Произвольная ширина боковой панели. Число трактуется как пиксели; сильнее `size`. */\n  width?: string | number\n  /** Произвольная высота верхней или нижней панели. Число трактуется как пиксели. */\n  height?: string | number\n  /** Рендерить ли хедер (заголовок + кнопка закрытия). */\n  showHeader?: boolean\n  /** Рендерить ли кнопку закрытия в хедере. */\n  showCloseButton?: boolean\n  /** Паддинги и рамка секций — как у `GrDialog`. */\n  headerConfig?: GrDrawerSectionConfig\n  bodyConfig?: GrDrawerSectionConfig\n  footerConfig?: GrDrawerSectionConfig\n  /** Элемент, получающий фокус при открытии. По умолчанию — сама панель. */\n  initialFocus?: HTMLElement | null\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nexport interface GrDrawerEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Панель выехала и анимация закончилась. */\n  (e: 'opened'): void\n  /** Панель уехала и анимация закончилась. */\n  (e: 'closed'): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный\n// пользователем проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  modal: true,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  persistent: false,\n  side: undefined,\n  size: undefined,\n  width: undefined,\n  height: undefined,\n  showHeader: true,\n  showCloseButton: true,\n  headerConfig: undefined,\n  bodyConfig: undefined,\n  footerConfig: undefined,\n  initialFocus: null,\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<GrDrawerEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  title?: () => any\n  /** Своя шапка целиком: заголовок, кнопка закрытия и всё, что нужно рядом. */\n  header?: (props: { title?: string, close: () => void }) => any\n  footer?: () => any\n}>()\n\nconst titleId = useId()\n\nconst size = useGrComponentProp('GrDrawer', 'size', () => props.size, 'md')\nconst side = useGrComponentProp('GrDrawer', 'side', () => props.side, 'right')\n\nconst axis = computed(() => grDrawerAxis(side.value))\n\n// Пустой/пробельный заголовок считается отсутствующим — иначе хедер занимал бы\n// место ради строки-заглушки.\nconst resolvedTitle = computed(() => props.title?.trim() || undefined)\nconst hasTitle = computed(() => Boolean(resolvedTitle.value) || Boolean(slots.title))\nconst hasCustomHeader = computed(() => Boolean(slots.header))\nconst hasHeader = computed(() =>\n  props.showHeader && (hasCustomHeader.value || hasTitle.value || props.showCloseButton),\n)\n\n/**\n * Видимый заголовок рисуется только в стандартной шапке. Со своей шапкой и без\n * шапки вовсе заголовок всё равно нужен — но скрытым: имя слоя обязано остаться\n * осмысленным, а не свалиться на обобщённое «Drawer» из локали.\n */\nconst showVisibleTitle = computed(() =>\n  props.showHeader && !hasCustomHeader.value && hasTitle.value,\n)\nconst showSrOnlyTitle = computed(() => hasTitle.value && !showVisibleTitle.value)\n\n// Имя модального слоя обязательно: без него axe роняет `aria-dialog-name`.\n// Есть заголовок — связываем `aria-labelledby`, иначе даём `aria-label` из i18n.\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst ariaLabel = computed(() => (labelledBy.value ? undefined : t('gr.drawer.title', 'Drawer')))\n\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Произвольный размер — только по оси панели: у боковой ширина, у нижней высота. */\nconst customLength = computed(() => (axis.value === 'horizontal' ? props.width : props.height))\n\nconst panelClass = computed(() => grDrawerPanelClass({\n  side: side.value,\n  size: size.value,\n  hasCustomLength: customLength.value !== undefined,\n}))\n\nconst panelStyle = computed(() => {\n  const length = customLength.value\n  if (length === undefined) return undefined\n\n  const value = typeof length === 'number' ? `${length}px` : length\n  return axis.value === 'horizontal' ? { width: value } : { height: value }\n})\n\n// Проп не своей оси молча не работал бы — а выглядит это как баг компонента.\nif (__GR_DEV__) {\n  watch(\n    [axis, () => props.width, () => props.height],\n    ([currentAxis, width, height]) => {\n      const ignored = currentAxis === 'horizontal' ? 'height' : 'width'\n      const value = currentAxis === 'horizontal' ? height : width\n      if (value === undefined) return\n\n      console.warn(\n        `[GrDrawer] Проп \\`${ignored}\\` не применяется к стороне \"${side.value}\": `\n        + `панель по этой оси растянута. Задайте \\`${ignored === 'height' ? 'width' : 'height'}\\`.`,\n      )\n    },\n    { immediate: true },\n  )\n}\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(side.value))\n\nconst headerSection = computed(() => resolveGrDrawerSectionConfig(props.headerConfig, DEFAULT_GR_DRAWER_HEADER_CONFIG))\nconst bodySection = computed(() => resolveGrDrawerSectionConfig(props.bodyConfig, DEFAULT_GR_DRAWER_BODY_CONFIG))\nconst footerSection = computed(() => resolveGrDrawerSectionConfig(props.footerConfig, DEFAULT_GR_DRAWER_FOOTER_CONFIG))\n\nfunction sectionClass(\n  section: { paddingX: string, paddingY: string, bordered: boolean },\n  borderClass: string,\n): string[] {\n  return [section.paddingX, section.paddingY, section.bordered ? borderClass : '']\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\n/** Закрытие «мягким» способом: бэкдроп или Esc. `persistent` их и запрещает. */\nfunction closeSoftly(): void {\n  if (props.persistent)\n    return\n\n  close()\n}\n\nconst rootClasses = computed(() => [rootClass, props.modal ? '' : rootPassThroughClass].filter(Boolean))\n\n// Немодальная панель остаётся в очереди Esc, но модалки под собой в `inert` не\n// отправляет и скролл не блокирует: она существует ровно ради работы со\n// страницей под ней, и Tab обязан уводить фокус туда.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), closeSoftly, {\n  panel: panelEl,\n  modal: () => props.modal,\n  closeOnEscape: () => props.closeOnEsc && !props.persistent,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  initialFocus: () => props.initialFocus ?? panelEl.value,\n})\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\ndefineExpose({\n  /** Закрыть панель (эквивалент `v-model = false`), минуя `persistent`. */\n  close,\n  /** Вернуть фокус на панель — например после операции, уведшей его наружу. */\n  focus: () => panelEl.value?.focus(),\n})\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-drawer\n      data-gr-overlay-root\n      role=\"dialog\"\n      :aria-modal=\"modal ? 'true' : undefined\"\n      :class=\"rootClasses\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-label=\"ariaLabel\"\n    >\n      <Transition\n        appear\n        enter-active-class=\"duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n        enter-from-class=\"opacity-0\"\n        leave-active-class=\"duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]\"\n        leave-to-class=\"opacity-0\"\n      >\n        <div\n          v-if=\"isVisible && modal\"\n          data-gr-drawer-overlay\n          :class=\"overlayClass\"\n          aria-hidden=\"true\"\n          v-on=\"backdrop\"\n        />\n      </Transition>\n\n      <Transition\n        appear\n        enter-active-class=\"duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n        :enter-from-class=\"panelEnterFrom\"\n        leave-active-class=\"duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]\"\n        :leave-to-class=\"panelEnterFrom\"\n        @after-enter=\"emit('opened')\"\n        @after-leave=\"onPanelAfterLeave\"\n      >\n        <div\n          v-if=\"isVisible\"\n          ref=\"panelEl\"\n          v-bind=\"themeAttrs\"\n          data-gr-drawer-panel\n          tabindex=\"-1\"\n          :class=\"panelClass\"\n          :style=\"panelStyle\"\n        >\n          <!-- Заголовок без видимой шапки: имя слоя обязано остаться своим. -->\n          <div\n            v-if=\"showSrOnlyTitle\"\n            :id=\"titleId\"\n            data-gr-drawer-title\n            :class=\"srOnlyTitleClass\"\n          >\n            <slot name=\"title\">\n              {{ resolvedTitle }}\n            </slot>\n          </div>\n\n          <div\n            v-if=\"hasHeader\"\n            data-gr-drawer-header\n            :class=\"[hasCustomHeader ? '' : 'flex items-center justify-between gap-4', sectionClass(headerSection, headerBorderClass)]\"\n          >\n            <slot name=\"header\" :title=\"resolvedTitle\" :close=\"close\">\n              <div\n                v-if=\"showVisibleTitle\"\n                :id=\"titleId\"\n                data-gr-drawer-title\n                :class=\"titleClass\"\n              >\n                <slot name=\"title\">\n                  {{ resolvedTitle }}\n                </slot>\n              </div>\n              <div v-else class=\"min-w-0 flex-1\" />\n\n              <GrButton\n                v-if=\"showCloseButton\"\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                data-gr-drawer-close\n                :aria-label=\"resolvedCloseLabel\"\n                @click=\"close\"\n              >\n                <GrIcon size=\"sm\">\n                  <IconClose />\n                </GrIcon>\n              </GrButton>\n            </slot>\n          </div>\n\n          <!-- Тело скроллится, поэтому обязано попадать в таб-порядок: длинный\n               текст без единого фокусируемого элемента иначе не прокрутить с\n               клавиатуры (axe: `scrollable-region-focusable`). -->\n          <div\n            data-gr-drawer-body\n            tabindex=\"0\"\n            class=\"min-h-0 flex-1 overflow-y-auto\"\n          >\n            <div :class=\"sectionClass(bodySection, '')\">\n              <slot />\n            </div>\n          </div>\n\n          <div\n            v-if=\"$slots.footer\"\n            data-gr-drawer-footer\n            :class=\"sectionClass(footerSection, footerBorderClass)\"\n          >\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </Transition>\n    </div>\n  </teleport>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDrawer/index.js

@@ -1,3 +1,3 @@
 import { n as grDrawerSafelist, t as grDrawerConfig } from "../../chunks/config-ChPg-BQv.js";
-import { t as GrDrawer_default } from "./chunks/GrDrawer-BCreL-eq.js";
+import { t as GrDrawer_default } from "./chunks/GrDrawer-B7PiAcbU.js";
 export { GrDrawer_default as GrDrawer, GrDrawer_default as default, grDrawerConfig, grDrawerSafelist };

package/dist/components/GrEmptyState/chunks/{GrEmptyState-D4T5pzXA.js → GrEmptyState-RqsWvgI9.js}

@@ -1,6 +1,6 @@
 import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Bn1XEriL.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Dmf0c9ba.js";
 import { a as descriptionBaseClass, c as iconBoxBaseClass, d as titleBaseClass, f as titleBySize, i as actionsBySize, l as iconBoxBySize, o as descriptionBySize, r as actionsBaseClass, s as grEmptyStateRootClass, u as iconSizeBySize } from "../../../chunks/config-CWtfxkM9.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx } from "vue";
 //#region ~icons/lucide/inbox

package/dist/components/GrEmptyState/chunks/{GrEmptyState-D4T5pzXA.js.map → GrEmptyState-RqsWvgI9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrEmptyState-D4T5pzXA.js","names":["$slots"],"sources":["../../../../src/components/GrEmptyState/GrEmptyState.vue","../../../../src/components/GrEmptyState/GrEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  grEmptyStateRootClass,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  iconSizeBySize,\n  titleBaseClass,\n  titleBySize,\n  type GrEmptyStateHeadingLevel,\n  type GrEmptyStateSize,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateSize,\n  GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\n/**\n * GrEmptyState — карточка пустого состояния: иконка, заголовок, описание и\n * слот действий.\n *\n * Заголовок — настоящий heading: без него пустое состояние не находится\n * навигацией по заголовкам, а именно оно и объясняет, почему на экране ничего\n * нет.\n */\nexport interface GrEmptyStateProps {\n  /** Заголовок. Не задан — берётся из локали; слот `#title` сильнее обоих. */\n  title?: string\n  description?: string\n  size?: GrEmptyStateSize\n  /** `ghost` снимает рамку и фон: карточка внутри карточки рисует вторую рамку. */\n  variant?: GrEmptyStateVariant\n  headingLevel?: GrEmptyStateHeadingLevel\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Иконка вместо встроенной. */\n  icon?: () => unknown\n  /** Заголовок разметкой: ссылка, выделение, счётчик. */\n  title?: () => unknown\n  description?: () => unknown\n  /** Действия под текстом: центрируются. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrEmptyState' })\nconst resolvedVariant = useGrComponentProp('GrEmptyState', 'variant', () => props.variant, 'outlined')\nconst headingLevel = useGrComponentProp('GrEmptyState', 'headingLevel', () => props.headingLevel, 3)\n\nconst headingTag = computed(() => `h${headingLevel.value}`)\nconst resolvedTitle = computed(() => props.title ?? t('gr.emptyState.title', 'Nothing here yet'))\nconst hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description))\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    :class=\"grEmptyStateRootClass({ variant: resolvedVariant, size: resolvedSize })\"\n  >\n    <div class=\"flex justify-center\">\n      <div data-gr-empty-state-icon :class=\"[iconBoxBaseClass, iconBoxBySize[resolvedSize]]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"iconSizeBySize[resolvedSize]\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <component\n      :is=\"headingTag\"\n      data-gr-empty-state-title\n      :class=\"[titleBaseClass, titleBySize[resolvedSize]]\"\n    >\n      <slot name=\"title\">\n        {{ resolvedTitle }}\n      </slot>\n    </component>\n\n    <div\n      v-if=\"hasDescription\"\n      data-gr-empty-state-description\n      :class=\"[descriptionBaseClass, descriptionBySize[resolvedSize]]\"\n    >\n      <slot name=\"description\">\n        {{ description }}\n      </slot>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      data-gr-empty-state-actions\n      :class=\"[actionsBaseClass, actionsBySize[resolvedSize]]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  grEmptyStateRootClass,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  iconSizeBySize,\n  titleBaseClass,\n  titleBySize,\n  type GrEmptyStateHeadingLevel,\n  type GrEmptyStateSize,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateSize,\n  GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\n/**\n * GrEmptyState — карточка пустого состояния: иконка, заголовок, описание и\n * слот действий.\n *\n * Заголовок — настоящий heading: без него пустое состояние не находится\n * навигацией по заголовкам, а именно оно и объясняет, почему на экране ничего\n * нет.\n */\nexport interface GrEmptyStateProps {\n  /** Заголовок. Не задан — берётся из локали; слот `#title` сильнее обоих. */\n  title?: string\n  description?: string\n  size?: GrEmptyStateSize\n  /** `ghost` снимает рамку и фон: карточка внутри карточки рисует вторую рамку. */\n  variant?: GrEmptyStateVariant\n  headingLevel?: GrEmptyStateHeadingLevel\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Иконка вместо встроенной. */\n  icon?: () => unknown\n  /** Заголовок разметкой: ссылка, выделение, счётчик. */\n  title?: () => unknown\n  description?: () => unknown\n  /** Действия под текстом: центрируются. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrEmptyState' })\nconst resolvedVariant = useGrComponentProp('GrEmptyState', 'variant', () => props.variant, 'outlined')\nconst headingLevel = useGrComponentProp('GrEmptyState', 'headingLevel', () => props.headingLevel, 3)\n\nconst headingTag = computed(() => `h${headingLevel.value}`)\nconst resolvedTitle = computed(() => props.title ?? t('gr.emptyState.title', 'Nothing here yet'))\nconst hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description))\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    :class=\"grEmptyStateRootClass({ variant: resolvedVariant, size: resolvedSize })\"\n  >\n    <div class=\"flex justify-center\">\n      <div data-gr-empty-state-icon :class=\"[iconBoxBaseClass, iconBoxBySize[resolvedSize]]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"iconSizeBySize[resolvedSize]\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <component\n      :is=\"headingTag\"\n      data-gr-empty-state-title\n      :class=\"[titleBaseClass, titleBySize[resolvedSize]]\"\n    >\n      <slot name=\"title\">\n        {{ resolvedTitle }}\n      </slot>\n    </component>\n\n    <div\n      v-if=\"hasDescription\"\n      data-gr-empty-state-description\n      :class=\"[descriptionBaseClass, descriptionBySize[resolvedSize]]\"\n    >\n      <slot name=\"description\">\n        {{ description }}\n      </slot>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      data-gr-empty-state-actions\n      :class=\"[actionsBaseClass, actionsBySize[resolvedSize]]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,QAAQ;EAQd,MAAM,QAAQ,SAAA;EAUd,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,eAAe,CAAC;EACvF,MAAM,kBAAkB,mBAAmB,gBAAgB,iBAAiB,MAAM,SAAS,UAAU;EACrG,MAAM,eAAe,mBAAmB,gBAAgB,sBAAsB,MAAM,cAAc,CAAC;EAEnG,MAAM,aAAa,eAAe,IAAI,aAAa,OAAO;EAC1D,MAAM,gBAAgB,eAAe,MAAM,SAAS,EAAE,uBAAuB,kBAAkB,CAAC;EAChG,MAAM,iBAAiB,eAAe,QAAQ,MAAM,WAAW,KAAK,QAAQ,MAAM,WAAW,CAAC;;uBAI5F,mBAyCM,OAAA;IAxCJ,uBAAA;IACC,OAAK,eAAE,MAAA,qBAAA,CAAqB,CAAA;KAAA,SAAY,MAAA,eAAA;KAAe,MAAQ,MAAA,YAAA;IAAY,CAAA,CAAA;;IAE5E,mBAQM,OARN,YAQM,CAPJ,mBAMM,OAAA;KAND,4BAAA;KAA0B,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;QACjF,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAHL,YAES,gBAAA,EAFA,MAAM,MAAA,cAAA,CAAc,CAAC,MAAA,YAAA,GAAA,GAAA;4BACI,CAAhC,YAAgC,MAAA,aAAA,GAAA,EAArB,eAAY,OAAM,CAAA,CAAA,CAAA;;;kBAMrC,YAQY,wBAPL,WAAA,KAAU,GAAA;KACf,6BAAA;KACC,OAAK,eAAA,CAAG,MAAA,cAAA,GAAgB,MAAA,WAAA,CAAW,CAAC,MAAA,YAAA,EAAY,CAAA;;4BAI1C,CAFP,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,cAAA,KAAa,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;IAKZ,eAAA,SAAA,UAAA,GADR,mBAQM,OAAA;;KANJ,mCAAA;KACC,OAAK,eAAA,CAAG,MAAA,oBAAA,GAAsB,MAAA,iBAAA,CAAiB,CAAC,MAAA,YAAA,EAAY,CAAA;QAE7D,WAEO,KAAA,QAAA,eAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAKVA,KAAAA,OAAO,WAAA,UAAA,GADf,mBAMM,OAAA;;KAJJ,+BAAA;KACC,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;QAErD,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}
+{"version":3,"file":"GrEmptyState-RqsWvgI9.js","names":["$slots"],"sources":["../../../../src/components/GrEmptyState/GrEmptyState.vue","../../../../src/components/GrEmptyState/GrEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  grEmptyStateRootClass,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  iconSizeBySize,\n  titleBaseClass,\n  titleBySize,\n  type GrEmptyStateHeadingLevel,\n  type GrEmptyStateSize,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateSize,\n  GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\n/**\n * GrEmptyState — карточка пустого состояния: иконка, заголовок, описание и\n * слот действий.\n *\n * Заголовок — настоящий heading: без него пустое состояние не находится\n * навигацией по заголовкам, а именно оно и объясняет, почему на экране ничего\n * нет.\n */\nexport interface GrEmptyStateProps {\n  /** Заголовок. Не задан — берётся из локали; слот `#title` сильнее обоих. */\n  title?: string\n  description?: string\n  size?: GrEmptyStateSize\n  /** `ghost` снимает рамку и фон: карточка внутри карточки рисует вторую рамку. */\n  variant?: GrEmptyStateVariant\n  headingLevel?: GrEmptyStateHeadingLevel\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Иконка вместо встроенной. */\n  icon?: () => unknown\n  /** Заголовок разметкой: ссылка, выделение, счётчик. */\n  title?: () => unknown\n  description?: () => unknown\n  /** Действия под текстом: центрируются. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrEmptyState' })\nconst resolvedVariant = useGrComponentProp('GrEmptyState', 'variant', () => props.variant, 'outlined')\nconst headingLevel = useGrComponentProp('GrEmptyState', 'headingLevel', () => props.headingLevel, 3)\n\nconst headingTag = computed(() => `h${headingLevel.value}`)\nconst resolvedTitle = computed(() => props.title ?? t('gr.emptyState.title', 'Nothing here yet'))\nconst hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description))\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    :class=\"grEmptyStateRootClass({ variant: resolvedVariant, size: resolvedSize })\"\n  >\n    <div class=\"flex justify-center\">\n      <div data-gr-empty-state-icon :class=\"[iconBoxBaseClass, iconBoxBySize[resolvedSize]]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"iconSizeBySize[resolvedSize]\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <component\n      :is=\"headingTag\"\n      data-gr-empty-state-title\n      :class=\"[titleBaseClass, titleBySize[resolvedSize]]\"\n    >\n      <slot name=\"title\">\n        {{ resolvedTitle }}\n      </slot>\n    </component>\n\n    <div\n      v-if=\"hasDescription\"\n      data-gr-empty-state-description\n      :class=\"[descriptionBaseClass, descriptionBySize[resolvedSize]]\"\n    >\n      <slot name=\"description\">\n        {{ description }}\n      </slot>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      data-gr-empty-state-actions\n      :class=\"[actionsBaseClass, actionsBySize[resolvedSize]]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  grEmptyStateRootClass,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  iconSizeBySize,\n  titleBaseClass,\n  titleBySize,\n  type GrEmptyStateHeadingLevel,\n  type GrEmptyStateSize,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateSize,\n  GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\n/**\n * GrEmptyState — карточка пустого состояния: иконка, заголовок, описание и\n * слот действий.\n *\n * Заголовок — настоящий heading: без него пустое состояние не находится\n * навигацией по заголовкам, а именно оно и объясняет, почему на экране ничего\n * нет.\n */\nexport interface GrEmptyStateProps {\n  /** Заголовок. Не задан — берётся из локали; слот `#title` сильнее обоих. */\n  title?: string\n  description?: string\n  size?: GrEmptyStateSize\n  /** `ghost` снимает рамку и фон: карточка внутри карточки рисует вторую рамку. */\n  variant?: GrEmptyStateVariant\n  headingLevel?: GrEmptyStateHeadingLevel\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Иконка вместо встроенной. */\n  icon?: () => unknown\n  /** Заголовок разметкой: ссылка, выделение, счётчик. */\n  title?: () => unknown\n  description?: () => unknown\n  /** Действия под текстом: центрируются. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrEmptyState' })\nconst resolvedVariant = useGrComponentProp('GrEmptyState', 'variant', () => props.variant, 'outlined')\nconst headingLevel = useGrComponentProp('GrEmptyState', 'headingLevel', () => props.headingLevel, 3)\n\nconst headingTag = computed(() => `h${headingLevel.value}`)\nconst resolvedTitle = computed(() => props.title ?? t('gr.emptyState.title', 'Nothing here yet'))\nconst hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description))\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    :class=\"grEmptyStateRootClass({ variant: resolvedVariant, size: resolvedSize })\"\n  >\n    <div class=\"flex justify-center\">\n      <div data-gr-empty-state-icon :class=\"[iconBoxBaseClass, iconBoxBySize[resolvedSize]]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"iconSizeBySize[resolvedSize]\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <component\n      :is=\"headingTag\"\n      data-gr-empty-state-title\n      :class=\"[titleBaseClass, titleBySize[resolvedSize]]\"\n    >\n      <slot name=\"title\">\n        {{ resolvedTitle }}\n      </slot>\n    </component>\n\n    <div\n      v-if=\"hasDescription\"\n      data-gr-empty-state-description\n      :class=\"[descriptionBaseClass, descriptionBySize[resolvedSize]]\"\n    >\n      <slot name=\"description\">\n        {{ description }}\n      </slot>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      data-gr-empty-state-actions\n      :class=\"[actionsBaseClass, actionsBySize[resolvedSize]]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,QAAQ;EAQd,MAAM,QAAQ,SAAA;EAUd,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,eAAe,CAAC;EACvF,MAAM,kBAAkB,mBAAmB,gBAAgB,iBAAiB,MAAM,SAAS,UAAU;EACrG,MAAM,eAAe,mBAAmB,gBAAgB,sBAAsB,MAAM,cAAc,CAAC;EAEnG,MAAM,aAAa,eAAe,IAAI,aAAa,OAAO;EAC1D,MAAM,gBAAgB,eAAe,MAAM,SAAS,EAAE,uBAAuB,kBAAkB,CAAC;EAChG,MAAM,iBAAiB,eAAe,QAAQ,MAAM,WAAW,KAAK,QAAQ,MAAM,WAAW,CAAC;;uBAI5F,mBAyCM,OAAA;IAxCJ,uBAAA;IACC,OAAK,eAAE,MAAA,qBAAA,CAAqB,CAAA;KAAA,SAAY,MAAA,eAAA;KAAe,MAAQ,MAAA,YAAA;IAAY,CAAA,CAAA;;IAE5E,mBAQM,OARN,YAQM,CAPJ,mBAMM,OAAA;KAND,4BAAA;KAA0B,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;QACjF,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAHL,YAES,gBAAA,EAFA,MAAM,MAAA,cAAA,CAAc,CAAC,MAAA,YAAA,GAAA,GAAA;4BACI,CAAhC,YAAgC,MAAA,aAAA,GAAA,EAArB,eAAY,OAAM,CAAA,CAAA,CAAA;;;kBAMrC,YAQY,wBAPL,WAAA,KAAU,GAAA;KACf,6BAAA;KACC,OAAK,eAAA,CAAG,MAAA,cAAA,GAAgB,MAAA,WAAA,CAAW,CAAC,MAAA,YAAA,EAAY,CAAA;;4BAI1C,CAFP,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,cAAA,KAAa,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;IAKZ,eAAA,SAAA,UAAA,GADR,mBAQM,OAAA;;KANJ,mCAAA;KACC,OAAK,eAAA,CAAG,MAAA,oBAAA,GAAsB,MAAA,iBAAA,CAAiB,CAAC,MAAA,YAAA,EAAY,CAAA;QAE7D,WAEO,KAAA,QAAA,eAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAKVA,KAAAA,OAAO,WAAA,UAAA,GADf,mBAMM,OAAA;;KAJJ,+BAAA;KACC,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;QAErD,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrEmptyState/index.js

@@ -1,3 +1,3 @@
-import { t as GrEmptyState_default } from "./chunks/GrEmptyState-D4T5pzXA.js";
+import { t as GrEmptyState_default } from "./chunks/GrEmptyState-RqsWvgI9.js";
 import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "../../chunks/config-CWtfxkM9.js";
 export { GrEmptyState_default as GrEmptyState, GrEmptyState_default as default, grEmptyStateConfig, grEmptyStateSafelist };

package/dist/components/GrFileUpload/chunks/{GrFileUpload-FjbaYGjL.js → GrFileUpload-NsHkRRIa.js}

@@ -2,7 +2,7 @@ import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
 import { a as useGrComponentSize } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { f as runFileValidators, o as acceptValidator, p as FileValidationError } from "../../../chunks/fileValidation-D5TFBhbv.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Bn1XEriL.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Dmf0c9ba.js";
 import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "../../../composables/useGrFormControl.js";
 import { t as useFocusWithin } from "../../../chunks/useFocusWithin-BwHE0rzm.js";