@feugene/granularity 0.8.0 → 0.9.1

package/dist/components/GrDataTable/chunks/{GrDataTable-QDOJWmdY.js.map → GrDataTable-ClcYiyc8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDataTable-QDOJWmdY.js","names":["$slots"],"sources":["../../../../src/components/GrDataTable/GrDataTable.vue","../../../../src/components/GrDataTable/GrDataTable.vue"],"sourcesContent":["\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки. */\n  initialSortKey?: string\n  /** Направление начальной сортировки. */\n  initialSortDir?: 'asc' | 'desc'\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst sortKey = ref<string>(props.initialSortKey ?? '')\nconst sortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  if (!sortKey.value)\n    return items\n\n  const key = sortKey.value\n  const dir = sortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (sortKey.value !== col.key) {\n    sortKey.value = col.key\n    sortDir.value = 'asc'\n    return\n  }\n\n  sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (sortKey.value !== col.key)\n    return 'none'\n  return sortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (sortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return sortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-ds-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-ds-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"sortKey === col.key && sortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"sortKey === col.key && sortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-ds-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-ds-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n","\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки. */\n  initialSortKey?: string\n  /** Направление начальной сортировки. */\n  initialSortDir?: 'asc' | 'desc'\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst sortKey = ref<string>(props.initialSortKey ?? '')\nconst sortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  if (!sortKey.value)\n    return items\n\n  const key = sortKey.value\n  const dir = sortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (sortKey.value !== col.key) {\n    sortKey.value = col.key\n    sortDir.value = 'asc'\n    return\n  }\n\n  sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (sortKey.value !== col.key)\n    return 'none'\n  return sortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (sortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return sortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-ds-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-ds-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"sortKey === col.key && sortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"sortKey === col.key && sortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-ds-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-ds-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDataTable-ClcYiyc8.js","names":["$slots"],"sources":["../../../../src/components/GrDataTable/GrDataTable.vue","../../../../src/components/GrDataTable/GrDataTable.vue"],"sourcesContent":["\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки. */\n  initialSortKey?: string\n  /** Направление начальной сортировки. */\n  initialSortDir?: 'asc' | 'desc'\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst sortKey = ref<string>(props.initialSortKey ?? '')\nconst sortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  if (!sortKey.value)\n    return items\n\n  const key = sortKey.value\n  const dir = sortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (sortKey.value !== col.key) {\n    sortKey.value = col.key\n    sortDir.value = 'asc'\n    return\n  }\n\n  sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (sortKey.value !== col.key)\n    return 'none'\n  return sortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (sortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return sortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-ds-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-ds-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"sortKey === col.key && sortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"sortKey === col.key && sortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-ds-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-ds-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n","\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки. */\n  initialSortKey?: string\n  /** Направление начальной сортировки. */\n  initialSortDir?: 'asc' | 'desc'\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst sortKey = ref<string>(props.initialSortKey ?? '')\nconst sortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  if (!sortKey.value)\n    return items\n\n  const key = sortKey.value\n  const dir = sortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (sortKey.value !== col.key) {\n    sortKey.value = col.key\n    sortDir.value = 'asc'\n    return\n  }\n\n  sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (sortKey.value !== col.key)\n    return 'none'\n  return sortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (sortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return sortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-ds-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-ds-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"sortKey === col.key && sortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"sortKey === col.key && sortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-ds-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-ds-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDataTable/index.js

@@ -1,3 +1,3 @@
-import { t as GrDataTable_default } from "./chunks/GrDataTable-QDOJWmdY.js";
-import { t as grDataTableConfig } from "../../chunks/config-DK2NpdyX2.js";
+import { t as GrDataTable_default } from "./chunks/GrDataTable-ClcYiyc8.js";
+import { t as grDataTableConfig } from "../../chunks/config-vcDVCYXo.js";
 export { GrDataTable_default as GrDataTable, GrDataTable_default as default, grDataTableConfig };

package/dist/components/GrDialog/chunks/{GrDialog-Ba3Ojcsq.js → GrDialog-SYcF-4op.js}

@@ -1,7 +1,7 @@
 import { t as x_default } from "../../../chunks/x-Pa6C2hwi.js";
 import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
 import { a as Ve } from "../../../chunks/transition-mJ3PZCHH.js";
-import { t as GrModal_default } from "../../GrModal/chunks/GrModal-gvfvlp7k.js";
+import { t as GrModal_default } from "../../GrModal/chunks/GrModal-2ALC3kwy.js";
 import { a as resolveGrDialogTitle, i as resolveGrDialogSectionConfig, n as DEFAULT_GR_DIALOG_FOOTER_CONFIG, r as DEFAULT_GR_DIALOG_HEADER_CONFIG, t as DEFAULT_GR_DIALOG_BODY_CONFIG } from "../../../chunks/dialogShared-BtXUk6Zc.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
 //#endregion

package/dist/components/GrDialog/chunks/{GrDialog-Ba3Ojcsq.js.map → GrDialog-SYcF-4op.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDialog-Ba3Ojcsq.js","names":["$emit","$emit"],"sources":["../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialog.vue","../../../../src/components/GrDialog/GrDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--brd)]' : '',\n])\n</script>\n\n<template>\n  <div data-ds-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--brd)]' : '',\n])\n</script>\n\n<template>\n  <div data-ds-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем дефолт. Не хардкодим английское \"Close\" — DS должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? 'Close')\n\ndefineEmits<{\n  (e: 'click'): void\n}>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-ds-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем дефолт. Не хардкодим английское \"Close\" — DS должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? 'Close')\n\ndefineEmits<{\n  (e: 'click'): void\n}>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-ds-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { DialogTitle } from '@headlessui/vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: 'Close',\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<{\n  (e: 'close'): void\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый `DialogTitle` рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n</script>\n\n<template>\n  <div data-ds-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <DialogTitle\n      v-else-if=\"showVisibleTitle\"\n      as=\"div\"\n      class=\"flex-1 min-w-0 text-[14px] font-700\"\n    >\n      {{ resolvedTitle }}\n    </DialogTitle>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { DialogTitle } from '@headlessui/vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: 'Close',\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<{\n  (e: 'close'): void\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый `DialogTitle` рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n</script>\n\n<template>\n  <div data-ds-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <DialogTitle\n      v-else-if=\"showVisibleTitle\"\n      as=\"div\"\n      class=\"flex-1 min-w-0 text-[14px] font-700\"\n    >\n      {{ resolvedTitle }}\n    </DialogTitle>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — DS-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   HeadlessUI корректно проставил `aria-labelledby` на панель.\n */\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём HeadlessUI a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <div class=\"overflow-hidden rounded-[inherit]\">\n      <GrDialogHeader\n        v-if=\"showHeader\"\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n\n      <div :class=\"bodyClass\">\n        <slot />\n      </div>\n\n      <GrDialogFooter v-if=\"slots.footer\" :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </div>\n  </GrModal>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — DS-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   HeadlessUI корректно проставил `aria-labelledby` на панель.\n */\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём HeadlessUI a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <div class=\"overflow-hidden rounded-[inherit]\">\n      <GrDialogHeader\n        v-if=\"showHeader\"\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n\n      <div :class=\"bodyClass\">\n        <slot />\n      </div>\n\n      <GrDialogFooter v-if=\"slots.footer\" :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </div>\n  </GrModal>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDialog-SYcF-4op.js","names":["$emit","$emit"],"sources":["../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialog.vue","../../../../src/components/GrDialog/GrDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--brd)]' : '',\n])\n</script>\n\n<template>\n  <div data-ds-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--brd)]' : '',\n])\n</script>\n\n<template>\n  <div data-ds-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем дефолт. Не хардкодим английское \"Close\" — DS должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? 'Close')\n\ndefineEmits<{\n  (e: 'click'): void\n}>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-ds-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем дефолт. Не хардкодим английское \"Close\" — DS должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? 'Close')\n\ndefineEmits<{\n  (e: 'click'): void\n}>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-ds-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { DialogTitle } from '@headlessui/vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: 'Close',\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<{\n  (e: 'close'): void\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый `DialogTitle` рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n</script>\n\n<template>\n  <div data-ds-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <DialogTitle\n      v-else-if=\"showVisibleTitle\"\n      as=\"div\"\n      class=\"flex-1 min-w-0 text-[14px] font-700\"\n    >\n      {{ resolvedTitle }}\n    </DialogTitle>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { DialogTitle } from '@headlessui/vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: 'Close',\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<{\n  (e: 'close'): void\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый `DialogTitle` рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n</script>\n\n<template>\n  <div data-ds-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <DialogTitle\n      v-else-if=\"showVisibleTitle\"\n      as=\"div\"\n      class=\"flex-1 min-w-0 text-[14px] font-700\"\n    >\n      {{ resolvedTitle }}\n    </DialogTitle>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — DS-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   HeadlessUI корректно проставил `aria-labelledby` на панель.\n */\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём HeadlessUI a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <div class=\"overflow-hidden rounded-[inherit]\">\n      <GrDialogHeader\n        v-if=\"showHeader\"\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n\n      <div :class=\"bodyClass\">\n        <slot />\n      </div>\n\n      <GrDialogFooter v-if=\"slots.footer\" :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </div>\n  </GrModal>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — DS-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   HeadlessUI корректно проставил `aria-labelledby` на панель.\n */\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: 'Close',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём HeadlessUI a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <div class=\"overflow-hidden rounded-[inherit]\">\n      <GrDialogHeader\n        v-if=\"showHeader\"\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n\n      <div :class=\"bodyClass\">\n        <slot />\n      </div>\n\n      <GrDialogFooter v-if=\"slots.footer\" :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </div>\n  </GrModal>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDialog/index.js

@@ -1,4 +1,4 @@
 import { a as resolveGrDialogTitle, i as resolveGrDialogSectionConfig, n as DEFAULT_GR_DIALOG_FOOTER_CONFIG, r as DEFAULT_GR_DIALOG_HEADER_CONFIG, t as DEFAULT_GR_DIALOG_BODY_CONFIG } from "../../chunks/dialogShared-BtXUk6Zc.js";
-import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./chunks/GrDialog-Ba3Ojcsq.js";
-import { t as grDialogSafelist } from "../../chunks/safelist-BF822K15.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./chunks/GrDialog-SYcF-4op.js";
+import { t as grDialogSafelist } from "../../chunks/safelist-_UVzJrgE2.js";
 export { DEFAULT_GR_DIALOG_BODY_CONFIG, DEFAULT_GR_DIALOG_FOOTER_CONFIG, DEFAULT_GR_DIALOG_HEADER_CONFIG, GrDialog_default as GrDialog, GrDialog_default as default, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, grDialogSafelist, resolveGrDialogSectionConfig, resolveGrDialogTitle };

package/dist/components/GrDrawer/chunks/{GrDrawer-h33X403E.js → GrDrawer-BW3wtI7h.js}

@@ -2,7 +2,7 @@ import { t as x_default } from "../../../chunks/x-Pa6C2hwi.js";
 import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
 import { a as Ve, n as he, o as Ye, r as Ge, t as Se } from "../../../chunks/transition-mJ3PZCHH.js";
-import { i as grDrawerPanelEnterFrom, r as grDrawerPanelClass } from "../../../chunks/config-DxqpV-KM.js";
+import { i as grDrawerPanelEnterFrom, r as grDrawerPanelClass } from "../../../chunks/config-C6zT56Jc2.js";
 import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useId, withCtx } from "vue";
 //#region src/components/GrDrawer/GrDrawer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "fixed inset-0" };

package/dist/components/GrDrawer/chunks/{GrDrawer-h33X403E.js.map → GrDrawer-BW3wtI7h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDrawer-h33X403E.js","names":["$slots"],"sources":["../../../../src/components/GrDrawer/GrDrawer.vue","../../../../src/components/GrDrawer/GrDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: 'Close',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'Escape') return\n  if (!props.closeOnEsc) return\n  e.stopPropagation()\n  e.preventDefault()\n  close()\n}\n</script>\n\n<template>\n  <teleport to=\"body\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-ds-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n        @keydown=\"onKeydown\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-ds-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-ds-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-ds-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-ds-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ title ?? 'Drawer' }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"closeLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-ds-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-ds-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: 'Close',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'Escape') return\n  if (!props.closeOnEsc) return\n  e.stopPropagation()\n  e.preventDefault()\n  close()\n}\n</script>\n\n<template>\n  <teleport to=\"body\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-ds-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n        @keydown=\"onKeydown\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-ds-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-ds-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-ds-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-ds-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ title ?? 'Drawer' }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"closeLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-ds-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-ds-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EASd,MAAM,OAAO;EAIb,MAAM,UAAU,OAAM;EAEtB,MAAM,aAAa,eAAe;AAChC,UAAO,mBAAmB;IAAE,MAAM,MAAM;IAAM,MAAM,MAAM;IAAM,CAAA;IACjE;EAED,MAAM,iBAAiB,eAAe,uBAAuB,MAAM,KAAK,CAAA;EAExE,SAAS,QAAc;AACrB,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,gBAAsB;AAC7B,OAAI,CAAC,MAAM,gBAAiB;AAC5B,UAAM;;EAGR,SAAS,iBAAuB;AAC9B,OAAI,CAAC,MAAM,gBAAiB;AAC5B,UAAM;;EAGR,SAAS,UAAU,GAAwB;AACzC,OAAI,EAAE,QAAQ,SAAU;AACxB,OAAI,CAAC,MAAM,WAAY;AACvB,KAAE,iBAAgB;AAClB,KAAE,gBAAe;AACjB,UAAM;;;uBAKN,YAqFW,UAAA,EArFD,IAAG,QAAM,EAAA,CACjB,YAmFiB,MAAA,GAAA,EAAA;IAnFA,MAAM,QAAA;IAAY,IAAG;;2BAkF3B,CAjFT,YAiFS,MAAA,GAAA,EAAA;KAhFP,IAAG;KACH,kBAAA;KACA,OAAM;KACL,QAAQ;KACR,mBAAiB,MAAA,QAAO;KACxB,SAAO;KACE;;4BAyEJ,CAvEN,mBAuEM,OAvEN,YAuEM,CAtEJ,YAekB,MAAA,GAAA,EAAA;MAdhB,IAAG;MACH,OAAM;MACN,cAAW;MACX,YAAS;MACT,OAAM;MACN,cAAW;MACX,YAAS;;6BAOP,CALF,mBAKE,OAAA;OAJA,0BAAA;OACA,OAAM;OACN,eAAY;OACX,SAAO;;;SAIZ,YAoDkB,MAAA,GAAA,EAAA;MAnDhB,IAAG;MACH,OAAM;MACL,cAAY,eAAA;MACb,YAAS;MACT,OAAM;MACN,cAAW;MACV,YAAU,eAAA;;6BA4CG,CA1Cd,YA0Cc,MAAA,GAAA,EAAA;OAzCZ,wBAAA;OACA,UAAS;OACT,OAAK,eAAA,CAAC,iCACE,WAAA,MAAU,CAAA;;8BAuBZ;QArBN,mBAqBM,OArBN,YAqBM,CAjBJ,YAIc,MAAA,GAAA,EAAA;SAJA,IAAI,MAAA,QAAO;SAAE,IAAG;SAAM,wBAAA;SAAqB,OAAM;;gCAGtD,CAFP,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,SAAK,SAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;uBAIZ,YAUW,kBAAA;SATT,SAAQ;SACR,MAAK;SACL,QAAA;SACC,cAAY,QAAA;SACZ,SAAO;;gCAIC,CAFT,YAES,gBAAA;UAFD,MAAK;UAAK,eAAY;;iCACf,CAAb,YAAa,MAAA,UAAA,CAAA,CAAA,CAAA;;;;;QAKnB,mBAIM,OAJN,YAIM,CAHJ,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA;QAKJA,KAAAA,OAAO,UAAA,WAAA,EADf,mBAMM,OANN,YAMM,CADJ,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"GrDrawer-BW3wtI7h.js","names":["$slots"],"sources":["../../../../src/components/GrDrawer/GrDrawer.vue","../../../../src/components/GrDrawer/GrDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: 'Close',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'Escape') return\n  if (!props.closeOnEsc) return\n  e.stopPropagation()\n  e.preventDefault()\n  close()\n}\n</script>\n\n<template>\n  <teleport to=\"body\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-ds-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n        @keydown=\"onKeydown\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-ds-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-ds-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-ds-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-ds-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ title ?? 'Drawer' }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"closeLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-ds-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-ds-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: 'Close',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'Escape') return\n  if (!props.closeOnEsc) return\n  e.stopPropagation()\n  e.preventDefault()\n  close()\n}\n</script>\n\n<template>\n  <teleport to=\"body\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-ds-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n        @keydown=\"onKeydown\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-ds-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-ds-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-ds-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-ds-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ title ?? 'Drawer' }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"closeLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-ds-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-ds-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EASd,MAAM,OAAO;EAIb,MAAM,UAAU,OAAM;EAEtB,MAAM,aAAa,eAAe;AAChC,UAAO,mBAAmB;IAAE,MAAM,MAAM;IAAM,MAAM,MAAM;IAAM,CAAA;IACjE;EAED,MAAM,iBAAiB,eAAe,uBAAuB,MAAM,KAAK,CAAA;EAExE,SAAS,QAAc;AACrB,QAAK,qBAAqB,MAAK;;EAGjC,SAAS,gBAAsB;AAC7B,OAAI,CAAC,MAAM,gBAAiB;AAC5B,UAAM;;EAGR,SAAS,iBAAuB;AAC9B,OAAI,CAAC,MAAM,gBAAiB;AAC5B,UAAM;;EAGR,SAAS,UAAU,GAAwB;AACzC,OAAI,EAAE,QAAQ,SAAU;AACxB,OAAI,CAAC,MAAM,WAAY;AACvB,KAAE,iBAAgB;AAClB,KAAE,gBAAe;AACjB,UAAM;;;uBAKN,YAqFW,UAAA,EArFD,IAAG,QAAM,EAAA,CACjB,YAmFiB,MAAA,GAAA,EAAA;IAnFA,MAAM,QAAA;IAAY,IAAG;;2BAkF3B,CAjFT,YAiFS,MAAA,GAAA,EAAA;KAhFP,IAAG;KACH,kBAAA;KACA,OAAM;KACL,QAAQ;KACR,mBAAiB,MAAA,QAAO;KACxB,SAAO;KACE;;4BAyEJ,CAvEN,mBAuEM,OAvEN,YAuEM,CAtEJ,YAekB,MAAA,GAAA,EAAA;MAdhB,IAAG;MACH,OAAM;MACN,cAAW;MACX,YAAS;MACT,OAAM;MACN,cAAW;MACX,YAAS;;6BAOP,CALF,mBAKE,OAAA;OAJA,0BAAA;OACA,OAAM;OACN,eAAY;OACX,SAAO;;;SAIZ,YAoDkB,MAAA,GAAA,EAAA;MAnDhB,IAAG;MACH,OAAM;MACL,cAAY,eAAA;MACb,YAAS;MACT,OAAM;MACN,cAAW;MACV,YAAU,eAAA;;6BA4CG,CA1Cd,YA0Cc,MAAA,GAAA,EAAA;OAzCZ,wBAAA;OACA,UAAS;OACT,OAAK,eAAA,CAAC,iCACE,WAAA,MAAU,CAAA;;8BAuBZ;QArBN,mBAqBM,OArBN,YAqBM,CAjBJ,YAIc,MAAA,GAAA,EAAA;SAJA,IAAI,MAAA,QAAO;SAAE,IAAG;SAAM,wBAAA;SAAqB,OAAM;;gCAGtD,CAFP,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBADF,QAAA,SAAK,SAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;uBAIZ,YAUW,kBAAA;SATT,SAAQ;SACR,MAAK;SACL,QAAA;SACC,cAAY,QAAA;SACZ,SAAO;;gCAIC,CAFT,YAES,gBAAA;UAFD,MAAK;UAAK,eAAY;;iCACf,CAAb,YAAa,MAAA,UAAA,CAAA,CAAA,CAAA;;;;;QAKnB,mBAIM,OAJN,YAIM,CAHJ,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA;QAKJA,KAAAA,OAAO,UAAA,WAAA,EADf,mBAMM,OANN,YAMM,CADJ,WAAsB,KAAA,QAAA,SAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/GrDrawer/index.js

@@ -1,3 +1,3 @@
-import { n as grDrawerSafelist, t as grDrawerConfig } from "../../chunks/config-DxqpV-KM.js";
-import { t as GrDrawer_default } from "./chunks/GrDrawer-h33X403E.js";
+import { n as grDrawerSafelist, t as grDrawerConfig } from "../../chunks/config-C6zT56Jc2.js";
+import { t as GrDrawer_default } from "./chunks/GrDrawer-BW3wtI7h.js";
 export { GrDrawer_default as GrDrawer, GrDrawer_default as default, grDrawerConfig, grDrawerSafelist };

package/dist/components/GrDropdown/chunks/{GrDropdown-BkACCXdp.js → GrDropdown-DOvHKnih.js}

@@ -1,5 +1,5 @@
 import { vClickOutside } from "../../../directives/clickOutside.js";
-import { i as grDropdownWidthClass, n as grDropdownAlignmentClass, r as grDropdownContentClass } from "../../../chunks/grDropdownStyles-DMp7RrI9.js";
+import { i as grDropdownWidthClass, n as grDropdownAlignmentClass, r as grDropdownContentClass } from "../../../chunks/grDropdownStyles-B41mVR1H.js";
 import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, unref, vShow, watch, withCtx, withDirectives } from "vue";
 //#region src/components/GrDropdown/GrDropdown.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { "data-ds-dropdown": "" };

package/dist/components/GrDropdown/chunks/{GrDropdown-BkACCXdp.js.map → GrDropdown-DOvHKnih.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDropdown-BkACCXdp.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport {\n  grDropdownAlignmentClass,\n  grDropdownContentClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  zIndex: '2147483647',\n})\nlet syncFrame = 0\n\nfunction cancelPanelPositionSync(): void {\n  if (typeof window === 'undefined') return\n  if (!syncFrame) return\n\n  window.cancelAnimationFrame(syncFrame)\n  syncFrame = 0\n}\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rootRect = root.getBoundingClientRect()\n  const left = (() => {\n    if (props.align === 'right') return rootRect.right\n    if (props.align === 'center') return rootRect.left + (rootRect.width / 2)\n    return rootRect.left\n  })()\n\n  panelStyle.value = {\n    left: `${left}px`,\n    top: `${rootRect.bottom + 8}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction schedulePanelPositionSync(): void {\n  if (typeof window === 'undefined') return\n  if (syncFrame) return\n\n  syncFrame = window.requestAnimationFrame(() => {\n    syncFrame = 0\n\n    if (open.value) {\n      syncPanelPosition()\n    }\n  })\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', schedulePanelPositionSync)\n  window.addEventListener('scroll', schedulePanelPositionSync, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', schedulePanelPositionSync)\n  window.removeEventListener('scroll', schedulePanelPositionSync, true)\n}\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') close()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n    cancelPanelPositionSync()\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) return\n\n    bindPanelPositionListeners()\n    syncPanelPosition()\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) {\n      schedulePanelPositionSync()\n    }\n  },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n  cancelPanelPositionSync()\n})\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return ['fixed z-50', widthClass.value, grDropdownAlignmentClass(props.align)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-ds-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-ds-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-ds-dropdown-panel\n          :class=\"panelClasses\"\n          :style=\"panelStyle\"\n          @click=\"onContentClick\"\n        >\n          <div data-ds-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport {\n  grDropdownAlignmentClass,\n  grDropdownContentClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  zIndex: '2147483647',\n})\nlet syncFrame = 0\n\nfunction cancelPanelPositionSync(): void {\n  if (typeof window === 'undefined') return\n  if (!syncFrame) return\n\n  window.cancelAnimationFrame(syncFrame)\n  syncFrame = 0\n}\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rootRect = root.getBoundingClientRect()\n  const left = (() => {\n    if (props.align === 'right') return rootRect.right\n    if (props.align === 'center') return rootRect.left + (rootRect.width / 2)\n    return rootRect.left\n  })()\n\n  panelStyle.value = {\n    left: `${left}px`,\n    top: `${rootRect.bottom + 8}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction schedulePanelPositionSync(): void {\n  if (typeof window === 'undefined') return\n  if (syncFrame) return\n\n  syncFrame = window.requestAnimationFrame(() => {\n    syncFrame = 0\n\n    if (open.value) {\n      syncPanelPosition()\n    }\n  })\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', schedulePanelPositionSync)\n  window.addEventListener('scroll', schedulePanelPositionSync, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', schedulePanelPositionSync)\n  window.removeEventListener('scroll', schedulePanelPositionSync, true)\n}\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') close()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n    cancelPanelPositionSync()\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) return\n\n    bindPanelPositionListeners()\n    syncPanelPosition()\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) {\n      schedulePanelPositionSync()\n    }\n  },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n  cancelPanelPositionSync()\n})\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return ['fixed z-50', widthClass.value, grDropdownAlignmentClass(props.align)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-ds-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-ds-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-ds-dropdown-panel\n          :class=\"panelClasses\"\n          :style=\"panelStyle\"\n          @click=\"onContentClick\"\n        >\n          <div data-ds-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDropdown-DOvHKnih.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport {\n  grDropdownAlignmentClass,\n  grDropdownContentClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  zIndex: '2147483647',\n})\nlet syncFrame = 0\n\nfunction cancelPanelPositionSync(): void {\n  if (typeof window === 'undefined') return\n  if (!syncFrame) return\n\n  window.cancelAnimationFrame(syncFrame)\n  syncFrame = 0\n}\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rootRect = root.getBoundingClientRect()\n  const left = (() => {\n    if (props.align === 'right') return rootRect.right\n    if (props.align === 'center') return rootRect.left + (rootRect.width / 2)\n    return rootRect.left\n  })()\n\n  panelStyle.value = {\n    left: `${left}px`,\n    top: `${rootRect.bottom + 8}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction schedulePanelPositionSync(): void {\n  if (typeof window === 'undefined') return\n  if (syncFrame) return\n\n  syncFrame = window.requestAnimationFrame(() => {\n    syncFrame = 0\n\n    if (open.value) {\n      syncPanelPosition()\n    }\n  })\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', schedulePanelPositionSync)\n  window.addEventListener('scroll', schedulePanelPositionSync, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', schedulePanelPositionSync)\n  window.removeEventListener('scroll', schedulePanelPositionSync, true)\n}\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') close()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n    cancelPanelPositionSync()\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) return\n\n    bindPanelPositionListeners()\n    syncPanelPosition()\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) {\n      schedulePanelPositionSync()\n    }\n  },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n  cancelPanelPositionSync()\n})\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return ['fixed z-50', widthClass.value, grDropdownAlignmentClass(props.align)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-ds-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-ds-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-ds-dropdown-panel\n          :class=\"panelClasses\"\n          :style=\"panelStyle\"\n          @click=\"onContentClick\"\n        >\n          <div data-ds-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport {\n  grDropdownAlignmentClass,\n  grDropdownContentClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\nconst panelStyle = ref<Record<string, string>>({\n  left: '0px',\n  top: '0px',\n  zIndex: '2147483647',\n})\nlet syncFrame = 0\n\nfunction cancelPanelPositionSync(): void {\n  if (typeof window === 'undefined') return\n  if (!syncFrame) return\n\n  window.cancelAnimationFrame(syncFrame)\n  syncFrame = 0\n}\n\nfunction syncPanelPosition(): void {\n  if (typeof window === 'undefined') return\n\n  const root = rootEl.value\n  if (!root) return\n\n  const rootRect = root.getBoundingClientRect()\n  const left = (() => {\n    if (props.align === 'right') return rootRect.right\n    if (props.align === 'center') return rootRect.left + (rootRect.width / 2)\n    return rootRect.left\n  })()\n\n  panelStyle.value = {\n    left: `${left}px`,\n    top: `${rootRect.bottom + 8}px`,\n    zIndex: '2147483647',\n  }\n}\n\nfunction schedulePanelPositionSync(): void {\n  if (typeof window === 'undefined') return\n  if (syncFrame) return\n\n  syncFrame = window.requestAnimationFrame(() => {\n    syncFrame = 0\n\n    if (open.value) {\n      syncPanelPosition()\n    }\n  })\n}\n\nfunction bindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.addEventListener('resize', schedulePanelPositionSync)\n  window.addEventListener('scroll', schedulePanelPositionSync, true)\n}\n\nfunction unbindPanelPositionListeners(): void {\n  if (typeof window === 'undefined') return\n  window.removeEventListener('resize', schedulePanelPositionSync)\n  window.removeEventListener('scroll', schedulePanelPositionSync, true)\n}\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') close()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    unbindPanelPositionListeners()\n    cancelPanelPositionSync()\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n\n    if (!isOpen) return\n\n    bindPanelPositionListeners()\n    syncPanelPosition()\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) {\n      schedulePanelPositionSync()\n    }\n  },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n  unbindPanelPositionListeners()\n  cancelPanelPositionSync()\n})\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return ['fixed z-50', widthClass.value, grDropdownAlignmentClass(props.align)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-ds-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-ds-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-ds-dropdown-panel\n          :class=\"panelClasses\"\n          :style=\"panelStyle\"\n          @click=\"onContentClick\"\n        >\n          <div data-ds-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,QAAQ;EAQd,MAAM,OAAO,IAAI,MAAK;EACtB,MAAM,SAAS,IAAwB,KAAI;EAC3C,MAAM,UAAU,IAAwB,KAAI;EAC5C,MAAM,sBAAsB,OAAO,QAAQ,MAAK;EAChD,MAAM,aAAa,IAA4B;GAC7C,MAAM;GACN,KAAK;GACL,QAAQ;GACT,CAAA;EACD,IAAI,YAAY;EAEhB,SAAS,0BAAgC;AACvC,OAAI,OAAO,WAAW,YAAa;AACnC,OAAI,CAAC,UAAW;AAEhB,UAAO,qBAAqB,UAAS;AACrC,eAAY;;EAGd,SAAS,oBAA0B;AACjC,OAAI,OAAO,WAAW,YAAa;GAEnC,MAAM,OAAO,OAAO;AACpB,OAAI,CAAC,KAAM;GAEX,MAAM,WAAW,KAAK,uBAAsB;AAO5C,cAAW,QAAQ;IACjB,MAAM,UAPY;AAClB,SAAI,MAAM,UAAU,QAAS,QAAO,SAAS;AAC7C,SAAI,MAAM,UAAU,SAAU,QAAO,SAAS,OAAQ,SAAS,QAAQ;AACvE,YAAO,SAAS;QACf,CAGa;IACd,KAAK,GAAG,SAAS,SAAS,EAAE;IAC5B,QAAQ;IACV;;EAGF,SAAS,4BAAkC;AACzC,OAAI,OAAO,WAAW,YAAa;AACnC,OAAI,UAAW;AAEf,eAAY,OAAO,4BAA4B;AAC7C,gBAAY;AAEZ,QAAI,KAAK,MACP,oBAAkB;KAErB;;EAGH,SAAS,6BAAmC;AAC1C,OAAI,OAAO,WAAW,YAAa;AACnC,UAAO,iBAAiB,UAAU,0BAAyB;AAC3D,UAAO,iBAAiB,UAAU,2BAA2B,KAAI;;EAGnE,SAAS,+BAAqC;AAC5C,OAAI,OAAO,WAAW,YAAa;AACnC,UAAO,oBAAoB,UAAU,0BAAyB;AAC9D,UAAO,oBAAoB,UAAU,2BAA2B,KAAI;;EAGtE,SAAS,SAAe;AACtB,QAAK,QAAQ,CAAC,KAAK;;EAGrB,SAAS,QAAc;AACrB,QAAK,QAAQ;;EAGf,SAAS,cAAc,GAAwB;AAC7C,OAAI,EAAE,QAAQ,SAAU,QAAM;;AAGhC,QACE,OACC,WAAW;AACV,OAAI,OAAO,aAAa,YAAa;AAErC,YAAS,oBAAoB,WAAW,cAAa;AACrD,iCAA6B;AAC7B,4BAAwB;AACxB,OAAI,OAAQ,UAAS,iBAAiB,WAAW,cAAa;AAE9D,OAAI,CAAC,OAAQ;AAEb,+BAA2B;AAC3B,sBAAkB;KAEpB,EAAE,WAAW,MAAM,CACrB;AAEA,cACQ,MAAM,aACN;AACJ,OAAI,KAAK,MACP,4BAA0B;IAGhC;AAEA,oBAAkB;AAChB,OAAI,OAAO,aAAa,YAAa;AACrC,YAAS,oBAAoB,WAAW,cAAa;AACrD,iCAA6B;AAC7B,4BAAwB;IACzB;EAED,MAAM,aAAa,eAAe,qBAAqB,MAAM,MAAM,CAAA;EAEnE,MAAM,iBAAiB,eAAe,uBAAuB,MAAM,aAAa,CAAA;EAEhF,MAAM,eAAe,eAAe;AAClC,UAAO;IAAC;IAAc,WAAW;IAAO,yBAAyB,MAAM,MAAM;IAAC,CAAC,OAAO,QAAO;IAC9F;EAED,SAAS,iBAAuB;AAC9B,OAAI,MAAM,oBACR,QAAM;;;uBAMR,mBAkCM,OAlCN,YAkCM,CAAA,gBAAA,WAAA,EAjCJ,mBAQM,OAAA;aAPA;IAAJ,KAAI;IAEJ,4BAAA;IACA,OAAM;IACL,SAAO;OAER,WAAoE,KAAA,QAAA,WAAA;IAA9C,MAAM,KAAA;IAAe;IAAgB;;aAL/B;IAAK,SAAW,KAAA;IAAI,SAAW;IAAmB,CAAA,CAAA,CAAA,GAAA,WAAA,EAQhF,YAsBW,UAAA,EAtBA,IAAI,QAAA,YAAU,EAAA,CACvB,YAoBa,YAAA;IAnBX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;2BAaT,CAAA,eAXN,mBAWM,OAAA;cATA;KAAJ,KAAI;KACJ,0BAAA;KACC,OAAK,eAAE,aAAA,MAAY;KACnB,OAAK,eAAE,WAAA,MAAU;KACjB,SAAO;QAER,mBAEM,OAAA;KAFD,4BAAA;KAA0B,OAAK,eAAE,eAAA,MAAc;QAClD,WAAsC,KAAA,QAAA,WAAA,EAAT,OAAK,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,OAR5B,KAAA,MAAI,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrDropdown/index.js

@@ -1,3 +1,3 @@
-import { t as GrDropdown_default } from "./chunks/GrDropdown-BkACCXdp.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-C4AlNm912.js";
+import { t as GrDropdown_default } from "./chunks/GrDropdown-DOvHKnih.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-Br_qI3Za.js";
 export { GrDropdown_default as GrDropdown, GrDropdown_default as default, grDropdownConfig, grDropdownSafelist };

package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-BEenXrJw.js → GrDropdownMenu-CLPwbiyG.js}

@@ -1,4 +1,4 @@
-import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-BkACCXdp.js";
+import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-DOvHKnih.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
 //#endregion
 //#region src/components/GrDropdownMenu/GrDropdownMenuList.vue

package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-BEenXrJw.js.map → GrDropdownMenu-CLPwbiyG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDropdownMenu-BEenXrJw.js","names":[],"sources":["../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--brd)]' : '',\n    props.borderTop ? 'border-t border-[var(--brd)]' : '',\n    props.borderBottom ? 'border-b border-[var(--brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-ds-dropdown-menu-list :class=\"className\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--brd)]' : '',\n    props.borderTop ? 'border-t border-[var(--brd)]' : '',\n    props.borderBottom ? 'border-b border-[var(--brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-ds-dropdown-menu-list :class=\"className\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\n\nexport type GrDropdownMenuAlign = 'left' | 'right' | 'center'\nexport type GrDropdownMenuWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport interface GrDropdownMenuProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownMenuAlign\n  /** Ширина панели. */\n  width?: GrDropdownMenuWidth\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n})\n</script>\n\n<template>\n  <GrDropdown\n    data-ds-dropdown-menu\n    :align=\"align\"\n    :width=\"width\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\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      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\n\nexport type GrDropdownMenuAlign = 'left' | 'right' | 'center'\nexport type GrDropdownMenuWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport interface GrDropdownMenuProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownMenuAlign\n  /** Ширина панели. */\n  width?: GrDropdownMenuWidth\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n})\n</script>\n\n<template>\n  <GrDropdown\n    data-ds-dropdown-menu\n    :align=\"align\"\n    :width=\"width\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\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      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nexport type GrDropdownMenuColumnAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\nconst alignClass: Record<GrDropdownMenuColumnAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-column\n    class=\"px-3 py-2 flex items-center\"\n    :class=\"alignClass[align]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nexport type GrDropdownMenuColumnAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\nconst alignClass: Record<GrDropdownMenuColumnAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-column\n    class=\"px-3 py-2 flex items-center\"\n    :class=\"alignClass[align]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: 2 | 3 | 4\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\nconst colsClass = computed(() => {\n  return {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  }[props.cols]\n})\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-columns\n    class=\"w-full grid divide-x divide-[var(--brd)]\"\n    :class=\"colsClass\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: 2 | 3 | 4\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\nconst colsClass = computed(() => {\n  return {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  }[props.cols]\n})\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-columns\n    class=\"w-full grid divide-x divide-[var(--brd)]\"\n    :class=\"colsClass\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-divider\n    role=\"separator\"\n    class=\"border-t border-[var(--brd)]\"\n    :class=\"inset ? 'mx-2' : ''\"\n  />\n</template>\n","<script setup lang=\"ts\">\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-divider\n    role=\"separator\"\n    class=\"border-t border-[var(--brd)]\"\n    :class=\"inset ? 'mx-2' : ''\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrDropdownMenuHeaderAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n\nconst titleAlignClass = computed(() => {\n  const map: Record<GrDropdownMenuHeaderAlign, string> = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  }\n  return map[props.align]\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-ds-dropdown-menu-header\n    class=\"px-4 py-2 text-[11px] tracking-wide text-[var(--muted-fg)]\"\n    :class=\"[titleAlignClass, { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrDropdownMenuHeaderAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n\nconst titleAlignClass = computed(() => {\n  const map: Record<GrDropdownMenuHeaderAlign, string> = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  }\n  return map[props.align]\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-ds-dropdown-menu-header\n    class=\"px-4 py-2 text-[11px] tracking-wide text-[var(--muted-fg)]\"\n    :class=\"[titleAlignClass, { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport type { GrDropdownMenuHeaderAlign } from './GrDropdownMenuHeader.vue'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst itemsClass = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-ds-dropdown-menu-group class=\"w-full\">\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport type { GrDropdownMenuHeaderAlign } from './GrDropdownMenuHeader.vue'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst itemsClass = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-ds-dropdown-menu-group class=\"w-full\">\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  align: 'left',\n  variant: 'default',\n})\n\nconst attrs = useAttrs()\n\nconst isNativeButton = computed(() => props.as === 'button' || props.as === undefined)\n\nconst alignClass = computed(() => {\n  const map: Record<GrDropdownMenuItemAlign, string> = {\n    left: 'justify-start text-left',\n    center: 'justify-center text-center',\n    right: 'justify-end text-right',\n  }\n\n  return map[props.align]\n})\n\nconst variantClass = computed(() => {\n  if (props.variant === 'danger')\n    return 'text-[var(--ds-danger)]'\n\n  return 'text-[var(--fg)]'\n})\n\nconst disabledClass = computed(() => {\n  if (!props.disabled)\n    return ''\n\n  return 'cursor-not-allowed opacity-60 pointer-events-none'\n})\n\nconst interactiveClass = computed(() => {\n  if (props.disabled)\n    return ''\n\n  return 'hover:bg-[var(--accent)] hover:text-[var(--accent-fg)]'\n})\n\nconst className = computed(() => {\n  return [\n    // block/flex + размеры\n    'w-full min-h-[40px] px-4 py-2.5',\n    'flex items-center gap-2',\n    // типографика\n    'text-[13px]',\n    // взаимодействие\n    'transition-colors duration-150',\n    'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]',\n    alignClass.value,\n    variantClass.value,\n    interactiveClass.value,\n    disabledClass.value,\n  ].filter(Boolean).join(' ')\n})\n\nfunction onClickCapture(e: MouseEvent) {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  e.stopPropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"attrs\"\n    data-ds-dropdown-menu-item\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :disabled=\"isNativeButton ? disabled : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : (attrs.tabindex as any)\"\n    @click.capture=\"onClickCapture\"\n  >\n    <slot />\n  </component>\n</template>","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  align: 'left',\n  variant: 'default',\n})\n\nconst attrs = useAttrs()\n\nconst isNativeButton = computed(() => props.as === 'button' || props.as === undefined)\n\nconst alignClass = computed(() => {\n  const map: Record<GrDropdownMenuItemAlign, string> = {\n    left: 'justify-start text-left',\n    center: 'justify-center text-center',\n    right: 'justify-end text-right',\n  }\n\n  return map[props.align]\n})\n\nconst variantClass = computed(() => {\n  if (props.variant === 'danger')\n    return 'text-[var(--ds-danger)]'\n\n  return 'text-[var(--fg)]'\n})\n\nconst disabledClass = computed(() => {\n  if (!props.disabled)\n    return ''\n\n  return 'cursor-not-allowed opacity-60 pointer-events-none'\n})\n\nconst interactiveClass = computed(() => {\n  if (props.disabled)\n    return ''\n\n  return 'hover:bg-[var(--accent)] hover:text-[var(--accent-fg)]'\n})\n\nconst className = computed(() => {\n  return [\n    // block/flex + размеры\n    'w-full min-h-[40px] px-4 py-2.5',\n    'flex items-center gap-2',\n    // типографика\n    'text-[13px]',\n    // взаимодействие\n    'transition-colors duration-150',\n    'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]',\n    alignClass.value,\n    variantClass.value,\n    interactiveClass.value,\n    disabledClass.value,\n  ].filter(Boolean).join(' ')\n})\n\nfunction onClickCapture(e: MouseEvent) {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  e.stopPropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"attrs\"\n    data-ds-dropdown-menu-item\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :disabled=\"isNativeButton ? disabled : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : (attrs.tabindex as any)\"\n    @click.capture=\"onClickCapture\"\n  >\n    <slot />\n  </component>\n</template>"],"mappings":"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"}
+{"version":3,"file":"GrDropdownMenu-CLPwbiyG.js","names":[],"sources":["../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--brd)]' : '',\n    props.borderTop ? 'border-t border-[var(--brd)]' : '',\n    props.borderBottom ? 'border-b border-[var(--brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-ds-dropdown-menu-list :class=\"className\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--brd)]' : '',\n    props.borderTop ? 'border-t border-[var(--brd)]' : '',\n    props.borderBottom ? 'border-b border-[var(--brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-ds-dropdown-menu-list :class=\"className\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\n\nexport type GrDropdownMenuAlign = 'left' | 'right' | 'center'\nexport type GrDropdownMenuWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport interface GrDropdownMenuProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownMenuAlign\n  /** Ширина панели. */\n  width?: GrDropdownMenuWidth\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n})\n</script>\n\n<template>\n  <GrDropdown\n    data-ds-dropdown-menu\n    :align=\"align\"\n    :width=\"width\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\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      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\n\nexport type GrDropdownMenuAlign = 'left' | 'right' | 'center'\nexport type GrDropdownMenuWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport interface GrDropdownMenuProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownMenuAlign\n  /** Ширина панели. */\n  width?: GrDropdownMenuWidth\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n})\n</script>\n\n<template>\n  <GrDropdown\n    data-ds-dropdown-menu\n    :align=\"align\"\n    :width=\"width\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\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      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nexport type GrDropdownMenuColumnAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\nconst alignClass: Record<GrDropdownMenuColumnAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-column\n    class=\"px-3 py-2 flex items-center\"\n    :class=\"alignClass[align]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nexport type GrDropdownMenuColumnAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n\nconst alignClass: Record<GrDropdownMenuColumnAlign, string> = {\n  left: 'justify-start text-left',\n  center: 'justify-center text-center',\n  right: 'justify-end text-right',\n}\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-column\n    class=\"px-3 py-2 flex items-center\"\n    :class=\"alignClass[align]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: 2 | 3 | 4\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\nconst colsClass = computed(() => {\n  return {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  }[props.cols]\n})\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-columns\n    class=\"w-full grid divide-x divide-[var(--brd)]\"\n    :class=\"colsClass\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: 2 | 3 | 4\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n\nconst colsClass = computed(() => {\n  return {\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n  }[props.cols]\n})\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-columns\n    class=\"w-full grid divide-x divide-[var(--brd)]\"\n    :class=\"colsClass\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-divider\n    role=\"separator\"\n    class=\"border-t border-[var(--brd)]\"\n    :class=\"inset ? 'mx-2' : ''\"\n  />\n</template>\n","<script setup lang=\"ts\">\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-ds-dropdown-menu-divider\n    role=\"separator\"\n    class=\"border-t border-[var(--brd)]\"\n    :class=\"inset ? 'mx-2' : ''\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrDropdownMenuHeaderAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n\nconst titleAlignClass = computed(() => {\n  const map: Record<GrDropdownMenuHeaderAlign, string> = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  }\n  return map[props.align]\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-ds-dropdown-menu-header\n    class=\"px-4 py-2 text-[11px] tracking-wide text-[var(--muted-fg)]\"\n    :class=\"[titleAlignClass, { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nexport type GrDropdownMenuHeaderAlign = 'left' | 'center' | 'right'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n\nconst titleAlignClass = computed(() => {\n  const map: Record<GrDropdownMenuHeaderAlign, string> = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  }\n  return map[props.align]\n})\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-ds-dropdown-menu-header\n    class=\"px-4 py-2 text-[11px] tracking-wide text-[var(--muted-fg)]\"\n    :class=\"[titleAlignClass, { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport type { GrDropdownMenuHeaderAlign } from './GrDropdownMenuHeader.vue'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst itemsClass = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-ds-dropdown-menu-group class=\"w-full\">\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport type { GrDropdownMenuHeaderAlign } from './GrDropdownMenuHeader.vue'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst itemsClass = computed(() => {\n  return [\n    'w-full',\n    props.dividers ? 'divide-y divide-[var(--brd)]' : '',\n  ].filter(Boolean).join(' ')\n})\n</script>\n\n<template>\n  <div data-ds-dropdown-menu-group class=\"w-full\">\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  align: 'left',\n  variant: 'default',\n})\n\nconst attrs = useAttrs()\n\nconst isNativeButton = computed(() => props.as === 'button' || props.as === undefined)\n\nconst alignClass = computed(() => {\n  const map: Record<GrDropdownMenuItemAlign, string> = {\n    left: 'justify-start text-left',\n    center: 'justify-center text-center',\n    right: 'justify-end text-right',\n  }\n\n  return map[props.align]\n})\n\nconst variantClass = computed(() => {\n  if (props.variant === 'danger')\n    return 'text-[var(--ds-danger)]'\n\n  return 'text-[var(--fg)]'\n})\n\nconst disabledClass = computed(() => {\n  if (!props.disabled)\n    return ''\n\n  return 'cursor-not-allowed opacity-60 pointer-events-none'\n})\n\nconst interactiveClass = computed(() => {\n  if (props.disabled)\n    return ''\n\n  return 'hover:bg-[var(--accent)] hover:text-[var(--accent-fg)]'\n})\n\nconst className = computed(() => {\n  return [\n    // block/flex + размеры\n    'w-full min-h-[40px] px-4 py-2.5',\n    'flex items-center gap-2',\n    // типографика\n    'text-[13px]',\n    // взаимодействие\n    'transition-colors duration-150',\n    'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]',\n    alignClass.value,\n    variantClass.value,\n    interactiveClass.value,\n    disabledClass.value,\n  ].filter(Boolean).join(' ')\n})\n\nfunction onClickCapture(e: MouseEvent) {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  e.stopPropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"attrs\"\n    data-ds-dropdown-menu-item\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :disabled=\"isNativeButton ? disabled : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : (attrs.tabindex as any)\"\n    @click.capture=\"onClickCapture\"\n  >\n    <slot />\n  </component>\n</template>","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type GrDropdownMenuItemAlign = 'left' | 'center' | 'right'\nexport type GrDropdownMenuItemVariant = 'default' | 'danger'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  align: 'left',\n  variant: 'default',\n})\n\nconst attrs = useAttrs()\n\nconst isNativeButton = computed(() => props.as === 'button' || props.as === undefined)\n\nconst alignClass = computed(() => {\n  const map: Record<GrDropdownMenuItemAlign, string> = {\n    left: 'justify-start text-left',\n    center: 'justify-center text-center',\n    right: 'justify-end text-right',\n  }\n\n  return map[props.align]\n})\n\nconst variantClass = computed(() => {\n  if (props.variant === 'danger')\n    return 'text-[var(--ds-danger)]'\n\n  return 'text-[var(--fg)]'\n})\n\nconst disabledClass = computed(() => {\n  if (!props.disabled)\n    return ''\n\n  return 'cursor-not-allowed opacity-60 pointer-events-none'\n})\n\nconst interactiveClass = computed(() => {\n  if (props.disabled)\n    return ''\n\n  return 'hover:bg-[var(--accent)] hover:text-[var(--accent-fg)]'\n})\n\nconst className = computed(() => {\n  return [\n    // block/flex + размеры\n    'w-full min-h-[40px] px-4 py-2.5',\n    'flex items-center gap-2',\n    // типографика\n    'text-[13px]',\n    // взаимодействие\n    'transition-colors duration-150',\n    'focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]',\n    alignClass.value,\n    variantClass.value,\n    interactiveClass.value,\n    disabledClass.value,\n  ].filter(Boolean).join(' ')\n})\n\nfunction onClickCapture(e: MouseEvent) {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  e.stopPropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    v-bind=\"attrs\"\n    data-ds-dropdown-menu-item\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :disabled=\"isNativeButton ? disabled : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : (attrs.tabindex as any)\"\n    @click.capture=\"onClickCapture\"\n  >\n    <slot />\n  </component>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EAMd,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL;IACA,MAAM,WAAW,iCAAiC;IAClD,MAAM,YAAY,iCAAiC;IACnD,MAAM,eAAe,iCAAiC;IACvD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAG;IAC3B;;uBAIC,mBAEM,OAAA;IAFD,8BAAA;IAA4B,OAAK,eAAE,UAAA,MAAS;OAC/C,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBEiBV,YAqBa,oBAAA;IApBX,yBAAA;IACC,OAAO,QAAA;IACP,OAAO,QAAA;IACP,0BAAwB,QAAA;IACxB,iBAAe,QAAA;;IAEL,SAAO,SAAE,cAAS,CAC3B,WAA0C,KAAA,QAAA,WAAA,eAAA,mBAAb,UAAS,CAAA,CAAA,CAAA,CAAA;IAG7B,SAAO,SAAE,cAAS,CAC3B,YAOqB,4BAAA;KANlB,UAAU,QAAA;KACV,cAAY,QAAA;KACZ,iBAAe,QAAA;KACf,OAAK,eAAE,QAAA,UAAS;;4BAEU,CAA3B,WAA2B,KAAA,QAAA,WAAA,eAAA,mBAAb,UAAS,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EEnD/B,MAAM,aAAwD;GAC5D,MAAM;GACN,QAAQ;GACR,OAAO;GACT;;uBAIE,mBAMM,OAAA;IALJ,gCAAA;IACA,OAAK,eAAA,CAAC,+BACE,WAAW,QAAA,OAAK,CAAA;OAExB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;;;;;;;;;;EEjBZ,MAAM,QAAQ;EAId,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL,GAAG;IACH,GAAG;IACH,GAAG;IACJ,CAAC,MAAM;IACT;;uBAIC,mBAMM,OAAA;IALJ,iCAAA;IACA,OAAK,eAAA,CAAC,4CACE,UAAA,MAAS,CAAA;OAEjB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;;;;;;;;;;;;;;uBEfV,mBAKE,OAAA;IAJA,iCAAA;IACA,MAAK;IACL,OAAK,eAAA,CAAC,gCACE,QAAA,QAAK,SAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;EEJjB,MAAM,QAAQ;EAMd,MAAM,QAAQ,UAAS;EACvB,MAAM,YAAY,eAAe,QAAQ,MAAM,MAAM,IAAI,QAAQ,MAAM,QAAQ,CAAA;EAE/E,MAAM,kBAAkB,eAAe;AAMrC,UALuD;IACrD,MAAM;IACN,QAAQ;IACR,OAAO;IACT,CACW,MAAM;IAClB;;UAKS,UAAA,SAAA,WAAA,EADR,mBAOM,OAAA;;IALJ,gCAAA;IACA,OAAK,eAAA,CAAC,8DAA4D,CACzD,gBAAA,OAAe,EAAA,WAAI,QAAA,WAAS,CAAA,CAAA,CAAA;OAErC,WAAwB,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EExBlB,MAAM,QAAQ;EAOd,MAAM,aAAa,eAAe;AAChC,UAAO,CACL,UACA,MAAM,WAAW,iCAAiC,GACnD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAG;IAC3B;;uBAIC,mBAUM,OAVN,YAUM,CARI,QAAA,SAAA,WAAA,EADR,YAKE,8BAAA;;IAHC,OAAO,QAAA;IACP,OAAO,QAAA;IACP,WAAW,QAAA;;;;;uCAEd,mBAEM,OAAA,EAFA,OAAK,eAAE,WAAA,MAAU,EAAA,EAAA,CACrB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;EEnBd,MAAM,QAAQ;EAOd,MAAM,QAAQ,UAAS;EAEvB,MAAM,iBAAiB,eAAe,MAAM,OAAO,YAAY,MAAM,OAAO,KAAA,EAAS;EAErF,MAAM,aAAa,eAAe;AAOhC,UANqD;IACnD,MAAM;IACN,QAAQ;IACR,OAAO;IACT,CAEW,MAAM;IAClB;EAED,MAAM,eAAe,eAAe;AAClC,OAAI,MAAM,YAAY,SACpB,QAAO;AAET,UAAO;IACR;EAED,MAAM,gBAAgB,eAAe;AACnC,OAAI,CAAC,MAAM,SACT,QAAO;AAET,UAAO;IACR;EAED,MAAM,mBAAmB,eAAe;AACtC,OAAI,MAAM,SACR,QAAO;AAET,UAAO;IACR;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IAEL;IACA;IAEA;IAEA;IACA;IACA,WAAW;IACX,aAAa;IACb,iBAAiB;IACjB,cAAc;IACf,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAG;IAC3B;EAED,SAAS,eAAe,GAAe;AACrC,OAAI,CAAC,MAAM,SACT;AAEF,KAAE,gBAAe;AACjB,KAAE,iBAAgB;;;uBAKlB,YAYY,wBAXL,QAAA,GAAE,EADT,WAEU,MAUE,MAVG,EAAA;IACb,8BAAA;IACC,OAAO,UAAA;IACP,MAAM,eAAA,QAAkB,MAAA,MAAK,CAAC,QAAI,WAAuB,KAAA;IACzD,UAAU,eAAA,QAAiB,QAAA,WAAW,KAAA;IACtC,iBAAe,QAAA,WAAQ,SAAY,KAAA;IACnC,UAAU,QAAA,WAAQ,KAAS,MAAA,MAAK,CAAC;IAClB;;2BAER,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/GrDropdownMenu/index.js

@@ -1,3 +1,3 @@
-import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./chunks/GrDropdownMenu-BEenXrJw.js";
-import { t as grDropdownMenuConfig } from "../../chunks/config-DDEWvph-2.js";
+import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./chunks/GrDropdownMenu-CLPwbiyG.js";
+import { t as grDropdownMenuConfig } from "../../chunks/config-DmjwIqx1.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 };

package/dist/components/GrEmptyState/chunks/{GrEmptyState-BLbMJFW-.js.map → GrEmptyState-Dj2V5GaX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrEmptyState-BLbMJFW-.js","names":["$slots"],"sources":["../../../../src/components/GrEmptyState/GrEmptyState.vue","../../../../src/components/GrEmptyState/GrEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrEmptyState — карточка пустого состояния с иконкой, заголовком,\n * опциональным описанием и CTA-слотом.\n *\n * - Иконка по умолчанию — `lucide/inbox`, кастомизируется через слот `#icon`.\n * - Default-слот рендерится как контейнер для действий (центрирован).\n */\nexport interface GrEmptyStateProps {\n  title: string\n  description?: string\n}\n\nwithDefaults(defineProps<GrEmptyStateProps>(), {\n  description: undefined,\n})\n</script>\n\n<template>\n  <div\n    data-ds-empty-state\n    class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] p-6 text-center\"\n  >\n    <div class=\"flex justify-center\">\n      <div class=\"h-12 w-12 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center text-[var(--muted-fg)]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"24\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"mt-4 text-[14px] font-700\">\n      {{ title }}\n    </div>\n\n    <div v-if=\"description\" class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n      {{ description }}\n    </div>\n\n    <div v-if=\"$slots.default\" class=\"mt-4 flex justify-center\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrEmptyState — карточка пустого состояния с иконкой, заголовком,\n * опциональным описанием и CTA-слотом.\n *\n * - Иконка по умолчанию — `lucide/inbox`, кастомизируется через слот `#icon`.\n * - Default-слот рендерится как контейнер для действий (центрирован).\n */\nexport interface GrEmptyStateProps {\n  title: string\n  description?: string\n}\n\nwithDefaults(defineProps<GrEmptyStateProps>(), {\n  description: undefined,\n})\n</script>\n\n<template>\n  <div\n    data-ds-empty-state\n    class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] p-6 text-center\"\n  >\n    <div class=\"flex justify-center\">\n      <div class=\"h-12 w-12 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center text-[var(--muted-fg)]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"24\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"mt-4 text-[14px] font-700\">\n      {{ title }}\n    </div>\n\n    <div v-if=\"description\" class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n      {{ description }}\n    </div>\n\n    <div v-if=\"$slots.default\" class=\"mt-4 flex justify-center\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAuBE,mBAyBM,OAzBN,YAyBM;IArBJ,mBAQM,OARN,YAQM,CAPJ,mBAMM,OANN,YAMM,CALJ,WAIO,KAAA,QAAA,QAAA,EAAA,QAAA,CAHL,YAES,gBAAA,EAFA,MAAM,IAAE,EAAA;4BACiB,CAAhC,YAAgC,MAAA,cAAA,EAAA,EAArB,eAAY,QAAM,CAAA,CAAA,CAAA;;;IAMrC,mBAEM,OAFN,YAEM,gBADD,QAAA,MAAK,EAAA,EAAA;IAGC,QAAA,eAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAGLA,KAAAA,OAAO,WAAA,WAAA,EAAlB,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"GrEmptyState-Dj2V5GaX.js","names":["$slots"],"sources":["../../../../src/components/GrEmptyState/GrEmptyState.vue","../../../../src/components/GrEmptyState/GrEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrEmptyState — карточка пустого состояния с иконкой, заголовком,\n * опциональным описанием и CTA-слотом.\n *\n * - Иконка по умолчанию — `lucide/inbox`, кастомизируется через слот `#icon`.\n * - Default-слот рендерится как контейнер для действий (центрирован).\n */\nexport interface GrEmptyStateProps {\n  title: string\n  description?: string\n}\n\nwithDefaults(defineProps<GrEmptyStateProps>(), {\n  description: undefined,\n})\n</script>\n\n<template>\n  <div\n    data-ds-empty-state\n    class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] p-6 text-center\"\n  >\n    <div class=\"flex justify-center\">\n      <div class=\"h-12 w-12 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center text-[var(--muted-fg)]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"24\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"mt-4 text-[14px] font-700\">\n      {{ title }}\n    </div>\n\n    <div v-if=\"description\" class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n      {{ description }}\n    </div>\n\n    <div v-if=\"$slots.default\" class=\"mt-4 flex justify-center\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\n/**\n * GrEmptyState — карточка пустого состояния с иконкой, заголовком,\n * опциональным описанием и CTA-слотом.\n *\n * - Иконка по умолчанию — `lucide/inbox`, кастомизируется через слот `#icon`.\n * - Default-слот рендерится как контейнер для действий (центрирован).\n */\nexport interface GrEmptyStateProps {\n  title: string\n  description?: string\n}\n\nwithDefaults(defineProps<GrEmptyStateProps>(), {\n  description: undefined,\n})\n</script>\n\n<template>\n  <div\n    data-ds-empty-state\n    class=\"rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] p-6 text-center\"\n  >\n    <div class=\"flex justify-center\">\n      <div class=\"h-12 w-12 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center text-[var(--muted-fg)]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"24\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <div class=\"mt-4 text-[14px] font-700\">\n      {{ title }}\n    </div>\n\n    <div v-if=\"description\" class=\"mt-1 text-[13px] text-[var(--muted-fg)]\">\n      {{ description }}\n    </div>\n\n    <div v-if=\"$slots.default\" class=\"mt-4 flex justify-center\">\n      <slot />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAuBE,mBAyBM,OAzBN,YAyBM;IArBJ,mBAQM,OARN,YAQM,CAPJ,mBAMM,OANN,YAMM,CALJ,WAIO,KAAA,QAAA,QAAA,EAAA,QAAA,CAHL,YAES,gBAAA,EAFA,MAAM,IAAE,EAAA;4BACiB,CAAhC,YAAgC,MAAA,cAAA,EAAA,EAArB,eAAY,QAAM,CAAA,CAAA,CAAA;;;IAMrC,mBAEM,OAFN,YAEM,gBADD,QAAA,MAAK,EAAA,EAAA;IAGC,QAAA,eAAA,WAAA,EAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAGLA,KAAAA,OAAO,WAAA,WAAA,EAAlB,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}