@feugene/granularity 0.49.0 → 0.50.0

package/dist/components/GrDropdown/chunks/{GrDropdown-cLZuZMEY.js.map → GrDropdown-kxwmgfSe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDropdown-cLZuZMEY.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport {\n  grDropdownContentClass,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport type GrDropdownTrigger = 'click' | 'hover'\n\nexport interface GrDropdownProps {\n  /** Размещение панели относительно триггера; `flip` при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Панель не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownEmits {\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\n/**\n * Меню поверх `GrPopover`.\n *\n * Панель, слой, портал, позиционирование, наведение с задержками и возврат\n * фокуса принадлежат примитиву. До этого здесь жила вторая их реализация:\n * карта `transform-origin` совпадала с поповерской дословно все двенадцать\n * записей, поверхность панели — шесть утилит — была скопирована, а сборка слоя\n * и портала повторяла его же. Расходились бы молча.\n *\n * Меню оставляет себе то, что меню и есть: кольцо фокуса по пунктам, поиск по\n * буквам, клавиатуру открытия и ширину панели. Тот же приём, что у\n * `GrContextMenu`, который так устроен с самого начала.\n */\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownEmits>()\n\n// Имя `isOpen` сохранено: читатели работают с computed-Ref.\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\n/**\n * Контейнер пунктов — он же контейнер кольца фокуса.\n *\n * Панель `GrPopover` рисует `v-show`, поэтому содержимое слота существует в DOM\n * с монтирования: ссылка готова до первого открытия, и `focusAt` не приходится\n * ждать отрисовки панели.\n */\nconst menuEl = ref<HTMLElement | null>(null)\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => menuEl.value,\n  close: () => close(),\n})\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n}\n\nfunction close(): void {\n  setOpen(false)\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n  await nextTick()\n  menu.focusAt(first ? 0 : -1)\n}\n\n/**\n * Что меню добавляет к `triggerProps` примитива.\n *\n * Примитив отдаёт ARIA и клик; стрелки, открывающие меню с первого или\n * последнего пункта, принадлежат паттерну `menu` и живут здесь.\n *\n * И `aria-disabled` вместо нативного `disabled`. Расхождение намеренное:\n * нативный атрибут убирает кнопку из таб-порядка, а у меню триггер обязан\n * оставаться фокусируемым — иначе пользователь клавиатуры не найдёт его вовсе и\n * не узнает, почему меню недоступно. Форм-контролу (`GrColorPicker`) верно\n * обратное, поэтому примитив оставляет нативный, а меню его перекрывает.\n */\nfunction menuTriggerProps(popoverProps: Record<string, unknown>): Record<string, unknown> {\n  return {\n    ...popoverProps,\n    'disabled': undefined,\n    'aria-disabled': props.disabled || undefined,\n    'onKeydown': onTriggerKeydown,\n  }\n}\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (isOpen.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nwatch(\n  () => props.disabled,\n  (value) => {\n    if (value)\n      close()\n  },\n)\n\nfunction toCssLength(value: GrDropdownWidth): string | undefined {\n  if (value === 'auto')\n    return undefined\n  if (typeof value === 'number')\n    return `${value}px`\n\n  // Строка без единиц браузер просто отбросит, поэтому трактуем её как пиксели\n  // — и предупреждаем: `width=\"48\"` легко прочесть как токен шкалы `w-48`.\n  const bare = value.trim()\n  if (/^\\d+$/.test(bare)) {\n    if (__GR_DEV__) {\n      console.warn(\n        `[GrDropdown] width=\"${value}\" трактуется как ${bare}px. `\n        + 'Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: '\n        + `width=\"${bare}px\" или :width=\"${bare}\".`,\n      )\n    }\n    return `${bare}px`\n  }\n\n  return value\n}\n\nconst panelStyle = computed(() => {\n  const width = toCssLength(props.width)\n\n  return width ? { width } : undefined\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\ndefineExpose({ open, close, toggle })\n\ndefineSlots<{\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус, а клик приезжает вместе с ними.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n  /** Содержимое меню. */\n  content?: (props: { close: () => void }) => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <GrPopover\n      role=\"menu\"\n      padding=\"none\"\n      :open=\"isOpen\"\n      :placement=\"placement\"\n      :offset-px=\"offset\"\n      :trigger=\"trigger\"\n      :open-delay=\"openDelay\"\n      :close-delay=\"closeDelay\"\n      :disabled=\"disabled\"\n      :close-on-content-click=\"closeOnContentClick\"\n      :teleport-to=\"teleportTo\"\n      :auto-focus=\"false\"\n      @update:open=\"setOpen\"\n    >\n      <template #trigger=\"{ triggerProps: popoverTriggerProps }\">\n        <slot\n          name=\"trigger\"\n          :open=\"isOpen\"\n          :toggle=\"toggle\"\n          :close=\"close\"\n          :trigger-props=\"menuTriggerProps(popoverTriggerProps)\"\n        />\n      </template>\n\n      <template #content=\"{ close: closePanel }\">\n        <div\n          ref=\"menuEl\"\n          data-gr-dropdown-panel\n          :style=\"panelStyle\"\n          @keydown=\"menu.onKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"closePanel\" />\n          </div>\n        </div>\n      </template>\n    </GrPopover>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport {\n  grDropdownContentClass,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport type GrDropdownTrigger = 'click' | 'hover'\n\nexport interface GrDropdownProps {\n  /** Размещение панели относительно триггера; `flip` при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Панель не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownEmits {\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\n/**\n * Меню поверх `GrPopover`.\n *\n * Панель, слой, портал, позиционирование, наведение с задержками и возврат\n * фокуса принадлежат примитиву. До этого здесь жила вторая их реализация:\n * карта `transform-origin` совпадала с поповерской дословно все двенадцать\n * записей, поверхность панели — шесть утилит — была скопирована, а сборка слоя\n * и портала повторяла его же. Расходились бы молча.\n *\n * Меню оставляет себе то, что меню и есть: кольцо фокуса по пунктам, поиск по\n * буквам, клавиатуру открытия и ширину панели. Тот же приём, что у\n * `GrContextMenu`, который так устроен с самого начала.\n */\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownEmits>()\n\n// Имя `isOpen` сохранено: читатели работают с computed-Ref.\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\n/**\n * Контейнер пунктов — он же контейнер кольца фокуса.\n *\n * Панель `GrPopover` рисует `v-show`, поэтому содержимое слота существует в DOM\n * с монтирования: ссылка готова до первого открытия, и `focusAt` не приходится\n * ждать отрисовки панели.\n */\nconst menuEl = ref<HTMLElement | null>(null)\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => menuEl.value,\n  close: () => close(),\n})\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n}\n\nfunction close(): void {\n  setOpen(false)\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n  await nextTick()\n  menu.focusAt(first ? 0 : -1)\n}\n\n/**\n * Что меню добавляет к `triggerProps` примитива.\n *\n * Примитив отдаёт ARIA и клик; стрелки, открывающие меню с первого или\n * последнего пункта, принадлежат паттерну `menu` и живут здесь.\n *\n * И `aria-disabled` вместо нативного `disabled`. Расхождение намеренное:\n * нативный атрибут убирает кнопку из таб-порядка, а у меню триггер обязан\n * оставаться фокусируемым — иначе пользователь клавиатуры не найдёт его вовсе и\n * не узнает, почему меню недоступно. Форм-контролу (`GrColorPicker`) верно\n * обратное, поэтому примитив оставляет нативный, а меню его перекрывает.\n */\nfunction menuTriggerProps(popoverProps: Record<string, unknown>): Record<string, unknown> {\n  return {\n    ...popoverProps,\n    'disabled': undefined,\n    'aria-disabled': props.disabled || undefined,\n    'onKeydown': onTriggerKeydown,\n  }\n}\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (isOpen.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nwatch(\n  () => props.disabled,\n  (value) => {\n    if (value)\n      close()\n  },\n)\n\nfunction toCssLength(value: GrDropdownWidth): string | undefined {\n  if (value === 'auto')\n    return undefined\n  if (typeof value === 'number')\n    return `${value}px`\n\n  // Строка без единиц браузер просто отбросит, поэтому трактуем её как пиксели\n  // — и предупреждаем: `width=\"48\"` легко прочесть как токен шкалы `w-48`.\n  const bare = value.trim()\n  if (/^\\d+$/.test(bare)) {\n    if (__GR_DEV__) {\n      console.warn(\n        `[GrDropdown] width=\"${value}\" трактуется как ${bare}px. `\n        + 'Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: '\n        + `width=\"${bare}px\" или :width=\"${bare}\".`,\n      )\n    }\n    return `${bare}px`\n  }\n\n  return value\n}\n\nconst panelStyle = computed(() => {\n  const width = toCssLength(props.width)\n\n  return width ? { width } : undefined\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\ndefineExpose({ open, close, toggle })\n\ndefineSlots<{\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус, а клик приезжает вместе с ними.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n  /** Содержимое меню. */\n  content?: (props: { close: () => void }) => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <GrPopover\n      role=\"menu\"\n      padding=\"none\"\n      :open=\"isOpen\"\n      :placement=\"placement\"\n      :offset-px=\"offset\"\n      :trigger=\"trigger\"\n      :open-delay=\"openDelay\"\n      :close-delay=\"closeDelay\"\n      :disabled=\"disabled\"\n      :close-on-content-click=\"closeOnContentClick\"\n      :teleport-to=\"teleportTo\"\n      :auto-focus=\"false\"\n      @update:open=\"setOpen\"\n    >\n      <template #trigger=\"{ triggerProps: popoverTriggerProps }\">\n        <slot\n          name=\"trigger\"\n          :open=\"isOpen\"\n          :toggle=\"toggle\"\n          :close=\"close\"\n          :trigger-props=\"menuTriggerProps(popoverTriggerProps)\"\n        />\n      </template>\n\n      <template #content=\"{ close: closePanel }\">\n        <div\n          ref=\"menuEl\"\n          data-gr-dropdown-panel\n          :style=\"panelStyle\"\n          @keydown=\"menu.onKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"closePanel\" />\n          </div>\n        </div>\n      </template>\n    </GrPopover>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDropdown-kxwmgfSe.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport {\n  grDropdownContentClass,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport type GrDropdownTrigger = 'click' | 'hover'\n\nexport interface GrDropdownProps {\n  /** Размещение панели относительно триггера; `flip` при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Панель не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownEmits {\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\n/**\n * Меню поверх `GrPopover`.\n *\n * Панель, слой, портал, позиционирование, наведение с задержками и возврат\n * фокуса принадлежат примитиву. До этого здесь жила вторая их реализация:\n * карта `transform-origin` совпадала с поповерской дословно все двенадцать\n * записей, поверхность панели — шесть утилит — была скопирована, а сборка слоя\n * и портала повторяла его же. Расходились бы молча.\n *\n * Меню оставляет себе то, что меню и есть: кольцо фокуса по пунктам, поиск по\n * буквам, клавиатуру открытия и ширину панели. Тот же приём, что у\n * `GrContextMenu`, который так устроен с самого начала.\n */\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownEmits>()\n\n// Имя `isOpen` сохранено: читатели работают с computed-Ref.\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\n/**\n * Контейнер пунктов — он же контейнер кольца фокуса.\n *\n * Панель `GrPopover` рисует `v-show`, поэтому содержимое слота существует в DOM\n * с монтирования: ссылка готова до первого открытия, и `focusAt` не приходится\n * ждать отрисовки панели.\n */\nconst menuEl = ref<HTMLElement | null>(null)\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => menuEl.value,\n  close: () => close(),\n})\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n}\n\nfunction close(): void {\n  setOpen(false)\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n  await nextTick()\n  menu.focusAt(first ? 0 : -1)\n}\n\n/**\n * Что меню добавляет к `triggerProps` примитива.\n *\n * Примитив отдаёт ARIA и клик; стрелки, открывающие меню с первого или\n * последнего пункта, принадлежат паттерну `menu` и живут здесь.\n *\n * И `aria-disabled` вместо нативного `disabled`. Расхождение намеренное:\n * нативный атрибут убирает кнопку из таб-порядка, а у меню триггер обязан\n * оставаться фокусируемым — иначе пользователь клавиатуры не найдёт его вовсе и\n * не узнает, почему меню недоступно. Форм-контролу (`GrColorPicker`) верно\n * обратное, поэтому примитив оставляет нативный, а меню его перекрывает.\n */\nfunction menuTriggerProps(popoverProps: Record<string, unknown>): Record<string, unknown> {\n  return {\n    ...popoverProps,\n    'disabled': undefined,\n    'aria-disabled': props.disabled || undefined,\n    'onKeydown': onTriggerKeydown,\n  }\n}\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (isOpen.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nwatch(\n  () => props.disabled,\n  (value) => {\n    if (value)\n      close()\n  },\n)\n\nfunction toCssLength(value: GrDropdownWidth): string | undefined {\n  if (value === 'auto')\n    return undefined\n  if (typeof value === 'number')\n    return `${value}px`\n\n  // Строка без единиц браузер просто отбросит, поэтому трактуем её как пиксели\n  // — и предупреждаем: `width=\"48\"` легко прочесть как токен шкалы `w-48`.\n  const bare = value.trim()\n  if (/^\\d+$/.test(bare)) {\n    if (__GR_DEV__) {\n      console.warn(\n        `[GrDropdown] width=\"${value}\" трактуется как ${bare}px. `\n        + 'Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: '\n        + `width=\"${bare}px\" или :width=\"${bare}\".`,\n      )\n    }\n    return `${bare}px`\n  }\n\n  return value\n}\n\nconst panelStyle = computed(() => {\n  const width = toCssLength(props.width)\n\n  return width ? { width } : undefined\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\ndefineExpose({ open, close, toggle })\n\ndefineSlots<{\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус, а клик приезжает вместе с ними.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n  /** Содержимое меню. */\n  content?: (props: { close: () => void }) => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <GrPopover\n      role=\"menu\"\n      padding=\"none\"\n      :open=\"isOpen\"\n      :placement=\"placement\"\n      :offset-px=\"offset\"\n      :trigger=\"trigger\"\n      :open-delay=\"openDelay\"\n      :close-delay=\"closeDelay\"\n      :disabled=\"disabled\"\n      :close-on-content-click=\"closeOnContentClick\"\n      :teleport-to=\"teleportTo\"\n      :auto-focus=\"false\"\n      @update:open=\"setOpen\"\n    >\n      <template #trigger=\"{ triggerProps: popoverTriggerProps }\">\n        <slot\n          name=\"trigger\"\n          :open=\"isOpen\"\n          :toggle=\"toggle\"\n          :close=\"close\"\n          :trigger-props=\"menuTriggerProps(popoverTriggerProps)\"\n        />\n      </template>\n\n      <template #content=\"{ close: closePanel }\">\n        <div\n          ref=\"menuEl\"\n          data-gr-dropdown-panel\n          :style=\"panelStyle\"\n          @keydown=\"menu.onKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"closePanel\" />\n          </div>\n        </div>\n      </template>\n    </GrPopover>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport {\n  grDropdownContentClass,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport type GrDropdownTrigger = 'click' | 'hover'\n\nexport interface GrDropdownProps {\n  /** Размещение панели относительно триггера; `flip` при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Панель не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownEmits {\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\n/**\n * Меню поверх `GrPopover`.\n *\n * Панель, слой, портал, позиционирование, наведение с задержками и возврат\n * фокуса принадлежат примитиву. До этого здесь жила вторая их реализация:\n * карта `transform-origin` совпадала с поповерской дословно все двенадцать\n * записей, поверхность панели — шесть утилит — была скопирована, а сборка слоя\n * и портала повторяла его же. Расходились бы молча.\n *\n * Меню оставляет себе то, что меню и есть: кольцо фокуса по пунктам, поиск по\n * буквам, клавиатуру открытия и ширину панели. Тот же приём, что у\n * `GrContextMenu`, который так устроен с самого начала.\n */\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownEmits>()\n\n// Имя `isOpen` сохранено: читатели работают с computed-Ref.\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\n/**\n * Контейнер пунктов — он же контейнер кольца фокуса.\n *\n * Панель `GrPopover` рисует `v-show`, поэтому содержимое слота существует в DOM\n * с монтирования: ссылка готова до первого открытия, и `focusAt` не приходится\n * ждать отрисовки панели.\n */\nconst menuEl = ref<HTMLElement | null>(null)\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => menuEl.value,\n  close: () => close(),\n})\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n}\n\nfunction close(): void {\n  setOpen(false)\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n  await nextTick()\n  menu.focusAt(first ? 0 : -1)\n}\n\n/**\n * Что меню добавляет к `triggerProps` примитива.\n *\n * Примитив отдаёт ARIA и клик; стрелки, открывающие меню с первого или\n * последнего пункта, принадлежат паттерну `menu` и живут здесь.\n *\n * И `aria-disabled` вместо нативного `disabled`. Расхождение намеренное:\n * нативный атрибут убирает кнопку из таб-порядка, а у меню триггер обязан\n * оставаться фокусируемым — иначе пользователь клавиатуры не найдёт его вовсе и\n * не узнает, почему меню недоступно. Форм-контролу (`GrColorPicker`) верно\n * обратное, поэтому примитив оставляет нативный, а меню его перекрывает.\n */\nfunction menuTriggerProps(popoverProps: Record<string, unknown>): Record<string, unknown> {\n  return {\n    ...popoverProps,\n    'disabled': undefined,\n    'aria-disabled': props.disabled || undefined,\n    'onKeydown': onTriggerKeydown,\n  }\n}\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (isOpen.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nwatch(\n  () => props.disabled,\n  (value) => {\n    if (value)\n      close()\n  },\n)\n\nfunction toCssLength(value: GrDropdownWidth): string | undefined {\n  if (value === 'auto')\n    return undefined\n  if (typeof value === 'number')\n    return `${value}px`\n\n  // Строка без единиц браузер просто отбросит, поэтому трактуем её как пиксели\n  // — и предупреждаем: `width=\"48\"` легко прочесть как токен шкалы `w-48`.\n  const bare = value.trim()\n  if (/^\\d+$/.test(bare)) {\n    if (__GR_DEV__) {\n      console.warn(\n        `[GrDropdown] width=\"${value}\" трактуется как ${bare}px. `\n        + 'Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: '\n        + `width=\"${bare}px\" или :width=\"${bare}\".`,\n      )\n    }\n    return `${bare}px`\n  }\n\n  return value\n}\n\nconst panelStyle = computed(() => {\n  const width = toCssLength(props.width)\n\n  return width ? { width } : undefined\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\ndefineExpose({ open, close, toggle })\n\ndefineSlots<{\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус, а клик приезжает вместе с ними.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n  /** Содержимое меню. */\n  content?: (props: { close: () => void }) => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <GrPopover\n      role=\"menu\"\n      padding=\"none\"\n      :open=\"isOpen\"\n      :placement=\"placement\"\n      :offset-px=\"offset\"\n      :trigger=\"trigger\"\n      :open-delay=\"openDelay\"\n      :close-delay=\"closeDelay\"\n      :disabled=\"disabled\"\n      :close-on-content-click=\"closeOnContentClick\"\n      :teleport-to=\"teleportTo\"\n      :auto-focus=\"false\"\n      @update:open=\"setOpen\"\n    >\n      <template #trigger=\"{ triggerProps: popoverTriggerProps }\">\n        <slot\n          name=\"trigger\"\n          :open=\"isOpen\"\n          :toggle=\"toggle\"\n          :close=\"close\"\n          :trigger-props=\"menuTriggerProps(popoverTriggerProps)\"\n        />\n      </template>\n\n      <template #content=\"{ close: closePanel }\">\n        <div\n          ref=\"menuEl\"\n          data-gr-dropdown-panel\n          :style=\"panelStyle\"\n          @keydown=\"menu.onKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"closePanel\" />\n          </div>\n        </div>\n      </template>\n    </GrPopover>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDropdown/index.js

@@ -1,3 +1,3 @@
-import { t as GrDropdown_default } from "./chunks/GrDropdown-cLZuZMEY.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-CT4lP6S4.js";
+import { t as GrDropdown_default } from "./chunks/GrDropdown-kxwmgfSe.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-BOCzHqWh.js";
 export { GrDropdown_default as GrDropdown, GrDropdown_default as default, grDropdownConfig, grDropdownSafelist };

package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-Dxkz_ry4.js → GrDropdownMenu--VoK3VY0.js}

@@ -1,7 +1,6 @@
-import { a as colsClass, o as columnBaseClass, s as columnsBaseClass, t as alignClass } from "../../../chunks/grDropdownMenuStyles-Cf8OdR8S.js";
 import { n as GrDropdownMenuEntries_default, t as GrDropdownMenuList_default } from "./GrDropdownMenuList-B33ZzwfB.js";
-import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-cLZuZMEY.js";
-import { createBlock, createElementBlock, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-kxwmgfSe.js";
+import { createBlock, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, withCtx } from "vue";
 //#endregion
 //#region src/components/GrDropdownMenu/GrDropdownMenu.vue
 var GrDropdownMenu_default = /* @__PURE__ */ defineComponent({
@@ -97,34 +96,4 @@ var GrDropdownMenu_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/components/GrDropdownMenu/GrDropdownMenuColumn.vue
-var GrDropdownMenuColumn_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDropdownMenuColumn",
-	props: { align: { default: "center" } },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"data-gr-dropdown-menu-column": "",
-				role: "none",
-				class: normalizeClass([unref(columnBaseClass), unref(alignClass)[__props.align]])
-			}, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-//#region src/components/GrDropdownMenu/GrDropdownMenuColumns.vue
-var GrDropdownMenuColumns_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDropdownMenuColumns",
-	props: { cols: { default: 2 } },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"data-gr-dropdown-menu-columns": "",
-				role: "none",
-				class: normalizeClass([unref(columnsBaseClass), unref(colsClass)[__props.cols]])
-			}, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-export { GrDropdownMenuColumn_default as n, GrDropdownMenu_default as r, GrDropdownMenuColumns_default as t };
+export { GrDropdownMenu_default as t };

package/dist/components/GrDropdownMenu/chunks/GrDropdownMenu--VoK3VY0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDropdownMenu--VoK3VY0.js","names":[],"sources":["../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n// Типы размещения и ширины — из владельца API, а не переобъявлением: расхождение\n// обнаружилось бы только рантаймом.\nimport type { GrDropdownTrigger } from '../GrDropdown/GrDropdown.vue'\nimport type { GrDropdownWidth } from '../GrDropdown/grDropdownStyles'\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\n\nimport GrDropdownMenuEntries from './GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } from './menuModel'\n\nexport interface GrDropdownMenuProps {\n  /** Размещение панели относительно триггера; переворот при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Меню не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  /** Точечное переопределение точки монтирования; по умолчанию — общий портал. */\n  teleportTo?: string | HTMLElement\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера. */\n  contentClass?: string\n  /**\n   * Декларативное меню: пункты, группы и разделители массивом. Слот по\n   * умолчанию сильнее — он для меню, которое из модели не собирается.\n   */\n  items?: GrDropdownMenuEntry[]\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`) — прокидывается в\n   * `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownMenuEmits {\n  /** Выбран пункт декларативного меню. */\n  (e: 'select', item: GrDropdownMenuAction): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  teleportTo: undefined,\n  closeOnContentClick: true,\n  // Поле панели принадлежит панели. Гасить его отсюда своим `p-0` нельзя: оба\n  // класса попадают в один атрибут с равной специфичностью, и победителя\n  // выбирает порядок правил в сгенерированном CSS, а не разметка. Пункт вписан\n  // в это поле собственным радиусом — см. `itemBaseClass`.\n  contentClass: '',\n  items: undefined,\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownMenuEmits>()\n\ndefineSlots<{\n  /** Пункты меню. Слот-пропы прокидываются от `GrDropdown` как есть. */\n  default?: (props: { close: () => void }) => any\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n}>()\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :width=\"width\"\n    :trigger=\"trigger\"\n    :open-delay=\"openDelay\"\n    :close-delay=\"closeDelay\"\n    :disabled=\"disabled\"\n    :teleport-to=\"teleportTo\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n    :open=\"open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\">\n          <GrDropdownMenuEntries :items=\"items\" @select=\"emit('select', $event)\" />\n        </slot>\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n// Типы размещения и ширины — из владельца API, а не переобъявлением: расхождение\n// обнаружилось бы только рантаймом.\nimport type { GrDropdownTrigger } from '../GrDropdown/GrDropdown.vue'\nimport type { GrDropdownWidth } from '../GrDropdown/grDropdownStyles'\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\n\nimport GrDropdownMenuEntries from './GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } from './menuModel'\n\nexport interface GrDropdownMenuProps {\n  /** Размещение панели относительно триггера; переворот при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Меню не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  /** Точечное переопределение точки монтирования; по умолчанию — общий портал. */\n  teleportTo?: string | HTMLElement\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера. */\n  contentClass?: string\n  /**\n   * Декларативное меню: пункты, группы и разделители массивом. Слот по\n   * умолчанию сильнее — он для меню, которое из модели не собирается.\n   */\n  items?: GrDropdownMenuEntry[]\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`) — прокидывается в\n   * `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownMenuEmits {\n  /** Выбран пункт декларативного меню. */\n  (e: 'select', item: GrDropdownMenuAction): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  teleportTo: undefined,\n  closeOnContentClick: true,\n  // Поле панели принадлежит панели. Гасить его отсюда своим `p-0` нельзя: оба\n  // класса попадают в один атрибут с равной специфичностью, и победителя\n  // выбирает порядок правил в сгенерированном CSS, а не разметка. Пункт вписан\n  // в это поле собственным радиусом — см. `itemBaseClass`.\n  contentClass: '',\n  items: undefined,\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownMenuEmits>()\n\ndefineSlots<{\n  /** Пункты меню. Слот-пропы прокидываются от `GrDropdown` как есть. */\n  default?: (props: { close: () => void }) => any\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n}>()\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :width=\"width\"\n    :trigger=\"trigger\"\n    :open-delay=\"openDelay\"\n    :close-delay=\"closeDelay\"\n    :disabled=\"disabled\"\n    :teleport-to=\"teleportTo\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n    :open=\"open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\">\n          <GrDropdownMenuEntries :items=\"items\" @select=\"emit('select', $event)\" />\n        </slot>\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFA,MAAM,OAAO;;GAoBX,OAAA,UAAA,GAAA,YA+Ba,oBAAA;IA9BX,yBAAA;IACC,WAAW,QAAA;IACX,QAAQ,QAAA;IACR,OAAO,QAAA;IACP,SAAS,QAAA;IACT,cAAY,QAAA;IACZ,eAAa,QAAA;IACb,UAAU,QAAA;IACV,eAAa,QAAA;IACb,0BAAwB,QAAA;IACxB,iBAAe,QAAA;IACf,MAAM,QAAA;IACN,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,MAAM;;IAE7B,SAAO,SAAE,cAAS,CAC3B,WAA0C,KAAA,QAAA,WAAA,eAAA,mBAAb,SAAS,CAAA,CAAA,CAAA,CAAA;IAG7B,SAAO,SAAE,cAAS,CAC3B,YASqB,4BAAA;KARlB,UAAU,QAAA;KACV,cAAY,QAAA;KACZ,iBAAe,QAAA;KACf,OAAK,eAAE,QAAA,SAAS;;KAEjB,SAAA,cAEO,CAFP,WAEO,KAAA,QAAA,WAAA,eAAA,mBAFO,SAAS,CAAA,SAEhB,CADL,YAAyE,+BAAA;MAAjD,OAAO,QAAA;MAAQ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,MAAM"}

package/dist/components/GrDropdownMenu/chunks/GrDropdownMenu-CkM3BFPL.js

@@ -0,0 +1,34 @@
+import { a as colsClass, o as columnBaseClass, s as columnsBaseClass, t as alignClass } from "../../../chunks/grDropdownMenuStyles-Cf8OdR8S.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#endregion
+//#region src/components/GrDropdownMenu/GrDropdownMenuColumn.vue
+var GrDropdownMenuColumn_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDropdownMenuColumn",
+	props: { align: { default: "center" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-dropdown-menu-column": "",
+				role: "none",
+				class: normalizeClass([unref(columnBaseClass), unref(alignClass)[__props.align]])
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/GrDropdownMenu/GrDropdownMenuColumns.vue
+var GrDropdownMenuColumns_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDropdownMenuColumns",
+	props: { cols: { default: 2 } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-dropdown-menu-columns": "",
+				role: "none",
+				class: normalizeClass([unref(columnsBaseClass), unref(colsClass)[__props.cols]])
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { GrDropdownMenuColumn_default as n, GrDropdownMenuColumns_default as t };

package/dist/components/GrDropdownMenu/chunks/GrDropdownMenu-CkM3BFPL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDropdownMenu-CkM3BFPL.js","names":[],"sources":["../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { alignClass, columnBaseClass, type GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\ndefineSlots<{\n  /** Содержимое колонки меню. */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    role=\"none\"\n    :class=\"[columnBaseClass, alignClass[align]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { alignClass, columnBaseClass, type GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\ndefineSlots<{\n  /** Содержимое колонки меню. */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    role=\"none\"\n    :class=\"[columnBaseClass, alignClass[align]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { colsClass, columnsBaseClass, type GrDropdownMenuColumnsCount } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: GrDropdownMenuColumnsCount\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\ndefineSlots<{\n  /** Колонки меню (`GrDropdownMenuColumn`). */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    role=\"none\"\n    :class=\"[columnsBaseClass, colsClass[cols]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { colsClass, columnsBaseClass, type GrDropdownMenuColumnsCount } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: GrDropdownMenuColumnsCount\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\ndefineSlots<{\n  /** Колонки меню (`GrDropdownMenuColumn`). */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    role=\"none\"\n    :class=\"[columnsBaseClass, colsClass[cols]]\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;GAoBE,OAAA,UAAA,GAAA,mBAMM,OAAA;IALJ,gCAAA;IACA,MAAK;IACJ,OAAK,eAAA,CAAG,MAAA,eAAA,GAAiB,MAAA,UAAA,CAAU,CAAC,QAAA,MAAK,CAAA;GAE1C,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;;;;;;;;;;;GEPV,OAAA,UAAA,GAAA,mBAMM,OAAA;IALJ,iCAAA;IACA,MAAK;IACJ,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,SAAA,CAAS,CAAC,QAAA,KAAI,CAAA;GAEzC,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/GrDropdownMenu/index.js

@@ -1,4 +1,5 @@
 import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, o as GrDropdownMenuGroup_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuList_default } from "./chunks/GrDropdownMenuList-B33ZzwfB.js";
-import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./chunks/GrDropdownMenu-Dxkz_ry4.js";
+import { t as GrDropdownMenu_default } from "./chunks/GrDropdownMenu--VoK3VY0.js";
+import { n as GrDropdownMenuColumn_default, t as GrDropdownMenuColumns_default } from "./chunks/GrDropdownMenu-CkM3BFPL.js";
 import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "../../chunks/config-_jbgsFpw.js";
 export { GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenu_default as default, 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, grDropdownMenuConfig, grDropdownMenuSafelist };

package/dist/components/GrEmptyState/chunks/{GrEmptyState-BbvwE-E0.js → GrEmptyState-Bz6-_ED4.js}

@@ -4,13 +4,13 @@ import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-DTZIgmje.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
-var _hoisted_1$1 = {
+var _hoisted_1$2 = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
-function render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+function render$2(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
@@ -20,6 +20,34 @@ function render$1(_ctx, _cache) {
 }
 var inbox_default = markRaw({
 	name: "lucide-inbox",
+	render: render$2
+});
+//#endregion
+//#region ~icons/lucide/search-x
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [
+		createElementVNode("path", { d: "m13.5 8.5l-5 5m0-5l5 5" }),
+		createElementVNode("circle", {
+			cx: "11",
+			cy: "11",
+			r: "8"
+		}),
+		createElementVNode("path", { d: "m21 21l-4.3-4.3" })
+	], -1)])]);
+}
+var search_x_default = markRaw({
+	name: "lucide-search-x",
 	render: render$1
 });
 //#endregion
@@ -34,7 +62,8 @@ var GrEmptyState_default = /* @__PURE__ */ defineComponent({
 		description: { default: void 0 },
 		size: { default: void 0 },
 		variant: { default: void 0 },
-		headingLevel: { default: void 0 }
+		headingLevel: { default: void 0 },
+		kind: { default: "empty" }
 	},
 	setup(__props) {
 		const props = __props;
@@ -44,7 +73,8 @@ var GrEmptyState_default = /* @__PURE__ */ defineComponent({
 		const resolvedVariant = useGrComponentProp("GrEmptyState", "variant", () => props.variant, "outlined");
 		const headingLevel = useGrComponentProp("GrEmptyState", "headingLevel", () => props.headingLevel, 3);
 		const headingTag = computed(() => `h${headingLevel.value}`);
-		const resolvedTitle = computed(() => props.title ?? t("gr.emptyState.title", "Nothing here yet"));
+		const defaultTitle = computed(() => props.kind === "search" ? t("gr.emptyState.searchTitle", "Nothing found") : t("gr.emptyState.title", "Nothing here yet"));
+		const resolvedTitle = computed(() => props.title ?? defaultTitle.value);
 		const hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -58,7 +88,13 @@ var GrEmptyState_default = /* @__PURE__ */ defineComponent({
 					"data-gr-empty-state-icon": "",
 					class: normalizeClass([unref(iconBoxBaseClass), unref(iconBoxBySize)[unref(resolvedSize)]])
 				}, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(GrIcon_default, { size: unref(iconSizeBySize)[unref(resolvedSize)] }, {
-					default: withCtx(() => [createVNode(unref(inbox_default), { "aria-hidden": "true" })]),
+					default: withCtx(() => [__props.kind === "search" ? (openBlock(), createBlock(unref(search_x_default), {
+						key: 0,
+						"aria-hidden": "true"
+					})) : (openBlock(), createBlock(unref(inbox_default), {
+						key: 1,
+						"aria-hidden": "true"
+					}))]),
 					_: 1
 				}, 8, ["size"])])], 2)]),
 				(openBlock(), createBlock(resolveDynamicComponent(headingTag.value), {

package/dist/components/GrEmptyState/chunks/GrEmptyState-Bz6-_ED4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrEmptyState-Bz6-_ED4.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'\nimport IconSearchX from '~icons/lucide/search-x'\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 GrEmptyStateKind,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateKind,\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   * Что за пустота: ещё ничего не создано (`empty`) или под запросом ничего не\n   * нашлось (`search`). Меняет иконку и заголовок по умолчанию; заданный\n   * `title` сильнее в обоих случаях.\n   */\n  kind?: GrEmptyStateKind\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n  kind: 'empty',\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 defaultTitle = computed(() => (props.kind === 'search'\n  ? t('gr.emptyState.searchTitle', 'Nothing found')\n  : t('gr.emptyState.title', 'Nothing here yet')))\n\nconst resolvedTitle = computed(() => props.title ?? defaultTitle.value)\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            <IconSearchX v-if=\"kind === 'search'\" aria-hidden=\"true\" />\n            <IconInbox v-else 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'\nimport IconSearchX from '~icons/lucide/search-x'\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 GrEmptyStateKind,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateKind,\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   * Что за пустота: ещё ничего не создано (`empty`) или под запросом ничего не\n   * нашлось (`search`). Меняет иконку и заголовок по умолчанию; заданный\n   * `title` сильнее в обоих случаях.\n   */\n  kind?: GrEmptyStateKind\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n  kind: 'empty',\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 defaultTitle = computed(() => (props.kind === 'search'\n  ? t('gr.emptyState.searchTitle', 'Nothing found')\n  : t('gr.emptyState.title', 'Nothing here yet')))\n\nconst resolvedTitle = computed(() => props.title ?? defaultTitle.value)\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            <IconSearchX v-if=\"kind === 'search'\" aria-hidden=\"true\" />\n            <IconInbox v-else 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DA,MAAM,QAAQ;EASd,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,eAAe,eAAgB,MAAM,SAAS,WAChD,EAAE,6BAA6B,eAAe,IAC9C,EAAE,uBAAuB,kBAAkB,CAAE;EAEjD,MAAM,gBAAgB,eAAe,MAAM,SAAS,aAAa,KAAK;EACtE,MAAM,iBAAiB,eAAe,QAAQ,MAAM,WAAW,KAAK,QAAQ,MAAM,WAAW,CAAC;;GAI5F,OAAA,UAAA,GAAA,mBA0CM,OAAA;IAzCJ,uBAAA;IACC,OAAK,eAAE,MAAA,qBAAA,CAAqB,CAAA;KAAA,SAAY,MAAA,eAAA;KAAe,MAAQ,MAAA,YAAA;IAAY,CAAA,CAAA;;IAE5E,mBASM,OATN,YASM,CARJ,mBAOM,OAAA;KAPD,4BAAA;KAA0B,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;IACjF,GAAA,CAAA,WAKO,KAAA,QAAA,QAAA,CAAA,SAAA,CAJL,YAGS,gBAAA,EAHA,MAAM,MAAA,cAAA,CAAc,CAAC,MAAA,YAAA,GAAA,GAAA;KAC5B,SAAA,cAA2D,CAAxC,QAAA,SAAI,YAAvB,UAAA,GAAA,YAA2D,MAAA,gBAAA,GAAA;;MAArB,eAAY;KAClD,CAAA,MAAA,UAAA,GAAA,YAAuC,MAAA,aAAA,GAAA;;MAArB,eAAY;;;;KAMtC,UAAA,GAAA,YAQY,wBAPL,WAAA,KAAU,GAAA;KACf,6BAAA;KACC,OAAK,eAAA,CAAG,MAAA,cAAA,GAAgB,MAAA,WAAA,CAAW,CAAC,MAAA,YAAA,EAAY,CAAA;;KAEjD,SAAA,cAEO,CAFP,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CADF,gBAAA,gBAAA,cAAA,KAAa,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;IAKZ,eAAA,SADR,UAAA,GAAA,mBAQM,OAAA;;KANJ,mCAAA;KACC,OAAK,eAAA,CAAG,MAAA,oBAAA,GAAsB,MAAA,iBAAA,CAAiB,CAAC,MAAA,YAAA,EAAY,CAAA;IAE7D,GAAA,CAAA,WAEO,KAAA,QAAA,eAAA,CAAA,SAAA,CADF,gBAAA,gBAAA,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAKVA,KAAAA,OAAO,WADf,UAAA,GAAA,mBAMM,OAAA;;KAJJ,+BAAA;KACC,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;IAErD,GAAA,CAAA,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-BbvwE-E0.js";
+import { t as GrEmptyState_default } from "./chunks/GrEmptyState-Bz6-_ED4.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-BwMR71zN.js → GrFileUpload-Bgdfnkd8.js}

@@ -900,8 +900,11 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 		}
 		onMounted(() => {
 			if (!(process.env.NODE_ENV !== "production")) return;
-			if (props.action || props.request) return;
-			console.warn("[GrFileUpload] не задан ни `action`, ни `request`: отправлять файлы некуда.");
+			if (!props.action && !props.request) {
+				console.warn("[GrFileUpload] не задан ни `action`, ни `request`: отправлять файлы некуда.");
+				return;
+			}
+			if (props.action && props.request) console.warn("[GrFileUpload] заданы и `action`, и `request`: файлы отправит `request`, `action` не будет использован.");
 		});
 		onBeforeUnmount(() => {
 			clearScheduledIdle();